/* kf1_styles.css Website Layout by Krystyna Faul - webagentur-pfalz.de 
Sie möchten sich mit anderen Federn schmücken? 
Gemäß Urheberrechtsgesetz sind Vervielfältigungen nicht erlaubt. (22.September 2007). 
Ihre IP-Nr. wurde gespeichert. */











































































































































option {
     min-width: 1.5em;    /*Fixes mozilla problem with forms caused by universal reset*/
}

body {
     background-color: #FAF2E9;
     margin: 0 auto;
     font-size: 1.2em; 
     width: 100%;
     height: 100%;
}

#page {
     margin: 0 auto;
     width: 770px;
     height: 100%;
     position: relative;
     top: 15px; 
}
#header {
     background:#F7E8D7 url(bilder/head.jpg) no-repeat;
     width: 750px;
     height: 320px; 
     border-left: 0px solid #DA9462;
     border-right: 0px solid #DA9462;
}
#header p {
     position: relative;
     float: right;
     font-family: Arial, Helvetica, sans-serif;
     color:#F7E8D7;
     font-size: 0.8em;
     font-weight: normal;
     font-style: italic;
     text-decoration: none;
     text-align: right;
     padding-top: 0px; 
     padding-bottom: 5px; 
     margin-right: 15px;
     margin-top: -345px; 
}

#wrapper {
     position: absolute;
     top: 310px;
     background: #F5E2CE;
     width: 750px;
     height: auto;
     float: left; 
     padding: 0px;
     border-top: 10px solid  #B66253;
     border-left: 0px solid #B56253;
     border-right: 0px solid #B56253;
     border-bottom: 0px solid #B56253;
}

#content {
     top: 0px;
     width: 540px;
     height: auto;
     position: relative;
     float: right;
     margin-top: 0px;
     margin-left: 0px;
     margin-right: 0px;
     margin-bottom: 0px;
     font-family: Arial, Helvetica, sans-serif;
     padding-top: 0px;
     padding-left: 0px;
     pading-bottom: 0px;
     border-left: 0px solid #DA9462;
     background-color: transparent;
}

#content h2 {
     float: none;
     clear: both;
     color: #650b15; 
     font-size: 1.2em;
     margin-top: 10px;
     margin-bottom: 0px; 
     margin-left: 10px; 
     line-height: 1.3em;
}
#content h3 {
     width: 100%;
     float: none;
     clear:both;
     font-family: Arial, Helvetica, sans-serif;
     color: #650b15; 
     font-size: 1.0em;
     padding: 0px; 
     margin-left: 10px;
     margin-bottom: 5px; 
     line-height: 1.3em;
}

#content p {
     float: none;
     clear: none;
     font-family: Arial, Helvetica, sans-serif;
     color: #650b15;
     text-align: left;
     font-size: 0.8em;
     padding-top: 0px; 
     padding-bottom: 0px; 
     margin-top: 10px;
     margin-left: 10px;
     margin-bottom: 10px;
     text-decoration: none;
     font-weight: normal;
}

#content a:link {
     float: none;
     clear: none;
     width: auto;
     color: #650b14;
     text-decoration: underline; 
     background-color: transparent;  
     border: 0px; 
     font-weight: normal;
}

#content a:hover {
     float: none;
     width: auto;
     color: #650b14;
     text-decoration: underline; 
     background-color: transparent; 
     border: 0px; 
     font-weight: normal;
}
#content a:visited {
     float: none;
     width: auto;
     color: #650b14;
     text-decoration: underline; 
     background-color: transparent;   
     border: 0px;
     font-weight: normal;
}
#content a:active {
  float: none;
  color:#650b14;
  font-weight: normal;
  text-decoration: underline;
  border: 0px;
  margin-top: 0px; 
  background-color: transparent;
}
#content .ul, li {
     float:none;
     font-family: Arial, Helvetica, sans-serif;
     color: #650b15;
     text-align: left;
     font-size: 0.89em;
     padding-bottom: 0px; 
     text-decoration: none;
     list-style-type: inherit; 
     list-style-position: outside;
     background-color: transparent;   
     font-weight: normal;
}

#content table {
	 float: none; clear: both; margin-top: 0px; margin-left:10px; margin-right; 0px; margin-bottom: 10px; padding:0px; width:98%; height: auto; font-size: 0.85em; text-align:left; border: solid 1px #EAC688;
}
th {
	padding: 3px; line-height: 1.2em; background-color:#F5E1BB; border:solid 1px  #F5E1BB; text-align:center; font-size: 0.85em; font-weight: normal; font-family: Arial,sans-serif;
}
caption {
	float: none; padding: 7px; margin-left: 0px;  margin-top: 10px; background:#D58956;  border:solid 1px  #D58956; text-align:left; color: #F8EACD; font-size: 1.0em; font-weight: bold; font-family: Arial,sans-serif; line-height: 1.25em; width:auto; 
}
td {
	top: 0px; padding: 3px; background-color:#F5E1BB; border: solid 1px #F5E1BB; cellpadding: 0; line-height:1.2em;  text-align:center; font-size: 0.85em; font-weight: normal; font-family: Arial,sans-serif; 
}
.tabletext1 {
	top: 0px; padding: 3px; background-color:#F5E1BB; border: solid 1px #EAC688; line-height:1.25em;  text-align:left; font-size: 0.85em; font-weight: normal; font-family: Arial,sans-serif; 
}
.tabletext2 {
	top: 0px; padding: 3px; background-color: #F5E1BB; border: solid 0px #EAC688; line-height:1.25em;  text-align:left; font-size: 0.85em; font-weight: normal; font-family: Arial,sans-serif; 
}

#content .img {
     
     float: none;
     clear: none;
     border: 1px solid #000;
     padding: 0px;
     margin: 0px 0px 0px 0px;
}
#content .img01 {
     
     float: none;
     clear: none;
     border: 0px solid #000;
     padding: 0px;
     margin: 0px 0px 0px 0px;
}
#content .img02 {
     
     float: none;
     clear: none;
     border: 0px solid #000;
     padding: 0px;
     margin: 0px 0px 0px 10px;
}

#content .img1 {
     width: auto;
     height: auto;
     float: left;
     border: 1px solid #000;
     padding: 0px;
     margin: 3px 0px 0px 5px;
}

#content .img2 {
     width: auto;
     height: auto;
     float: right;
     border: 1px solid #000;
     padding: 0px;
     margin: 3px 5px 0px 0px;
}
#content .img3 {
     width: auto;
     height: auto;
     float: left;
     border: 1px solid #000;
     padding: 0px;
     margin: 0px 0px 0px 0px;
}
#content .img4 {
     width: auto;
     height: auto;
     float: right;
     border: 1px solid #000;
     padding: 0px;
     margin: 0px 107px 0px 0px;
}
#content .img5 {
     width: 510px;
     height: 37px;
     float: left;
     clear: none;
     border: 0px solid #000;
     padding: 0px;
     margin: 0px 0px 0px 10px;
}
#content .img6 {
     width: 137px;
     height: 40px;
     float: left;
     clear: none;
     border: 0px solid #000;
     padding: 0px;
     margin: 0px 10px 0px 0px;
}
#content .img06 {
     width: 71px;
     height: 64px;
     float: left;
     clear: none;
     border: 0px solid #000;
     padding: 0px;
     margin: 0px 10px 0px 0px;
}
#content .img7 {
     width: 255px;
     height: 80px;
     float: right;
     border: 0px solid #000;
     padding: 0px;
     margin: 3px 5px 0px 0px;
}
#content .img8 {
     width: 88px;
     height: 31px;
     float: none;
     border: 0px solid #000;
     padding: 0px;
     margin: 3px 0px 0px 0px;
}
#content .img9 {
     width: 180px;
     height:199px;
     float: right;
     border: 0px solid #000;
     padding: 0px;
     margin: 3px 5px 0px 0px;
}
#content .gallery {
width: 540px;
height: auto;
float: none;
clear: none;
margin-top: 0px;
}
.gallery img {
position: relative;
border: 0px;
padding: 0px;
margin-right: -2px;
}


#submenu {
   
     position: relative;
     width: 207px;
     height: auto;
     float: left;
     margin-top: 10px;
     margin-left: 1px;
     margin-right: 1px;
     margin-bottom: 0px;
     padding: 0px; 
     text-decoration: none;
     list-style: none;
}
.submenu ul, li  {
     position: relative;
     float: none;
     width: 200px;
     height: auto;
     list-style: none;
     font-family: Arial, Helvetica, sans-serif;
     color:#F5E8D4;
     font-size: 0.75em;
     text-align: left;
     display: block;
     padding: 4px 0px 4px 4px;
     margin-left: -41px;
     margin-top: 1px;
     text-decoration: none;
     background-color:  #B56253;
     border: 1px solid #DB9462;
     
}
.submenu, a:link {
     float: none;
     width: 200px;
     color:#F5E8D4;
     text-decoration: none;
     background-color:transparent;
     border: 0px solid #DB9462;
     font-weight: normal;
}
.submenu, a:hover {
     float:none;
     width: 200px;
     color:#F5E8D4;
     text-decoration: none;
     background-color:transparent;
     border: 0px;
     margin-top: 0px;
     
}
.submenu, a:visited {
     float:none;
     width: 200px;
     color:#F5E8D4;
     text-decoration: none;
     background-color:transparent;
     border: 0px;
     margin-top: 0px;
    
}
.activesubmenu, a:active {
  float: none;
  color:#F5E8D4;
  font-weight: bold;
  text-decoration: none;
  border: 0px;
  margin-top: 0px; 
}
#submenu img {
     width: auto;
     height: auto;
     position: relative;
     margin-top: 25px;
     margin-left: 55px;
     padding: 0px; 
     background-color: transparent;
     text-align: center;
}

#submenutitle, h3 {
     margin-left: 5px;
     margin-top: 0px;
     margin-bottom: 0px;
     padding: 0px; 
     color: #650b15;
     text-decoration: none;
     font-size: 0.9em;
     float: none;
}

#submenucontact, p {
     margin-left: 0px;
     margin-top: 0px;
     margin-bottom: 0px;
     padding: 0px; 
     color: #650b15;
     text-decoration: none;
     font-size: 0.8em;
     float: none;
     text-align: center;
}
#footer {
     position: relative;
     clear: both;
     height: 70px;
     width: 750px;
     margin-top: 0px;
     top: 5px; 
     background-color: #B56253;
}
#footer p {
     width: 100%;
     color:#F5E8D5;
     font-family: Arial, Helvetica, sans-serif;
     font-size: 0.7em;
     margin-top: 0px;
     margin-right: 0px;
     margin-bottom: 10px; 
     text-align:center; 
     background-color:  transparent;  
}
#footer .img {
     position: relative;
     padding-top:10px;
     margin-left: 300px;
     margin-right: 0px;
     padding-bottom: 0px; 
     text-align:center; 
     background-color:  transparent;  
}
#footer a:link {
           text-decoration: none;
           background-color: #B56253;
}
#footer a:hover {
           text-decoration: none;
           background-color: #B56253;
}
#footer a:visited {
           text-decoration: none;
           background-color: #B56253;
}




/* Styles fuer Formular */

/* Formatierungen fuer Kontaktformular */
#formbox  {
margin: 5px auto;
width: 480px;
background-color: #DA9462
border-top: 0px solid #000000;
border-right: 0px solid #000000;
border-bottom: 0px solid #000000;
border-left: 0px solid #000000;
padding: 1px 1px 1px 1px;
}
#formular {
padding: 0px 10px;
border: 2px solid  #DA9462;
font-size: 14px;
color: #650b15;
}
#formular p {
margin: 0px 0px 10px 0px;
background-color:#DA9462
color: #650b15;
font-size: 14px;
font-family: Arial, sans-serif;
text-align: left;
}

fieldset {
margin: 10px 0px 10px 0px;
padding: 5px 10px;
border: 2px solid   #DA9462;
font-size: 14px;
}
legend {
background-color:#DA9462;
color: #FFF;
padding: 2px 10px;
border: 1px solid #000000;
margin: 0px 0px 10px 0px;
font-size: 16px;
font-family: Arial, sans-serif;
font-weight: normal;  

}

.form {
line-height: 18px;
}

.input, textarea {
font-size: 12px;
width: 200px;
}
.inpt {
width: 250px;
border: 1px solid #000;  
background-color: #fff;
color: #650b15;
margin: 0px 0px 4px 0px;
}
.defbreite {
margin-left: auto;
 width: 100px;
}
.txt {
width: 420px;
border: 1px solid  #000000;
background-color:  #FFFFFF;
color: #650b15;
text-align: left;
font-size: 14px;
line-height: 15px;
font-weight: normal;
}
.input.inpt:focus, txt:focus, checkbox.focus {
background-color: #fff;
color: #650b15;
float: right;
}
.label {
float: left;
color: #650b15;
font-weight: normal;
font-size: 14px;
font-family: Arial, sans-serif; 
}
.reihe {
  clear:  both;
  padding: 0px 0px;
}
.feld {
  float: right;
  width: 280px;
  text-align: left;
  left: 0px;
}
select {
margin: 10px 0px 0px 10px;
background-color: #ffffff;
color: #650b15;
}
.senden {
width: 360px;
font-size: 14px;
font-weight: bold;
margin: 10px 0px 0px 0px;
padding: 5px 0px 5px 0px;
background-color: #DA9462;
color: #fff;
border-top: 1px solid #000;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
border-left: 1px solid #000;
cursor: pointer;
}
.klick {
cursor: pointer;
}