/* i-select 
	Projekt: i-select Medienberatung
	Ersteller: Matthias Dorn
	Datum: 15.08.2006
	Beschreibung:
	Containerformatierung und zusätzliche Seitenformatierungen 
*/

body
{	
	left:0;
	top:0;
	margin:0;
	padding:0;
	background-color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	

}

strong{color:#008000;font-weight:bold;}
em{color:#008000;font-weight:bold; font-style:normal}
	
	
#outerpage
{	background-color: transparent;
	position: absolute;
	top: 50%;
	left: 0px;
	width: 100%;
	margin-top: -300px;
	text-align: center;
	
}

#centerpage 
{	margin: auto;
	text-align: center;
	padding-top:50px;
	width:100%;
	height:600px;
	background-image:url(main_01_FILES/centerbg.jpg);
	background-repeat:repeat-x;
	
}


#frame
{	text-align:center;
	position:relative;
	width:800px;
	height:600px;
	margin:auto;
	
		
}


#header
{	height:208px;
	width:705px;
	background-image:url(main_01_FILES/headerbgblue.jpg);
	background-repeat:no-repeat;
	text-align:center;
	margin:auto;
}

/* HEADERMENU */

#navigation
{	position:relative;
	width:700px;
	height:50px;
	font-size:12px;
	color:#3B3B3B;
	
}


#navigation ul
{	list-style-type: none;width:100%;padding:0;margin:0; 
	
}
#navigation li
{	display: block;float:left; width:20%;text-align:center;
	height:50px;
	padding-top:20px;
}

#navigation[id] li
{	display: block;float:left; width:20%;text-align:center;
	height:35px;
	padding-top:15px;
}

/*Header Menü Hyperlinks*/
#navigation li a
{	display: block;
	text-decoration:none;
	color:#3B3B3B;
	width:100%;
}

#navigation li a:hover
{	text-decoration:none;
	color:#5F5F5F;
	font-weight:bold;
}
#navigation li a.active { font-weight:bold;}

.active { font-weight:bold;}

.libg
{	background-image:url(main_01_FILES/trenner.gif);
	background-repeat:no-repeat;
	background-position:right;
}


#logo
{	position:relative;
	width:700px;
	height:158px;
	border:0; 
	padding:0;
	margin:0;
	overflow:hidden;
	text-align:left;
	padding-left:7px;
}

#logo[id]
{	width:692px;
	height:149px;
	margin-left:0px;
	
}

#counter
{  width:50px;
	text-align:right;
	color:white;
}


#content
{	position:relative;
	width:705px;
	height:280px;
	background-image:url(main_01_FILES/contentbgblue.jpg);
	background-repeat:no-repeat;
	margin:auto;
	
}


#leftside
{	float:left;
	width:140px;
	overflow:hidden;
	height:270px;
	font-size:9px;
}
#leftmenu
{ 	text-align:left;
}	

#rcontent
{	float:left;
	width:550px;
	height:260px;
	text-align:left;
	margin:5px;
	overflow:auto;
}


/* CONTENTBOXEN */

#cl, #cr, #cf, #cfauto, #cf_full
{	line-height:14px;
	font-size:11px;
	padding:2px;
	padding-right:5px;
	margin:3px;
}

#cl, #cr, #cf, #cf_full, #cfauto
{	
	background-color:#BDEC9B;
	background-position:bottom;
}

#cl
{ 	float:left;
	width:250px;
	border:1px solid #868686;

}


#cr
{	float:left;
	width:250px;
	border:1px solid #868686;
	
}

#cf
{   clear:both;
	width:520px;
	height:250px;
	border:1px solid #868686;
	
}

#cfauto
{  clear:both;
	width:520px;
	height:250px;
	border:1px solid #868686;
	
	overflow:hidden;
}

#cf_full
{  clear:both;
	width:513px;
	height:auto;
	border:1px solid #868686;
	
	overflow:hidden;
}


/******************************/


#hiddencontent {
display:none;
visibility:hidden;
color:#D9DEE7;
}


/* LEFTSIDEMENU*/

#leftheader
{	height:30px;
	color:#3B3B3B;	
	width:134px;
	border:1px solid #cccccc;
	background-color:#EFEFEF;
	background-image:url(main_01_FILES/leftheader.jpg);
	background-repeat:repeat-y;
	text-align:right;
	padding-top:15px;
	padding-right:5px;
	margin-top:5px;
	margin-left:5px;
	font-weight:bold;
	border-right:1px solid #999999;
}
#leftheader[id]
{	width:128px;
	height:15px;
}

#lang_navi
{  width:134px;
	text-align:left;
	padding-top:10px;
}

#counter
{  width:134px;
	text-align:right;
	padding-top:100px;
	color:white;
}


#leftmenu ul
{	list-style-type: none;
	padding:0;
	margin:0;
	width:134px;
}
#leftmenu ul[id]
{	width:128px;
}
#leftmenu li
{	display:block;
	width:134px;
	border:1px solid #cccccc;
	border-right:1px solid #999999;
	height:16px;
	line-height:16px;
	color:#3B3B3B;	
	background-color:#EFEFEF;
	background-image:url(main_01_FILES/leftmenuoff.jpg);
	background-repeat:no-repeat;
	margin-left:5px;
	margin-top:1px;
	font-weight:bold;
}
#leftmenu[id] li
{	width:133px;
}
#leftmenu li a
{	display: block;
	width:100%;
	text-decoration:none;
	padding-left:5px;
	color:#3B3B3B;
}
#leftmenu[id] li a
{	width:128px;
}
#leftmenu li a:hover
{	background-image:url(main_01_FILES/leftmenuon.jpg);
	background-repeat:no-repeat;
}

#leftmenu li a.active
{	background-image:url(main_01_FILES/leftmenuon.jpg);
	background-repeat:no-repeat;
}

#footer{	width:705px;font-size:9px; font-weight:bold;height:10px; color:#FFFFFF; padding-top:6px;;
}

#footer[id]{	float:left;width:705px;font-size:9px; font-weight:bold;height:10px; color:#FFFFFF; padding-top:6px;
}

#adresse{float:left;}
#footerlink{float:right;padding-right:5px;}
#footerlink a{text-decoration:none; color:#FFFFFF; font-weight:bold;}
#footerlink a:hover
{	text-decoration:underline;
}