html {height: 101%}
body {height: 100%}

body {
background-color: #000;
padding-top: 20px;
font-size: 11px;
font-family: Arial;
color:#000;
}

a {color: #fff; text-decoration: underline;}
a:visited {color:#fff; text-decoration: underline;}
a:hover {color: #fff; text-decoration: none;}
a:active { color:#BA0009; text-decoration: underline;}

img{border:0}

h1 {
font-size: 11px;
text-transform:uppercase;
background-color: #fff;
padding:2px 2px;
margin:0px }

h2, h3, h4{ color: #BA0009;font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: normal;margin: 0;padding-right: 30px; padding-bottom: 10px;}

h2  { font-size: 20px;padding-left: 30px }
h3  { font-size: 14px;}
h4  { font-size: 28px;padding-left: 30px }

/* ----------container zentriert das layout-------------- */
#container {
width: 940px;
margin-bottom: 10px;
margin-left: auto;
margin-right: auto;
background-color: #333;
border: 1px solid #fff;

}

/* ----------banner for logo-------------- */
#head {
width:940px;
background-color: #BA0009;
text-align: right;
color: #fff;
height: 100px;
padding: 0px;
margin: 0px;
float:left;
position: relative; 
border-bottom:3px solid #fff;
}

#headline   { color: #fff; font-size: 22px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-style: normal; text-decoration: none; background-color: #BA0009; text-align: left; margin-top: 60px; padding-left:200px; width: 450px; height: 30px; float: left }

#head_neu {
background-image: url("../bilder/buchen.gif");
background-repeat: no-repeat;
background-position: center;
float: right;
height: 100px;
width:  86px;
margin-right:86px;
}

#badge {
border:0;
position:absolute;
top:-38px;
left:720px;
height:220px;
width:194px;
float: right;
}

#head_new {
background-image: url("../bilder/new.gif");
background-repeat: no-repeat;
background-position: center;
float: right;
height: 100px;
width:  250px;
}


#logo {
position:absolute; top:40px;left:30px;
width:140px;
height:140px;
}

 

/* -----------------Inhalt--------------------- */
#content {
background-color: #fff;
width:740px;
padding: 0px;
float:left;
margin-right: 0px;
}
#content ul {list-style-image:url(../bilder/redbullet.jpg); float:left;}
div#content { 
min-height:450px;
/* height:expression(this.scrollHeight > 450 ? "auto":"450px"); */
}

p, pre{
padding: 5px 10px;
margin:0px;
}

#image_field  { background-image: url("../bilder/start.jpg"); background-repeat: no-repeat; background-position: center; margin-bottom: 20px; width: 494px; height: 238px; float: left;}


#text_field {
height: 238px;
width: 246px;
background-color: #333;
background-image: url("../bilder/start_text.gif");
background-repeat: no-repeat;
float:left;
margin-bottom: 20px;

 }


#text_field_en {
height: 238px;
width: 246px;
background-color: #333;
background-image: url("../bilder/start_text_en.gif");
background-repeat: no-repeat;
float:left;
margin-bottom: 20px;

 }
 
.clearfloat {clear:both;}
.absatz  { line-height: 7px }
 
/* --------------Inhalt für Kontakt------------- */
 

#field_kontakt {
background-color: #fff;
width: 700px;
}

#field_anfrage {
width: 466px;
background-color: #fff;
float: left;
display:block;
}

#field_anschrift {
width: 206px;
background-color: #fff;
float: left;
display:block;
}

/* --------------navigavtion------------- */
#navigation, .navigation_link,.navigation_link a, .navigation_link a:visited, .navigation_link a:hover {
color: #fff; font-size: 14px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;font-weight: bold; line-height: 22px;text-decoration: none
} 

#navigation { background-color: #333; padding: 0; padding-left: 30px; padding-top:100px; width: 170px; float: left }
.navigation_link a:hover  { background-color: #777 }


.navigation_link .active, .navigation_link .active:visited,.navigation_link .active:hover {
font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif;line-height: 22px;text-decoration: none;font-weight: bold;}

.navigation_link .active, .navigation_link .active:visited  { color: #BA0009;}
.navigation_link .active:hover  { background-color: #777 }


#navigation_extra_title, #navigation_extra{
font-size: 12px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;width: 120px; color: #000;height: auto;
}
#navigation_extra_title {
background-color: #666;
font-weight: bold; line-height: 18px;
margin-top: 24px;
padding-top: 6px;
padding-left: 8px;
padding-right: 12px;
}


#navigation_extra {
background-color: #888;
font-weight: normal; line-height: 20px;
padding: 8px;
width: 124px
}

#navigation_extra_home {
background-color: #888;
font-size: 12px;
font-weight: normal; line-height: 16px;
padding:8px;
margin-right: 30px;
}

.text_navi{
font-size: 11px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; color: #111; margin-top: -2px;
} 



/* -----------footer--------------------------- */
#footer  { color: #fff; font-size: 12px; line-height: 16px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; background-color: #BA0009; text-align: right; padding-top: 6px; padding-right: 30px; height: 20px; clear: both }
* html #footer {height: 26px;}
#languages {

float: left;
clear: both;
height: 14px;

font-size: 12px;
color: #fff;
padding-left: 30px;
text-align: right; }




.text  { color: #000; font-size: 12px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; line-height: 18px; padding-right: 30px; padding-bottom: 30px; padding-left: 30px; float:left;}
.text a, .text a:visited   { color: #000; font-size: 12px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; line-height: 18px;  }
.text a:hover   { color: #000; font-size: 12px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; line-height: 18px;}

.text_faq  { color: #000; font-size: 12px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; line-height: 14px;}
.text_faq a, .text_faq a:visited   { color: #000; font-size: 12px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; line-height: 14px;  float:left;}
.text_faq a:hover   { color: #000; font-size: 12px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; line-height: 14px;}

.text_small  { color: #000; font-size: 10px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; line-height: 0px;  }
.text_small a, .text_small a:visited  { color: #000; font-size: 10px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; line-height: 0px;  float:left;}
.text_small a:hover  { color: #000; font-size: 10px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; line-height: 0px;  }

.text_large  { color: #000; font-size: 16px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; line-height: 22px; padding-right: 30px;  padding-left: 30px; float:left;}
.text_large a, .text_large a:visited   { color: #000; font-size: 16px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; line-height: 22px;  }
.text_large a:hover   { color: #000; font-size: 16px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; line-height: 22px;}

.text_large_link  { color: #000; font-size: 16px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; line-height: 22px; padding-right: 30px; padding-bottom: 30px; padding-left: 30px }
.text_large_link a, .text_large_link a:visited   { color: #000; font-size: 16px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold;line-height: 22px;  }
.text_large_link a:hover   { color: #000; font-size: 16px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; line-height: 22px; font-weight: bold; text-decoration: underline; }

.red_square {
background-color: #BA0009;
height: 10px;
width: 10px;
float: left;
margin-right: 6px;
margin-top: 5px;
}

.red_square_faq {
background-color: #BA0009;
height: 10px;
width: 10px;
float: left;
margin-right: 6px;
margin-top: 1px;
}

.text_table  { color: #000; font-size: 12px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; line-height: 20px; padding-right: 30px; padding-bottom: 30px; padding-left: 10px }


/***** FORMULAR *****/

#form   { margin: 10px 0; padding: 0; border-width: 0; color: #666633 ; }


.label{width: 240px;margin-top:2px;display: block }

* html .label{width: 220px;margin-top:2px; }


label { color:#000 ; margin:0 3px 3px 0; padding:0; width:80px; display:block; float:left; clear:left;height: 20px}
input, textarea, select   { font-size: 12px; background: #fff; margin-bottom: 0.6em; padding-left: 0.3em; width: 240px; border-style: solid; border-width: 1px; border-color: #808080 #d2d2d2 #d2d2d2 #808080 }

textarea{ height: 50px}
select{width: 246px}

.inputfeld_plz   { font-size: 12px; background: #fff; margin-bottom: 0.6em; padding-left: 0.3em; width: 46px; border-style: solid; border-width: 1px; border-color: #808080 #d2d2d2 #d2d2d2 #808080; }
.inputfeld_wohnort   { font-size: 12px; background: #fff; margin-bottom: 0.6em; padding-left: 0.3em; width: 184px; border-style: solid; border-width: 1px; border-color: #808080 #d2d2d2 #d2d2d2 #808080; }
.checkbox { margin-left: 84px; font-size: 12px; background: #fff;  margin-bottom: 1px; padding-left: 0.3em; width: 12px; height: 12px; border-style: solid; border-width: 1px; border-color: #808080 #d2d2d2 #d2d2d2 #808080; }

input:active, input:focus, textarea:focus,textarea:hover, textarea:active,  select:hover  { border: solid 1px #BA0009  }

input:hover { border: solid 1px #BA0009  }

button {color: #fff; background-color: #BA0009; margin-left: 82px; width: 90px; height: 30px}