/* CSS Document */
/* Grundlayout */
body {margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px; line-height:16px; color:#000000;
	text-align:center}
#page {width:960px;margin:0px auto;text-align:left; }
#head_leer {height:20px; background-color:#FFFFFF}
#head_logo {height:124px; width:640px; float:left; background-color:#FFFFFF}
#head_suche {height:70px; text-align:right; background-color:#FFFFFF}
#head_metanavi{background-color:#ffffff; clear:left; text-align:right; height:30px}
#head_metanavi2{background-color:#ffffff;  text-align:right; height:34px; line-height:13px}
#jh-headline { height:32px; background-color:#eb690b; margin-bottom:2px; padding-left:15px}
#meta-head { background:url(../images/headleiste.jpg); height:20px; color:#ffffff;}
#meta-head a:link{color:#ffffff; margin-left:10px}
#meta-head a:visited{color:#ffffff;}
#meta-head a:hover{ color:#ffffff;}
#meta-head a:active{color:#ffffff;}
#headerbild { background:url(../images/headerbild.jpg); height:106px}
#links{ width:190px; float:left; background-color:#ffffff }
#mitte { width:540px; float:left;margin-left:15px;margin-right:15px; margin-top:0px  }
#teaser{ width:200px; float:left; margin-top:0px}
#randunten{ height:16px; clear:both; font-size:6px; background-color:#FFFFFF}
#meta-footer{ background-color:#eb690b; height:20px}
#navileiste_links{ margin-left:0px; margin-right:0px;}


.suchfeld {height: 20px;font-family: verdana; color:#eb690b; font-size: 11px; line-height:20px; padding-left:5px; border:solid 1px; border-color:#eb690b}


/* Headnavi */
a.headnavi {display:block; padding-top:6px;color:#ffffff;text-decoration:none;font-family:Arial, Helvetica, sans-serif;
	font-size:11px;font-weight:bold;height:32px;line-height:12px;} 
a.headnavi:hover {color:#ffffff;text-decoration:none;}
.headnavi_bg {height:40px; width:960px; background-color:#FFFFFF}

/* Linke Navi */
.navi{width:190px;height:40px;}
div.navi_aktiv{width:190px;height:40px;}
/* DR *08012008 */
div.navi_aktiv{ position:relative; display:block;}
div a.navileft{ display:block;	hei/ght:1.0em;	height:30px;}

a.navileft {display:block;padding-top:5px;padding-bottom:3px;padding-left: 25px;padding-right:20px;color:#ffffff;
	text-decoration:none;font-family:Arial, Helvetica, sans-serif;font-size:11px;font-weight:bold;}	
a.navileft:hover {color:#ffffff;text-decoration:none;}	
.naviraum_passiv {height:2px; font-size:2px; background-color:#FFFFFF;}
.naviraum_aktiv { height:2px; font-size:2px; background-color:#FFFFFF;}


/* Layout Seiteninhalte */
.hoehe6 {font-size:2px; height:2px; background-color:#ffffff }
.hoehe11 {font-size:6px; height:14px; background-color:#ffffff }
.hoehe16 {font-size:6px; height:16px; background-color:#ffffff }
.block {display:block}
#jh-bild { width:540px; height:210px; }
#seitenheader-bild { width:540px;}

#besonderheiten {width:260px;float:left; margin-top:20px;}
#jh-anschrift { padding-left:20px; padding-bottom:0px; width:260px; float: right; margin:0px; margin-top:25px;}
#jh-galerie { clear:both}
.contentdiv { clear:both}

#kontaktanschrift {width:260px;float: left;}
#hausprospekt { padding-left:20px; padding-bottom:0px; width:260px;float: right; margin:0px}
#clear { clear:right}

#contenabschluss{ margin-top:30px; margin-bottom:0px; width:540px; color:#ef7f33; clear:both}
#contenabschluss a:link{ color:#ef7f33}
#contenabschluss a:visited{ color:#ef7f33}
#contenabschluss a:hover{ color:#ef7f33}
#contenabschluss a:active{ color:#ef7f33}
.teaser {width:194px;  background-color:#ffffff;  padding-bottom:0px;  padding-right:0px; font-size:11px; font-weight:bold; color:#eb690b; line-height:15px; margin-bottom:2px}
.teaser_contend {width:194px; background-color:#ffffff; padding-right:0px;}
.formjhauswahl {margin-top:0px; margin-bottom:0px; padding-top:5px; padding-bottom:12px}
.jh-auswahl { background-color:#eb690b; padding-left:5px; padding-right:5px;
display:block;padding-top:5px;padding-bottom:3px;padding-left: 25px;padding-right:20px;color:#ffffff;
	text-decoration:none;font-family:Arial, Helvetica, sans-serif;font-size:11px;font-weight:bold;}


/* Schriften */
.jh-headline { font-size:14px; font-weight:bold; color:#FFFFFF; line-height:32px}
h1 { font-size:14px; color:#eb690b; line-height:20px; padding-top:20px; padding-bottom:5px; margin:0px}
h1 a { text-decoration:none; font-weight:bold; font-size:14px; color:#f07f2f; line-height:20px; padding-top:20px; padding-bottom:5px; margin:0px}
h1 a:hover { text-decoration:none; font-weight:bold; font-size:14px; color:#f07f2f; line-height:20px; padding-top:20px; padding-bottom:5px; margin:0px}

h2 { font-size:12px; color:#eb690b; line-height:16px; padding-top:5px; padding-bottom:5px; margin:0px}
h3 { font-size:11px; color:#eb690b; line-height:14px; padding-top:10px; padding-bottom:5px; margin:0px}
h4 { font-size:11px; color:#eb690b; font-weight:normal; line-height:14px; padding:0px;  margin:0px }
h4 a { text-decoration:none;font-size:11px; color:#eb690b; font-weight:bold; line-height:14px; padding:0px;  margin:0px }
h4 a:hover { text-decoration:none;font-size:11px; color:#eb690b; font-weight:bold; line-height:14px; padding:0px;  margin:0px }
.bildunter {font-size:9px;}

.text_orange{font-size:12px; color:#eb690b; line-height:12px;}

a { text-decoration:none; color:#000000; cursor:pointer; cursor:hand  }
a:hover { text-decoration:underline; color:#000000  }
a.lnk{cursor:pointer;background:url(../images/link.gif) no-repeat; padding-left: 11px;}
a.lnkblock{cursor:pointer;background:url(../images/link.gif) no-repeat; padding-left: 11px;display:block}
a.lnkaktiv{cursor:pointer;background:url(../images/link.gif) no-repeat; padding-left: 11px;color:#F07F2F;}
a.teaserlnk{cursor:pointer;background:url(../images/link.gif) no-repeat; padding-left: 11px; display:block;}
a.teaserlnkaktiv{cursor:pointer;background:url(../images/link.gif) no-repeat; padding-left: 11px;color:#F07F2F;display:block;}
.text-fett-orange {font-weight:bold; color:#eb690b;size:10px;}
a.lnk-fett-orange{cursor: pointer; background: url(../images/link.gif) no-repeat; padding-left: 11px; font-weight: bold; color: #eb690b;display:block}
a.lnk-fett-orange:hover{color: #eb690b;}

UL {LIST-STYLE-POSITION: outside;LIST-STYLE-Image: url(../images/liste.gif);padding-left:27px;padding-top:0px;margin-top: 5px;
	margin-right: 0px;margin-bottom: 0px;margin-left: 0px;padding-right: 0;padding-bottom: 0;}
li { line-height:20px}
.gast{color: #ef802f;font-weight: bold;}
img.randrechts { float:left; padding-right:10px; }
img.icon {  padding-right:10px; padding-bottom:10px}
img.rahmen{  border:1px #f07f2f}

.metalink { margin-left:10px; color:#ffffff;}
a.metalink{color:#ffffff; margin-left:10px;}
a.metalink:visited{color:#ffffff;margin-left:10px;}
a.metalink:hover{ color:#ffffff;margin-left:10px;}
a.metalink:active{color:#ffffff;margin-left:10px;}

.metalinkkl { margin-left:7px; color:#009ee0; font-size:9px;}
a.metalinkkl{color:#009ee0; margin-left:7px;}
a.metalinkkl:visited{color:#009ee0;margin-left:7px;}
a.metalinkkl:hover{ color:#009ee0;margin-left:7px;}
a.metalinkkl:active{color:#009ee0;margin-left:7px;}

.metalinkkl2 { margin-left:7px; padding:0px; color:#009ee0; font-size:9px; }
a.metalinkkl2{color:#009ee0;}
a.metalinkkl2:visited{color:#009ee0;}
a.metalinkkl2:hover{ color:#009ee0;}
a.metalinkkl2:active{color:#009ee0;}

.metalinkex { margin-left:15px; color:#ffffff;}
a.metalinkex{color:#ffffff; margin-left:15px;}
a.metalinkex:visited{color:#ffffff;margin-left:15px;}
a.metalinkex:hover{ color:#ffffff;margin-left:15px;}
a.metalinkex:active{color:#ffffff;margin-left:15px;}
/* Elemente Startseite */
.hgrau {color:#797373;}
a.hgrau{color:#797373;}
a.hgrau:visited{color:#797373;}
a.hgrau:hover{ color:#797373;}
a.hgrau:active{color:#797373;}

.linkweiss {color:#ffffff;}
a.linkweiss{color:#ffffff;}
a.linkweiss:visited{color:#ffffff;}
a.linkweiss:hover{ color:#ffffff;}
a.linkweiss:active{color:#ffffff;}

/* Elemente auch in tiny */
.contentbild_links { float:left; padding-right:10px; padding-bottom:10px; padding-top:2px }
.haken { float:left; padding-right:10px; padding-top:2px }
.contentbild_rechts { float:right; padding-left:10px; padding-bottom:10px; padding-top:2px }
.aktuelles_links { float:left; padding-right:10px; padding-bottom:5px; padding-top:2px  }

/* Buchungstool */
.buchenhead { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#FFFFFF; font-weight:bold;}
.buchen { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#FFFFFF;  }

/* Aktuelles */
#headline {font-size:12px; font-weight:bold; color:#eb690b; line-height:20px; clear:left;}
#text {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; line-height:16px; color:#000000; }
#image { float:left; margin-right:15px; margin-top:4px; }
#line { clear:left; height:2px; background-color:#ed802e;margin-top:10px;margin-bottom:7px; }

/* Aktuelles startseite */
#headline-start {font-size:11px; font-weight:bold; color:#eb690b; line-height:16px;}
#text-start {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; line-height:16px; color:#000000; }
#image-start { float:left; margin-right:10px; margin-top:2px; }
#line { clear:left; height:2px; background-color:#ed802e;margin-top:10px;margin-bottom:7px; }

/* jh-übersicht */
#uebersicht {	margin: 0; padding: 0; }
#uebersicht h2 { font-size:11px; color:#f07f2f; line-height:14px; margin-left:0px; margin-top:-5px; padding-bottom:5px; padding-left:0px;  font-weight:bold}

#uebersicht .headline {font-size:12px; font-weight:bold; color:#FFFFFF; background-color:#eb690b; line-height:20px; padding-left:10px;}

/* in tabellen */
.text {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; line-height:16px; color:#000000; }

/* JK Inputfehler Formulare*/
.inputerror {background-color:#FFFF99;border:1px solid red;}
.error_msg {background-color:#FFFF99;border:1px solid red;padding:5px;}
#fuss{ width:960px;margin:0px auto;}
#fuss1{ width:400px; float:left}
#fuss2{ text-align:left}
.fusslnk{color:#0862a1;}

/* Newsletterformulare Startseite*/
.formgr_selecttext {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; COLOR: #009ee0;}
.formgr_besch {vertical-align:middle; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; COLOR: #797373; line-height:23px}
.formgr_input{width:200px; font-size:9px;height:14px;}
.formgr_select{width:202px; font-size:9px; height:18px;}
.formgr_input_error {border:2px solid #f00;}

a.tooltip,
a.tooltip:link,
a.tooltip:visited,
a.tooltip:active {
position: relative;
display:block;
text-decoration: none;
font-style: bold;
border-bottom:0px dotted #eb690b;

}

a.tooltip:hover {
background: transparent;
z-index: 100;
}

a.tooltip span {
display: none;
text-decoration: none;
}

a.tooltip:hover span {
display:block;
position: absolute;
top: 30px;
left: 0px;
width: 238px;
z-index: 100;
color: #000000;
border: 1px solid;
border-color: #FFFFFF #D5D7DB #D5D7DB #FFFFFF;
border-left: 4px solid #eb690b;
padding: 2px 10px 2px 10px;
background: #ffecc4;
font-family: Verdana, Arial, Helvetica, Sans-serif;
font-size:9px;
line-height:14px;
font-style: Normal;
text-align: left;
}

.orange { color:#eb690b}

/* Buttons/Links */
input.button-blue {
	font-size: 14px;
	color: #FFF;
	background: url(../images/bg_button_blue.gif) repeat-x;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	font-weight: bold;
	line-height: 14px;	
	padding: 6px 10px;
	margin: 0 0 10px 20px;
	border: none;
	font-family: Verdana, Geneva, sans-serif;
	cursor: pointer;
}
@-moz-document url-prefix() {
  input.button-blue {
	padding: 3px 10px;
  }
}
a.button-blue {
	font-size: 11px;
	color: #FFF;
	background: url(../images/bg_button_blue.gif) repeat-x;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	font-weight: bold;
	line-height: 14px;
	line-height: 24px;
	padding: 0 8px;
	margin: 5px 0;
	font-family: Verdana, Geneva, sans-serif;
	cursor: pointer;
	display: block;
	float: left;
}
a.button-blue:hover {
	text-decoration: none;
}

/* Hacks */
.clear-me {
	clear: both;
	font-size: 1px;
	height: 0;
	margin: 0;
	line-height: 0;
}
div.clear-me {
	overflow: hidden;
}