html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}body {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
body{text-align:center;}#ft{clear:both;}#doc,#doc2,#doc3,#doc4,.yui-t1,.yui-t2,.yui-t3,.yui-t4,.yui-t5,.yui-t6,.yui-t7{margin:auto;text-align:left;width:900px;min-width:900px;}#doc2{width:73.076em;*width:71.25em;}#doc3{margin:auto 10px;width:auto;}#doc4{width:74.923em;*width:73.05em;}.yui-b{position:relative;}.yui-b{_position:static;}#yui-main .yui-b{position:static;}#yui-main{width:100%;}.yui-t1 #yui-main,.yui-t2 #yui-main,.yui-t3 #yui-main{float:right;margin-left:-25em;}.yui-t4 #yui-main,.yui-t5 #yui-main,.yui-t6 #yui-main{float:left;margin-right:-25em;}.yui-t1 .yui-b{float:left;width:12.30769em;*width:12.00em;}.yui-t1 #yui-main .yui-b{margin-left:13.30769em;*margin-left:13.05em;}.yui-t2 .yui-b{float:left;width:13.8461em;*width:13.50em;}.yui-t2 #yui-main .yui-b{margin-left:14.8461em;*margin-left:14.55em;}.yui-t3 .yui-b{float:left;width:23.0769em;*width:22.50em;}.yui-t3 #yui-main .yui-b{margin-left:24.0769em;*margin-left:23.62em;}.yui-t4 .yui-b{float:right;width:13.8456em;*width:13.50em;}.yui-t4 #yui-main .yui-b{margin-right:14.8456em;*margin-right:14.55em;}.yui-t5 .yui-b{float:right;width:18.4615em;*width:18.00em;}.yui-t5 #yui-main .yui-b{margin-right:19.4615em;*margin-right:19.125em;}.yui-t6 .yui-b{float:right;width:23.0769em;*width:22.50em;}.yui-t6 #yui-main .yui-b{margin-right:24.0769em;*margin-right:23.62em;}.yui-t7 #yui-main .yui-b{display:block;margin:0 0 1em 0;}#yui-main .yui-b{float:none;width:auto;}.yui-gb .yui-u,.yui-g .yui-gb .yui-u,.yui-gb .yui-g,.yui-gb .yui-gb,.yui-gb .yui-gc,.yui-gb .yui-gd,.yui-gb .yui-ge,.yui-gb .yui-gf,.yui-gc .yui-u,.yui-gc .yui-g,.yui-gd .yui-u{float:left;}.yui-g .yui-u,.yui-g .yui-g,.yui-g .yui-gb,.yui-g .yui-gc,.yui-g .yui-gd,.yui-g .yui-ge,.yui-g .yui-gf,.yui-gc .yui-u,.yui-gd .yui-g,.yui-g .yui-gc .yui-u,.yui-ge .yui-u,.yui-ge .yui-g,.yui-gf .yui-g,.yui-gf .yui-u{float:right;}.yui-g div.first,.yui-gb div.first,.yui-gc div.first,.yui-gd div.first,.yui-ge div.first,.yui-gf div.first,.yui-g .yui-gc div.first,.yui-g .yui-ge div.first,.yui-gc div.first div.first{float:left;}.yui-g .yui-u,.yui-g .yui-g,.yui-g .yui-gb,.yui-g .yui-gc,.yui-g .yui-gd,.yui-g .yui-ge,.yui-g .yui-gf{width:49.1%;}.yui-gb .yui-u,.yui-g .yui-gb .yui-u,.yui-gb .yui-g,.yui-gb .yui-gb,.yui-gb .yui-gc,.yui-gb .yui-gd,.yui-gb .yui-ge,.yui-gb .yui-gf,.yui-gc .yui-u,.yui-gc .yui-g,.yui-gd .yui-u{width:32%;margin-left:1.99%;}.yui-gb .yui-u{*margin-left:1.9%;*width:31.9%;}.yui-gc div.first,.yui-gd .yui-u{width:66%;}.yui-gd div.first{width:32%;}.yui-ge div.first,.yui-gf .yui-u{width:74.2%;}.yui-ge .yui-u,.yui-gf div.first{width:24%;}.yui-g .yui-gb div.first,.yui-gb div.first,.yui-gc div.first,.yui-gd div.first{margin-left:0;}.yui-g .yui-g .yui-u,.yui-gb .yui-g .yui-u,.yui-gc .yui-g .yui-u,.yui-gd .yui-g .yui-u,.yui-ge .yui-g .yui-u,.yui-gf .yui-g .yui-u{width:49%;*width:48.1%;*margin-left:0;}.yui-g .yui-gb div.first,.yui-gb .yui-gb div.first{*margin-right:0;*width:32%;_width:31.7%;}.yui-g .yui-gc div.first,.yui-gd .yui-g{width:66%;}.yui-gb .yui-g div.first{*margin-right:4%;_margin-right:1.3%;}.yui-gb .yui-gc div.first,.yui-gb .yui-gd div.first{*margin-right:0;}.yui-gb .yui-gb .yui-u,.yui-gb .yui-gc .yui-u{*margin-left:1.8%;_margin-left:4%;}.yui-g .yui-gb .yui-u{_margin-left:1.0%;}.yui-gb .yui-gd .yui-u{*width:66%;_width:61.2%;}.yui-gb .yui-gd div.first{*width:31%;_width:29.5%;}.yui-g .yui-gc .yui-u,.yui-gb .yui-gc .yui-u{width:32%;_float:right;margin-right:0;_margin-left:0;}.yui-gb .yui-gc div.first{width:66%;*float:left;*margin-left:0;}.yui-gb .yui-ge .yui-u,.yui-gb .yui-gf .yui-u{margin:0;}.yui-gb .yui-gb .yui-u{_margin-left:.7%;}.yui-gb .yui-g div.first,.yui-gb .yui-gb div.first{*margin-left:0;}.yui-gc .yui-g .yui-u,.yui-gd .yui-g .yui-u{*width:48.1%;*margin-left:0;}s .yui-gb .yui-gd div.first{width:32%;}.yui-g .yui-gd div.first{_width:29.9%;}.yui-ge .yui-g{width:24%;}.yui-gf .yui-g{width:74.2%;}.yui-gb .yui-ge div.yui-u,.yui-gb .yui-gf div.yui-u{float:right;}.yui-gb .yui-ge div.first,.yui-gb .yui-gf div.first{float:left;}.yui-gb .yui-ge .yui-u,.yui-gb .yui-gf div.first{*width:24%;_width:20%;}.yui-gb .yui-ge div.first,.yui-gb .yui-gf .yui-u{*width:73.5%;_width:65.5%;}.yui-ge div.first .yui-gd .yui-u{width:65%;}.yui-ge div.first .yui-gd div.first{width:32%;}#bd:after,.yui-g:after,.yui-gb:after,.yui-gc:after,.yui-gd:after,.yui-ge:after,.yui-gf:after{content:".";display:block;height:0;clear:both;visibility:hidden;}#bd,.yui-g,.yui-gb,.yui-gc,.yui-gd,.yui-ge,.yui-gf{zoom:1;}

/*Hier geht die eigentliche Umsetzung an. Das obige ist nur zum reseten der ganzen Eigenschaften */

/*Header*/
#hd {height: 201px; width: 900px; background: #fff url(../images/header.jpg) no-repeat;}
.trennlinie_oben {height: 3px; width: 900px; background-color: #00AAD8; border-bottom: 4px solid #FFF; font-size: 0px;}
.trennlinie_unten {height: 4px; width: 900px; background-color: #FFF; border-bottom: 3px solid #00AAD8;}
#links {float:left; width: 100px; height: 550px; background-color: #C8D9ED;}
#links img {display: block; margin: 10px; margin-bottom: 0px; border:solid; border-width:1px; border-color:#d5ff64;}
#rechts {float: right; width: 286px; height: 550px; background-color: #F2FFCF; text-align: justify; overflow: auto;}
#inhalt {padding: 15px;}
#mitte { width:auto; margin:0 290px 0 100px; height: 550px; background-color: #FFF;}
#ft {height: 26px; width: 900px; background-color:#D5FF64;}
#ft img {margin-left: 100px;}

/*Navigation*/
/*Normalzustand der Navigation*/
#navigation {height: 40px; width: 900px; background-color: #D5FF64; border-bottom: 4px solid #FFF;}
#navigation ul {width: 900px; list-style-type:none; margin:0; padding:0;}       
span {display:none;}      
li {float:left;}
li#home a {margin-left: 95px;float:left;background:url(../images/navigation/home.jpg) no-repeat; height:40px; width: 84px;}
li#ferienwohnung a  {float:left;background:url(../images/navigation/unsere_ferienwohnung.jpg) no-repeat; height:40px; width: 250px;}
li#preise a  {float:left;background:url(../images/navigation/preise.jpg) no-repeat; height:40px; width: 87px;}
li#freizeit a {float:left; background:url(../images/navigation/freizeit.jpg) no-repeat; height:40px; width: 100px;}
li#anfrage a  {float:left; background:url(../images/navigation/anfrage.jpg) no-repeat; height:40px; width: 107px;}
li#kontakt a {float:left;background:url(../images/navigation/kontakt.jpg) no-repeat; height:40px; width: 105px;}

/*Mouse-Over Zustand der einzelnen Navigationspunkte*/
li#home a:hover{background-position: 0px -40px;}
li#ferienwohnung a:hover {background-position: 0px -40px;}
li#preise a:hover{background-position: 0px -40px;}
li#freizeit a:hover{background-position: 0px -40px;}
li#anfrage a:hover {background-position: 0px -40px;}
li#kontakt a:hover {background-position: 0px -40px;}

/*Aktivzustand der einzelnen Navigationspunkte*/
li#home a.aktiv {background-position: 0px -40px;}
li#ferienwohnung a.aktiv {background-position: 0px -40px;}
li#preise a.aktiv {background-position: 0px -40px;}
li#freizeit a.aktiv{background-position: 0px -40px;}
li#anfrage a.aktiv {background-position: 0px -40px;}
li#kontakt a.aktiv {background-position: 0px -40px;}


/*Schriftarten*/
body {font-family: Arial, Helvetica, Verdana, Arial, sans-serif; font-size: 12px; color: #888888; line-height: 18px;}
a {color: #ED4B3E;}
.fliesstext_farbe {font-family: Arial, Helvetica, Verdana, Arial, sans-serif; font-size: 12px; color: #ED4B3E; line-height: 18px;}
.ueberschrift {font-family: Arial, Helvetica, Verdana, Arial, sans-serif; font-size: 12px; font-weight:bold; color: #ED4B3E; line-height: 18px;}
#mailform p {float:left;}
p.notwendig {color: #ED5748;}
p.bis {margin-left: 22px;}


/*Mailformular */
#mailform { margin-top: 0px;}
label {float: left;}
label.rechts {float: right; margin-right: 105px;}
label.bemerkung {margin-top: 5px;}
input {padding-top: 2px; color: #888888; margin-bottom: 3px; margin-top: -3px;}
input#lang {width: 254px; height: 18px; background-color: #B2FFE7; border: 1px solid #11B0D8;}
input#plz {float: left; width: 67px; height: 18px; background-color: #B2FFE7; border: 1px solid #11B0D8;}
input#ort {float:right; width: 177px; height: 18px; background-color: #B2FFE7; border: 1px solid #11B0D8;}
input#telefon {float: left; width: 122px; height: 18px; background-color: #B2FFE7; border: 1px solid #11B0D8;}
input#fax {float: right; width: 122px; height: 18px; background-color: #B2FFE7; border: 1px solid #11B0D8;}
input#von {float: left; width: 85px; height: 18px; background-color: #B2FFE7; border: 1px solid #11B0D8; margin-left: 5px; margin-top: -1px;}
input#bis {float: right; width: 85px; height: 18px; background-color: #B2FFE7; border: 1px solid #11B0D8; margin-top: -1px;}
textarea {foat: left;width: 254px; height: 66px; background-color: #B2FFE7; border: 1px solid #11B0D8;margin-top: -3px; color: #888888;}
fieldset {background-color: #D5FF64; height: 90px; margin-top: 5px;}
#gruen {padding: 2px; padding-top: 0px; line-height: 21px;}
#radio {padding: 5px; display: block;}
#radio input#radio_1 {float: left; margin-right: 5px;}
#radio input#radio_2 {float: left; margin-left: 30px; margin-right: 5px;}
#radio p {margin-top: -5px;}
input#button {width: 70px; height: 22px; background-color: #B2FFE7; border: 1px solid #11B0D8; margin-top: 2px;}
#form_bottom_left {line-height: 12px; float:left; width: 180px; font-size: 11px;}
#form_bottom_right{float: right; width: 70px; margin-right: 0px;}