@charset "utf-8";  
/* CSS Document für die Standard Elemente der Snowboardschule */ 
/*
# Farben für das Projekt:
#	#001463		Dunkelblau
#	#364497		Mittelblau
#	#d3e2f9 	Hellblau
# 	#FFFFFF 	Weiß
# 	#8c2421 	Logo-Rot
#
# Bemerkungen:
# 	H1 und H2 	sind nur im Header erlaubt!
#	H3			für alle anderen Überschriften
*/



*{box-sizing: border-box;}

body{background-color: #dedede;
font-family:Verdana, sans-serif;
font-size: 75%;
margin: 0;/**/
overflow-y: scroll}

#wrapper{background-color: rgba(98,166,8,1.00);
width: 940px;
height: 530px;
margin: 50px auto 0;
/**/}

/*   ++++++++++zusammenfassende oder übergeordnete Formate +++++++++++ */

#navigation, #content, #info{float: left;
height:390px;
line-height: 15px;
color:#001463;/**/}

#navigation, #info{width: 178px;}/**/

h3{background-color: rgba(98,166,8,0.00);
font-size: 100%;
line-height: 15px;	
margin: 0;
margin-bottom: 15px;/**/}

/*   ++++++++++#header Formate +++++++++++ */

#header{background-color: rgba(233,139,19,1.00);/**/
height: 100px;
background-image: url("../img/snow_header.jpg");
background-repeat: no-repeat;
background-position: right;/**/}

#header img{float: left;
margin-right: 15px;}/**/

h1, h2{margin: 0;
color: #8C2421;}/**/

h1{background-color:rgba(237,27,30,0.0);
font-size: 175%;
padding-top: 53px;/**/}

h2{background-color: rgba(71,159,57,0.0);
font-size: 110%;/**/}

/*   ++++++++++#sub_header Formate +++++++++++ */

#sub_header{background-color: #001463;
height: 20px;
padding: 0 15px;/**/	
line-height: 20px;	
font-weight: bold;
color:#fff;}

#sub_text{background-color: rgba(136,237,43,0.00);
float: left;
width: 178px;}

#sub_breadcrumb{background-color: rgba(240,149,222,0.00);}
#sub_breadcrumb a{color: #fff;
text-decoration: none;}

#dat_uhr{background-color: rgba(136,237,43,0.00);
float: right;}
/*   ++++++++++#navigation Formate +++++++++++ */

#navigation{background-color: #364497;
}

#navigation a{color:#fff;
text-decoration: none;
font-weight: bold;
display: block; /* !!!neues Attribut!!!*/
padding: 7.5px 10px 7.5px 15px;	
border-bottom:1px solid #fff;	
}

#navigation a:hover{background-color: #001463;}

.top_link{margin-top: 15px;
border-top: 1px solid #fff;}

			.navi li{position: relative;}/**/
			
			.navi, 
			.navi ul
			{background-color: #364497;	
			list-style-type: none;
			padding-left: 0;
			width: 100%;
			z-index: 10;/**/}
			
			.navi ul,
			.navi li:hover ul ul,
			.navi li:hover ul ul ul/**/
			{display: none;}
			
			
			.navi li:hover ul,
			.navi ul li:hover ul,
			.navi ul ul li:hover ul/**/
			{
				display: block;
				position: absolute;
				top: 0;
				left:0;
				margin:5% 0 0 95%;/**/
			}






/*   ++++++++++#content Formate +++++++++++ */

#content{background-color: #fff;
border: 15px solid rgba(240,116,205,0.30);
width: 584px;/**/}

		/*   ++++++++++#content horizontal teilen +++++++++++ */
		.content_oben{ background-color: rgba(98,205,40,0.23);
		height: 180px;	
		border-bottom: 1px solid #001463;}

		.content_unten{ background-color: rgba(201,17,20,0.24);
		height: 180px;	
		padding-top: 15px;}

/*   ++++++++++#info Formate +++++++++++ */

#info{background-color: #d3e2f9;
padding: 15px;
height: 390px;/**/}

#info_top{background-color: rgba(232,205,22,0.00);
height: 180px;
border-bottom: 1px solid #fff;
margin-bottom: 15px;}

#info_top_text, #info_bottom_text{background-color: rgba(235,148,212,0.00);
height: 135px;
overflow: auto;
background-repeat: no-repeat;
background-position: bottom right 15px;}

#info_top_text{background-image: url("../img/snowboarder01.gif");}

#info_bottom_text{background-image: url("../img/snowboarder02.gif");}

/*   ++++++++++#footer Formate +++++++++++ */

#footer{background-color: #001463;
color:#fff;
clear: left;
height: 20px;	
line-height: 20px;
text-align: center;/**/}

#footer a{color:#fff;
text-decoration: none;
background-color: rgba(59,203,24,0.00);
display: inline-block;
width: 120px;
text-align: right;}

#footer a:nth-of-type(2){text-align: left;}
/*  !!!Neuer Selektor!!! Pseudoselektor mit der Funktion nth-of-type(n) [ Gleichartige Kinder Elemente weden gezählt.]]*/