/*
___________________________________________________________________

Content:	Stylesheet für Landhotelmueller.de
creation:	06.11.2008 by bgarthe@netzpepper.de
changed:	
___________________________________________________________________
*/

html {
	overflow: auto;
	height: 100%;
	background-color: #fbf8d5;
	background-image:url(../bilder/layout/browserbackground.gif);
	background-repeat:repeat-x;
}
 
body,p {
	margin: 0px;
	font-family: Arial,Helvetica,Verdana;
	font-size: 14px;

}

body {
	color:#949494;
}

h1,h2,h3,h4,h5,h6 {
	margin-top:0px;
	color:#2b9823;
	font-weight:normal;
	
}

h1{
	font-size: 20px;	
}
h2{
	font-size: 17px;	
}
h3{
	font-size: 15px;	
}
h4{
	font-size: 14px;	
}

p {	
	margin-bottom: 6px;
}

a {
	color:#2b9823;
	text-decoration: underline;
}	

	
	
/*
___________________________________________________________________in

aufbau der seite
___________________________________________________________________
*/
div#wrap {
	position: relative;
	/* +3px für den Rand*/
	width: 998px;

	margin: 0px auto 0px auto;
	padding: 0px;		
}

div#site {
	width: 998px;	
}

div#top {
	position: relative;
	height: 99px;
	background-color: #fff; 
	overflow:hidden;
	
	background-image:url(../bilder/layout/bg-top.jpg);

}


div#top a#logo{
	position: absolute;
	right: 10px;
	top: 5px;
	display: block;
	height: 98px;	
}

div#top a#logo img{
	border:0;
}

.clear {
	clear: both;
	display:none;
}

/******* Topbereich **************/

div#imagebereich{
	width: 998px;
	height: 223px;
	background-color: #2b9823;
	overflow:hidden;

}
div#imagebereich div#kopfbild{
	width: 688px;
	height: 223px;
	float: left;
	overflow:hidden;
}
div#imagebereich div#kopfbild img{
}
div#imagebereich div#angebote{
	width: 310px;
	height: 223px;
	overflow: hidden;
	
}

div#imagebereich div#angebote h1{
	color: #fbf8d5;
	padding-left:10px;
	margin-bottom:5px;
	
}

div#imagebereich div#angebote ul{
	list-style-type: none;
	margin:0;
	padding:0;
}
div#imagebereich div#angebote ul li{
	margin-right:2px;
	border-bottom: 1px solid #fbf8d5;
	line-height: 20px;
}
div#imagebereich div#angebote ul li a{
	color: #fbf8d5;
	padding-left:10px;
	text-decoration:none;
	line-height: 25px;
}

/******* Der Ticker **************/
div#ticker {
	position: absolute;
	left: 5px;
	bottom: 2px;
	width: 683px;
	height: 15px;
	overflow: hidden;
	
	color: #2b9823;
	color: #204620;
	font-weight: bold;
	font-size: 14px;
	
}

div#tickersrc {
	display:none;
}

div#ticker p {
	margin: 0;
	padding: 0;
	padding-right: 10px;
	display: inline;
	font-size: 12px !important;
}

div#ticker a {
	color: #ffea0d;
}


					
/*********************************/

div#contentarea {
	background-color: #fff;
	background-image:url(../bilder/layout/contentbackground2.gif);
	background-repeat:repeat-y;
	width: 998px;
	padding: 15px 0px 15px 0px;
	overflow:hidden;
}


div#navi {
	width: 159px;
	float: left;

	margin-left: 10px;
	border-top: 4px solid #2b9823;
	/*border-right: 1px dashed #717171;*/
	
	font-size:13
	
	
	
	
	
	px;
}


div#navi ul{
	margin: 0px;
	padding: 0px;

	list-style-type:none;
	
}
div#navi li {

}
div#navi li a {
	line-height: 18px;
	color: #888;
	text-decoration: none;
	padding-left: 12px;
	
	background-image:url(../bilder/layout/pfeil2.gif);
	background-repeat:no-repeat;
}



div#navi ul.ebene2{
	margin-left:10px;
	font-size:12px;
}
div#navi li {
}
div#navi ul.ebene2 li a {
	background-image:none;
}



div#content {
	width: 500px;
	float: left;
	padding: 9px;	
}

div#content p{	
	margin-top: 6px;
}

div#content ul{
	list-style-type: disc;
	
	margin-left: 14px;
}
div#content ul li{	
}


div#contentright {
	width: 270px;
	float: left;
	padding: 10px 20px 10px 20px;
	
}

div#contentright p{	
	margin-top: 6px;
}

div#contentright ul{
	list-style-type: disc;
	padding-left: 10px;
}

div#contentright h1{
	font-size: 20px;	
}

div#footer {
	position: relative;
	width: 998px;
	height: 16px;	
	background-color: #e1cb93;
	color: #717171;	
}

div#copyright {
	position: absolute;
	left: 30px;	
	margin-top: 2px;
	color: #717171;
	font-size: 11px;	
}



ul#footerNavi {
	position: absolute;
	right: 10px;
	margin: 0px;
	padding: 0px;
	font-size: 11px;
	list-style-type:none;
	
}
ul#footerNavi li {
	padding: 0px 5px 0px 5px;
	float: left;
}
ul#footerNavi li a {
	line-height: 18px;
	color: #717171;
	text-decoration: none;
}



/* Kontaktformular */

td.beschriftung1 {
	width: 90px;
}

td.beschriftung2 {
	width: 90px;
	padding-left: 40px;
}

textarea {
	width: 400px;
	height: 70px;
	margin-bottom: 15px;
}


/* Template Teaser rechts */

div.teaser_wrap {
	position: relative;
	width:235px;
	margin-bottom: 10px;
}

div.teaser_wrap h1 {
	padding: 0px 10px 0px 10px;
}
div.teaser_wrap div.text {
	padding: 0px 10px 0px 10px;
}
div.teaser_wrap div.img {
}

/* Google Maps Anfahrt */
div.tx_lumogooglemaps_pi1_sidebar {
	display:none;
}




div#vorbestellung {

}

div#vorbestellung span.kategorie {
	padding-right: 140px;
}
div#vorbestellung span.kategorieinp {
	padding-right: 55px;
}
div#vorbestellung span.kategorieinp select{
	width: 150px;
}



div#vorbestellung span.laenge {
	padding-right: 30px;
}
div#vorbestellung span.laengeinp {
	padding-right: 61px;
}
div#vorbestellung span.laengeinp input {
	width: 50px;
}

div#vorbestellung span.schuhe {
	padding-right: 17px;
}
div#vorbestellung span.schuheinp {
	padding-right: 48px;
}
div#vorbestellung span.schuhgr {
	padding-right: 40px;
}
div#vorbestellung span.schuhgrinp {
	padding-right: 78px;
}
div#vorbestellung a {
	font-size: 0.8em;
}



/*
Flash code
To validate XHTML 1.0 Transitional, this is one hack First, you have to create the following classes in jour CSS .imgcachee to hide the first alternative image or text (which is for IE only) in other browsers .contenu to hide the second object  in IE */

img.imgcache {display:none;}

/*** hides the second object from all versions of IE ***/
* html object.content {
  display: none;
}

*html img.imgcache {
  display:inline;
}

/* displays the second object in all versions of IE apart from 5 on PC */
* html object.content/**/ {
  display: inline;
}

* html img.imgcache/**/ {
  display: none;
}

/* hides the second object from all versions of IE >= 5.5 */
* html object.content {
  display/**/: none;
}

* html img.imgcache {
  display/**/: inline;
}


/************** BUCHUNGSFORMULAR ***************/

input.button{
  color:#FFFFFF;
  background-color:#2b9823;
  border-width:0px;
}

#buchungsanfrage{
  padding-left:10px;
  float:left;
  font-size:0.85em;
  width:500px;
}

#buchungsanfrage label{
	width: 200px;
}

#buchungsanfrage fieldset{
  border-width:0px;
}

#buchungsanfrage div.row{
  clear:both;
  padding-top:5px;
  line-height:15px;
}

#buchungsanfrage div.submit{
  margin-right:25px;
  float:right;
}

#buchungsanfrage label{
  float:left;
  /*clear:both;*/
  display:block;
  width:190px;
  line-height:18px;
  text-align:right;
  margin-right:10px;
  font-weight:bold;
}

#buchungsanfrage label.required{
  font-weight:bold;
}

#buchungsanfrage label.checkbox{
  width:300px;
}

#buchungsanfrage span.error{
  color:#FF0000;
}

#buchungsanfrage label.singleline{
  clear:both;
  width:100%;
}

#buchungsanfrage input, textarea, select {
  float:left;
  display:block;
  /*width:250px;*/
  border: 1px solid #2b9823;
  /*font-family: Verdana, Arial, sans-serif;*/
  /*font-size: 12px;*/
  margin-bottom:10px;
  padding:1px;
}

#buchungsanfrage input.readonly{
  border-width:0px;
  color:#2b9823; 
  background-color: transparent;
}

#buchungsanfrage input#dauer{
  width:15px;
}

#buchungsanfrage input#anreise{
  margin-right:5px;
}

#buchungsanfrage input.input_dauer{
  margin-right:5px;
}

#buchungsanfrage div.input-desc{
  line-height:18px;
}

#buchungsanfrage label.radio{
  width:80px;
  text-align:left;
  font-weight:normal;
}

#buchungsanfrage div.radio-desc{
  font-weight:bold;
}

#buchungsanfrage input.radio{
  float:left;  
  width:20px;
  clear:both;
  margin-left:200px;
  border-width:0px;
}

#buchungsanfrage input.checkbox{
  float:left;
  width:20px;
  display:block;
  border-width:0px;
}

#buchungsanfrage input.hidden{
  border-width:0px;
}

#buchungsanfrage textarea{
  width:400px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:1em;
}

#buchungsanfrage input.button{
  color:#FFFFFF;
  background-color:#2b9823;
}

#buchungsanfrage input.zimmerzahl{
  width:20px;
}

#buchungsanfrage newsletter{
  width:500px;
}

#buchungsanfrage label.wuensche{
  text-align_left;
}

#buchungsanfrage div.seitedaten label{
  width:100px !important;
}

div.seitedaten {
  border-right: 2px solid black;
  margin-right:20px;
}

div#adresse {
  
}

div#buchungsdaten {
	margin-bottom:20px;
}

div.input-desc {
	display:inline;
}


/*      Teaserrechts     */
div.teaserrechts {
	width: 270px;
	border: 1px solid #bbb;
}
div.teaserrechts h1{
	background-color: #2b9823;	
	margin: 0;
	padding: 4px 8px 4px 8px;

}
div.teaserrechts h1 a{
	text-decoration: none;
	color: #fbf8d5;
}
div.teaserrechts .img{
	border: 0px solid red;
}
div.teaserrechts .text{
	padding: 2px 8px 4px 8px;
}
div.teaserrechts .weiterlink{
	text-align: right;
	padding-right: 10px;
	padding-right: 10px;
	display:block;
	width: 260px;
}

/*      Teaser2rechts     */
div.teaser2rechts {
	width: 270px;
}
div.teaser2rechts h1{
	color: #89bb0c;	
	margin: 0;
}
div.teaser2rechts h1 a{
	text-decoration: none;
	color: #89bb0c;
}
div.teaser2rechts .img{
	border: 0px solid red;
}
div.teaser2rechts .text{
}
div.teaser2rechts .weiterlink{
	text-align: right;
	padding-right: 10px;
	padding-right: 10px;
	display:block;
	width: 260px;
	color: #89bb0c;	
}


/* Wetter auf der Seite */

div.dayWrapper {
    border-bottom:1px dotted #CCC;
    padding:5px 0px;
}

div.symbolsWrapper {
    clear:both;
}

div.symbol {
    float:left;
    border:1px solid #CCC;
    margin-left:5px;
    padding:2px;
}

div.clearer {
    clear:both;
}

div.symbol div.daytime {
    height:10px;
    position:absolute;
    width:60px;
}

div.weatherShortForecastWrapper .dayWrapper{
    float:left;
    border-width:0px;
   
}
    
/***** Single-Ansicht *****/
div.weatherSingleWrapper {
    width:140px;
    color:#555555;
    margin:0 auto;
}

div.weatherSingleWrapper div.daytime {
    display:none;
}

div.weatherSingleWrapper img {
    border-width:0px;
}

div.weatherSingleWrapper div.date {
    color: #A3CF62;
    font-weight: bold;
    font-size: 13px;
    margin:4px 0px;
}

div.weatherSingleWrapper div.maxTemp {
    clear:both;
}

div.weatherSingleWrapper div.symbol {
    /*margin:0px;*/
    margin:0px;
}

div.weatherSingleWrapper a {
    color:#555;
    font-weight:bold;
    text-decoration:underline;
}

div.weatherSingleWrapper a:hover {
    color:#888;
}

/***** Short-Ansicht (Vorhersage mit nur 3 Symbolen) *****/

div.weatherShortForecastWrapper {
    width:270px;
    margin:0px auto;
    
    border: 1px solid #bbb;
    background-color: #fff;
    margin-bottom: 10px;
    margin-top: -10px;

}

div.weatherShortForecastWrapper div {
    padding:0px !important;
    margin:0px;
}

div.weatherShortForecastWrapper div.dayWrapper {
    float:left;
}

div.weatherShortForecastWrapper div.dayWrapper div.symbol {
    border:0px;
    display:block;
    float:none;
}

div.weatherShortForecastWrapper div.date {
    position:relative;
    top:16px;
    left:3px;
    font-weight:bold;
    font-size:12px;
    color:#696969;
    width:20px;
}

div.weatherShortForecastWrapper .day1 {
	margin-left: 30px;
}

div.weatherShortForecastWrapper div.maxTemp {
    position:relative;
    bottom:12px;
    font-size:14px;
    color:#696969;
    text-align:right;
    width:65px;
}

div.weatherShortForecastWrapper div.forecastLink {
    text-align:right;
    clear:both;
}

div.weatherShortForecastWrapper div.forecastLink a {
    background:url(../bilder/layout/pfeil_rund_rechts_rot.gif) no-repeat right 50%;
    padding-right:18px;
    /*color:#696969;*/
    display:block;
    margin-bottom: 20px;
    text-decoration: none;
    margin-top: -10px;
    
    margin-right: 10px;
}

/***** Forecast-Ansicht *****/
div.weatherForecastWrapper div.dayWrapper {
    height:100px;
    font-size: 13px;
    padding:5px;
}

div.weatherForecastWrapper div.dayWrapper div.date {
   color:#CA262D;
   font-weight: bold;
   font-size: 13px;
   margin-left: 15px;
}

div.weatherForecastWrapper div.dayWrapper div.symbolsWrapper {
}

div.weatherForecastWrapper div.dayWrapper div.symbol {
    border:0px;
}

div.weatherForecastWrapper div.dayWrapper div.daytime {
    margin-top:50px;
    margin-left:10px;
    margin-top:60px;
    color: #555555;
    text-align:center;
}

div.weatherForecastWrapper div.detailsWrapper {
    margin-left: 10px;
    color: #555555;
    margin-left:250px;
}

div.weatherForecastWrapper div.dayWrapper div.minTemp {
    margin-left:10px;
}

div.weatherForecastWrapper div.dayWrapper div.maxTemp {
    margin-left:10px;
}

div.weatherForecastWrapper div.dayWrapper div.forecast {
    font-size:13px;
    padding-top:5px;
    margin-left:10px;
}

div.weatherForecastWrapper div.dayWrapper div.clearer {
    
}

/******************************* 
      KONTAKTFORMULAR
*******************************/
#kontakt{
margin-top: 20px;
  width:450px;
  /*float:left;*/
  font-size:12px;
}

#kontakt #formErrorMsg {
    color:#ca262d;
    margin-bottom:15px;
}

#kontakt fieldset{
  border-width:0px;
}

#kontakt div.row{
  clear:both;
  padding-top:2px;
  line-height:15px;
}

#kontakt div.left{
  float:left;
  /*width:200px;*/
  margin-right:15px;
}

#kontakt div.right{
  float:left;
  /*width:200px;*/
}

#kontakt div.submit{
  float:left;
}

#kontakt div.label,
#kontakt label{
 /* float:left;
  clear:both;*/
  display:block;
  width:90px;
  /*margin-bottom:10px;*/
  /*padding-left:10px;
  line-height:20px;*/
}

#kontakt label.short {
    width:40px;
}

#kontakt label.required{
  font-weight:bold;
}

#kontakt label.checkbox{
  width:410px;
}

#kontakt span.error{
  color:#ca262d;
}

#kontakt label.singleline{
  clear:both;
  width:100%;
}

#kontakt input,
#kontakt textarea,
#kontakt select {
  float:left;
  display:block;
  /*width:250px;*/
  border: 1px solid #429300; /*#696969;*/
  /*font-family: Verdana, Arial, sans-serif;*/
  /*font-size: 12px;*/
  margin-bottom:10px;
  padding:1px;
}

#kontakt input.error,
#kontakt textarea.error,
#kontakt select.error {
    border-color:#ca262d;
}

#kontakt input.checkbox{
  float:left;
  width:20px;
  display:block;
  border-width:0px;
}

#kontakt input.hidden{
  border-width:0px;
}

#kontakt textarea{
  width:400px;
  font-family:Arial, Helvetica, sans-serif;
  font-size:1em;
}

#kontakt input.button{
  color:#696969;
  background-color:#fff;
}

#kontakt td.col1, #kontakt td.col2 {
	width: 190px;
	}

#kontakt input {
	width: 180px;
	}

#kontakt textarea {
	width: 372px;
	}

#adresse{
  float:left;
}
#kontakt div.submit input:hover {
	cursor: pointer;
}

.bikerhotels, .wanderhotels {
	display: block;
	width: 150px;
	height: 99px;
	float: left;
	}

.wanderhotels {
	width: 200px;
	}