/* Basics - Seitengrundlagen */

html {
	color      : #000;
	background : #fff;
	padding    : 0;
	margin     : 0;

}

body {
	color      : #000;
	background : #fff none;
	margin     : 0;
	padding    : 0;
	font-family: Arial, sans-serif;
	font-size  : 11px;

}


/* Formatierung Überschriften */

.Kopfzeile h1 {
	font-size    : 150%;
	padding-left : 0;
	font-weight  : bold;
	margin       : 0;
	float        : left;
	color        : #000;
}

h1 {
	font-family   : Univers, Arial, sans-serif;
	font-size     : 15px;
	font-weight   : normal;
	font-style    : normal;
	color         : #000;
	padding-left  : 50px;
	margin-bottom : 0px;
 	margin-top    : 0;
}

h2 {
	background-image   : url(quadrat.jpg);
	background-repeat  : no-repeat;
	background-position: 28px 1px;
	font-family      :  Univers, Arial, sans-serif;
	font-size        : 17px;
	font-weight      : normal;
	clear            : both;
 	padding-left     : 50px;
 	margin-bottom    : 0;
 	margin-top       : 5px;
 	color            : #000;
}

h2 img,
h3 img {
	clear: both;
	margin-bottom : 0;
	
}

	
h3 {
	font-family   : Univers, Arial, sans-serif;
	font-size     : 14px;
	font-weight   : normal;
	font-style    : normal;
	color         : #737373;
	padding-left  : 50px;
	margin-bottom : 5px;
 	margin-top    : 0;
}
	
h3 strong,
h3 b{
	font-family   : Univers, Arial, sans-serif;
	font-size     : 14px;
	font-weight   : bold;
	font-style    : normal;
	color         : #737373;
	padding-left  : 50px;
	margin-bottom : 5px;
 	margin-top    : 0;
}



/* Formatierung logo */

.Kopfzeile {
	position        : absolute;
	color           : #000;
	font-family     : Univers, Arial, sans-serif;
	font-size       : 9px;
	font-weight     : normal;
	font-style      : normal;
	line-height     : 20px;
	text-align      : left; 
	padding-top     : 30px;
}

.Logo a img {
	margin-top         : 5px;
	margin-bottom      : 5px;
 	border             : none;
 	float              : right;
}
	


/* Formatierung Contentbereich */

.frame {
	width               : 530px;
	height              : 70%;
	text-align          : left;
	padding-top         : 10px;
	margin              : 0;
	font-family         : Arial, sans-serif;
	font-size           : 12px;
	font-weight         : normal;
	overflow            : auto;
}


.content {
	width               : 530px;
	text-align          : left;
	padding-top         : 0;
	margin-left         : 3px;
	padding-bottom      : 10px;
	font-family         : Arial, sans-serif;
	font-size           : 12px;
	font-weight         : normal;
}

.content em,
.frame em {
	font-family  : Arial, sans-serif;
	font-size    : 12px;
	font-weight  : bold;
	font-style   : normal;
}

.content p,
.frame p {
	margin-left  : 50px;
	padding-right : 10px;
}

a {
	text-decoration: none;
	font-family    : Arial, sans-serif;
	font-size      : 12px;
	font-weight    : bold;
	font-style     : italic;
	color          : #000;
}

a:hover {
	text-decoration: underline;
	font-family    : Arial, sans-serif;
	font-size      : 12px;
	font-weight    : bold;
	font-style     : italic;
	color          : #000;
}

.content p img,
.frame p img {
	clear      : both;
	margin-left: 0px;

}

.content h3 img,
.frame h3 img {
	float  : right;
	padding: 8px;
	margin : 0;
}

.content a img,
.frame a img {
	border : none;
}

.titelbild {
	padding: 0;
	margin : 0;
}


/* Formatierung Listen */


.content ul li p,
.frame ul li p {
	margin  : 0;
	padding : 0;
	list-style-type     : none;
	background-color    : #fff;
}

.content ul li,
.frame ul li {
	background-color    : #ECECEC;
	margin-left         : 25px;
	margin-right        : 0px;
	padding-left        : 0px;
	padding-top         : 0px;
	padding-bottom      : 0px;
	list-style-type     : square;
}



/* Formatierung Tabellen */

.content table,
.frame table {
	font-family    : Arial, sans-serif;
	font-size      : 12px;
	font-style     : normal;
	font-weight    : normal;
	color          : #000;
	margin-left    : 50px;
	border         : 1px solid #9DA1A6;
	border-collapse: collapse;
	vertical-align : top;
	width          : 460px;
}

.content th,
.frame th {
	text-align    : left;
	font-family   : Arial, sans-serif;
	font-size     : 15px;
	font-style    : normal;
	font-weight   : normal;
	color         : #fff;
	background    : #9DA1A6;
	padding       : 5px;
	margin-left   : 0;
	vertical-align: top;
}

.content table p,
.frame table p {
	padding-left  : 0;
	margin-left   : 0;
}
.content td,
.frame td {
	padding       : 5px;
	color         : #000;
	background    : #fff;
	vertical-align: top;
	border-bottom : 1px solid #9DA1A6;
}

.content tr.even td,
.frame tr.even td {
	padding     : 5px;
	color       : #000;
	background  : #fff;
	border-bottom : 1px solid #9DA1A6;
	
}

.content tr.odd td,
.frame tr.odd td {
	padding     : 5px;
	color       : #000;
	background  : #fff;
	border-color: #9DA1A6;
}
.content table a,
.frame table a {
	text-decoration: none;
	font-family    : Arial, sans-serif;
	font-size      : 12px;
	font-weight    : bold;
	font-style     : italic;
	color          : #000;
	line-height    : 16px;
}

/* Formatierung Navigation */

.Unternavigation {
	font-family     : Univers, sans-serif;
	font-size       : 13px;
	text-align      : left; 
	background-image   : url(fond.jpg);
	background-repeat  : no-repeat;
	background-position: top left;
	color           : #000;
	border-right    : 1px solid #000;
	margin-left     : 0;
	margin-right    : 0;
	padding-right   : 5px;
	padding-left    : 8px;
	padding-top     : 15px;
	padding-bottom  : 15px;
	width           : 190px; 
}


.news  {
	display: none;
}
	
.Unternavigation ul {
	padding-top     : 0;
	margin-bottom   : 10px;
	margin-left     : 0;
	padding-left    : 0;
	list-style      : none;
	font-size       : 13px;

}

.Unternavigation ul li,
.Unternavigation p {
	font-size       : 13px;
	margin-left     : 0px;
	padding-left    : 0;
	padding-top     : 2px;
}


.Unternavigation a {
	font-family    : Univers, sans-serif;
	font-size      : 13px;
	font-style     : normal;
	font-weight    : normal;
	color          : #000;
	text-decoration: none;
}

.Unternavigation a:hover {
	font-family    : Univers, sans-serif;
	font-size      : 13px;
	font-weight    : bold;
	font-style     : normal;
	color          : #000;
	text-decoration: none;
}

.Unternavigation em {
	font-family    : Univers, sans-serif;
	font-size      : 13px;
	font-weight    : bold;
	font-style     : normal;
	color          : #000;
	text-decoration: none;
}


.Unternavigation li.unternehmen {
	margin-top         : 3px;
	background-image   : url(/quadrat-coscom.jpg);
	background-repeat  : no-repeat;
	padding-left       : 20px;
	background-position: 0 4px;
}
.Unternavigation li.presse {
	margin-top         : 3px;
	background-image   : url(/quadrat-coscom.jpg);
	background-repeat  : no-repeat;
	padding-left       : 20px;
	background-position: 0 4px;
}
.Unternavigation li.coscom {
	margin-top         : 3px;
	background-image   : url(/quadrat-coscom.jpg);
	background-repeat  : no-repeat;
	padding-left       : 20px;
	background-position: 0 4px;
}
.Unternavigation li.produkte {
	margin-top         : 3px;
	background-image   : url(/quadrat-coscom.jpg);
	background-repeat  : no-repeat;
	padding-left       : 20px;
	background-position: 0 4px;
}
.Unternavigation li.dnc  {
	margin-top         : 3px;
	background-image   : url(/quadrat-dnc.jpg);
	background-repeat  : no-repeat;
	padding-left       : 20px;
	background-position: 0 4px;
}
.Unternavigation li.bmo  {
	margin-top         : 3px;
	background-image   : url(/quadrat-bmo.jpg);
	background-repeat  : no-repeat;
	padding-left       : 20px;
	background-position: 0 4px;
}
.Unternavigation li.cad-cam  {
	margin-top         : 3px;
	background-image   : url(/quadrat-cad.jpg);
	background-repeat  : no-repeat;
	padding-left       : 20px;
	background-position: 0 4px;
}

.Unternavigation li.mde-bde-pze  {
	margin-top         : 3px;
	background-image   : url(/quadrat-mde-bde.jpg);
	background-repeat  : no-repeat;
	padding-left       : 20px;
	background-position: 0 4px;
}
.Unternavigation li.pdm  {
	margin-top         : 3px;
	background-image   : url(/quadrat-pdm.jpg);
	background-repeat  : no-repeat;
	padding-left       : 20px;
	background-position: 0 4px;
}
.Unternavigation li.service  {
	margin-top         : 3px;
	background-image   : url(/quadrat-coscom.jpg);
	background-repeat  : no-repeat;
	padding-left       : 20px;
	background-position: 0 4px;
}
.Unternavigation li.kontakt  {
	margin-top         : 3px;
	background-image   : url(/quadrat-coscom.jpg);
	background-repeat  : no-repeat;
	padding-left       : 20px;
	background-position: 0 4px;
}

/* Formatierung 2.Level */

.Navilevel2 img {
	border       : none;
	margin       : 0; 
	padding      : 0;
}


.Navilevel2 a {
	padding-left : -15px; 
	margin-left  : -18px;
	font-size    : 11px;
	letter-spacing: 0px;
	font-weight  : normal;
}

.Navilevel2 a:hover  {
	padding-left : -15px; 
	margin-left  : -18px;
	font-size    : 11px;
	letter-spacing: 0px;
	font-weight  : bold;
}
.Navilevel2 em {
	padding-left : -15px; 
	margin-left  : 0;
	font-size    : 11px;
	letter-spacing: -1px;
	font-weight  : bold;
}


.Navilevel3 img {
	border       : none;
	margin       : 0; 
	padding      : 0;
}

.Navilevel3 a {
	padding-left : -15px; 
	margin-left  : 0;
	letter-spacing: 0px;
	font-size    : 11px;
	font-weight  : normal;
}


.Navilevel3 a:hover,
.Navilevel3 em {
	padding-left : -15px; 
	margin-left  : 0;
	letter-spacing: 0px;
	font-size    : 11px;
	font-weight  : bold;
}

.Navilevel3 em {
	padding-left : 15px; 
	margin-left  : 0;
	letter-spacing: 0px;
	font-size    : 11px;
	font-weight  : bold;
}






/* Formatierung Pfadnavigation */

.Pfad {
	text-align    : left;
	font-family   : Arial, sans-serif;
	font-size     : 10px;
	font-weight   : normal;
	color         : #000;
	margin        : 0;
	padding-bottom: 5px;
	padding-top   : 5px;
	padding-left  : 52px;
}

.Pfad em {
	font-family    : Arial, sans-serif;
	color          : #9DA1A6;
	font-size      : 11px;
	font-style     : normal;
	font-weight    : bold;
	text-decoration: none;
}


.Pfad a {
	font-family     : Arial, sans-serif;
	color           : #000;
	font-size       : 11px;
	font-style      : normal;
	font-weight     : normal;
	text-decoration : none;
}
.Pfad a:hover {
	color           : #000;
	font-size       : 11px;
	font-style      : normal;
	font-weight     : bold;
	text-decoration : none;
}


/* Formatierung Funktion */	



.Funktionen {
	border-left        : 1px solid #000;
	margin             : 0;
	background-image   : url(fond-rechts.jpg);
	background-repeat  : no-repeat;
	background-position: top right;
	width              : 180px;
}
	
/* Formatierung Suche */

.Suche {
	background        : transpartent;
	font-size          : 11px;
	padding-top        : 15px;
	padding-right      : 0;
	padding-left       : 0;
	width              : 180px;
	height             : 10px;
	border-bottom      : 1px solid #000;
}

.Suche input {
	border            : 1px solid #8C8C8D;
	background        : #fff;
	font-size         : 11px;
	margin-left       : 12px;	
}

.Suche input.submit {
	background-image   : url(/search.gif);
	background-repeat  : no-repeat;
	background-position: 0px 5px;
	background-color   : transparent;
	border             : none;
	font-size          : 11px;
	font-weight        : bold;
	height             : 45px;
	color              : #000;
	letter-spacing     : 0;	
	padding-top        : 0;
	padding-left       : 25px;
	float              : left;
}


/*  Formatierung Spracheauswahl */

.Sprachauswahl {
	font-family     : Arial, sans-serif;
	color           : #000;
	font-size       : 11px;
	height          : 0;
	font-style      : normal;
	border-bottom   : 1px solid #000;
	margin-top      : 0;
	padding-left    : 10px;
	padding-right   : 10px;
	width           : 180px;
}

.Sprachauswahl ul {
	padding         : 0;
	font-size       : 11px;
	margin-bottom   : 10px;
	margin-left     : 0;
	list-style      : none;
}
.Sprachauswahl li {
	list-style      : none;   
	padding-left    : 0;
	font-size       : 11px;
	padding-bottom  : 3px;
	padding-top     : 3px;
	height          : 30px; 
}

.Sprachauswahl a img {
	border : none;
}
.Sprachauswahl em {
	font-family   : Univers, Arial, sans-serif;
	color           : #000;
	font-weight     : normal;
	font-style      : normal;
	line-height     : 16px;
	font-size       : 12px;
}
.Sprachauswahl bold,
.Sprachauswahl em bold {
	font-family   : Univers, Arial, sans-serif;
	color           : #000;
	font-weight     : normal;
	line-height     : 16px;
	font-style      : normal;
	font-size       : 12px;
}
.Sprachauswahl a {
	font-weight     : normal;
	font-style      : normal;
	font-size       : 11px;
}
.Sprachauswahl a:hover {
	font-weight     : normal;
	font-style      : normal;
	font-size       : 11px;
}

/*  Formatierung Rückruf Service */

.service2 {
	background-image   : url(/button.gif);
	background-repeat  : no-repeat;
	background-position: 6px 7px;
	font-family     : Arial, sans-serif;
	color           : #000;
	font-size       : 13px;
	height          : 0;
	font-style      : normal;
	border-bottom   : 1px solid #000;
	margin-top      : 0;
	padding-left    : 10px;
	padding-right   : 10px;
	width           : 180px;
}

.service2 a img,
.service2 a,
.service2 a:hover {
	border : none;
		font-size       : 13px;
}

/* Formatierung Druck-button */

.Druckversion {
	background-image   : url(/print.gif);
	background-repeat  : no-repeat;
	background-position: 11px 13px;
	height             : 20px;
	padding-left       : 50px;
	padding-top        : 20px;
	padding-bottom     : 20px;
	font-size          : 11px;
	font-family        : Arial;
	font-style         : normal;
	font-weight        : normal;
	border-bottom      : 1px solid #000;
	width              : 180px;
}

.Druckversion a:link, 
.Druckversion a:visited,
.Druckversion a:active {
	color           : #000;
	font-weight     : normal;
	text-decoration : none;
	font-size       : 11px;
	font-family     : Arial;
	font-style      : normal;
}

.Druckversion a:hover {
	color           : #000;
	font-weight     : bold;
	text-decoration : none;
	font-size       : 11px;
	font-family     : Arial;
}


/* Formatierung Login */

.login {
	background-color: transparent;
	padding-top     : 10px;
	font-size       : 0;
	color           : #ADADAD;
	text-align      : left;
}

.login form.default input{
	background         : none;
	background-repeat  : no-repeat;
	background-position: center;
	width              : 35px;
	height             : 30px;
	border             : none;
	color              : #ADADAD;
	font-size          : 0;
	text-align         : left;
}

.login form.default input.submit{
	background         : none;
	width              : 25px;
	height             : 30px;
	margin-left        : 0;
}

.login form.usermanager input{
	background         : none;
	background-repeat  : no-repeat;
	background-position: center;
	width              : 35px;
	height             : 30px;
	border             : none;
	color              : #ADADAD;
	font-size          : 0;
	text-align         : left;
}

.login form.usermanager input.submit{
	background         : none;
	width              : 36px;
	height             : 30px;
	margin-left        : 0;
	font-size          : 0;
	text-align         : left;
	color              : #ADADAD;
}