/*
grau: 5C6970
 */
 
/************
  * Misc Styles and defaults 
  */
  
* {
	margin: 0;
	padding: 0;
}

html {
	background: #FFF url(../gfx/bg.jpg) no-repeat scroll center top;
	-moz-background-clip: -moz-initial; 
	-moz-background-origin: -moz-initial; 
	-moz-background-inline-policy: -moz-initial;
}
body {
	color: #333;
 	font-size: 75%; 
	font-family: Verdana, Arial;
}

#form input {
	background-color:#eee;
	border:1px solid #5C6970;
	color:#5C6970;
}

#stripes {
	margin: 0; width: 984px; height: 5px;
	background: transparent url(../gfx/topVerlauf.jpg) no-repeat scroll right top;
}
#language {
	width: 1000px;
	height:20px;
	text-align: right;
}
#language  a{
	margin-top:2px;
	position:relative;
	top:3px;
	padding: 3px 10px 3px 10px;
	height:200px;
	text-transform: uppercase;
	text-decoration: none;
	color: #5C6970;
}
#language a:hover {
	color: #000;
}

#mitarbeiter {
	font-size:11px;
	color:#5C6970;
	width:100%;
	margin-bottom:20px;
	border-top:1px solid #5C6970;
}
#mitarbeiter a {
	color:#5C6970;
	text-decoration:none;
}
#mitarbeiter img {border:0;padding-right:2px;}
#mitarbeiter td {padding:5px;}
#mitarbeiter td.bild {width:100px}
#mitarbeiter td.text {width:340px}
#mitarbeiter td.icon img {width:17px; height:17px; padding:0;}

#referenzen {
	font-size:11px;
	color:#5C6970;
	width:100%;
	margin-bottom:20px;
}
#referenzen th {text-transform: uppercase; font-weight:bold; font-size:12px; padding:0 0 10px 5px;}
#referenzen td {padding:5px;}
#referenzen td.kunde {width:200px;font-weight:bold;}
#refSub td.bereich {width:90px;}
#refSub td.thema {width:100%}
#refLegende {font-size:10px; color: #5C6970}

#newsView .titel {padding:10px 0 10px 0; font-size:26px; color: #5C6970; display:block; }
#newsView .abbinder {padding:0 0 20px 0; font-size:14px; color: #5C6970; display:block; text-transform: uppercase;}
#newsView .text{color: #000; display:block;line-height:20px}
#newsView .datum {color: #9CA9B0; display:block;}
#newsView .quelle {color: #9CA9B0; display:block; text-align:right;	font-style: italic;}

#newsImages {padding:10px 0 20px 0;}
#newsImages div {float:left; }
#newsImages div img  {border:0; padding:0 10px 10px 0;}

#news {
	font-size:11px;
	color:#5C6970;
	width:100%;
	margin-bottom:20px;
}
#news th {text-transform: uppercase; font-weight:bold; font-size:12px; padding:0 0 20px 5px;}
#news td {padding:5px;}
#news a.titlink {text-decoration:none; color: #000;padding:0px;margin:0px; width:85%; font-size:16px; padding:0;margin:0;}
#news a.titlink:hover {color: #5C6970}
#news td.titel div a p, #news td.titel p {font-weight:normal}
#news div.link {float:right}
#news div.link a {text-align:right;display:block;font-size:11px; color: #000; text-decoration:none;}
#news div.link a:hover {color:#5C6970;}
.newsList a {display:block; padding: 5px; color: #5C6970; text-decoration:none; font-size:10px; border-bottom: 1px solid #DCE9E0;}
.newsList a:hover {background-color:#DCE9E0;}


/*Kontainer Logo und gleichzeitig BG-Bild*/
#logo {
	margin: 0; width: 984px; height:103px;
	left:8px;
	position:relative;
}

/*Zweite Bildebene*/
#logoHighlight { /*BGimage kommt über head.php = farbiger Mover*/
	margin: 0; padding: 0; width: 984px; height:103px;
}
#logoForeground { /*BGimage kommt über head.php = statisches graues Bild*/
	margin: 0; padding: 0; width: 984px; height:103px;
}

#logo a { margin: 0; display: block; height: 103px; width: 184px; }
#logo img { border: 0}

#left {width:240px; float:left;}
#leftMessage {padding: 30px 28px 30px 20px; text-transform: uppercase;} /*Farbe wird in head.php überschrieben*/
#leftAdress{padding: 30px 28px 30px 20px; font-size: 75%; color:#5C6970}
#leftLine { border-bottom:1px solid #5C6970}
#left img {padding: 30px 10px 20px 10px; border: none;}

#startRight {width:505px; margin: 0; font-size:11px; float:right;}

#center{
	margin-left:30px;
	width:450px; /*290*/
	float:left; 
	padding-top: 40px;
}
#center h1 {
	font-size:16px;
	font-weight:normal;
	line-height:24px;
	padding-bottom: 30px;
	color:#5C6970;
}
#center h2 {
	font-size:11px;
	font-weight:normal;
	line-height:18px;
	color:#5C6970;
	padding-bottom:20px;
}


#right{
	margin-left:30px;
	width:234px; /*290*/
	float:left; 
	padding-top: 40px;
}
#right ul, #center ul  {
	padding:10px 0 10px 0;
	border-top: 1px solid #A7B6BF;
	border-bottom: 1px solid #A7B6BF;
	list-style: none; 
}
#right ul li, #center ul li { /*Farbe wird in head.php überschrieben*/
	font-size: 10px;
	line-height:17px;
}
#right ul li.head{ /*Farbe wird in head.php überschrieben*/
	font-weight:bold;
	text-transform: uppercase; 
}

#Layout a:hover {color: #000;}




#refLeft {
	width:260px;
	float:left;
	border-right:1px solid #CCD;
	padding: 0 10px 20px 0;
}
#refMiddle {
	width:260px;
	float:left;
	border-right:1px solid #CCD;
	padding: 0 10px 20px 10px;
}
#refRight{
	width:438px;
	float:left;
	padding: 0 0 20px 10px;
}
#refLeft h1, #refMiddle h1, #refRight h1 {
	font-size:26px; 
	margin:0; 
	padding:0; 
	text-transform: uppercase; 
	letter-spacing:-2px;
	color:#000;
}
#refLeft br, #refMiddle br, #refRight br {
	line-height:6px;
}
#refLeft a, #refMiddle a, #refRight a {
	display: block;
	text-decoration:none;
	color:#035EA4;
	text-transform: uppercase; 
	font-size: 12px;
}
#refLeft a:hover, #refMiddle a:hover, #refRight a:hover {
	color:#000;
}
#refLeft p, #refMiddle p, #refRight p {
	display: block;
	color:#666;
	font-size: 11px;
	text-transform: uppercase; 
	padding:0 0 10px 0;
}
#refLeft p:hover, #refMiddle p:hover, #refRight p:hover{
	background-color:#EEF;
}
#refRight div.bilder {
	float:left; 
}
#refRight div.bilder a img {
	border: 2px solid #FFF;
}
#refRight div.bilder a img:hover {
	border: 2px solid #035EA4;
}
#refRight div.before {
	width:130px;
	color:#666;
	border-bottom:1px dotted #CCC;
	float:left;
}
#refRight div.after {
	width:305px;
	color:#000;
	border-bottom:1px dotted #CCC;
	float:right;
}

.disclaimer, .disclaimer  a{
	font-size:11px;
	color:#666;
	line-height:13px;
}

p {
	padding: 3px 0 3px 0;
}

h4 {
	font-size:14px; 
	margin:20px 0 0 0; 
	padding:0; 
	font-weight:normal;
	font-style: italic;
	color:#035EA4;
	display:block;
}
h5  {
	font-size:26px; 
	margin:20px 0 0 0; 
	padding:0; 
	text-transform: uppercase; 
	letter-spacing:-2px;
	color:#035EA4;
}
h6  {
	font-size:18px; 
	margin:0 0 10px 0; 
	padding:0; 
	text-transform: uppercase; 
	letter-spacing:-1px;
	color:#666;
}


/*
* html h1 img { display: none; }
* html h1 a { display: block; }
*/

table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
/*img {
	border: 4px solid #E9E9E9;
}*/
.clear{
	clear:both;
}

#startContainer{
	background-color:transparent;
}

/**************
	Hauptnavigation
*/
#nav {
	width:964px; height:25px;
	padding: 0 10px 0 10px;
	margin: 0 8px 0 8px;
	border-bottom: 1px solid #5C6970;
}
#nav ul li { 
	list-style: none; 
	margin: 0 0 1px; 
	float: left;
}
#nav ul li a { 
	text-decoration: none;
	display:block;
	font-size: 11px; 
	font-weight: bold;
	color: #5C6970;
	text-transform: uppercase;
	padding:6px 10px 3px 10px;
}
#nav ul li a:hover {color: #000;}
#nav ul li a.current {} /*Farbe wird in head.php überschrieben*/
#nav ul li a.current:hover {color: #5C6970;}


/**************
	Subnavigation
*/
#nav2{
	width:auto; height:19px;
	padding: 0 10px 0 10px; /*Padding wird in head.php überschrieben*/
	margin: 2px 8px 0 12px;
}

#nav2 ul li { 
	list-style: none; 
	margin: 0 0 1px; 
	float:left;
}
#nav2 ul li a { /*Farbe wird in head.php überschrieben*/
	text-decoration: none;
	display: block; 
	font-size: 11px; 
	font-weight: normal;
	color: #F00;
	text-transform: none;
	padding:2px 5px 2px 5px;
}
#nav2 ul li a:hover, #nav2 ul li a.current:hover {color: #5C6970;}
#nav2 ul li a.current{font-weight:bold;}
#nav2 ul li a.current:hover{color: #5C6970;}

#media, #media2{
	width: 504px;
	height: 250px;
	padding-bottom: 10px;
}
#media img, #media2 img {
	border: 0;
}

/**************
 	Footer-Dinge
*/
#footer { 
	margin: 0 8px 0 8px; 
	padding: 10px 0 50px 0; 
	color: #5C6970;
	text-transform: uppercase;
	font-size: 10px;
	border-top:1px solid #5C6970;
}
#footer a {
	color: #5C6970;
	text-decoration:none;
}
#footer a:hover {
	color: #000;
}

/*
* = überall
$ = am Ende
^ = am Anfang
*/


/**************
 	Site Container Box
*/

#BgContainer {
	width: 1000px;  
	margin: 0 auto; 
}
#Container { 
	width: 1000px;

}
#Layout {
	width: 984px;
	clear: both;
	overflow: hidden;
	margin: 15px auto;
	margin-bottom:0;
}
#Content {
	width: 538px;
	float: right; 	
	margin: 0;
	text-align: left;
}