*{
	margin: 0;
	padding: 0;
}

html, body{
	margin: 0;
	padding: 0;
	height: 100%;
	font-size: 100.01%;
	font-family: Arial, Helvetica, sans-serif;
}

/* 
===================
Schrift
===================
*/

a img{
	border: none;
}

#inhalt p {
	margin-bottom: 0.8em;
	text-align: justify;
}
#inhalt a{
	color: #000000;
}
#inhalt h3{
	font-size: 1.4em;
}
#inhalt ul{
	margin: 0.8em 0em 0.8em 20px;
}

/* Bilder */

#inhalt .imgright{
	float: right;
	margin: 10px 0px 10px 15px;
}

/* 
===================
Seitenformatierung
===================
*/

/* Kopfzeile */

#page{
	width: 990px;
	margin: auto;
}

#titel{
	width: 990px;
	height: 120px;
	margin-top: 10px;
	
}
#titel h1{
	display: block;
	width: 590px;
	float: left;
	text-align: center;
	font-size: 40px;
	margin-top: 30px;
}


/* Startseite */

#start{
	width: 530px;
	margin-top: 80px;
	padding-top: 10px;
	text-align: center;
}
#start h2{
	font-size: 30px;
}
#start h3{
	margin: 10px 0px;
	font-size: 35px;
}
#start p{
	text-align: justify;
}
#start a{
	color: #000000;
}


/* Standars-Seiten */
#seite h2 img{
	vertical-align: bottom;
	margin-right: 10px;
}

#pfeilheader{
	margin-bottom: 0.6em;
	width: 280px;
	float: right;
	margin: 0px 0px 0.8em 15px;

}
#pfeilheader img{
margin-top: 20px;
}
#pfeilheader a{
	font-weight: bold;
	text-decoration: none;
}

#pfeile{
	width: 280px;
	float: right;
}

#pfeile a{
	text-align: center;
	padding-top: 6px;
	display: block;
	height: 26px;
	background-repeat: no-repeat;
} 
.pfl{
	float: left;
	width: 84px;
	margin-right: 6px;
	background-image: url(../grafiken/left.gif);
	
}
.pfc{
	float: left;
	width: 100px;
	background-image: url(../grafiken/center.gif);
	
}
.pfr{
	float: left;
	width: 74px;
	margin-left: 6px;
	padding-right: 10px;
	background-image: url(../grafiken/right.gif);
}

/* Standardseiten */
#seite{
	margin-top: 30px;
	width: 740px;
	float: left;
	border: solid 4px;
}
#inhalt{
	padding: 10px 10px 20px 10px;
}


#seite h2{
display: block;
line-height: 70px;
font-size: 45px;
font-weight: bold;
text-indent: 10px;
}

/* Rechte Spalte */
#zusatz{
	margin-top: 30px;
	width: 200px;
	float: right;
	border: solid 4px;
}

#zusatz h2{
	display: block;
	line-height: 1.4em;
	font-size: 1.2em;
	font-weight: bold;
	text-indent: 5px;
}
#zusatz div{
	padding: 5px 5px 10px 5px;
}

#zusatz ul li{
	list-style-type: none;
	margin: 8px 0px 8px 0px;
}

#zusatz ul li a{
	color: #000000;
	text-decoration:none;
	font-weight: bold;
}


/* Impressum */
#foot{
	width: 740px;
	text-align: center;
}
#foot a{
	color: #000000;
	text-decoration: none;
	padding-bottom: 30px;
}

/* 
============
Seiten-Farben
============ 
*/

.o{ color: #FF9900; }
.g{ color: #669900; }
.b{ color: #0099CC; }
.r{ color: #ff3300; }

.orange #seite, .orange #zusatz{
	border-color: #FF9900;
	background-color: #FFCC66;
	
}
.orange #seite h2{
	background-color: #FF9900;
}
.orange #zusatz h2{
	background-color: #FF9900;
}

.blau #seite, .blau #zusatz{
	border-color: #0099CC;
	background-color: #33CCFF;
}
.blau #seite h2{
	background-color: #0099CC;
}
.blau #zusatz h2{
	background-color: #0099CC;
}

.gruen #seite, .gruen #zusatz{
	border-color: #669900;
	background-color: #99CC33;
}
.gruen #seite h2{
	background-color: #669900;
}
.gruen #zusatz h2{
	background-color: #669900;
}

.gelb #seite, .gelb #zusatz{
	border-color: #FFCC00;
	background-color: #FFFF99;
}
.gelb #seite h2{
	background-color: #FFCC00;
}
.gelb #zusatz h2{
	background-color: #FFCC00;
}

.rot #seite, .rot #zusatz{
	border-color: #CC0000;
	background-color: #FFCCCC;
}
.rot #seite h2{
	background-color: #CC0000;
}
.rot #zusatz h2{
	background-color: #CC0000;
}





/* 
============
Navigation
============ 
*/

/* Allgemeines */
.menu {
width:990px;
height: 40px;
position:relative; 
margin: 10px 0 0 0; 
padding: 0;
z-index:100;
}

.menu ul li a{
width:190px;
text-align:center; 
}

.menu ul li a, .menu ul li a:visited{
display:block; 
text-decoration:none; 
color:#000; 
overflow:hidden;
}

.menu ul {padding:0; margin:0; list-style-type: none; }
.menu ul li {float:left; position:relative;}
.menu ul li ul {display: none;}

.menu a{	background-repeat: no-repeat; }

/* Menüebene 1 */
.menu ul li a{
height: 40px;
line-height: 40px;
font-weight: bold;
font-size: 1.2em;
}

.menu #orte a, .menu #ferien a, .menu #standards a, .menu #anmeldung a{
	background-image: url(../grafiken/buttons.gif);
}
.menu #orte a:hover{	background-position: -190px 0px; }
.menu #ferien a{ background-position: 0px -40px; }
.menu #ferien a:hover{ background-position: -190px -40px; }
.menu #standards a{ background-position: 0px -80px; }
.menu #standards a:hover{ background-position: -190px -80px; }
.menu #anmeldung a{ background-position: 0px -120px;}
.menu #anmeldung a:hover{ background-position: -190px -120px; }

/* Menüebene 2 */
.menu ul li:hover ul {
display:block; 
position:absolute; 
top:40px; 
width:230px;
}

.menu ul li.sub a,
.menu ul li.sub ul,
.menu ul li.sub ul li,
.menu ul li.sub ul li a{
 width: 230px;
 }

 .menu ul li.sub ul li{
 text-align: left;	
 }
  
.menu ul li.sub ul li a{
 font-size: 14px;
 text-align: left;
}

.menu ul li#themen a{
	background-image: url(../grafiken/thema.gif);
	background-repeat: no-repeat; 
}

.menu ul li#themen a:hover,
.menu ul li#themen:hover a
{
	background-image: url(../grafiken/themen-hover.gif);
}

.menu ul li#themen a:hover ul li a,
.menu ul li#themen:hover ul li a{
	background-image: url(../grafiken/themen.gif);
}

.menu ul li#themen a:hover ul li a:hover,
.menu ul li#themen:hover ul li a:hover{
	background-image: url(../grafiken/themen-hover.gif);
}

#u1 a{ background-position: 0px -40px; padding-left: 24px; }
#u2 a{ background-position: 0px -80px; padding-left: 70px; }
#u3 a{ background-position: 0px -120px; padding-left: 50px; }
#u4 a{ background-position: 0px -160px; padding-left: 64px;}
#u5 a{ background-position: 0px -200px; height: 50px;  padding-left: 34px;}
#u5{ height: 50px; }