/* main.css - Grundeinstellungen für die Startseite */
/*    Allgemeine Definitionen liegen in root.css    */


/* ###### Allgemeiner Konfigurationsteil ###### */ 

body { 
     background-image:url(../img/back_main.jpg);
	 background-repeat:repeat-x;
	 background-color:#4b4b4b;
}


/* ###### Positionselemente für Startseite ###### */ 

#center{
	position:absolute;
	width:920px;
	margin-left:-458px;
	left:50%;
}

/* --- Top-Navigation (Meta Menu) --- */

#eins {
	position:absolute;
	background-repeat:no-repeat;
	width:472px;
	height:40px;
	left:0px; 
	top:0px;
	z-index:2;
}	

/* --- Main Menu & Logo --- */

#zwei {
	position:absolute;
	width:900px;
	height:171px;
	background-color:#fff;
	left:0px; 
	top:40px; 
	z-index:2;
}

#zwei_1{
	position:absolute;
	background-image:url(../img/grey/logo.jpg);
	width:207px;
	height:134px;
	left: 20px;
	top: 15px;
}

#zwei_2{
	position:absolute;
	width:520px;
	height:40px;
	left: 480px;
	top: 135px;
}

/* --- Key Visual for Startpage --- */

#drei{
	position:absolute;
	background-color:#000;
	width:900px;
	height:305px;
	left:0px; 
	top:210px; 
	z-index:1; 
}


/* --- Content --- */

#vier {
	position:absolute;
	background-color:#FFF;
	width:820px;
	padding:0px;
	margin:0px;
	left:0px; 
	top:515px;
	z-index:2;
	padding:30px 40px;
}

#vier_1 {
	float: left;
	width:300px;
	margin:0 80px 0 0;
	padding:0px;
	z-index:2;
	}
	
#vier_2 {
	float: right;
	width:430px;
	margin:0;
	z-index:2;
	}


/* ###### Formate und Klassen für Startseite ###### */ 

/* Hauptüberschriften */

h1.csc-firstHeader{
	font-family:Arial Narrow, Arial, Helvetica, sans-serif;
	font-weight:400;
	font-size:20px;
	text-transform:uppercase;
	color: #696767;
}

/* News-Ansichten */

div.news-latest-item{
	margin-bottom: 12px;
}

div.news-latest-item a, div.news-latest-item a:visited{
 	text-decoration:none;
  	color:#403e3e;
}
  
div.news-latest-item a p.bodytext{
  	background-image:url(../img/main_news_back.gif);
  	background-repeat:no-repeat;
  	background-position: bottom;
  	padding:0 8px 3px 8px;
}

div.news-latest-item a:hover p.bodytext{
	background-image:url(../img/main_news_back_hover.gif);
}
  
div.news-latest-item h3{ 
	font-size:12px;
	font-weight:bold;
}


/* Meta-Menü */

#eins_content {
	height:40px;
	width:472px;
	background-image:url(../img/main_oben.gif);
	background-repeat:no-repeat;
	padding-left:438px;
}

/* Hauptmenü mit Klappfenstern */

#nav li.menuparent_1 {
	float:left;
	margin-left:0px;
	position:relative;
}

#nav li.menuparent_2 {
	float:left;
	position:relative;
	margin-left:-8px;
}

#nav li.menuparent_3 {
	float:left;
	position:relative;
	margin-left:-9px;
}

#nav, #nav ul {
	float: left;
	list-style: none;
	color: #FFF;
	margin-top:1px;
}

#nav li {
	float: left;
}

#nav li li {
	width: 139px;
	padding:6px 3px 6px 3px;
	background:#fff;
	border-bottom:1px solid #666;
}
 
#nav a {
	display: block;
	color: #000;
	text-decoration: none;
}
 
#nav ul li a {
	color: #000;
	font-size:11px;
	font-weight:normal;
	text-transform:uppercase;
}
 
#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 14em;
	font-weight: normal;
	background-image: none;
	margin-top:0px;
}

#nav li li:hover , #nav li li.sfhover {
	background: #ccc;
}

 
#nav li li a {
	padding-left:5px;
}


/*???*/
#nav li ul ul {
	margin: -1.45em 0 0 14em !important;
	margin: -1.45em 0 0 14.45em ;
}
 
/*???*/
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}
 
#nav li:hover ul,
#nav li.sfhover ul,
#nav li li:hover ul,/*??? */
#nav li li li:hover ul,/*??? */
#nav li li.sfhover ul,/*??? */
#nav li li li.sfhover ul/*??? */
 {
	left: auto;
}
 

 
/*imia klappmenüerweiterung*/
p.bodytext-teaser {

       margin: 0 0 7px 0 !important;

}