/* Basics
------------------------------------------------------------------------ */
* {
	margin:0;
	padding:0;
	outline:0;
}


  	html {
        		height: 100%;

        	}


body {
	font:14px/20px Arial, Tahoma, Georgia, "Times New Roman", Times, serif;
	color:#ffffff;
	height: 100%;
	width:100%;
	background-color:#1f1f1f;
}


table, td {
	font: 14px/20px Arial, Tahoma, Arial, Georgia, "Times New Roman", Times, serif;
}

h1, h2, h3 {
	font-weight:normal;
	 }

h1 {
	margin-bottom:33px;
	margin-top:33px;
	font-size:28px;
	line-height:10px; 
	}

h2 {
	margin-top:10px;
	margin-bottom:18px;
	font-size:28px;
		line-height:10px; }

h3 {
	padding-top:20px;
	padding-bottom:10px;
	font-size:16px;
	margin:0;
	font-weight:bold;
}
		
img {
	border:none;
}

p {
	margin:0 0 12px 0;
}

br {
	line-height:12px;
}

a {
	color:#ffffff;
	text-decoration:underline;
}

a:hover{
		color:#b5101d;
}

a.button {
	padding:1px 10px;
	color:#fff;
	text-decoration:none;
	background-color:#e2017b;
	
}


.clear {
	float:none;
	clear:both;
}


	

	
	

/* Container
------------------------------------------------------------------------ */
#wrapper {
	height:100%;
	width:100%;
	z-index:10;
	position:absolute;
	}
	
	#flashcontent {
	height:45%;
	width:100%;
	z-index:-1;
		position:absolute;
	

}

	#head {
		padding:0px 0px 0 0;
		width:990px;
		margin:0 auto;
		height:45%;
	}
		#backlink {
		width:505px;
		height:81px;
		background:url(../images/logo.png) no-repeat;
		float:left;
		margin-top:10px;
	}	
		
		
	#backlink img{
		width:505px;
		height:81px;
		margin:0px 0 0 0px;
		z-index:10;
		position:absolute;
	}
		

	#container {
		background-color:#1f1f1f;
		width:100%;
		border-top-style:solid;
		border-top-width:8px;
		border-top-color:#b5101d;
		 }	
		
			
		#container ul {
		float:left;
		margin-top:0px; 
		margin-left:15px;
		margin-bottom:15px;
		}
	
		#container ul li {
			padding:1px 0px 0px;
			 }
		
			
	.download  ul {
		height:25px;
	list-style:none;
 }
	
		.download  ul li {
			padding:1px 10px 0px;
				background:url(img/icon-download.png) no-repeat;
			 }
			 
			

		
		#content {
			padding-left:0px;

		}	

		#content_leftright {
			width:990px;
			margin:0px 0 0 0px;
			margin:0 auto;
			
			
		}
		
			
			#content_left {
				float:left;
				width:700px;
				padding-right:50px;
					 }
			 
			 
			
			#content_right {
				float:left;
				width:205px;
				background-color:#b5101d;
				margin-top:-50px;
				margin-left:11px;
				padding:8px;
				border:4px solid #1f1f1f;
				padding-bottom:20px;
				}
				
			#content_right p{
				/*border-left-style:solid;
				border-left-color:#b5101d;
				border-left-width:4px;
				padding-left:8px;*/
				}
				
				#content_right .teaser {
					margin-bottom:15px; }
					
				#content_right .teaser img {
					float:left;
					margin:2px 0px 0 0; }
				
						
					#content_right .teaser .text h3 {
						margin-bottom:5px;
						color:#fff;
		}
		
	
	#footer{
		font-size:12px;
width:990px;
margin:0 auto;
padding-top:100px;
padding-bottom:50px;
		}
	
		#footer a {
			color:#ffffff;
			text-decoration:none; }
			#footer a:hover { text-decoration:underline;
}


 #footer .active 
 {
	text-decoration:underline;
}

		#footershadow{
			background:url(../images/edge_shadow.png) no-repeat left top;
			float:left;
			width:10px;
			height:10px;
		}






/* Navigation
------------------------------------------------------------------------ */

	#menue {
		margin:0px 0 0 0px;
		float:left;
		height:81px;
		width:485px;
	}


#menue ul {
	float:right !important;
	 }

	#menue ul li {
		float:left;
		margin-left:1px;
		height:78px;
		width:114px;
		list-style:none; 
		
		
		}

		#menue ul li a {
			float:left;
			padding:60px 0px 8px 6px;
			font-size:18px;
			color:#FFFFFF;
			text-decoration:none;
			height:16px;
			width:108px;
			background-color:#1d1f1f;
			}
			
		#menue ul li a:hover 
		{ 
			color:#ffffff;
			background-color:#b5101d;
		}
		
		

 #menue .active a
 {
	background-color:#b5101d !important;
	cursor:default;
	height:17px;
		padding:75px 0px 6px 6px;
}



	#submenue {
		width:485px;
		margin-top:-41px;
		display:block;
	}


#submenue ul {
	float:left !important;
	margin-left:0px;
	 }

	#submenue ul li {
		float:left;
		margin-left:1px;
		height:30px;
		width:114px;
		list-style:none; 
		}

		#submenue ul li a {
			float:left;
			padding:6px 0px 10px 6px;
			font-size:18px;
			color:#FFFFFF;
			text-decoration:none;
			height:16px;
			width:108px;
			background-color:#1d1f1f;
			}
			
		#submenue ul li a:hover 
		{ 
			color:#ffffff;
			background-color:#b5101d;
		}
				

 #submenue .active a
 {
	background-color:#b5101d !important;
	cursor:default;
		padding:6px 0px 22px 6px;
		margin-top:-12px;
}




/* Formular
------------------------------------------------------------------------ */
form {
	margin:0 0 15px 0; }

	fieldset {
		margin:0 0 5px 0;
		border:none; }
		
		label {
			float:left;	
			margin:0 10px 0 0;
			padding:5px 0 5px 3px;
			width:120px; }
		
		.inputfield, textarea {
			float:left;
			padding:5px;
			margin:0 0 5px 0;
			font-family:Arial, Helvetica, sans-serif;
			font-size:14px;
			width:300px;
			background-color:#fff;
			border:1px solid #fff; }
					
		.senden {
			padding:8px 25px;
			font-family:Arial, Helvetica, sans-serif;
			font-size:14px;
			color:#fff;
			background-color:#e2017b;
			border:none;
			cursor:pointer;
}

/* Formulare Allert
------------------------------------------------------------------------ */
.errFld { }

.errMsg {
	float:right;
	margin-top:6px;
	width:22px;
	height:24px;
	text-indent:-9999px;
	background:url(img/error.png) no-repeat right top;
}

#alertMessagePlaceHolder {
	display:none;
	margin-bottom:20px;
	padding:10px;
	color:#fff;
	background-color:#e2017b;
}

/* WEBYEP
------------------------------------------------------------------------ */
#login {
	position:absolute;
	top:0;
	left:0;
}

.WebYepGalleryContainer td {
	height:166px;
	text-align:center;
	background-color:#1b1b1b;
	border-right:5px solid #232323;
	border-bottom:5px solid #232323;
}
	
.WebYepGalleryImage img {
	padding:5px;
	background-color:#fff;
}



/*Accordion*/

/* root element for accordion. decorated with rounded borders and gradient background image */
#accordion {
	width: 205px;
}

/* accordion header */
#accordion h2 {
	margin:0;
	padding-top:16px;
  font-size:16px;
	cursor:pointer;	
	text-decoration:underline;	
}

/* currently active header */
#accordion h2.current {
	cursor:default;
	color:#ffffff;
	padding-top:16px;
		font-weight:bold;
	
}

/* accordion pane */
#accordion div.pane {

	display:none;

	color:#fff;
	font-size:14px;
}


#accordion div.pane p{

margin-top:12px;
}

/* a title inside pane */
#accordion div.pane h3 {
	font-weight:normal;
	margin:0 0 -5px 0;
	font-size:16px;
	color:#999;
}


.adresse{
	float:left;
}

#map1{
width: 270px; 
height: 250px; 
border: 1px solid #000000;
margin-top:30px;
}

#map2{
width: 270px; 
height: 250px; 
border: 1px solid #000000;
margin-top:30px;
}

#map3{
width: 270px; 
height: 250px; 
border: 1px solid #000000;
margin-top:30px;
}

#map4{
width: 270px; 
height: 250px; 
border: 1px solid #000000;
margin-top:30px;
}

#map5{
width: 270px; 
height: 250px; 
border: 1px solid #000000;
margin-top:30px;
}

.mapspace{
	margin-top:20px;
	border-top-style:dashed;
	border-top-width:1px;
	border-top-color:#3c3c3c;
	padding-top:20px;

}

.mapspaceo{
	margin-top:20px;
	padding-top:20px;
}


.pics {
	margin:0px 0px 0 0;
	float:right;
	background-color:#181818;
	padding:12px;
	padding-top:0px;
	width:225px;
}


.pics img{
	margin:12px 0px 0 0;
	border:1px solid #000;
}





div.panes div {
	display:none;	

	padding:15px 10px;
	border:1px solid #000000;
	border-top:0;
	height:500px;
	font-size:14px;

}


/* root element for tabs  */
ul.tabs { 
	list-style:none; 
	margin:0 !important; 
	padding:0;	
	border-bottom:1px solid #666;	
	height:30px;
}

/* single tab */
ul.tabs li { 
	float:left;	 
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important; 
}

/* link inside the tab. uses a background image */
ul.tabs a { 
	background: url(../images/tabbutton.gif) no-repeat;

	font-size:18px;
	display:block;
	height: 30px;  
	line-height:30px;
	width: 116px;
	text-align:center;	
	text-decoration:none;
	color:#ffffff;
	padding:0px;
	margin:0px 1px 0 0;	
	position:relative;
	top:0px;
}

ul.tabs a:active {
	outline:none;		
}

/* when mouse enters the tab move the background image */
ul.tabs a:hover {
	/*background-position: -420px -31px;	*/
	color:#fff;	
}

/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
	background-position: -420px -62px;		
	cursor:default !important; 
	color:#fff !important;
	text-decoration:underline;
	background: url(../images/tabbuttonaktiv.gif) no-repeat;
}

/* Different widths for tabs: use a class name: w1, w2, w3 or w2 */


/* width 1 */
ul.tabs a.s 			{ background-position: -553px 0; width:81px; }
ul.tabs a.s:hover 	{ background-position: -553px -31px; }
ul.tabs a.s.current  { background-position: -553px -62px; }

/* width 2 */
ul.tabs a.l 			{ background-position: -248px -0px; width:174px; }
ul.tabs a.l:hover 	{ background-position: -248px -31px; }
ul.tabs a.l.current  { background-position: -248px -62px; }


/* width 3 */
ul.tabs a.xl 			{ background-position: 0 -0px; width:248px; }
ul.tabs a.xl:hover 	{ background-position: 0 -31px; }
ul.tabs a.xl.current { background-position: 0 -62px; }


/* initially all panes are hidden */ 
div.panes div.pane {
display:none;	

}