@charset 'utf-8';
/* CSS Reset by Eric Meyerhttp://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */
html,body,div,span,applet,object,iframe, h1,h2,h3,h4,h5,h6,p,blockquote,pre, a,abbr,acronym,address,big,cite,code, del,dfn,em,font,img,ins,kbd,q,s,samp, small,strike,strong,sub,sup,tt,var, dl,dt,dd,ol,ul,li, fieldset,form,label,legend, table,caption,tbody,tfoot,thead,tr,th,td{margin:0;  padding:0;  border:0;  outline:0;  font-weight:inherit;  font-style:inherit;  font-size:100%;  font-family:inherit;  vertical-align:baseline;}
body{line-height:1;  color:black;  background:white;}
ol,ul{list-style:none;}
/* tables still need 'cellspacing="0"' in the markup */
table{border-collapse:separate;  border-spacing:0;}
caption,th,td{text-align:left;  font-weight:normal;}
blockquote:before,blockquote:after, q:before,q:after{content:"";}
blockquote,q{quotes:"" "";}
/* html5 elements basic styling by peter krönerhttp://www.peterkroener.de/firefox-4-was-gibt-es-neues-fuer-webentwickler
/*/
command,datalist,source{display:none;}
article,aside,figure,figcaption,footer,header,hgroup,menu,nav,section,summary{display:block;}
figure,menu{margin-top:1em;  margin-bottom:1em;}
dl menu,menu dl,menu menu,menu ol,menu ul{margin-top:0;  margin-bottom:0;}
/* Useful basic stylings based on Stefan Nitzsche’s workhttp://nitzsche.info*/
html{overflow-y:scroll;}
body{background-color:#fff;}
strong,b{font-weight:bold;}
em,i{font-style:italic;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
.ie7 address{font-style:normal;}
.hideme{position:absolute;  left:-999em;  top:-999em;}
label,input[type=button], input[type=submit],button{cursor:pointer;}
q:lang(de){quotes:'„' '“' '‚' '‘';}
q:lang(en){quotes:'“' '”' "‘" "’";}
abbr[title]{border-bottom:1px dotted #888 !important;  cursor:help;}
a abbr{cursor:pointer !important;}
.clearfix:after{clear:both;  content:".";  display:block;  height:0;  visibility:hidden;}
.clearfix{display:inline-block;}
/* Hides from IE-mac \*/
* html .clearfix{height:1%; }
.clearfix{display:block; }
/* End hide from IE-mac */
img{-ms-interpolation-mode:bicubic; }

/* font-family in externer CSS by http://convertfonts.com/*/

/* CUSTOM LAYOUT */    
html { height: auto; min-height:100.5%;} 
body { height: 100%;} 
html { position: relative; margin: 0; padding: 0; }
body { font-family: Arial, sans-serif; font-size: 13px; line-height: 17px;}   
h1, h2, .teaser, #ankuendigung span, ul.seitenliste li a, span.date, #fancybox-title-over strong { font-family: "BlanchCaps", sans-serif;}
body{background-color: #080913;margin:0;padding:0;background-image:url(web_hintergrund.png);background-repeat:no-repeat;background-position:top center; color:#b6b9c1;}
body#start { background-image:url(web_start.png); }
a:focus,a:hover,a:active,form,input{outline:0; }
/* Allgemeines */
p,td{color:#b6b9c1;text-decoration:none;border:0;}
a{color:#b6b9c1;text-decoration:none;border:0;}
a:hover{text-decoration:none;}
img{;color:#000;border:0;}
p{padding:0 0 0 0;margin:0;}
.empty{height:0;overflow:hidden;clear:both;}
/* Bereiche */
#background{ min-height: 100%;}
#header { height: 320px; border-bottom: 2px solid #E2A630;  }
.wrap, #footer {width: 1050px;  margin:0 auto;  padding:0;  text-align:left;}
#intro {width: 300px;  margin:0 auto;  padding:0;  text-align:center; margin-top: 640px; font-weight: bold; font-size: 13px; }
#startbutton { display: block; width: 183px; height: 23px; margin: 0 auto; margin-bottom: 10px; padding-top: 8px; color: #fff; font-size: 15px; line-height: 16px; background: url(startbutton.png) top center no-repeat transparent; }
#intro a.selected { color:  #D28C00; }

#social { float: right; width: auto; margin-right: 110px; height: 37px; margin-top: -5px; text-align: right; margin-bottom: -37px; }   
#social a, #social img, #social a img { margin: 0; padding: 0; border: 0; }
#logo { z-index: 1; clear: both; width: 551px; display: block; margin: 0 auto; margin-top: 0; margin-bottom: -178px;  position: relative; }
#menu { z-index: 30; width: 570px; height: 30px; display: block; margin: 0 auto; background: url(web_menu_inaktiv.png) bottom center no-repeat transparent; font-weight: bold;  position: relative; }

.wrap { position: relative; }
#lady { z-index: 35; display: block; width: 264px; position: absolute; left: 180px; top: 340px; }    
#content{ clear: both; width: 915px; margin: 0 auto; margin-top: 190px; margin-bottom: 70px; border-top: 0;}

#footer{height:45px;overflow:hidden; position: absolute; bottom: -19px;width:100%;border-bottom: 19px solid #E5AC40; text-align: center; color: #b6b9c1; line-height: 13px; font-size: 13px; }
#footer a { color: #b6b9c1; } 
#footer a:hover { color: #D28C00; } 
#footer img { padding: 0 8px;}
/* Menuleiste */

#menu ul{margin:0px;  padding:0px;  padding:0 0 0 0;  }
#menu li{margin:0;padding:0;list-style-type:none;  float:left;text-align:center;width:114px; }
#menu li a{display:block;height:23px;margin-top:7px;text-decoration:none;color:#444;font-size: 12px; line-height: 23px; border-right: 1px solid #f5f5f5; border-left: 1px solid #777; }       
#menu li a:hover {color: #D28C00; }   
#menu li:first-child a{border-left: 0; }
#menu li:last-child a{ border-right: 0; }
#menu li.rex-current a {background-image:url(menuaktiv.png); background-repeat:repeat-x; border-radius: 8px 8px 0 0; color: #fff; margin-top: 0; padding-top: 5px; height: 25px; font-size: 15px; border: 0; }

ul.seitenliste { padding-top: 20px;}
ul.seitenliste li a { display: block; font-size: 26px; line-height: 26px; border-bottom: 1px solid #565963; padding: 4px 0;}   
ul.seitenliste li:first-child a { border-top: 1px solid #565963; }     
ul.seitenliste li a:hover { color: #fff;}       
ul.seitenliste li.current a { color: #E2A630;}   

#inhalt { float: left; width: 680px; }  
#inhalt.full { width: 880px; }
#sidebar { float: right; width: 169px; padding: 0; margin: 50px 30px 0 0;  text-align: center;}
/* Inhalte */

.contentblock { display: block; min-height: 113px; background: url(content_verlauf2.png) top left no-repeat transparent; padding: 35px; }
.cbtitle { display: block; float: left; width: 150px; padding: 0; margin: 0 50px 0 0; overflow: hidden; }
.cbtitle h2 { padding: 0; margin: 0; color: #E2A630; font-size: 42px; line-height: 36px; text-transform: uppercase; }       
.cbtext { display: block; float: left; width: 410px; padding: 0; margin: 10px 0 0 0; overflow: visible; }                  
#inhalt.full .cbtext { width: 610px; }   
.cbtext h3 { color: #E2A630; font-weight: bold; margin-bottom: 8px;}   
.cbtext strong { color: #E2A630; font-weight: bold; margin-bottom: 8px;}    
.cbtext table tr td { padding-right: 30px;}    
.cbtext table tr td table tr td { padding-right: 3px; vertical-align: middle; }  

#ankuendigung { display: block; margin: 0 auto; background: url(web_sidebar_event_de.png) top left no-repeat transparent; height: 200px; padding: 180px 20px 40px 20px; }   
#ankuendigung.en { background-image: url(web_sidebar_event_en.png); }  
#ankuendigung span.h2 { padding: 0; margin: 0; color: #E2A630; font-size: 38px; line-height: 30px; text-transform: uppercase; }  
#ankuendigung span.subh2 { display: block; color: #E4C27E; font-weight: normal; margin: 25px 0 0 0; font-size: 28px; line-height: 22px; }   
#massagen { margin: 15px auto;  border-top: 2px dotted #E2A630; border-bottom: 2px dotted #E2A630; }         
#massagen img { margin: 15px auto;  }

/* Galerie */
h1 { padding: 0; margin: 0 0 12px 0; color: #E2A630; font-size: 36px; line-height: 36px; text-transform: uppercase; }    
div.galerie { padding: 1em 0 0 0; margin: 1em 0; border-bottom: 2px dotted #E2A630; }
div.galerie a { display: block; float: left; width: auto; border: 0; margin: 0 24px 24px 0; padding: 0;}     
div.galerie a:nth-child(3n) { margin-right: 0;}        
div.galerie.bigone a:nth-child(3n) { margin-right: 24px;}   
div.galerie.bigone a:nth-child(3n+1) { margin-right: 0;}  
div.galerie a img { width: 106px; height: 106px; border: 7px solid #DBDCE0; border-radius: 7px; margin: 0; padding: 0;}    
div.galerie.bigone a:first-child img { width: 394px; height: auto; border: 7px solid #DBDCE0; border-radius: 7px; margin: 0; padding: 0;}  
div.galback { padding: 0.5em 0; margin: 0.6em 0; border-bottom: 2px dotted #E2A630; margin-top: -0.8em; }
div.galback a.prev { width: 100%;}

/* Events */
.eventarchiv { display: block; float: left; width: 185px; height: 129px; background: url(event_archiv.png) top left no-repeat transparent; margin: 0 24px 24px 0; padding: 0;}
.eventarchiv:nth-child(3n) { margin-right: 0;}  
.eventarchiv img { width: 181px; height: 125px; border: 2px solid #565963; border-radius: 14px; margin: 0; padding: 0; }
img.eventbild { width: 606px; height: auto; border: 2px solid #E2A630; border-radius: 28px; margin: 0 0 2em 0; padding: 0; display: block;  }
div.evt { position: relative; }
img.eventkrone { position: absolute; top: -65px; left: 273px; display: block; width: 61px; height: 75px;  }

a.prev, a.fwd { display: block; width: 40%; font-weight: bold; }  
a.prev:hover, a.fwd:hover { color: #E2A630; }

a.fwd { float: right; text-align: right;}
a.prev { float: left; text-align: left; }  

/* Blog */
.blogbild { width: 106px; height: 106px; display: block; position: relative; float: left; padding: 7px; margin: 0 25px 0 0;}    
img.rahmen { position: absolute; top: 0; left: 0; display: block; width: 120px; height: 120px;  }
.blogtext { display: block; float: left; width: 260px;}
.blogpages { clear: both; padding: 35px; }
span.date { font-size: 20px; line-height: 20px; }

.cbtext ul li { background: url(listitem.png) 0px 3px no-repeat transparent; padding: 0 0 0 12px;  min-height: 10px; }

#fancybox-overlay { background-image: url(fancybox_overlay.png); background-position: 0 0; background-repeat: repeat;}
#fancybox-right-ico { background-image: url(weiter_inaktiv.png); background-position: 0 0; background-repeat: no-repeat;}
#fancybox-left-ico { background-image: url(zurueck_inaktiv.png); background-position: 0 0; background-repeat: no-repeat;}
#fancybox-right-ico, #fancybox-left-ico { width: 60px; height: 20px; }

#fancybox-right-ico { right: 0; left: auto; }    
#fancybox-left-ico { left: 0; right: auto; }  
#fancybox-right { right: -80px; left: auto; }    
#fancybox-left { left: -80px; right: auto; }
#fancybox-right, #fancybox-left { visibility: visible; } 
#fancybox-right:hover span, #fancybox-left:hover span { } 
#fancybox-right:hover #fancybox-right-ico { background-image: url(weiter_aktiv.png); right: 0; }
#fancybox-left:hover #fancybox-left-ico { background-image: url(zurueck_aktiv.png); left: 0;}

#fancybox-close { background-image: url(fancyboxclose.png); background-position: 0 0; background-repeat: no-repeat; right: 15px; top: -30px;}
#fancybox-outer { background: transparent; }
#fancybox-img { border: 4px solid #E2A630; border-radius: 18px; width: 95%; height: auto;}
#fancybox-title { bottom: auto !important; top: 100% !important; text-align: center; color: #b6b9c1; }
#fancybox-title-over { background-image: none; padding: 0; }

#fancybox-title-over strong { display: block; color: #E2A630; font-size: 28px; line-height: 24px; margin-bottom: 10px; }


/* Formulardefinition */
label, select, input[type=checkbox], input[type=radio], input[type=button], input[type=submit]{cursor:pointer; }                  
.formgen { padding: 0 35px 0 235px; }
.formgen .formblock{margin-bottom:15px;margin-top:10px;padding-top:3px;padding-bottom:3px;padding-right:2px;padding-left:5px; }
.forminfo{width: 395px; float: right; margin: 1em 35px 1em 0; padding: 6px 5px; background-color: #b6b9c1; border-radius: 4px; color: #fff; font-weight:bold; border: 0;}
.formhinweis { padding: 1em 0; margin: 1em 0; border-top: 1px solid #eee; border-bottom: 1px solid #eee; }
#form-module-thanks { width: 395px; float: right; margin: 1em 35px 1em 0; padding: 6px 5px; font-weight:bold; border: 0; background: #89B915; color: #fff;  border-radius: 4px;}
.formgen br{clear:both;}                                                                                 

.formgen .formtextfield, .formgen .formtext, .formgen .formselect{display: block; padding: 2px 5px 2px 0; margin: 0 0 5px 0; background-color:#ccc; color:#000;border: 0; float:right; border-radius: 3px; width: 270px;}    
.formgen .formtextfield { clear: both; width: 405px; }     
.formgen .formselect{ padding: 2px 2px 2px 0; width: 270px;}
.formgen input:focus,.formgen input:hover, .formgen select:focus,.formgen select:hover,.formgen textarea:focus,.formgen textarea:hover{ background-color:#f0f0f0;}
.formgen label{min-width: 120px;clear:left;float:left; height: auto; padding: 2px 0; margin: 0; font-weight:bold;color:#b6b9c1; border-bottom:0;}                
.formgen input.formradio {margin-left: 120px; width: 20px; margin-top: 2px; }
.formgen label.formradio {width:270px;clear:right;float:right; height: auto; padding: 0 0 2px 0; margin: 0; font-weight:normal;color:#b6b9c1; border-bottom: 0;}
/* Sende-Button */
.formgen .formsubmit{ background: url(senden.png) top left no-repeat transparent; width: 95px; height: 23px; text-align:center; float:left; margin: 0; padding: 0; border: 0; border-radius: 0; font-weight: bold; font-size: 1.2em; color: transparent;} 
.formgen .formsubmit:hover { background-color: transparent; }
.en .formgen .formsubmit { background-image: url(submit_en.png); } 
/* Fieldsetbeschriftung */
.formgen legend{color:#b6b9c1;background-color:transparent;width:120px;}
.formgen .fieldset{margin-bottom:10px;}
/* -------------- AUSGABEN / Fehlermeldungen --------*/
/* Markierung der Labels bei Fehler */
.formgen .formerror{border-bottom-width:1px;color:#990000;}
.formgen .formcaptcha{border:2px solid #990000;vertical-align:top;float:left;margin-right:10px;}
.formgen .formreq{color:#b6b9c1;}
.formgen .formheadline{color:#b6b9c1;background-color:transparent;padding-top:4px;padding-bottom:4px;margin-top:5px;margin-bottom:5px;font-style:italic;}

input#el_2 { margin-bottom: 30px; }
/*/
////////////////////////////////////////////////////////////////////////////
/*
/* Ende der Formulardefinition */  

/* Swipe 2 required styles */

.swipe {
  overflow: hidden;
  visibility: hidden;
  position: relative;
}
.swipe-wrap {
  overflow: hidden;
  position: relative;
}
.swipe-wrap > div {
  float:left;
  width:100%;
  position: relative;
}

/* END required styles */

/* Slider oben */
#slider { z-index: 20; background-image:url(web_toparea.png);background-repeat:no-repeat;background-position:top center; height: 290px; width: 1050px; position: relative; overflow: hidden; }  
.teaser { z-index: 25; display: block; width: 189px; height: 189px; background: url(web_teaser.png) top left no-repeat transparent; margin: 0; position: absolute; top: 54px; left: 67px; color: #fff; text-align: center; }
span.t1 { z-index: 25;  display: block; font-size: 36px; padding-top: 65px; height: 36px; }  
span.t2 { z-index: 25;  display: block; font-size: 30px; padding-top: 5px; height: 30px; }
#bild { z-index: 20; }

#bild .item img{
    display: block;
    width: 1050px;
    height: 290px;
    border-radius: 145px;
    border: 0px solid #E2A630; 
}