@charset "UTF-8";

@import url("reset.css");

/* CSS Document */

address{display:inline;}
body{font:76%/1.5 Verdana, Arial, Helvetica, sans-serif; background:#FAE9B5 url(../img/bg_body.gif) 0 0 repeat-x;color:#000;margin:0;}
html{font-size:100.01%;height:100.01%;margin-bottom: 1px;}
h1,h2,h3,h4,h5,h6{font-size:1em;font-weight:bold;}
select{padding:3px;}
input{vertical-align:middle;}
abbr,acronym{cursor:help;border-bottom:1px dashed #000;}
strong{font-weight:bold;}
a img{border:none;}
a{text-decoration:underline;}
a:link,a:visited{color:#00668A;}
a:hover,a:active,a:focus{background:#e6f306;color:#000;}


#container{margin:0 auto;width:700px;position:relative; z-index:1;}
#wrapper{width:100%; float:left;margin-top:10px; background-image:url(../img/bg_content.gif); background-position:3px 0; background-repeat: repeat-y;}
.twocols #wrapper{background-image: none;}

#header{position:relative;background:#fff url(../img/banner.haus.jpg) 0 148px no-repeat;height:342px; }
#kinder #header{background-image: url(../images/banner/kinder.jpg);}
#wohnen #header{background-image: url(../images/banner/wohnen.jpg);}
	#eggentaler #header{background-image: url(../images/banner/eggentaler.jpg);}
	#latemar #header{background-image: url(../images/banner/latemar.jpg);}
	#rosengarten #header{background-image: url(../images/banner/rosengarten.jpg);}
#berge #header{background-image: url(../images/banner/berge.jpg);}
#winter #header{background-image: url(../images/banner/winter.jpg);}
#sommer #header{background-image: url(../images/banner/sommer.jpg);}
#kontakt #header{background-image: url(../images/banner/kontakt.jpg);}
#preise #header{background-image: url(../images/banner/zimmer.jpg);}
#umgebung #header{background-image: url(../images/banner/umgebung.jpg);}
#anfrage #header{background-image: url(../images/banner/familienfoto.jpg);}


#header h1{display:block;width:100%;height:105px;background-color:#fff;color:#000;background-position:top left;background-repeat:no-repeat;clear:both;}
#header h1 a{display:block;width:100%;height:105px;border-bottom:none; text-decoration: none !important;}
#header h1 a:hover,#header h1 a:active,#header h1 a:focus{background:transparent;color:#000;}
#header h1 span{position:relative;z-index:-1;}
.it #header h1{background-image:url(../img/logo_it.gif);}
.de #header h1{background-image: url(../img/logo_d.gif);}
.en #header h1{background-image: url(../img/logo_e.gif);}



#language-choice{position:absolute;top:0;right:0;}
#language-choice li{list-style:none;text-align:center;background:#e6f306;color:#000;line-height:1.25; float:left; margin-left:4px;}
#language-choice li a:link,#language-choice li a:visited{color:#fff; background:#B3B3A7;text-decoration:none;display:block;width:1.8em; padding:4px 2px;}
#language-choice li a:hover,#language-choice li a:active,#language-choice a:focus{background:#8E8E7C;color:#fff;}
.de #language-choice #lg1 a{background:#666;color:#fff;}
.it #language-choice #lg2 a{background:#666;color:#fff;}
.en #language-choice #lg3 a{background:#666;color:#fff;}

#navigation{position:relative;width:100%; margin-top:14px;font-size:1.2em;background:#fff; font-weight:bold;}
#navigation li{float:left;text-align:center;list-style:none;}
#navigation a{display:block;text-decoration:none;padding:2px 8px;}
#navigation a:link, #navigation a:visited{color:#333; background:#fff;}
#navigation a:hover, #navigation a:active, #navigation a:focus {background:transparent;color:#750F2C;}
#willkommen #nav1 a{background:transparent;color:#750F2C;}
#erleben #nav2 a{background:transparent;color:#750F2C;}
#winter #nav2 a{background:transparent;color:#750F2C;}
#sommer #nav2 a{background:transparent;color:#750F2C;}
#umgebung #nav2 a{background:transparent;color:#750F2C;}

#wohnen #nav3 a{background:transparent;color:#750F2C;}
	#eggentaler #nav3 a{background:transparent;color:#750F2C;}
	#latemar #nav3 a{background:transparent;color:#750F2C;}
	#rosengarten #nav3 a{background:transparent;color:#750F2C;}
#kinder #nav4 a{background:transparent;color:#750F2C;}
#berge #nav5 a{background:transparent;color:#750F2C;}
#preise #nav6 a{background:transparent;color:#750F2C;}
#anfrage #nav7 a{background:transparent;color:#750F2C;}
#kontakt #nav8 a{background:transparent;color:#750F2C;}


#secondnav{ margin:0 0 1em 0;}
#secondnav a{ display: block; text-decoration:none; border-bottom:1px solid #fff; padding:3px 10px; background:#73002C; color:#fff;}
#secondnav a:link, #secondnav a:visited{background:#73002C; color:#fff;}
#secondnav a:hover, #secondnav a:focus, #secondnav a:active{background:#540021; color:#fff;}
#secondnav #activ a{background:#540021; color:#fff;}


#bildnav{margin:0; padding:0;}
#bildnav li{float:left;list-style:none;margin:0; padding:0; margin-right:4px;}



#content{float:left;width:470px;}
.twocols #content{width:700px;}
#content h1{display:none;}
.clear{ clear:left}
p{margin:.75em 0 1.5em;}
img.sx{float:left;margin:4px 15px 4px 0;}
img.dx{float:right;margin:4px 0 4px 15px;}
img.full{ background:#fff; color:#000; border:1px solid #ccc; padding:2px;}
#content ul,
#content ol{margin-left:1.5em; margin-bottom:1.5em}
#content li{margin:.5em 0 .5em 1.5em;}
#content dl{margin-bottom:1em; margin-top:1em;}
#content dt{font-size:1.1em; font-weight:bold;color:#750F2C;background:transparent;}
#content dd{margin:.2em 0 1em 0;}
#content li,
#content dt,
#content dd{line-height:1.35;}

#content ul{list-style:square;}
#content ol{list-style:decimal;}

#content h2{ font-family:Georgia, "Times New Roman", Times, serif;font-size:1.8em;color:#750F2C;background:transparent; font-weight:normal; letter-spacing:2px;}
#content h3{ font-family:Georgia, "Times New Roman", Times, serif;font-size:1.2em;color:#750F2C;background:transparent;line-height:1.35em;}
#content h3.title{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1.1em;color:#750F2C;background:transparent; }

.twocols #rightbox{ display:none;}
#rightbox{margin-left:495px;font-size:.95em;}
#rightbox .bild_rechts{ background:#fff;color:#333;border:1px solid #ccc;padding:4px;text-align:center;margin-bottom:1em;}
#rightbox .bild_rechts p{ margin:2px 0 0 0; font-size:.9em}
#rightbox h2{ font-family:Georgia, "Times New Roman", Times, serif;font-size:1.5em;color:#750F2C;background:transparent; font-weight:normal; letter-spacing:2px;}
#rightbox dl{margin-bottom:1em; margin-top:1em;}
#rightbox dt{font-size:1em; font-weight:bold;color:#750F2C;background:transparent;}
#rightbox dd{margin:.2em 0 1em 0;}
#rightbox li,
#rightbox dt,
#rightbox dd{line-height:1.45;}

/*table style*/
table{ table-layout:auto; width:100%; border-collapse:collapse; margin:1em 0 1.5em; line-height:1.35em; border-bottom:2px solid #750F2C; border-top:1px solid #333;}
table thead th span, table tbody th span{ font-weight:normal;}
table caption{ font-size:1.1em; font-weight:bold; padding-bottom:4px; color:#750F2C; background:transparent;}
table td{ background:#fff; color:#000; border:1px solid #ccc; vertical-align:middle; }
table th, table td{padding:3px 5px;}
table thead th{ background:#8C1837;color:#fff;font-weight:bold;}
table tbody th{ background:#96730E;color:#fff;font-weight:bold; border:1px #fff; border-style:solid none;}

/* start style formular */
form { margin:0; padding:0;}
fieldset {width:390px; border:1px solid #999; padding:10px; margin:5px; text-align:left;}
fieldset:hover {border-color:#333;}
fieldset#checkbox input  {width:35px;}
legend {font-size:1.1em;font-weight:bold; padding:5px; margin:5px; }
label {margin:0 3px 3px 0; padding:0; line-height:1.5em; width:120px; display:block; float:left; clear:left;}
input {border:1px solid #666; padding-left:0.3em; margin-bottom:0.6em; width:240px; background:#fff;}
input:focus {border-color:#900;}
select {border:1px solid #666; padding-left:0.3em; margin-bottom:0.6em; background:#fff; width:100px;}
option {color:#900;}
textarea {width:244px; border:1px solid #666;}
textarea:focus {border-color:#900;}
.plz {width:50px;}
.ort {width:180px;}
.strasse {width:200px;}
.strnummer {width:30px;}
.submitbtn {width:123px; background:#8E8E7C; border:1px solid; border-color:#999 #333 #333 #999; color:#fff; cursor:pointer; padding:0; margin:0;}
.submitbtn:hover {background:#666; color:#fff; border:1px solid; border-color:#c00 #990100 #990100 #c00;}