@charset "iso-8859-1";

body {
/*background-image:url(pics/back.jpg);*/
	background: #565656;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}
.oneColFixCtrHdr #container {
	background-color:#FFFFFF;
/*	background-image:url(pics/Background_index.jpg);
	background-repeat:no-repeat;*/
	height:650px;
	width: 955px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 1px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
	margin-top:20px;
}

.oneColFixCtrHdr #header {
padding: 0 20px;
height:110px;
position:relative;
	
}
.oneColFixCtrHdr #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 0px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
.oneColFixCtrHdr #mainContent {
	width:500px;
	height:460px;
	padding: 15px 20px 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
}
.oneColFixCtrHdr #footer {
	background-color:#FFFFFF;
	height:30px;
	padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	border-top: 5px solid #e50000;
}
.oneColFixCtrHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
h2{
	font-size:130%;
	color:#e50000;}
h3{
	font-size:110%;
	font-weight:bold;
	padding:0;
	margin:0;}
h4{
	font-size:110%;
	font-weight:bold;
	padding:0;
	margin:0;
	color:#e50000;}
h5{
	font-size:110%;
	font-weight:bold;
	
	margin:0;
	background-color:#e50000;
	padding:5px 5px 5px 10px; 
	color:#FFFFFF;}
address{
	top:10px;
	font-style:normal;
	text-align:center;
	font-size:80%;
	}
		/*-------------------------------------------- Hintergrundbilder Start*/
.indexback {
	background-image:url(pics/Background_index.jpg);
	background-repeat:no-repeat;
}
.kontaktback {
	background-image:url(pics/Background_kontakt.jpg);
	background-repeat:no-repeat;
}
.ueberback {
	background-image:url(pics/Background_ueberUns.jpg);
	background-repeat:no-repeat;
}
.spotsback {
	background-image:url(pics/Background_spots.jpg);
	background-repeat:no-repeat;
}
.serviceback {
	background-image:url(pics/Background_service.jpg);
	background-repeat:no-repeat;
}
.preiseback {
	background-image:url(pics/Background_preise.jpg);
	background-repeat:no-repeat;
}
.standorteback {
	background-image:url(pics/Background_standorte.jpg);
	background-repeat:no-repeat;
}
.newsback {
	background-image:url(pics/Background_news.jpg);
	background-repeat:no-repeat;
}
		/*-------------------------------------------- Hintergrundbilder ENDE*/
#footer a{text-decoration:none; color:#000000;}
#footer a:hover{text-decoration:underline; color:#A3101A;}

#container a{text-decoration:none; color:#A3101A;
font-weight:bold;}
#container a:hover{font-weight:bold;text-decoration:underline; color:#A3101A;}
	/*-------------------------------------------- Navigation Top*/
#navi{
/*background-color:#e50000;*/
width:586px;
	padding:0 0 0 10px ;
	margin:0;}
 #navi ul {
	/*position:absolute;
	top:108px;
	right:380px;
	width: 602px;*/
/*	height: 24px;*/
padding:0;
margin:0;	

}
#navi li{
	display:inline;
	color:#FFFFFF;
	font-size:100%;
	font-weight:bold;
} 
#navi a{
 
 padding: 0px 10px 3px 8px ;
/* border-right:1px solid #FFFFFF;*/
text-decoration:none;
color:#FFFFFF;
} 
 #navi a:hover{
	padding: 0px 8px 3px 8px;
	/* border-right:1px solid #FFFFFF;*/
	text-decoration:none;
	color:#e50000;
	background:#FFFFFF;
	border-top-width: 2px;
	border-right-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-top-color: #A3101A;
	border-right-color: #A3101A;
	}
#home #top1 a, #kontakt #top6 a, #ueber #top2 a, #service #top3 a, #spots #top5 a, #preise #top7 a, #standorte #top4 a{
	border-top-width: 2px;
	border-right-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-top-color: #A3101A;
	border-right-color: #A3101A;
	padding: 0px 8px 3px 8px ;
	/* border-right:1px solid #FFFFFF;*/
	text-decoration:none;
	color:#e50000;
	background:#FFFFFF;

} 

/*--------------------------------------------Navigation Top ENDE*/

#filmstrip{
position:relative;
top:0px;
left:-20px;}
#news{

position:relative;
top:3px;
left:0px;}

#discowerbung{
	position:absolute;
	top:54px;

	left:285px;
	width:336px;
	height:63px
}

/* --------------------------Kontaktform Start*/
.Button { background-color:#A3101A; color:#fff; width:80px; border:0px solid #ddd; font-weight:bold; } 
.Button2 { background-color:#A3101A; color:#fff; width:100px; border:0px solid #ddd; font-weight:bold; } 
#kontakt form{
 background-color:#eee;
 width:400px;
 padding: 20px 20px 1px 20px;
 border: 1px solid #8c8c8c;
 }

 label{
	display:block;
}

 #kontakt textarea, #kontakt input{
	width:400px;
	border: 1px solid #8c8c8c;
	margin-bottom:1em;
}
textarea{
	height:4em;
}
input:focus, textarea:focus{
	background-color:#d9d9d9;
}


/* --------------------------Kontaktform Ende*/
.scrolltext {
	height: 368px;
	width: 500px;
	overflow: auto;
	overflow-x:hidden;
	scrollbar-base-color: #FFFFFF;
	scrollbar-3dlight-color:#FFFFFF;
	scrollbar-arrow-color:#FFFFFF;
	scrollbar-darkshadow-color:#000000;
	scrollbar-face-color: #A3101A;
	scrollbar-highlight-color:#FFFFFF;
	scrollbar-shadow-color:#FFFFFF;
	scrollbar-track-color: #FFFFFF;
	text-align: left;
	clip:  rect(auto 15px auto auto);
	padding-right: 10px;	
}
.scrolltextStandort{
	height: 270px;
	width: 499px;
	overflow:scroll;
	overflow-x:hidden;
	scrollbar-base-color: #FFFFFF;
	scrollbar-3dlight-color:#FFFFFF;
	scrollbar-arrow-color:#FFFFFF;
	scrollbar-darkshadow-color:#000000;
	scrollbar-face-color: #A3101A;
	scrollbar-highlight-color:#FFFFFF;
	scrollbar-shadow-color:#FFFFFF;
	scrollbar-track-color: #FFFFFF;
	text-align: left;
	clip:  rect(auto 15px auto auto);
	/*padding-right: 10px;*/	
}
.scrolltextNews{
	height: 370px;
	width: 499px;
	overflow:scroll;
	overflow-x:hidden;
	scrollbar-base-color: #FFFFFF;
	scrollbar-3dlight-color:#FFFFFF;
	scrollbar-arrow-color:#FFFFFF;
	scrollbar-darkshadow-color:#000000;
	scrollbar-face-color: #A3101A;
	scrollbar-highlight-color:#FFFFFF;
	scrollbar-shadow-color:#FFFFFF;
	scrollbar-track-color: #FFFFFF;
	text-align: left;
	clip:  rect(auto 15px auto auto);
	/*padding-right: 10px;*/	
}
.textklein{font-size:90%;}
/* ----------------------Lightbox ---------------------------------start*/
#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}
/* ----------------------Lightbox ---------------------------------End*/
.filme{
width:250px;
height:200px;
float:left}
.filmtext{height:200px;
margin-left:260px;}
.floatleft{float:left;}
.plasmaUL{margin-left:120px;}
#apDiv1 {
	background-image:url(pics/white.jpg);
	opacity: 0.5;
	position:absolute;
	left:489px;
	top:13px;
	width:162px;
	height:49px;
	z-index:1;
}
.news{

}
/* ----------------------Ticker ---------------------------------Start*/

#ticker-area{
position:relative;
top:-28px;
	padding: 10px 0;
	margin: 20px 0;
	font-size: 14px;
	font-weight: bold;

}
.codeblock{
 background: #EEE;
 color: #030;
 line-height: 1.3em;
 padding: 1em;
 border: 1px solid #CCC
}
.code{

}
.highlight{
	font-weight: bold;
}
.littlelink{
  float: right;
	font-size: small;
}

#rwwspot{
	position:absolute;
	left: 570px;
	top: 225px;
}
.bestStage {margin: 5px 0;
font-size: 0.8em;}
.infoLabel {    display: flex!important;align-items: baseline;flex-wrap: wrap;}
#Infopflichten {    width: 15px!important;    margin-right: 10px!important;    margin-bottom: 0!important;}
label.error {
    color: red;
    padding: 5px;
    box-sizing: border-box;
    margin-bottom: 10px;
 background-color: #fef7df;
    width: 96%;
    font-size: 0.8em;
}
input{ padding: 5px; box-sizing: border-box;}
input.error {
    background-color: #FFCACA;
}
#Infopflichten-error {
  order: 2;
flex: 0 auto;
width: 96%;
margin-top: 10px;
box-sizing: border-box;
}
.InfopflichtenTxt {
    flex: 1;
}
.scrolltextKont {
    height: 406px;
    width: 499px;
    overflow: scroll;
        overflow-x: scroll;
    overflow-x: hidden;
    scrollbar-base-color: #FFFFFF;
    scrollbar-3dlight-color: #FFFFFF;
    scrollbar-arrow-color: #FFFFFF;
    scrollbar-darkshadow-color: #000000;
    scrollbar-face-color: #A3101A;
    scrollbar-highlight-color: #FFFFFF;
    scrollbar-shadow-color: #FFFFFF;
    scrollbar-track-color: #FFFFFF;
    text-align: left;
    clip: rect(auto 15px auto auto);
    padding-right: 10px;
}