/* CSS Document */
html {
  overflow-x: hidden;
  overflow-y: scroll;
}

body {
  font-size: 12px;
  font-family: Arial;
  color: #887140;
  line-height: 14px;
  margin: 0px;
  padding: 0px;
  width: 100%;
  background: #fff url(img/hg.png)  no-repeat top center ;
}

#shadows_top {
  width: 1035px;
  margin: auto;
  height: 30px;
  background: url(img/schatten-top.png) no-repeat center;  
  padding: 0px;   
}

#layout {
  width: 1035px;
  margin: auto;
  height: auto;
  background: url(img/schatten.png) repeat-y center; 
  padding: 0px;
  display: block;
}

#head {
  width: 997px;
  height: 316px;
  position: relative;
}

#link {
  position: absolute;
  right: 0px;
  top: 0px;
  width: 320px;
  height: 85px;
}

#link a {
  display: block;
  width: 320px;
  height: 85px;
}

#start #head {
  background: transparent url(img/head-start.jpg) no-repeat;
  margin-left: 17px;  
}

#info #head {
  background: transparent url(img/head-informationen.jpg) no-repeat;
  margin-left: 17px;  
}

#impressum #head, #film #head {
  background: transparent url(img/head-start.jpg) no-repeat;
  margin-left: 17px;  
}

#schloss #head {
  background: transparent url(img/head-schloss.jpg) no-repeat;
  margin-left: 17px;  
}

#datenschutz #head {
  background: transparent url(img/head-datenschutz.jpg) no-repeat;
  margin-left: 17px;  
}

#galerie #head {
  background: transparent url(img/head-galerie.jpg) no-repeat;
  margin-left: 17px;  
}

#partner #head {
  background: transparent url(img/head-partner.jpg) no-repeat;
  margin-left: 17px;  
}

#kontakt #head {
  background: transparent url(img/head-kontakt.jpg) no-repeat;
  margin-left: 17px;  
}

#programm #head {
  background: transparent url(img/head-programm.jpg) no-repeat;
  margin-left: 17px;  
}

#head div {
  font-size: 24px;
  font-weight: bold; 
  padding: 2px 0px 10px 0px; 
}

#head div a {
  text-decoration: none; 
}

.pfeil {
  font-weight: normal;
  font-size: 28px;  
}

.nav1 {
  position: absolute;
  top: 35px;
  left: 30px;
  width: 245px;
  border-bottom: 1px dashed #fff;  
}

.nav1 a, .nav2 a, .nav3 a, .nav4 a, .nav5 a, .nav6 a {
  color: #fff;
}

.nav1 a:hover, .nav1 a.aktiv {
  color: #a13055;
}

.nav2 {
  position: absolute;
  top: 76px;
  left: 30px;
  width: 215px;
  border-bottom: 1px dashed #fff;    
}

.nav2 a:hover, .nav2 a.aktiv {
  color: #938b00;
}

.nav3 {
  position: absolute;
  top: 111px;
  left: 30px;
  width: 190px;
  border-bottom: 1px dashed #fff;    
}

.nav3 a:hover, .nav3 a.aktiv {
  color: #006864;
}

.nav4 {
  position: absolute;
  top: 146px;
  left: 30px;
  width: 170px;
  border-bottom: 1px dashed #fff;    
}

.nav4 a:hover, .nav4 a.aktiv {
  color: #55293e;
}

.nav5 {
  position: absolute;
  top: 181px;
  left: 30px;
  width: 145px;
  border-bottom: 1px dashed #fff;    
}

.nav5 a:hover, .nav5 a.aktiv {
  color: #802617;
}

.nav6 {
  position: absolute;
  top: 216px;
  left: 30px;
}

.nav6 a:hover, .nav6 a.aktiv {
  color: #b75d15;
}

#content {
  width: 937px;
  margin-left: 17px;
  padding: 0px 30px 0px 30px;
  background: #d3bc8a;
 
}

div #content:after { content: ".."; display: block; height: 0px; clear: both; visibility: hidden; }
	/* Hides from IE-mac \*/
  	* div #content:after {height: 1%;}
  	/* End hide from IE-mac */
             

#content #main {
  float: left;
  width: 560px;
  padding: 0px 90px 0px 0px;
}

#main .text {
  color: #fff;
  font-size: 14px;
  line-height: 18px;
}

#film .text { color: #887140; }
#film h2 { color: #fff;}

#main .text a, #teaser a {
  color: #fff;
  text-decoration: none;
}

#main .kategorie {
  width: 454px;
  border-top: 1px dashed #fff;
  border-bottom: 1px dashed #fff;
  padding: 5px 0px 8px 0px;
  margin: 10px 0px 0px 0px;
}

.sponsor {
  padding: 20px 0px 0px 0px;
  width: 245px;
  float: left;
}

.sponsor_img {
  padding: 60px 0px 0px 0px;
  width: 245px;
  float: right;  
}

.sponsor_img img {
  padding: 0px 8px 0px 0px;
}

.partner {
  padding: 0px 0px 0px 0px;
  width: 245px;
  float: left;
}

.partner img {
  border: 1px solid #887140;
}
 
#content #teaser {
  float: left;
  width: 285px; 
  padding: 35px 0px 0px 0px;
  color: #fff;   
  font-weight: bold;
  line-height: 17px;
}

#content table {
  clear: left;
  float: left;
  margin: 0px;
  padding: 0px 0px 20px 0px;
  color: #fff;
}

#content table td {
  margin: 10px 3px 0px 0px;
  background-color: #a78c56;
  padding: 10px 15px 10px 15px;  
  line-height: 19px; 
}

#content table td.gal_kat {   width: 250px !important; }
#content table td.gal_bild {   width: 150px !important; float: left; margin: 0px 3px 0px 0px !important; }
#content table td.table_white {background: #fff;width: 150px !important; float:left; height: 90px; margin: 0px 3px 0px 0px !important; vertical-align:middle !important;}


a.none {
  text-decoration: underline;
  font-weight: normal;
}

a.block {
  text-decoration: none;
  font-weight: bold;
}

a.subnavi {
  width: 100%;
  text-decoration: none;
  color: #fff;
  font-size: 19px;
  font-weight: bold;
  padding: 0px 15px 0px 0px;
}

#content table th {
  margin: 10px 3px 0px 0px;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 14px;
  background-color: #967c44;
  padding: 15px; 
  text-align: left;
}

#teaser .head {
  width: 100%;
  border-bottom: 1px dashed #fff;
  font-size: 19px;
  font-weight: bold;
  padding: 0px 0px 4px 0px;
  margin: 0px 0px 10px 0px;
  height: 25px;
}

#teaser .fussball, #teaser .kontakt {
  background: #b75c15;
  padding: 8px;
  width: 275px;
}

#teaser .headfilm {
  width: 100%;
  border-bottom: 1px dashed #fff;
  font-size: 19px;
  font-weight: bold;
  padding: 40px 0px 4px 0px;
  margin: 0px 0px 10px 0px;
  height: 25px;
}

#teaser .filmbox {
  background: transparent url(img/filmbox-start.jpg) no-repeat;
  padding: 8px;
  width: 290px;
  height: 106px;
}

.filmbox p a { color: #887140; text-decoration: none; }
.filmbox p { width: 185px; padding: 3px 10px 10px 91px; margin: 0; }

.film_formular {
  padding: 0px;
  width: 290px;
  font-weight: bold;
  color: #887140;
}

.box { background: #a78c56 url(img/hg-filmbox.jpg) left bottom no-repeat; padding: 5px 25px 10px 25px; margin: 0 0 20px 0; width: 510px; color: #d3bc8a; font-weight: bold; }
.box h3 { color: #d3bc8a; border-bottom: 1px dashed #d3bc8a; line-height: 30px; font-size: 18px !important; font-weight: bold; padding: 0 0 5px 0; margin: 0; }

#teaser .fussball {
  padding-top: 0px;
}

#teaser .kontakt span {
  font-size: 16px;
}

#teaser h2 {
  text-transform: uppercase;
  font-size: 16px;
  font-weight: bold;
  line-height: 17px;
  margin: 0px;
  padding: 0px;
}

#teaser .kontakt h2 {
  text-transform: none;
  font-size: 20px;
  padding: 0px 0px 20px 0px;
}

#teaser .datum {
  padding: 10px 0px 5px 0px;
  font-size: 31px;
  line-height: 31px;
}

#teaser .info {
  font-size: 16px;
  padding: 0px 0px 10px 0px;
}

#teaser .kontakt .info {
  font-size: 14px;
  font-weight: normal;
  line-height: 18px;
}

#teaser .info span {
  font-size: 12px;
}

#main h2 {
  padding: 10px 0px 0px 0px; line-height: 20px;
}

#main h3 {
  padding: 10px 0px 0px 0px;
  font-size: 14px;
}


#teaser .sponsor {
  padding: 0px 0px 0px 10px;
  font-weight: normal;
  color: #887140;
}

*+html div#teaser .sponsor, *+html div.wochen {
  clear: left;
  float: left;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
}

*html div#teaser .sponsor, *html div.wochen {
  clear: left;
  float: left;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
}

#teaser .sponsor_img {
  padding: 10px 0px 0px 0px;
  width: 245px;
  float: right;  
}

.sponsor_img img {
  padding: 0px 8px 0px 0px;
}

h1 {
  color: #fff;
  font-size: 40px;
  line-height: 40px;
  margin: 0px;
  padding: 0px 0px 20px 0px;
}

#shadows_bottom {
  width: 1035px;
  height: 30px;
  background: url(img/schatten-bottom.png) no-repeat center;  
  margin: 0 auto;
  padding: 0px;   
}

#footer {
  width: 945px;
  margin: auto;
  margin-bottom: 20px;
}

#footer a {
  color: #8a7140;
  text-decoration: underline;
  padding: 0px 3px 0px 3px;
}

#footer a.aktiv, #footer a:hover {
  font-weight: bold;
  text-decoration: none;
}

#footer img {
 vertical-align: bottom;
}

img {
  border: 0px;
}

.clear {
  clear: left;
}

a {
  color: #8a7140;
  text-decoration: underline;
}

a:hover {
  text-decoration: none;
}

.download {
  background: transparent url(img/pdffile.gif) 0px no-repeat;
  padding: 10px 0px 10px 45px;
  display: block;
  text-decoration: underline !important;
}

.download:hover {
  text-decoration: none !important;
}


/*formular*/
.clear {
  clear: left;
}

fielset {
  border: none;
  margin: 0px;
  padding: 0px;
}

.table_left {
  float: left;
  vertical-align: top;
  width: 150px;
  margin-bottom: 14px;
}

.table_right {
  float: left;
  vertical-align: top;
  width: 300px;
  padding-bottom: 7px;
}

.red {color: #EF181E;}

input, textarea, select { float: left; width: 300px; font: 1em arial; border: 1px solid #887140;}
input { height:17px; }
.table_right label { float: left;}
.sendJob {cursor: pointer; width:173px; height: 20px; float:right; margin-right:110px; font-weight: bold; border: 0px; color: #fff; background-color: #887140;}


#plz { width: 60px !important; float: left; }
#ort { width: 233px !important; float: left; margin-left: 3px; }

.bewerbung {height: 110px;}
.fehler { color: #EF181E; }
.table_right input.fehler, textarea.fehler, select.fehler { border: 1px solid #EF181E; }
#agb { width: 20px; float: left; padding: 0px;  margin: 0px 5px 0px 0px;
}

.routenplaner input {
  float: left;
  width: 125px;
  margin: 0 5px 0 0;
  font-size: 12px; font-family: Arial;
  padding: 1px 2px;
}

#szip { width: 60px;}
#sstreet { width: 114px; }
 
.routenplaner select {
  float: left;
  width: 119px;
  margin: 0 5px 0 0;
  font-size: 12px; font-family: Arial;
}

.routenplaner .submit{
  cursor: pointer; width:100px; height: 19px; float:left; font-weight: bold; border: 0px; color: #fff; background-color: #887140;
}

.googledir td { color: #fff; margin: 5px 0 5px 0 !important; }
.googledir table { border: none !important; margin: 10px 0 10px 0 !important; padding: 0 !important;}

.klappt { padding: 10px 0 10px 0; }
.klappt { clear: left; }
a.klapp { color: #d3bc8a; font-weight: bold; }
#film .none { display: none;}
#film .block { display: block;}

.form_left { float: left; width: 90px;}
.form_right { float: left; width: 195px; margin: 0 0 5px 0 !important; }
.form_right input { float: left; width: 195px; font: 1em arial; border: none; }

.sendBtn {cursor: pointer; width:115px; height: 29px; float:right; margin-right: 6px; background: url(img/form_btn.jpg) no-repeat; border: none;}

.film_frage { background: transparent url(img/filmfrage.jpg) right bottom no-repeat; font-size: 19px; height: 129px; line-height: 23px; }
.film_antwort {}
.film_antwort input { float: right; width: 20px; border: none; }
.film_antwort label { clear: left; float: left; width: 240px; padding: 5px 0 0 0;}
.checkbox { width: 25px; float: left; border: none; }
label small { font-weight: normal; line-height: 14px; color: #7c683e;}
label small a { text-decoration: underline !important; color: #7c683e !important; }
.form_all { clear: left; float: left; padding: 10px 0 0 0; }