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		
**********************************************************/	
h1{font-size:14px;}
.csc-firstHeader h1{
	font-size:14px;
	font-weight:bold;
	color:#e60084;
	border-left:4px solid #e60084;
	padding-left:5px;
}
.csc-header{
	font-size:14px;
	font-weight:bold;
	color:#e60084;
	border-left:4px solid #e60084;
	padding-left:5px;
}
.csc-header-n2{
	font-size:14px;
	font-weight:bold;
	color:#e60084;
	border-left:4px solid #e60084;
	padding-left:5px;
}
.external-link-new-window {color:#6e6e6e;}
.csc-textpic-text a{color:#6e6e6e;}
.csc-textpic-text a:hover{color:#c4c4c4; text-decoration:none;}
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:-45px;

	color:#bababa;


}
ul#genericNavi {
	list-style-type:none;
	padding:0px 0px 0px 0px;
	float:right;
	width:200px;
	font-size:10px;
	text-align:right;
	margin-top:-5px;
	color:#bababa;
}
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;}
.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_ausbildung.jpg) no-repeat;
}



div#headerhochseilgarten{

	clear:both;

	width:976px;

	height:149px;

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

}

div#headerservice{

	clear:both;

	width:976px;

	height:149px;

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

}

div#headerausbildung{

	clear:both;

	width:976px;

	height:149px;

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

}

div#headerberufskolleg{

	clear:both;

	width:976px;

	height:149px;

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

}

div#headerfortbildung{

	clear:both;

	width:976px;

	height:149px;

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

}

div#headerphysiotherapie{

	clear:both;

	width:976px;

	height:149px;

	background:url(../images/headerbilder/header_physiotherapie.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/headerbilder/bread_default.jpg) no-repeat;
}

div#breadausbildung{
	float:left;
	width:212px;
	height:28px;
	background:url(../images/headerbilder/bread_ausbildung.jpg) no-repeat;
}

div#breadfortbildung{
	float:left;
	width:212px;
	height:28px;
	background:url(../images/headerbilder/bread_fortbildung.jpg) no-repeat;
}

div#breadhochseilgarten{
	float:left;
	width:212px;
	height:28px;
	background:url(../images/headerbilder/bread_hochseilgarten.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;}

/*********************************************************
		SUB NAVI		
**********************************************************/
div#SubNavi{
	width:252px;
	float:left;
	margin-left:-40px;
	display:block;
	margin-bottom:10px;
}
ul#navleftlist {
	margin:0 0 0px 0px;
 	list-style-type:none;
	display:block;
} 
ul#navleftlist li a{
	margin:1px 0 1px 0px;
} 

.no_level2_first a, .no_level2 a, .no_level2_last a {color:#000000; font-size:11px; padding:2px 0px 2px 5px; text-decoration:none; background:#c4c4c4;display:block;margin:1px 0 1px 0px;}
.no_level2_first a:hover, .no_level2 a:hover, .no_level2_last a:hover {color:#e60084; font-size:11px; background:#ddbfd0;}
.no_level2_first a:active, .no_level2 a:active, .no_level2_last a:active {color:#e60084; font-size:11px; background:#ddbfd0;}
 
.act_level2_first, .act_level2, .act_level2_last {color:#e60084; padding:2px 0px 2px 5px; font-size:11px; ;margin:1px 0 1px 0px; text-decoration:none; background:#ddbfd0;text-decoration:none;}
.act_level2_first span, .act_level2 span, .act_level2_last span {color:#e60084;font-size:11px;text-decoration:none;}
.act_level2_first span a, .act_level2 span a, .act_level2_last span a {color:#e60084;font-size:11px;text-decoration:none;}



.no_level3_first a, .no_level3 a, .no_level3_last a {color:#000000; font-size:11px; padding:2px 0px 2px 5px; text-decoration:none; background:#e2e2e2;display:block;margin:1px 0 1px 0px;}
.no_level3_first a:hover, .no_level3 a:hover, .no_level3_last a:hover {color:#ababab;font-size:11px;margin:1px 0 1px 0px;}
.no_level3_first a:active, .no_level3 a:active, .no_level3_last a:active {color:#ababab;font-size:11px;margin:1px 0 1px 0px;}
 
.act_level3_first, .act_level3, .act_level3_last {color:#000000; font-size:11px; padding:2px 0px 2px 5px; text-decoration:none; background:#e2e2e2;text-decoration:none;margin:1px 0 1px 0px;}
.act_level3_first span, .act_level3 span, .act_level3_last span {color:#ababab;font-size:11px;text-decoration:none;margin:1px 0 1px 0;}
.act_level3_first span a, .act_level3 span a, .act_level3_last span a {color:#ababab; font-size:11px;text-decoration:none;margin:1px 0 1px 0px;}




.no_level4_first a, .no_level4 a, .no_level4_last a {color:#000000; font-size:11px; padding:2px 0px 2px 40px; text-decoration:none; background:#e2e2e2;display:block;margin:1px 0 1px 0px;}
.no_level4_first a:hover, .no_level4 a:hover, .no_level4_last a:hover {color:#ababab;font-size:11px;margin:1px 0 1px 0px;}
.no_level4_first a:active, .no_level4 a:active, .no_level4_last a:active {color:#ababab;font-size:11px;margin:1px 0 1px 0px;}
 
.act_level4_first, .act_level4, .act_level4_last {color:#000000; font-size:11px; padding:2px 0px 2px 40px; text-decoration:none; background:#e2e2e2;text-decoration:none;margin:1px 0 1px 0px;}
.act_level4_first span, .act_level4 span, .act_level4_last span {color:#ababab;font-size:11px;text-decoration:none;margin:1px 0 1px 0px;}
.act_level4_first span a, .act_level4 span a, .act_level4_last span a {color:#ababab;font-size:11px;text-decoration:none;margin:1px 0 1px 0px;}

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:left;
	font-size:10px;
	color:#7c7c7c;
}
/*********************************************************
		CONTENT		
**********************************************************/
div#ContainerContent{
	float:left;
	background:url(../images/bg_content_unterseite.jpg) repeat-y;
	width:968px;
	

}
div#content{
	width:710px;
	float:left;
	margin:8px 0 15px 10px;
	color:#000;
	font-size:11px;
}
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_left{
	float:left;
	width:243px;
	font-size:11px;
	margin-right:10px;
}

#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;
	min-height:162px;
}
div#box_middle{
	float:left;
	width:243px;
	font-size:11px;
	margin-right:10px;
}
#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;
	min-height:162px;
}
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;
	min-height:162px;
}
div#footer{
	width:950px;
	background:#fdecdb;
	font-size:10px;
}
/*********************************************************

		NEWS INFOBOX

**********************************************************/
.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:#e2e2e2;
	text-decoration:underline;
}
/*********************************************************

		NEWS LIST

**********************************************************/
.news-list-item a{
	color:#7c7c7c;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
}
.news-list-item a:hover{
	color:#e2e2e2;
	text-decoration:underline;
}
.news-list-date{
	font-size:12px;
}
/*********************************************************

		NEWS SINGLE

**********************************************************/
.news-single-item h2{
	color:#e60084;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
}
.news-single-author a{
	color:#000;
	text-decoration:none;
}
.news-single-author a:hover{
	text-decoration:underline;
}
.news-single-backlink a{
	font-weight:bold;
	color:#7c7c7c;
	text-decoration:none;
}

.news-single-backlink a:hover{
	color:#e2e2e2;
	text-decoration:underline;
}
.news-single-item h3{
	font-size:12px;
}
/*********************************************************

		TABELLE

**********************************************************/
.contenttable{
	width:100%;
}
caption{
	background:#e2e2e2;
	font-weight:bold;
	color:#7c7c7c;
}
.tr-even{
	background:#f2f2f2;
	margin:1px 0 1px 0;
}
.tr-odd{
	background:#e2e2e2;
	margin:1px 0 1px 0;
}


.news-single-imgcaption {color:#7c7c7c;}
a.download {color:#6e6e6e;}
a:hover.download {color:#e2e2e2;}
.error {color:red;}
.csc-textpic-caption {color:#9f9f9f;}

/*********************************************************
		Sitemap	
**********************************************************/
div.csc-sitemap{color:#c4c4c4;}
div.csc-sitemap ul{list-style-type:none;}
div.csc-sitemap a{
	color: #000;
	padding-left:0px;
	text-decoration:none;
}

div.csc-sitemap a:hover{
	color:#e50083;
	text-decoration:none;
	padding-left:0px;
	padding-right:10px;
	background:#e0e2e6;
}