/* @override http://playground.fsasl.de/style.css */

body {
overflow-y: scroll;
background-color:white; 
margin:0;
padding-top:5em;
padding-left:1em;
padding-right:1em;
padding-bottom:1em;
text-align:center;
font-family:Arial;
font-size:12px;
color:white;
}

#page {
width:960px;
margin:auto;
padding:auto;
background-image:url(images/page.png);
text-align:left;
}

#header {
width:960px;
height:108px;
background-image:url(images/header.png);
clear:both;
}

a.logo {
width:353px;
height:102px;
float:left;
background-image:url(images/logo.png);
}

h2 {
font-size:20px;
color:white;
font-weight:bold;
}

a {
font-weight:bold;
color:white;
text-decoration:none;
}

a:hover {
color:silver;
text-decoration:underline;
}

#menulinks {
width:930px;
padding-left:30px;
height:44px;
background-image:url(images/menulinks.png);
clear:both;
}

#menulinks a {
padding-top:15px;
padding-left:15px;
padding-right:15px;
height:27px;
float:left;
text-decoration:none;
color:#FFFFFF;
font-weight:bold;
font-size:14px;
margin-top:1px;
}

#menulinks a.selected {
background-image:url(images/menuhover.png);
border-bottom: 3px solid #b71254;
}

#menulinks a:hover {
background-image:url(images/menuhover.png);
}

	#menulinks a.rechts {
	float:right;
	margin-right:30px;
	}
	
		
table.programm {
	text-align: center;
	vertical-align: middle;
	border: solid 1px silver;
	font-size: 90%;
	background-color: grey;
}

.programm th,
.programm td{
	border-left: groove 1px silver;
	border-top: groove 1px silver;
	padding: 5px;
	width: 200px;
}

.programm tr.hauptzeit td{
	height: 70px;
}
.programm th {
	//border-bottom: dotted 1px black;
}

#mainarea {
width:960px;
clear:both;
padding-top:10px;
}

#contentarea {
float:left;
width:560px;
padding-right:5px;
padding-left:45px;
margin-bottom:10px;
border-right: 1px dashed silver;
}

#sidebar {
float:right;
width:290px;
padding-right:45px;
padding-left:10px;
}
	
	form{
		float: right;
	}
	
	ul.subnavigation li{
		line-height:20px;
		list-style-image:url(images/pitlingliste1.png);
	}
	
	ul.subnavigation ul{
		margin-left: -18px;
	}

	ul.subnavigation ul li{	
		list-style-image:url(images/pitlingliste2.png)	
	}

	ul.subnavigation ul ul li{	
		list-style-image:url(images/pitlingliste3.png)	
	}
	
	li.vierteebene {
		list-style-image:url(images/pitlingliste2.png) !important
	}
	
	div#contentarea ul li{
			line-height:20px;
			list-style-image:url(images/pitlingliste1.png);
	}
	
	div#contentarea ul ul{
		margin-left: -18px;
	}

	div#contentarea ul ul li{	
		list-style-image:url(images/pitlingliste2.png)	
	}

	div#contentarea ul ul ul li{	
		list-style-image:url(images/pitlingliste3.png)	
	}
	
	div#contentarea div.workshop ul li{
		line-height:20px;
		list-style-type: disc !important;
		list-style-image: none;
	}
	
	div#contentarea div.workshop ul ul{
		margin-left: -18px;
	}

	div#contentarea div.workshop ul ul li{
		list-style-type: disc !important;
		list-style-image: none;
	}

	div#contentarea div.workshop ul ul ul li{
		list-style-type: disc !important;
		list-style-image: none;
	}

div.workshop {
	background-color: grey;
	padding: 10px;
	margin-top: 10px;
}

div.ShirtFormular {
	text-align:left;
	float: left;
	border: dotted silver 1px;
	width: 100%;
	background-color: grey;
}

div.ShirtFormular td{
	text-align: center;
}

#footer {
width:960px;
height:140px;
background-image:url(images/footer.png);
clear:both;
}

#footer p {
padding-top:20px;
color:#FFFFFF;
padding-left:50px;
line-height:20px;
}
	.sponsor{
	margin-left: 2em;
	margin-right: 2em;
	margin-bottom: 1em;
	height: 45px;
	}