body
{
	background-color:#FEFECC;
	font-family: "Verdana", Arial, sans-serif;
	font-size:0.75em;/* 12px Dies ist die einzige Stelle an der ich auf die 12 px direkt bezug nehme. alles andere ist relativ zu den vorgängerelementen  */ 
}

div,
img
{
	border:none;
}

img
{
	vertical-align:bottom;
}	

table tr td 
{
	vertical-align: top;
}

hr {
	border:solid #0a488a;
	border-width:1px 0 1px 0;
	height: 0px;
}




/* erste ebene */
a,
a:hover,
a.active
{
	color:#0A488A;
}

/*
 *
 */
.luecke{
	font-size:22px;
	color:red;
	text-decoration:underline;
	font-weight:bold;
}

/*
 * Rahmen un Schlagschatten
 */

div#header,
div#schlagschatten_oben,
div#mainbody,
div#schlagschatten_unten
{
	width:900px; 
	margin:0 auto 0 auto;
	padding-left:11px;
	padding-right:23px;
}

div#header
{
}

div#schlagschatten_oben
{
	background-image: url("../images/schlagschatten_oben.png");
	background-repeat:no-repeat;
	height:31px;/* GSa7 */
	padding-top:14px;
	padding-bottom: 0;

}

div#mainbody
{
	background-image: url("../images/schlagschatten.png");
	background-repeat:repeat-y;
	padding-top:0;
	padding-bottom: 0;
}

div#schlagschatten_unten
{
	background-image: url("../images/schlagschatten_unten.png");
	background-repeat:no-repeat;	
	height:31px;/* GSa7 */
	padding-top:0;
	padding-bottom:20px;
}

/*
 * Aufteilung Inhaltbereiche
 */

div#mainnavi,
div#content,
div#banner
{
	float:left;
}

div#mainnavi
{
	/* Rahmen 31(GSa7) und navigation 212(a3)  */
	width:243px;
}

div#content
{
	width:435px;	/* Restplatz der übriggeblieben ist */
	margin-left:19px;/* GSa8 */
	margin-right:19px;/* GSa8 */
}	

div#banner
{
	margin-left:22px;/* 3 + 19 ; GSa12 + GSa8 */
	width:131px;/* GSa4 */
}

/*
 * Navigation
 */
div#mainnavi ul,
div#mainnavi ul li,
div#mainnavi ul li ul,
div#mainnavi ul li ul li,
div#mainnavi ul li ul li ul,
div#mainnavi ul li ul li ul li
{
	margin:0px;
	padding:0px;
}

div#mainnavi ul li,
div#mainnavi ul li ul li,
div#mainnavi ul li ul li ul li
{
	display:block;
}

div#mainnavi ul li a,
div#mainnavi ul li ul li a,
div#mainnavi ul li ul li ul li a
{
	display:block;
	text-decoration: none;
	padding:2px 0px 2px 31px;
	margin-bottom:1px;
	
}

/* erste ebene */
div#mainnavi ul li a
{
	color:#FFFFFF;
	background-color: #0a488a;
}

div#mainnavi ul li a:hover
{
	background-color: #0d60b8;
}

div#mainnavi ul li a.active
{
	background-color: #0d5db2;
} 

/* zweite Ebene */
div#mainnavi ul li ul li a
{
	color:#000000;
	background-color: #e7ecee;
}

div#mainnavi ul li ul li a:hover
{
	background-color: #ced3d5;
}

div#mainnavi ul li ul li a.active
{
	background-color: #b8bcbd;
} 

/* dritte Ebene */
div#mainnavi ul li ul li ul li a
{
	color:#000000;
	background-color: #e7ecee;
	padding-left:61px;
}

div#mainnavi ul li ul li ul li a:hover
{
	background-color: #ced3d5;
}

div#mainnavi ul li ul li ul li a.active
{
	background-color: #b8bcbd;
} 


/*
 * Content
 */
div#content h1,
div#content h2,
div#content h3,
div#content h4
{
	margin-top:9px;
	margin-bottom:10px;
	
}

div#content h1
{
	color: #0a488a;
	font-size:1.42em;/* 17/12; */
	font-weight: bold;
}
div#content h2
{
	color: #0a488a;
	font-size: 1.25em;/* 15/12px; */
	font-weight: bold;
}
div#content h3
{
	color:#0a488a;
	font-size:1.08em;/*13px;*/
	font-weight: bold;
}
div#content h4
{
	color: #000000;
	font-size: 1.08em;/*13px;*/
	font-weight: bold;
}

/* Wenn die Überschrift das erste Element auf der Seite ist dann entfällt der obere Rand */
div#content h1:first-child,
div#content h2:first-child,
div#content h3:first-child,
div#content h4:first-child,
div#content h5:first-child
div#content h6:first-child
{

	margin-top:0;
}

/*
 * Banner
 */
 
a#changingBanner{
	display:block;
	width: 131px;
	height: 56px;
	position: relative;
}
a#changingBanner img{
	position: absolute;
	left:0;
	top:0;
}
 
 
 
div#banner ul,
div#banner ul li
{
	margin:0px;
	padding:0px;	
}

div#banner ul li,
div#banner ul li ul li
{
	display:block;
	margin-top:31px;
}

div#banner ul li:first-child
{
	margin-top:0px;
}

.shortNews,
.shortArrangement
{
	text-decoration:none; 
	color:black;
	cursor:pointer; 
	font-size:0.75em;/* = 9px / 12px; */
}

.shortNews span,
.shortArrangement span
{
	font-weight:bold;
}

.shortNews span.release,
.shortArrangement span.release
{
	text-decoration:none;
	font-size:0.89em;/*8px/9px */
}

/*
 *
 */
.download{
	text-decoration: none;
	font-style: normal;
	color:black;
}

ul.download{

}

ul.download li{
	margin-bottom:10px;
}

ul.download .downloaddesc{
	font-size:0.75em;/*9/12*/
}


/*
 *
 */

#contactform 
{
	border:none;
	padding:0;
	margin:0;
}
#contactform .eingabe td{
	padding-top:12px;	
}

#contactform .eingabe td:first-child{
	margin-top:0;	
}


#contactform .error{
	color:red;
	font-weight: bold;
}

#contactform td:first-child
{
	text-align:right;
	padding-right:3px;
	/* Opera and Mozilla(FF2 & FF3) und Safari */
}

#contactform .links
{
	text-align:right;
	padding-right:3px;
	/* IE6 und IE7 */
	width:150px;
}
#contactform .mitte
{
	text-align:left;
	width:235px;
}
#contactform .rechts
{
	text-align:left;
	width:40px;
}

#contactform input, 
#contactform textarea {
	border: 1px solid #000000;
	width:233px;
}

.spaceleft
{
	font-size:0.75em;/*9/12;*/
}

.allused
{
	color:#FF0000;
}

.carefull
{
	color:#FF00FF;
}

ul.links{
	line-height:1.67em; /*20px/12px*/
}


.ok
{
	color:#00FF00;
}

#legende{
	font-size:0.75em;/*9/12;*/
	text-align: left!Important;
	
}


.news,
.arrangements
{
	text-decoration:none; 
	color:black;
	cursor:pointer; 
}

.news span,
.arrangements span
{
	font-weight:bold;
}

.news span.release,
.arrangements span.release
{
	text-decoration:none;
}
	
	
.newsrelease,
.arrangementrelease
{
	text-decoration:none;
	font-weight:bold;
}