/*  
Grau1: #6b6f72;
Grau2: #bdc3c7;
Grau3: #dfe2e5;
*/

body {
	font-family: Arial, Verdana;
	font-size:10px;
	color:#6b6f72;
	
}

h1{
	font-family: Arial, Verdana;
	font-size:17px;
	color:#6b6f72;
	line-height: normal;
	
}

table {
border-spacing: 0pt 0pt;
margin-top:4px;
}



td {
	font-family: Arial, Verdana;
	font-size:11px;
	color:#fffff;
}

th {
	font-family: Arial, Verdana;
	font-size:11px;
	color:#6b6f72;
}



# Aussenabstand für Inhaltselement Bodytext
.bodytext {
margin-bottom:18px;
}
/* IE Layer Hack bei slogan */
* html .bodytext {
margin-bottom:10px;
}


a:link,
a:visited,
a:active {
	text-decoration:none;
	color: #6b6f72;}

a:hover {
	color: #e3001b;}





#main {
    position:absolute;
    left:50%;
	width: 800px;
	top:50%;
	height: 638px;
	margin-left: -400px;
	margin-top: -319px;
}

#logo {
  position:absolute;
  top: 0px;
  left:0px;
  width:152px; 
  height:160px; 
  background-image:url(../images/bernard_gruppe.jpg);
  background-repeat: no-repeat;
  background-color:#bdc3c7;
  z-index:1;
}

#banner {
  position:absolute;
  top: 0px;
  left:152px;
  float:left; 
  width:648px; 
  height:160px;
  background-image:url(../images/banner.jpg); 
  background-repeat: no-repeat;
  background-color:#bdc3c7;
  z-index:2;
}




#menue_top {
  position: absolute;
  top: 160px;
  left:0px;
  float:left; 
  width:800px; 
  height:20px; 
  text-transform:uppercase;
  background-color: #6b6f72; 
  z-index:3;
}



#left {
  position: absolute;
  top: 180px;
  left:0px;
  float:left; 
  width:152px; 
  height:448px;
background-color: #bdc3c7;  
  z-index:5;
}

#left_top {
  position: absolute;
  top: 0px;
  left:0px;
  width:131px; 
  height:170px; 
  font-size:11px;
  color:#6b6f72;
  padding-left:21px;padding-top:11px;
  background-color: #bdc3c7;
  z-index:6;
}

/* IE Layer Hack bei padding */
* html #left_top {
  position: absolute;
  top: 0px;
  left:0px;
  width:152px; 
  height:170px; 
  padding-top:11px;
  background-color: #bdc3c7;
  z-index:6;
}

#left_cen {
	position: absolute;
	top: 108px;
	left:0px;
	width:152px;
	height:100px;
	background-color: #bdc3c7;
	z-index:13;
}



#left_bot {
  position: absolute;
  top: 210px;
  left:0px;
  width:152px; 
  height:175px; 
   font-size:11px;
  color:#6b6f72;
  padding-left:11px;
  background-color:#bec3c7;
  z-index:7;
}

#left_bot p {margin-top:0px; margin-bottom:5px;}

#center {
  position: absolute;
  top: 180px;
  left:152px;
  width:538px; 
  height:438px; 
  background-color:#ffffff;
  padding-left:25px; padding-right:85px;  padding-top:10px;
      padding-top:13px ! Internet Explorer;
  	font-family: Arial, Verdana;
	font-size:11px;
  z-index:8;
}



#center h1 {font-size:24px; }

#center h3 {font-size:12px; }

#center p {font-size:11px; }

#center h2 {font-size:14px; margin-bottom:1px; }

#center_black {
	position: absolute;
	top: 180px;
	left:152px;
	width:538px;
	height:438px;
	background-color:#ffffff;
	padding-left:25px;
	padding-right:85px;
	padding-top:10px;




      padding-top:13px ! Internet Explorer;
	font-family: Arial, Verdana;
	font-size:16px;
	z-index:8;
	overflow: scroll;
	font-weight: bold;
}





#center_un {
  position: absolute;
  top: 460px;
  left:152px;
  width:598px; 
  height:80px; 
  background-color:#ffffff;
  padding-left:25px; padding-right:25px;  padding-top:50px;
      padding-top:50px ! Internet Explorer;
  	font-family: Arial, Verdana;
	font-size:11px;
  z-index:18;
}


#footer_le {
  position: absolute;
  top: 628px;
  left:0px;
  float:left; 
  width:800px; 
  height:33px; 
  background-image:url(../images/footer.gif);
  background-repeat:repeat;
  z-index:10;
}

#footer_cen {
  position: absolute;
  top: 628px;
  left:165px;
  float:left; 
  width:605px; 
  height:33px; 
  padding-left:15px; padding-right:15px; padding-top:5px;
  z-index:11;
}

/* IE Layer Hack bei padding */
* html .footer_cen {
  width:635px; 
  z-index:11;
}





# Einstellungen content-element Dateiverweise
.filelinks a a:link, a:visited, a:active{
	text-decoration:yes;
	color: #666666;
}
.filelinks a:hover {text-decoration:none; color: #C5000A;}



.csc-textpicHeader {

        font-size: 9px;

        font-weight: normal !important;

        font-family: Verdana, Arial, Helvetica, sans-serif;

        color: #060366;

}


# Überschrift im contentelement
.csc-firstHeader {
  font-size: 17px;
}


.contenttable{
margin-left:-4px;
}