/* CSS Document */
 /* copyright: CompuSense Communication; +49 2102 309 78 50 / Rodeck@CompuSense.de */
 
 /*footer im CMS nicht deaktivieren ->Hintergrundsbilder

 */
 
 /*blau: 0D6CB5
 	rot: #D60000
	Hintergrund: #eeeeee
	
	#wrapper { margin: 0 35px 0 auto;}*/

 @import url(bluebtn.css);@import url(navi.css); @import url(home.css);

body{color:#555555;font-family:Arial;font-size:12px; line-height:18px; }
#wrapper { margin: 0 auto;}
.pdf_link {bottom: -30px; right: 0;position: absolute; width:150px; text-align:right}

H1 {font-size:28px; font-weight:normal; color:#0D6CB5; line-height: normal; margin:30px 0 20px 0}
H2 {font-size:18px; font-weight:normal;color:#0D6CB5 ; line-height: normal; margin:20px 0 0 0}
H2 a {color:#0D6CB5 ;}
nav + H2 {margin:90px 0 0 0}

ul {margin: 0px; padding: 0 0 0 15px;}
a{ color:#D60000; text-decoration:none}
figure {margin:0}

.error {color:#D60000;}

#main {  z-index: 10; margin-top:75px;  margin-bottom: 75px; }
aside {  z-index: 11; }

/*Startseite*/
#claim, #home .mod_article {background-color: transparent; padding: 30px 0 0 120px}
#claim H1 { font-weight:bold; color:#ffffff; line-height: normal; font-size: 36px;}
#claim .pdf_link {bottom: 50px;position: fixed;right: 35px; }

#home .ce_text, #home .mod_newslist {width:300px; position:fixed; height:155px; overflow:hidden; bottom: 80px; padding:10px !important; background-color: #EEEEEE;}
#home .ce_text {right: 695px;}
#home .ce_text+.ce_text{right: 365px;}
#home .ce_text+.ce_text+.ce_text, #home .mod_newslist  { right:35px}

#home .ce_text H1, #home .mod_newslist h2 {font-size:20px; margin:0}
#home .ce_text ul {position:relative; left:10px}
#home .mod_newslist p.more {right: 25px; position:absolute; top: 18px}
#home .layout_short {border-top: none; height: 95px;}


/*Transparenzen*/
/*
.mod_article {opacity: 0.95;}
img {opacity: 1 !important}
.home .ce_text {opacity: 0.95;}
*/

/*Module*/
.mod_article {background-color: #EEEEEE;padding:0 30px 30px 30px}
.aufbau .mod_article {background-color: transparent;padding:0 }


/*Hintergrundsbild*/

#footer { right: 0;position: fixed;top: 0;}
#footer img {max-width: none; }
.aufbau  #footer { left: 0;}


/*galerie aufbau*/
.caroufredsel .ce_text{opacity:0.8}
.caroufredsel .ce_image {display: block}
.caroufredsel_pagi {    bottom: 175px;    position: fixed;right: 250px;z-index: 100;}
.caroufredsel_pagi a span {display: none;}
.caroufredsel_pagi a {background-color: #FFFFFF;border: 3px solid #FFFFFF;border-radius: 6px;display: block;float: left;height: 6px;margin-right: 5px;position: relative;width: 6px;}
.caroufredsel_pagi a.selected {background-color: #5F5F5F;}

.caroufredsel > div.ce_text {visibility:hidden}
.caroufredsel > div.ce_text {position:fixed; z-index:90; bottom:80px; right:35px; height:85px; background-color: #EEEEEE;padding:0 90px 30px 90px; width:520px; }
.caroufredsel > div.ce_text H1 {font-size:20px;margin: 20px 0 10px; } 
.caroufredsel > div.visible{visibility: visible !important}

.caroufredsel_navi{position:fixed; z-index:100; bottom:120px; right:35px; height:50px; width:680px; margin: 0 15px 0 15px}
.caroufredsel_prev span { background-image: url("img/zurueck.png");background-repeat: no-repeat;font-size: 0;height: 55px;padding: 28px;width: 57px;position: absolute;left: 0;}
.caroufredsel_next span { background-image: url("img/vor.png");background-repeat: no-repeat;font-size: 0;height: 55px;padding: 28px;width: 57px; position: absolute;right: -55px;}
.disabled {opacity: 0.5; cursor:default}




/*Newsliste*/
.layout_short {border-top: thin dotted #555555; padding: 10px 0 20px 0}
.layout_short p {margin:0}

/*Eventliste*/
.mod_eventlist h1 { margin:30px 0 90px 0}
.mod_eventlist h2  {margin: 0}
.mod_eventlist p {margin: 0 }
.mod_eventlist .event  {margin: 0 0 30px 0}

/*Gästebuch*/
.comment_default {border-bottom: thin dotted #555555; padding: 10px 0 10px 0}
.ce_comments form, .headline_comment{padding: 20px 0 0 0}
#gaeste #ctrl_captcha {width: 310px !important;}
#gaeste label {width: 40% !important;}
#gaeste input.submit {width: 180px !important;}

/*downloads*/
.ce_downloads ul {padding:0}
.ce_downloads li {list-style: none}
.mime_icon {padding:3px 0 0 0 }
.ce_downloads li a {vertical-align: text-bottom;}

/*Kontakt*/
input.captcha {width: 50px !important;}

/*Team*/
#team .ce_text {border-bottom: thin dotted #555555; padding: 10px 0 20px 0}

/*Wetter*/
#erzgebirge, #rheinhessen, #mainz {width:215px; float:left}


/*Formulare*/
select, input, textarea {  font-family: arial;width: 310px; margin: 3px 15px 0 0}
fieldset {border:none; padding:0}
fieldset input, .checkbox_container input {width: 10px; margin: 10px 10px 10px 0;}

span.mandatory { color:#D60000}

form td {border-bottom: thin dotted #555555; padding: 7px 0 10px;}
form h2 {margin: 50px 0 0 0;}

form headline, form .explanation, form tr.row_last td{border:none !important}
form div.explanation {background-color:#d5d5d5; padding: 10px; margin:30px 0 10px 0 }
form div.explanation p {margin:0}
form div.explanation p#error{ color:#D60000}
#pflicht { position:absolute; top: 100px; right: 30px; color:#D60000; }

.styled_select, select {width: 190px }
label, label.short {padding: 5px;width: 140px; vertical-align: top;display: inline-block; }

hr{border-top: thin dotted #555555; margin: 7px 0 10px;}

div.short div, div.short input, select.short {width:90px }
div.anrede div, div.anrede input, select.anrede  {width:130px }

.submit_container { text-align:right; float:right;}
/*einzelne Formulare*/

/*f2*/
#f2 textarea {width: 455px;}
input.region{left: 400px;position: absolute;top: 268px;width: 240px;}
label.wert{left: 400px;position: absolute;top: 315px;width: 200px;}
input.wert{left: 560px;position: absolute;top: 315px;width: 80px;}
select.anzahl + br + hr{ margin: 20px 0 10px;}


/*personen*/
.gast1 input {float:left; margin: 7px 10px 0 0;}
.gast1 label { margin-top: 5px;max-height: 0;overflow: visible;padding: 0;width: 180px;}

label.titel_gast1{left: 350px;position: absolute;top: 290px;}
input.titel_gast1{left: 402px;position: absolute;top: 290px;}
label.gewicht_gast1{left: 315px;position: absolute;top: 429px;}
input.gewicht_gast1{left: 405px;position: absolute;top: 429px;}
label.ort_gast1{left: 290px;position: absolute;top: 524px;width: 40px;}
input.ort_gast1{left: 322px;position: absolute;top: 524px;width:170px !important;}


label.titel_gast2{left: 350px;position: absolute;top: 776px;}
input.titel_gast2{left: 402px;position: absolute;top: 776px;}
label.gewicht_gast2{left: 315px;position: absolute;top: 916px;}
input.gewicht_gast2{left: 405px;position: absolute;top: 916px;}

label.titel_gast3{left: 350px;position: absolute;top: 1025px;}
input.titel_gast3{left: 402px;position: absolute;top: 1025px;}
label.gewicht_gast3{left: 315px;position: absolute;top: 1164px;}
input.gewicht_gast3{left: 405px;position: absolute;top: 1164px;}

label.titel_gast4 {left: 350px;position: absolute;top: 1274px;}
input.titel_gast4 {left: 402px;position: absolute;top: 1274px;}
label.gewicht_gast4 {left: 315px;position: absolute;top: 1417px;}
input.gewicht_gast4 {left: 405px;position: absolute;top: 1417px;}

label.titel_gast5{left: 350px;position: absolute;top: 1522px;}
input.titel_gast5{left: 402px;position: absolute;top: 1522px}
label.gewicht_gast5{left: 315px;position: absolute;top: 1664px;}
input.gewicht_gast5{left: 405px;position: absolute;top: 1664px;}

label.titel_gast6{left: 350px;position: absolute;top: 1774px;}
input.titel_gast6{left: 402px;position: absolute;top: 1774px;}
label.gewicht_gast6{left: 315px;position: absolute;top: 1914px;}
input.gewicht_gast6{left: 405px;position: absolute;top: 1914px;}

label.titel_gast7{left: 350px;position: absolute;top: 2026px;}
input.titel_gast7{left: 402px;position: absolute;top: 2026px;}
label.gewicht_gast7{left: 315px;position: absolute;top: 2164px;}
input.gewicht_gast7{left: 405px;position: absolute;top: 2164px;}

label.titel_gast8{left: 350px;position: absolute;top: 2276px;}
input.titel_gast8{left: 402px;position: absolute;top: 2276px;}
label.gewicht_gast8{left: 315px;position: absolute;top: 2414px;}
input.gewicht_gast8{left: 405px;position: absolute;top: 2414px;}



/*f4*/
.zahlungsart { width:170px}
.zahlungsart input {float:left; margin: 7px 0 0 0;width: 15px;}
.zahlungsart label {float:left; margin:-21px 0 0 25px;width: 150px}

.agb input{float:left; margin: 7px 0 0 0;width: 15px;}
.agb label{width: 600px; float:left; margin:-21px 0 0 25px;}

#f4 .explanation {margin:0}
.large_button {width:200px !important}

input.grey{background-color: #eeeeee;}

/*Infobutton*/
a.hint {text-decoration:none; cursor: help;}
a.hint:hover {background: #FFFFFF;text-decoration: none} 
a.hint span {visibility: hidden;position: absolute;right: 0;margin-top: 1.5em;padding: 1em;text-decoration: none;z-index:99;} 
a.hint:hover span {visibility: visible;color: #555555;background: #FFFFFF;text-decoration: none;width: 250px;  } 

div.hint p, div.hint li{ font-size:0.8em; font-style:italic}

#region_info {     margin-top: -25px;position: absolute;left:375px;}
#art_info {     margin-top: 5px;position: absolute;left:375px;}
#gutschein_info {     margin-top: -20px;position: absolute;right: 35px;}
#anzahl_info {     margin-top: -25px;position: absolute;left:375px}

#fahrgast_info {     margin-top: -20px;position: absolute;right: 400px;}

#preis_info {     margin-top: -20px;position: absolute;right: 340px;}



/*großes Tablet quer*/
@media (max-width: 1024px) {
	.caroufredsel .ce_image {max-width: 1224px; }
	#footer img{min-width: 1224px; }
}