﻿@font-face {
    font-family: GraublauWeb;
    src: url(GraublauWeb.otf) format(truetype);
}
@font-face {
    font-family: GraublauWeb;
    font-weight: bold;
    src: url(GraublauWebBold.otf) format(truetype);
}

*{padding:0;margin:0; font-family:Arial, Helvetica, sans-serif;}

a:link {color: #666666; text-decoration: underline;}
a:visited {color: #666666; text-decoration: underline;}
a:active {color: #666666; text-decoration: underline;}
a:hover {color: #a65b00;text-decoration: none;}

h1{font-size:14pt; color:#a65b00; margin-bottom:10px; font-weight:lighter;}
h2{font-size:12pt; color:#a65b00; margin-bottom:5px;}
h3{font-size:11pt; color:#ff8205; margin-bottom:5px;}
h4{font-size:10pt; color:#000; margin-bottom:5px;}
p{font-size: 10pt; color:#000000; margin-bottom:20px;}
img{border:0}

.blog_datum {font-size: 8pt; color:#000000; font-family:Arial, Helvetica, sans-serif;}
.blog_title {font-size:12pt; color:#a65b00; margin-bottom:5px; font-family:GraublauWeb, Arial, Sans-Serif;}
.blog_text {font-size: 10pt; color:#000000; font-family:Arial, Helvetica, sans-serif;}

body{
	margin:0;
	padding:0;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#000;
	background-image:url('../images/hintergrund.gif');
	background-repeat:repeat-y;
	background-position:center top;
	}

#oben{
	background-image:url('../images/hintergrund.jpg');
	background-repeat:no-repeat;
	background-position:center top;
	position:relative;
	margin : 0 auto;
	text-align:left;
	height:405px;
	}

#anhaenger{
	height:288px;
	margin-top:-300px;
	width:163px;
	margin-left:-163px;
	float:left;
	}
	
		/* IE 6 */
		* html #anhaenger{
			display:none;
		}

	
	#anhaenger ul{list-style:none;}
	#anhaenger li a{background-image:url('../images/anhaenger_hidden.gif');background-repeat:no-repeat;width:163px;height:288px; display:block;}
	#anhaenger li a:hover{background-image:url('../images/anhaenger_over.gif');}

#container{
	position:relative;
	margin : 0 auto;
	text-align : left;
	width:877px;
	min-height:700px;
	margin-top:-405px;
	}
	
	#top-navigation{
		height:28px;
		margin-top:36px;
		width:877px;
		text-align:right;
		}
						
		#top-navigation ul{list-style:none; float:right;}
		#top-navigation li{display: inline;}
		#top-navigation a{font-size:7pt; font-family:verdana; text-decoration:none; margin-right:3px; color:#726358;}
		#top-navigation a:hover{color:#fff;}
	
	#banner{
		height:314px;
		width:877px;
		}
		
		
	#navigation{
		height: 39px;
		width: 877px;
		background-image: url('../images/navigation.gif');
		background-repeat: no-repeat;
		}
		
		/* IE 6 */
		* html #navigation{
		   margin-left:1px;
		   margin-top:-6px;
			}
		
		/* IE 7 */
		* + html #navigation{
		   margin-left:0px;
			}
			
		#navigation ul{list-style:none; font-family:Verdana;}
		#navigation li{float:left; height:25px; text-align:center; margin-top:2px;}
		#navigation li a{font-size:8pt; color:#FFF; text-decoration:none; float:left; height:25px; text-align:center; padding-top:11px;}
		#navigation li a:hover{background:#FFF;  filter:alpha(opacity=30); -moz-opacity:0.3; opacity:0.3; color:#000;}
		#navigation .navi-aktiv{background:#FFF;  filter:alpha(opacity=40); -moz-opacity:0.4; opacity:0.4; color:#000;}
		
	#teaser{
		width:877px;
		height:166px;
		background-image: url('../images/teaser.gif');
		background-repeat: no-repeat;
		}
		
		/* IE 6 */
		* html #teaser{
		   margin-left:1px;
		}
		/* IE 7 */
		* + html #teaser{
		   margin-left:0px;
		}
		
		
		#teaser .textbox{width:430px; height:176px; overflow:inherit;}
		
		/* IE 6 */
		* html #teaser .textbox{width:430px; height:161px; overflow:inherit;}
		/* IE 7 */
		* + html #teaser .textbox{width:430px; height:161px; overflow:inherit;}


		
	#inhalt{
		margin:20px;
		width:630px;
		min-height:700px;
		float:left;
		}
		
		#inhalt h3 a{font-size:9pt; font-weight:bold; color:#000; margin-top:5px; text-decoration:none;}
		#inhalt h3 a:hover{font-size:9pt; font-weight:bold; margin-top:5px; text-decoration:none;}
		#inhalt h4{font-size:8pt; font-weight:bold; color:gray; margin-top:5px;}
		#inhalt p{font-size:9pt; font-weight:normal; line-height:140%; color:#000; margin-top:5px;}
		#inhalt ul{margin-left:15px;}
		#inhalt ol{margin-left:35px; font-size:9pt; color:#666666}
		#inhalt li{font-size: 10pt; color:#000000;}
		
				
	#rechts{
		margin-top:20px;
		margin-left:670px;
		width:187px;
		background-color:#F2F2F2;
		}
		
		#rechts .rechts_title{
			padding:3px;
			padding-left:5px;
			background-color:#CCCCCC;
			color:#333333;
			margin:1px;
			border-bottom:1px #FFF solid;
			border-top:1px #FFF solid;
			font-size:8pt;
			}
			
		#rechts p{
			font-size:8pt;
			padding:5px;
			margin:0;
			}
			
		#rechts ul{ list-style:none; background-color:#f2f2f2; margin:5px; line-height:100%;}
		#rechts li a{font-size:8pt; padding:1px; margin:0;}
		

#socialnetwork{
	position:relative;
	margin : 0 auto;
	height:252px;
	width:106px;
	margin-left:-776px;
	float:left;
	}
	
		/* IE 6 */
		* html #socialnetwork{
			display:none;
		}

	
	#socialnetwork ul{list-style:none;}
	#socialnetwork li a{background-image:url('../images/socialnetwork.jpg');background-repeat:no-repeat;width:106px;height:252px; display:block;}
	#socialnetwork li a:hover{background-image:url('../images/socialnetwork_over.jpg');}

		
		
		
		
		
		
		
		
		
		#sprachwahl{
			position: absolute;
			top:11px;
			width:60px;
			margin-left:44px;
			}
			
			#sprachwahl img{margin-right:3px;}
						
	#reiter-navigation{
		position:relative;
		margin-left:190px;
		margin-top:-2px;
		}
		
	/* IE 6 */
	*html #reiter-navigation{
		position:absolute;
		margin-left:190px;
		margin-top:-2px;
		}

						
			#reiter-navigation ul#reiter {
				margin: 0;
				padding: 0;
				position: absolute;
				bottom: -1px;
				width: 700px; /* a width is required for Opera, older Mozilla browsers, and Konqueror browsers */
				text-align: center;
				}
			
			#reiter-navigation ul#reiter li {
				display: inline;
				list-style: none;
				font-size: 9pt;
				font-weight:bold;
				text-align: center;
				text-decoration: none;
				}
			
			#reiter-navigation ul#reiter span {
				width:97px;
				display: block;
				float: left;
				padding: 4px 0;
				margin: 1px 1px 0 0;
				color: #666;
				}
			
			#reiter-navigation ul#reiter a {
				width:97px;
				display: block;
				float: left;
				padding: 4px 0;
				margin: 1px 1px 0 0;
				color: #666;
				background-color:#fff;
				filter:alpha(opacity=90); -moz-opacity:0.9; opacity:0.9;
				text-decoration: none;
				}
			
			#reiter-navigation ul#reiter span {
				border: 1px solid #FFF;
				border-bottom: none;
				background: #FFF;
				padding-bottom: 6px;
				margin-top: 0;
				color:#344768;
				}
			
			#reiter-navigation ul#reiter a {
				border: 1px solid #FFF;
				border-bottom: none;
				color: #666;
				}
			
			#reiter-navigation ul#reiter a:hover {
				margin-top: 0;
				border-color: #FFF;
				background: #FFF;
				color: #666;
				padding-bottom: 5px;
				}
						
		
		#inhalt .blog_gr{max-width:150px; margin-left:-40px; float:left;}
		*html #inhalt .blog_gr{width:100px; margin-left:0; float:left;}

		#inhalt .blog_kl{max-width:80px;}
		*html #inhalt .blog_kl{width:80px;}
		
		#inhalt .partner{max-width:170px; max-height:100px; vertical-align:middle;}
		*html #inhalt .partner{width:170px; height:80px; vertical-align:middle;}
		
		#inhalt #cc-scroll{
			height:180px;
			width:220px;
			margin-bottom:10px;
			overflow:auto;
			}
			
		#inhalt #blog_navigation {}
		#inhalt #blog_navigation ul{list-style:none; font-weight:bold; margin-top:0; margin-left:0;}
		#inhalt #blog_navigation li a{color:#666666;text-decoration:none; display:block; width:250px; height:20px; background-color:#F6F6F6; padding-left:5px; padding-top:5px; padding-bottom:5px;margin-bottom:4px;}
		#inhalt #blog_navigation li a:hover{background-color:#eaeaea;}
				
		#table-aufzeahlung {margin-top:0px; margin-bottom:0px;}
		#table-aufzeahlung tr{background-color:#F3F3F3;}
		#table-aufzeahlung td{padding:3px; font-size:8pt;}
		#table-aufzeahlung td a{text-decoration:none;}

#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
	
	#lightboxDetails{
		font-size: 0.8em;
		padding-top: 0.4em;
		}
		
	#lightboxCaption{ float: left; }
	#keyboardMsg{ float: right; }
	#closeButton{ top: 5px; right: 5px; }
	
	#lightbox img{ border: none; clear: both;} 
	#overlay img{ border: none; }
	
	#overlay{ background-image: url(../images/overlay.png); }
	
	* html #overlay{
		background-color: #333;
		background-color: transparent;
		background-image: url(blank.gif);
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/overlay.png", sizingMethod="scale");
		}

#form {border:0; padding :5px;}
#form fieldset {border:0;}
#form label {font-size:12px; font-weight:bold; text-align:left; color: #666666; padding-right: 1em; display: block; float: left; width: 100px;}
#form br {clear: left;}
#form input {margin-right:5px; margin-bottom:5px; padding:2px; width:250px; border:1px gray solid; color:#666666;}
#form textarea {margin-right:5px; margin-bottom:5px; padding:2px; border:1px gray solid; color:#666666; width:330px; height:100px;}
#form select {margin-right:5px; margin-bottom:5px; padding:2px; border:1px gray solid; color:#666666;}
#form submit {float: none; color:#666666;}
#form .checkbox{width:25px;	border:0;}
#form .table-input{float:left;}

/* Form-Tags */

#coachcast-form {padding:10px;}
#coachcast-form label {font-size:12px; font-weight:bold; text-align:left; color: #000; padding-right: 5px; float: left; width: 100px;}
#coachcast-form br {clear: left;}
#coachcast-form input {margin-right:5px; margin-bottom:8px;}
#coachcast-form select {margin-right:5px; margin-bottom:8px;}
#coachcast-form submit {width: auto; padding:2px;}
#coachcast-form fieldset {border:0;}

.coachcast_button{border:0; background-image: url('../../images/order_button.gif'); width:192px; height:23px; text-align:center; font-size:small; padding-top:4pt;}
.coachcast_button:hover{background-image: url('../../images/order_button_over.gif');}
.coachcast_button a{font-weight:bold; color:#FFF; text-decoration:none;}

.zurueck{font-size:small;}

/* Tab-Menue */

			#tabnavi{
				position:relative;
				height: 25px;
				border-bottom:1px #666 solid;
				padding-left:5px;
				font-family:Verdana;
				width: 570px;
				}
				
			#tabnavi ul#primary {
				margin: 0;
				padding: 0;
				position: absolute;
				bottom: -1px;
				width: 540px; /* a width is required for Opera, older Mozilla browsers, and Konqueror browsers */
			}
			
			#tabnavi ul#primary li  {
				display: inline;
				list-style: none;
			}
			
			#tabnavi ul#primary a,#tabnavi ul#primary span,#tabnavi ul#primary a.current {
				width: 100px;
				display: block;
				float: left;
				padding: 4px 0;
				margin: 1px 2px 0 0;
				text-align: center;
				font-size:x-small;
				text-decoration: none;
				color: #666;
			}
			
			#tabnavi ul#primary span,#header ul#primary a.current,#header ul#primary a.current:hover {
				border: 1px solid #666;
				border-bottom: none;
				background: #FFF;
				padding-bottom: 6px;
				margin-top: 0;
				color:#000;
			}
			
			#tabnavi ul#primary a {
				border: 1px solid #666;
				border-bottom: none;
				color: #666;
			}
			
			#tabnavi ul#primary a:hover {
				margin-top: 0;
				border-color: #666;
				background:#CCCCCC;
				color: #000;
				padding-bottom: 5px;
			}
			
/* Table-Tags */

#table {border:0; border-collapse:separate; font-size:10pt;}
#table a {color:#000; text-decoration:none;}
#table a:hover {color:#000; text-decoration:underline;}
#table td {padding:5px;}
#table .fest_td {padding:5px; width:400px;}
#table .head {color: #fff; background-color: #0065ab; font-weight:bold;}
#table .liste {padding:5px; background-color:#d7d7d7;}
#table .liste_grey {padding:5px; background-color:#d7d7d7;}
#table .liste2 {padding:5px; background-color:#FFCCCC;}
#table ul {padding:0; margin:0;}
#table li {padding:0; list-style:none;}



/*Example CSS for the two demo scrollers*/

#pscroller{
width: 150px;
min-height: 110px;
padding: 5px;
font-size:8pt;
}


.rssclass .rsstitle{
font-weight: bold;
}

.rssclass .rssdate{
color: gray;
font-size: 85%;
}

.rssclass a{
text-decoration: none;
}

