/*
Juni '07 lduelberg@netzpepper.de
*/

/* main body and html styles */
body {
	background-color:#A9AAAB;
	margin: 0; 
	padding: 0;
	font-size: 12px;
	background-image: url(/fileadmin/sites/skischule/bilder/layout/hintergrund.jpg);
}
html {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	overflow: auto;
	overflow-x: hidden;
}
a {
	color: #fff;
}


/* zentrierung */
div#zentrierung {
	position: relative;
	width: 958px;
	height: 548px;	
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	padding-bottom: 0px;
	color: black;
	background-color:transparent; 
}

div#rahmen1 {
	position:absolute;
	top:25px;
	width: 968px;
	height: 575px;
	border: 3px solid #003983;
}


div#rahmen2 {
	position:absolute;
	width: 962px;
	height: 569px;
	border: 3px solid #FFCC09;
}

div#top {
	position:relative;
	width: 958px;
	height: 140px;
	border: 2px solid #EC0416;
	background-repeat: no-repeat;
	background-color:white;
	overflow:hidden;
}

div#top div#flash{
	position:absolute;	
	width: 958px;
	height: 140x;
	overflow:hidden;
}

div#fusszeile{
	left:-6px;
	width: 974px;
	position:absolute;
	height: 15px;
	top:575px;	
}

div#quicknavi{
	width:295px;
	position:absolute;
	height: 15px;
	right:0px;
	padding:2px 0px 2px 0px;
	background-color:#003983;
	text-align:center;
}

div#quicknavi a{
	font-size: 1.0em;
	font-weight:bold;
	color:#FFCC09;
	text-decoration: none;
	padding:0px 5px 0px 5px;
}

div#quicknavi a:hover{
	color:#EA041B;
}

/*div#ticker{
	width:500px;
	position:absolute;
	height: 15px;
	left:0px;
	padding:2px 0px 2px 0px;
	background-color:#003983;
	color:#FFCC09;
}*/

div#navi {
	font-size: 15px;
	position:absolute;
	left:0px;
	top:144px;	
	width:175px;
	height:383px;	
	padding-top: 40px;	
	background-color:#FFF;
	border: 2px solid #EC0416;
	border-right:0px;
	border-top:0px;
	background-repeat: no-repeat;	
	text-align:left;
	list-style-type:none;
}

div#navi a{
	font-size: 1.0em;
	font-weight:bold;
	display:block;
	color: #003983;
	text-decoration: none;
	padding: 0px 0px 0px 45px;
	line-height:22px;
	list-style-type:none;
}

div#navi a.aktiv{
	color: #EA041B;
	list-style-type:none;
}

div#navi a:hover{
	color: #EA041B;
	list-style-type:none;
}

div#navi2 a{
	padding:0px 0px 0px 60px;
	color:#58779F;
	list-style-type:none;
}
div#content{
	position:absolute;
	left: 177px;
	top: 144px;	
	width: 735px;	
	padding: 18px 24px 12px 24px;	
	border:2px solid #EC0416;
	border-left:0px;
	border-top:0px;
	color:black;	
	overflow:hidden;
	background-color:#FFFFFF; 
}

/*------------------------------------------
--------------------------------------------*/

div#contentbackground {
	width: 738px;
	height:393px;	
	background-color:transparent;
}

div#content div#inhaltmitte {
	height:387px;
	overflow:auto;
	border-left:20px solid #003983;
}

div#content div#inhaltmitte div#paddiv{
	margin: 0px 20px 0px 20px;
	

}

div#content div#inhaltrand {
	width: 155px;
	height:387px;
	overflow:hidden;	
	float: right;
	background-color:transparent;
}


/*------------------------------------------
--------------------------------------------*/


div#content h1{
	font-size: 1.2em;
	margin-top: 8px;
	margin-bottom: 10px;
	padding:0;	
	
	text-transform: uppercase;
}

div#content h2{
	font-size: 1.1em;
	margin-top: 5px;
	margin-bottom: 5px;
	padding:0;	
	
	text-transform: uppercase;
}
div#content h3{
	font-size: 1.05em;
	margin-top: 3px;
	margin-bottom: 2px;
	padding:0;	
}
div#content h4{
	font-size: 1.00em;
	margin-top: 2px;
	margin-bottom: 0px;
	padding:0;	
}
div#content h5{
	font-size: 1.00em;
	margin-top: 0px;
	margin-bottom: 0px;
	padding:0;	
}
div#content h6{
	font-size: 1.00em;
	margin-top: 1px;
	margin-bottom: 0px;
	padding:0;	
}

div#content a{
	color: #6A3C3E;
	color: #777;
	
	text-decoration: underline;
}

/* Verlinkte Bilder haben keinen Rahmen!*/
div#content img{
	border:0px solid black;
}

div#content p{
	margin: 0px 0px 12px 0px;
	padding:0;	
}

div#content table td{
	margin: 5px;
}

/*--------Template 2spalten-------
--------------------------------*/

div#2spalten_drumherum{
	position:relative;
	width:100%;
	background-color:orange;
}
div#links{
	float:left;
	width:57%;
	padding-right:10px;
}
div#rechts{
	float:left;
	width:37%;
	border-left:2px solid #EC0416;
	padding-left:8px;
	margin-top:31px;
	margin-bottom:30px;
}


/************************************
	Kontaktformular
*************************************/

div#kontakt {
}

div#kontakt .bad{
	border:1px solid red;
}


div#kontakt input{
}


div#kontakt textarea{
	overflow: auto;
}

div#kontakt td {
	padding-top:4px;
}

div#kontakt td.col1 {
}
div#kontakt td.col2 {
	padding-left: 88px;
}

div#kontakt input.submit{
	color:#FFF;
	background-color: #003983;
	font-weight:bold;
}