/********************************************************
Projekt:              TypoMogg
Filename:             styles.css
Description:          Import
Prepared:             06.02.2007 (PeB)	
History:                
*********************************************************/




Projekt:              TypoMogg

Filename:             base.css

Description:          Basis Layout

Prepared:             20.07.2007 (LK)	

History:                

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





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

		GLOBAL

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



/* 

Hiermit werden die Randabstaende und border aller HTML-Elemente auf Null gesetzt. Damit wird das       

Aussehen der Webseite in unterschiedlichen Browsern vereinheitlicht. 

*/

* { margin:0px; padding:0px; }





/* 

Vertikalen Scrollbalken im Netscape & Firefox erzwingen. Dies verhindert, dass zentrierte Layouts 

um 10 Pixel springen wenn der Seiteninhalt kleiner wird als die H?he des Browserfensters. 

*/

html { height: 100% } 

body { 

	min-height: 101%;	

	

	/* Beseitigung des Rundungsfehlers bei Schriftgroessen im Opera sowie Standardformatierungen */

	font-size:100.01%; 

	

	/* FIX: Verhindert, dass positionierte Elemente nicht verschoben werden when die Groesse des Browser Fensters geaendert wird. */

	position: relative; 



	/* Vorgabe der Standardfarben und Textausrichtung */     

	color: #000;        

	/*text-align: left;*/

	font-family:verdana, Arial, "Luxi Sans", "Bitstream Vera Sans", "Lucida Grande", "Trebuchet MS", helvetica, sans-serif;

} 



/* Standardrahmen zuruecksetzen*/

img { border:none; }





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

		PROJECT STUFF		

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



body {

	margin:0em 0em 0em 0em;

	padding:0em 0em 0em 0em;

	background:url(../images/bg_body.jpg) repeat-x;

}

div#container{

	width:976px;

	background-color:#FFF;

	border-left:8px solid #FFF;

	border-right:8px solid #FFF;

	border-bottom:8px solid #FFF;

}

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

		TOP		

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

#print_button a{float:right;background:url(../images/button_drucken.jpg) no-repeat;width:81px; height:21px;padding:4px 0 0 25px;color:#a4a4a4; text-decoration:none;}

#logo{

	float:left;

	width:224px;

	height:83px;

	background:url(../images/logo.jpg) no-repeat;

}

#ausbildung{

	float:left;

	width:126px;

	height:75px;

	background:url(../images/ausbildung.jpg) no-repeat;

	text-decoration:none;

}

#fortbildung{

	float:left;

	width:125px;

	height:75px;

	background:url(../images/fortbildung.jpg) no-repeat;

	text-decoration:none;

}

#hochseilgarten{

	float:left;

	width:127px;

	height:75px;

	background:url(../images/hochseilgarten.jpg) no-repeat;

	text-decoration:none;

}

div#ContainerLogin{

	border-bottom:5px solid #c9c9c9;

	float:right;

	width:373px;

	height:70px;

}

#login{

	float:right;

	width:168px;

	height:28px;

	background:url(../images/login_button.jpg) no-repeat;

	text-decoration:none;

	margin:10px 0 0px 0;

}

#logout{
	float:right;
	width:168px;
	height:28px;
	background:url(../images/logout.jpg) no-repeat;
	text-decoration:none;
	margin:10px 0 0px 0;
}
/*********************************************************

		GENERIC		

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

div#generic{

	float:right;

	width:200px;

	font-size:10px;

	text-align:right;

	margin-top:-15px;

	color:#bababa;

}

ul#genericNavi {

	list-style-type:none;

	padding:0px 0px 0px 0px;

}

ul#genericNavi li{

	display:inline;

}

ul#genericNavi a{

	margin-right:8px;
	color:#bababa;
	text-decoration:none;

}
ul#genericNavi a:hover{

	margin-right:8px;
	color:#000;
	text-decoration:underline;

}

.no_LevelGen_first, .no_LevelGen, .no_LevelGen_last {}

.no_LevelGen_first a, .no_LevelGen a, .no_LevelGen_last a {text-decoration:none; color:#bababa;margin-right:5px;}

.no_LevelGen_first a:link, .no_LevelGen a:link, .no_LevelGen_last a:link {text-decoration:none; color:#bababa;margin-right:5px;}

.no_LevelGen_first a:visited, .no_LevelGen a:visited, .no_LevelGen_last a:visited {text-decoration:none; color:#bababa;}

.no_LevelGen_first a:focus , .no_LevelGen a:focus , .no_LevelGen_last a:focus {}

.no_LevelGen_first a:hover, .no_LevelGen a:hover, .no_LevelGen_last a:hover {text-decoration:none; color:#000;}

.no_LevelGen_first a:active, .no_LevelGen a:active, .no_LevelGen_last a:active {text-decoration:none; color:#000;}



.act_LevelGen_first span, .act_LevelGen span, .act_LevelGen_last span {text-decoration:underline; color:#bababa;}


div#header{

	clear:both;

	width:976px;

	height:149px;

	background:url(../images/headerbilder/header_bild.jpg) no-repeat;

}



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

		MAIN NAVI		

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

div#MainNaviContainer{

	margin:4px 0 0 0;

	clear:both;

}

div#bread{

	float:left;

	width:212px;

	height:28px;

	background:url(../images/bread_home.jpg) no-repeat;

}

div#MainNavi{

	float:left;

	height:28px;

	margin:8px 0 0 -38px;

}
*html div#MainNavi{
	height:28px;
	margin:0px 0 0 2px;
	padding-top:8px;
}

ul#MainNaviList {

	margin:0 0 0px 0px;

 	list-style-type:none;

} 

ul#MainNaviList li{
	display:inline;
	

} 


.no_level1_first a, .no_level1 a, .no_level1_last a {color:#000000; font-size:11px; padding:8px 10px 8px 10px; margin-right:3px; text-decoration:none; background:url(../images/bg_main.jpg) repeat-x;}

.no_level1_first a:hover, .no_level1 a:hover, .no_level1_last a:hover {color:#ababab;font-size:11px;background:url(../images/bg_main_hover.jpg) repeat-x;}

.no_level1_first a:active, .no_level1 a:active, .no_level1_last a:active {color:#ababab;font-size:11px;background:url(../images/bg_main_hover.jpg) repeat-x;}

 

.act_level1_first, .act_level1, .act_level1_last {color:#000000; font-size:11px; padding:8px 10px 8px 10px; margin-right:3px; text-decoration:none; background:url(../images/bg_main_hover.jpg) repeat-x;text-decoration:none;}

.act_level1_first span, .act_level1 span, .act_level1_last span {color:#ababab;font-size:11px;text-decoration:none;}

.act_level1_first span a, .act_level1 span a, .act_level1_last span a {color:#ababab;font-size:11px;text-decoration:none;}



div#suche{

	float:right;

	text-align:right;

	width:234px;

	height:28px;

	background:url(../images/bg_main.jpg) repeat-x;

	font-size:11px;

	padding:3px 0px 0 45px;
}



div#rootLine{

	font-size:10px;

	color:#b0b0b0;

	padding-bottom:3px;

}

div#rootLine a{

	color:#b0b0b0;

}

div#rootLine a:hover{

	color:#000;

}

div#infobox{
	width:200px;

	float:right;

	font-size:10px;

	color:#7c7c7c;

}

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

		CONTENT		

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

div#ContainerContent{

	float:left;

	background:url(../images/bg_content.jpg) repeat-y;

	width:766px;

}

div#content{

	width:750px;

}

.bodytext a{color:#6e6e6e;}

.bodytext a:hover{color:#e2e2e2;}

div#box_left{

	float:left;

	width:243px;

	font-size:11px;

	margin-right:10px;

}
*html div#box_left{
	margin-right:5px;
}

#box_content_left{

	margin:10px 3px 10px 3px;

	padding-bottom:10px;

	width:239px;

	border-right:1px solid #e2e2e2;

	border-bottom:1px solid #e2e2e2;

	background:url(../images/bg_ausbildung.jpg) bottom right no-repeat;

	height:210px;

}

*html #box_content_left{}

a.internal-link{
	color:#6e6e6e;
}
a:hover.internal-link{
	color:#000000; text-decoration:none;
}
.bodytext a{color:#6e6e6e;}
.bodytext a:hover{color:#000000; text-decoration:none;}

div#box_middle{

	float:left;

	width:243px;

	font-size:11px;

	margin-right:10px;

}
*html div#box_middle{

	margin-right:5px;

}
#box_content_middle{

	margin:10px 3px 10px 3px;

	padding-bottom:10px;

	width:239px;

	border-right:1px solid #e2e2e2;

	border-bottom:1px solid #e2e2e2;

	background:url(../images/bg_fortbildung.jpg) bottom right no-repeat;

	height:210px;

}

div#box_right{

	float:right;

	width:243px;

	font-size:11px;

}

#box_content_right{

	margin:10px 3px 10px 3px;

	padding-bottom:10px;

	width:239px;

	border-right:1px solid #e2e2e2;

	border-bottom:1px solid #e2e2e2;

	background:url(../images/bg_hochseilgarten.jpg) bottom right no-repeat;

	height:210px;

}

div#footer{

	width:750px;

}

div#adresse{

	background:#fdecdb;

	width:355px;

	float:left;

	font-size:10px;

	padding:10px;

	min-height:104px;

}

div#meldungen{

	background:#fce5f2;

	width:354px;

	float:left;

	font-size:10px;

	padding:10px;

	min-height:104px;

}

*html div#meldungen{height:84px;}

div#meldungen a.internal-link {color:#000;}
div#meldungen a:hover.internal-link {color:#e60084;}

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

		NEWS

**********************************************************/
.news-latest-container h2{
	color:#7c7c7c;
	padding:2px 0 2px 8px;
	background:#e2e2e2;
	font-size:11px;
	font-weight:bold;
	border-left:9px solid #b0b0b0;
}
.news-latest-container h3 a{
	color:#7c7c7c;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
}
.news-latest-container h3 a:hover{
	color:#e2e2e2;
	text-decoration:underline;
}
.news-latest-date a{
	color:#000;
	font-size:10px;
	text-decoration:none;
	font-weight:bold;
}
.news-latest-date a:hover{
	color:#e2e2e2;
	text-decoration:underline;
}
.news-latest-morelink a{
	font-weight:bold;
	color:#7c7c7c;
	text-decoration:none;
}
.news-latest-morelink a:hover{
	color:#000000;
	text-decoration:underline;
}

.csc-sitemap a (color:#bababa; text-decoration:none;)
.csc-sitemap a:hover (color:#000;)

.news-single-imgcaption {color:#7c7c7c;}
.csc-textpic-caption {color:#9f9f9f;}