@import "reset.css";
@import "menu.css";
@import "headlines.css";

v\:* {
  behavior:url(#default#VML);    
}
.fixpng {behavior: url(iepngfix.htc);}
a {color:#7E0D0D;}

strong {font-weight:bold;}

div#wrapper {
  width:974px;
  margin:10px auto;
  margin-top:0px;
  margin-bottom:0px;
  padding:0px;
}

div#head {position:relative;float:left;z-index:999;}

h1#logo {display:block;background:url(../img/logo.gif) left top no-repeat;width:195px;height:108px;position:relative;top:20px;}
h1#logo span{display:none;}

#flashbanner {width:974px;height:350px;float:left;}

#flashform {
  width:371px;
  height:150px;
  background: url(../img/bg_flashform.png) top left no-repeat transparent;
  position:absolute;
  top:350px;
  right:25px;
  color:#FFF;
  z-index:999;

}
#flashform h3 {display:block;background:url(../img/title_flashform.png) top left no-repeat;width:244px;height:18px;margin:16px; behavior: url(iepngfix.htc);}
#flashform h3 span {display:none;}

#flashform ul {margin:16px;float:left;}
#flashform ul li {display:block;list-style-type:none;float:left;width:168px;}
#flashform ul li a {color:#FFF;font-size:11px;background: url(../img/flashform_menu_bullet.gif) left 2px no-repeat;padding-left:14px;text-decoration:none;font-weight:bold;}

#flashform form {margin:16px;margin-bottom:0px;}
#flashform form input {width:137px;height:16px;border:1px solid #A4B97F;font-size:11px;padding-top:3px;margin:0px;margin-right:23px;}
#flashform form label {font-size:11px;font-weight:bold;display:block;width:168px;float:left;margin:0px;padding:0px;margin-bottom:3px;}

#flashform form img {position:absolute;right:15px;top:68px;}


#spruch {background:url(../img/start_reiter.gif) left top no-repeat;width:974px;height:109px;float:left;}


#content {float:left;width:974px;position:relative;bottom:70px;z-index:9;}
#columns {
	background:#E3E3E3;
	background-image:url(../assets/content_hg.gif);
	background-repeat:repeat-y;
	background-position:bottom left;
	float:left;
	width:974px;
}                                                    

#col1 {width:624px;margin:15px; margin-bottom:0px; padding-bottom:15px;font-size:11px;float:left;/*background:#FF0000;*/}
#col2 {width:305px;margin: 15px 15px 15px 0px;font-size:11px;float:right;/*background:#00FF00;*/}



p {margin-bottom:10px;line-height:16px;color:#3B3B3B;}


div.image {float:left;margin-right:20px;margin-bottom:10px;}
div.image .caption {background:#747474;color:#FFF;font-style:italic;margin:0px;padding:4px;}

.hotelImage {margin-left:52px;}



/* TEASER WHITE */
div.teaser {
  width:281px;
  float:left;
  position:relative;
  padding: 16px 12px 16px 12px;
  background: #FFF url(../img/bg_teaser.gif) right bottom no-repeat;
}

div.teaserSmall {
  width:293px;
  float:left;
  position:relative;
  padding: 6px;
  background: #FFF url(../img/bg_teaser.gif) right bottom no-repeat;
  margin-bottom:20px;
}

div.teaserAngebote {
  width:293px;
  float:left;
  position:relative;
  padding: 6px;
  background: #FFF; /*url(../img/bg_teaser.gif) right bottom no-repeat;*/
  margin-bottom:10px;
  /*margin-right:7px;*/
}

p.fest {width:349px;}
div.teaser p.fest {width:305px;}

div.link a {display:none;}
div.teaser img.link {border:none;position:absolute;right:4px;bottom:4px;}



.teaserImage {float:left;margin-right:10px;}

.hover {/*background:url(../img/link_arrow.gif) right bottom no-repeat #FFF !important;*/cursor:pointer;}

/* TEASER GREY */
div.teaserGray {width:487px;float:left;padding:6px;margin-top:40px;position:relative;background:#5F5F5F;}

div.teaserGray a {color:#FFF;}
div.teaserGray img.link {border:none;position:absolute;right:4px;bottom:4px;}



div.teaserGray p {color:#FFF;}



.hoverGray {background:url(../img/link_arrow.gif) right bottom no-repeat #5F5F5F !important;cursor:pointer;}


div.teaserGray h2.headline {
  color:#FFF;
}








#footer{
  width:974px;
  height:110px;
  background: url(../img/footer.gif) left top no-repeat;
  float:left;
  position:relative;bottom:70px;
}

#footer ul li {list-style-type:none;}

#footer ul a {color:#FFF;text-decoration:none;}

.footerMainNavi {margin:30px 30px;}

.footerMainNavi li {float:left;font-size:12px;color:#FFF;font-weight:bold;margin-right:19px;}

.footerMainNavi li a {display:block;margin-bottom:5px;}


.footerSubNavi li {clear:both;font-size:11px;font-weight:normal;margin-right:0px;}
.footerSubNavi li a {display:block;margin-bottom:2px;}



h1.headline {
  text-align:left;
  display:block;
  padding:4px 10px;
  padding-bottom:0px;
  font-size:25px;
  background:#FFF;
  margin-left:30px;
  background:#FFF;
  font-weight:bold;
  white-space: nowrap;
}

h2.headline {
  text-align:left;
  font-size:23px;
  font-weight:bold;
  white-space: nowrap;
  height:23px;
  overflow:hidden;
  padding-bottom:5px;
}

#col1 h2.headline {margin-bottom:5px;}

.wrapper h2.headline {margin-left:30px;margin-top:5px;}

h3.headline {
  text-align:left;
  font-size:20px;
  font-weight:bold;
  white-space: nowrap;
  overflow:hidden;
}


div.white {width:974px;height:14px;background:#FFF;float:left;}

table.preise {border:none;margin:0px;padding:0px;margin-bottom:20px;}

table.preise td {vertical-align:top;line-height:16px;}

table.preise .label {width:160px;}
table.preise .value {color:#801010;}

#newsletter {margin:0 auto;width:305px;} 
  #newsletter label {display:block;font-weight:bold;margin-bottom:8px;width:300px;}
  #newsletter input {margin-right:3px;margin-bottom:3px;border:1px solid #CCC;font-size:11px;}
    #newsletter input.half  {width:138px;}
    #newsletter input.full  {width:281px;}
    #newsletter input.radio {border:none;}
    #newsletter input.submit {
      background:#7E0D0D;
      color:#FFF;
      padding:3px;
      border:none;
      cursor:pointer;
    }
    #newsletter span.radio {margin-left:3px;margin-right:10px;position:relative;bottom:4px;*bottom:10px;}
  #newsletter img {float:right;margin-bottom:10px;}
  
#reservierung {margin:0 auto;width:305px;padding:0px;} 
  #reservierung label {display:block;font-weight:bold;margin-bottom:3px;width:138px;float:left;margin-right:9px;}
  #reservierung input {margin-right:3px;border:1px solid #CCC;font-size:11px;width:138px;}
    #reservierung input.submit {
      background:#7E0D0D;
      color:#FFF;
      padding:3px;
      border:none;
      margin-top:7px;
      cursor:pointer;
	  font-family:Verdana, Arial, Helvetica, sans-serif;
    }


.newsFooter {text-align:right;margin-top:40px;}

a.newsLink {color:#7E0D0D;background: url(../img/arrow_red.gif) right 5px no-repeat; padding-right:8px;}
a.newsLinkBack {color:#7E0D0D;background: url(../img/arrow_red_back.gif) left 5px no-repeat; padding-left:8px;}
a.printLink {color:#7E0D0D;background: url(../img/print.gif) right 1px no-repeat; padding-right:16px;}

.newsContent ul {
  margin-bottom:20px;
  display: block;
  
}
.newsContent li {
    background: url(../img/arrow_red.gif) left 5px no-repeat;
    padding-left:12px;
    margin-bottom:8px;
    margin-left:12px;
    line-height:16px;
  }

.newsContainer {margin-bottom:20px;}

#contactform {}
   #contactform input {font-size:11px; padding:2px;}
  #contactform h2 {border-bottom:1px solid #7E0D0D; width:440px;font-size:12px;font-weight:bold;padding-bottom:4px;margin-bottom:10px;margin-top:15px;}
  #contactform_links label {display:block;font-weight:bold; width:90px;}
  #contactform_links input {width:250px;border:1px solid #CCCCCC; font-size:11px; padding:2px;}
    #contactform_links input.plzfield {width:90px;margin-right:10px;}
    #contactform_links input.ortfield {width:140px;}
	#contactform_links { border-right:1px solid #CFCFCF;}
	#contactform_rechts { margin-left:15px;}
  #contactform_rechts label {display:block;font-weight:bold; width:120px;}
  #contactform_rechts input{width:110px;border:1px solid #CCCCCC; font-size:11px; padding:2px;}
  #contactform_rechts td, #contactform_links td { padding-bottom:5px;}
    #contactform input.radio {width:20px;position:relative;top:2px;}
    #contactform input.submit {background:#7E0D0D;color:#FFF;margin-left:100px;width:100px;cursor:pointer;}
    #contactform input.disabled {color:#000;}
  #contactform .input-error {border: 1px solid #7E0D0D;}
  #contactform span.asterix {color:#7E0D0D;font-weight:bold;font-size:12px;}
  #contactform textarea {width:615px;border:1px solid #CCCCCC; height:100px; margin-top:10px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; padding:2px;}
#copy {float:right;color:#6D6D6D;font-size:11px;position:relative;bottom:65px;}

#contactform_kontakt
 #contactform_kontakt label {display:block;font-weight:bold; width:90px;}
  #contactform_kontakt input {width:500px;border:1px solid #CCCCCC;}
    #contactform_kontakt input.plzfield {width:150px;margin-right:10px;}
    #contactform_kontakt input.ortfield {width:330px;}
	#contactform_kontakt { border-right:1px solid #CFCFCF;}
	#contactform_kontakt td{ padding-bottom:5px;}
 #contactform_kontakt textarea {width:580px;border:1px solid #CCCCCC; height:100px; margin-top:10px;}
 
.download {background:url(../img/bullet_link.gif) left 3px no-repeat;padding-left:15px;}

	.weatherWrapper{width:146px;float:left;}
	.weather_header {background-color:#b12008;padding-left:10px;color:#FFFFFF;height:20px;text-align:left;padding-top:3px;}
	.weather_attributes{text-align:left;}
	.weather_day{font-weight:bold;margin-bottom:3px;}
	.weather_temp_c{padding-left:10px;font-weight:bold; font-size:15px;color:#7E0D0D;}
	.weather_humidity{}
	.weather_icon{float:left;margin-right:5px; height:100%;}
	.weather_condition{font-weight:bold;color:#000000;font-size:11px;margin-bottom:3px;}
	.weather_wind_condition{}