@import url("/res/css/common.css");

html {
  height: 100%;
}
body {
 background: url(/res/pics/background.gif) repeat;
 height: 100%;
}

#container_home, #container {
  width: 100%;
  height: 100%;
}

#container {
  background: url(/res/pics/background_default.jpg) repeat-x top center;
}

#container_home {
  background: url(/res/pics/background_home.jpg) repeat-x top center;
}

#main{
  width:890px;
  margin: 0px auto;
  min-height:100%;
}



/****************************************Logo****************************************/
#logo_link {
  float: left;
  margin-left: 7px;
}
#logo_link_home {
  float: left;
  margin-left: 7px;
}

/****************************************Header Startseite****************************************/
#header_home {
  width: 100%;
  height: 396px;
}

#home_header_text_pic {
  float: left;
  margin-left: -5px;
}
#home_header_text {
  width: 600px;
  float: left;
}
#home_header_text * {
  font-size: 16px;
  font-family: Georgia;
  color: #FCEBCF;
  line-height: 21px;
  
}
#home_header_text a {
  color: #ED9C0F;
  text-decoration: none;
  padding-left: 12px;
  background: url(/res/pics/bullet_start.png) no-repeat  left;
}
#home_header_text a:hover {
  text-decoration: underline;
}

/****************************************Teaser- Bereich****************************************/
#teaser {
  float: left;
  margin-left: 10px;
  width: 100%;
  min-height: 200px;
  margin: 0 0 30px 0;
}
.teaser_main, .teaser_main_right{
   float: left;
   background: url(/res/pics/teaser_background.jpg) no-repeat top left;
   width: 270px;
   height: 100%;
   margin-right: 0px;
}
.teaser_main {
   margin-right: 30px;
}

.teaser_pic * {
  float: left;
  margin: 3px 0 3px 3px;
  border: 0px none;
}

.teaser_title a{
  float:left;
  font-size: 22px;
  font-family: Georgia;
  line-height: 24px;
  color: white;
  margin-top: 13px;
  width: 100%;
  text-decoration: none;
}
.teaser_descr {
  float:left;
  width: 260px;
  margin-top: 23px;
}
.teaser_link {
  float: right;
  margin-right: 15px;
}

/****************************************Top Nav- Bereich****************************************/

#top_nav {
  float: left;
  font-size: 16px;
  width: 598px; 
  margin: 59px 0 0 0;
  padding: 0;
  font-family: Georgia;
  
}

#top_nav a:hover {
  text-decoration: underline;
}
#top_nav ul {
  margin: 0;
  padding: 0;
}
#top_nav li {
  list-style: none; 
  font-weight: normal;
  color: #ED9C0F;
  padding: 0 5px 0 8px;
  float: left;
  background: url(/res/pics/top_nav_point.png) no-repeat bottom left;
  vertical-align: bottom;
}
#top_nav ul li:first-child {
  background: none;
  margin: 0;
  padding-left: 0;
}
#top_nav li a {
  color: #ED9C0F;
  text-decoration: none;
}
#top_nav li a.active{
  color: #F4ECD7;
  text-decoration: none; 
  background: url(/res/pics/nav_active_pic.png) no-repeat top center;
  height: 50px;
  padding-top: 35px;
  position: relative;
}

/****************************************   Navigations - Titel  ****************************************/
#nav_title {
  float: left;
  margin: 45px 0 0 15px;
  font-family: Georgia;
  font-size: 22px; 
  line-height: 24px;
  color: white;
  
}


/****************************************Sub Nav- Bereich****************************************/
#sub_nav {
  float: left;
  width: 245px;
  margin: 0 25px 20px 10px;
  min-height: 250px
}
#sub_nav a:hover {
  text-decoration: underline;
}

#sub_nav ul {
  margin: 0;
  padding: 0;
}
#sub_nav li, #sub_nav li li, #sub_nav li li li{
  list-style: none;
  float: left;
  font-weight: normal;
  font-family: Arial;
  color: #333333;
  background: none;
  font-size: 15px;
  
}
#sub_nav li {
  color: #333333;
  width: 215px;
  border-bottom: 1px solid #999999;
  margin: 10px 0 0 0;
  padding: 0px 0 10px 23px;
  background: url(/res/pics/logo_sub_nav.jpg) no-repeat top left;
}
#sub_nav li li {
  padding:0px 0 0 20px; 
  margin: 10px 0 0 0;
  border: none;
  background: url(/res/pics/logo_sub_nav.jpg) no-repeat top left;
}
#sub_nav a.current {
  color: #D55E16;
  text-decoration: none;
}
#sub_nav li a {
  color: #424445;
  text-decoration: none; 
}

/****************************************   Header - Bereich  ****************************************/

#header {
  height: 360px;
}

#header_border_pic {
  float: left;
  background: url(/res/pics/header_pic_border.png) no-repeat top center;
  width:595px;
  height: 254px;
  margin-top: 15px;
}
#header_pic {
  margin: 5px;
  margin-top: 6px;
  margin-left: 6px;
  
}
#header_pic img {
  width: 581px;
  height: 229px;
}

#left_header {
  width: 280px;
  float: left;
  font-size: 22px;
  color: #FFFFFF;
  height:100%;
  
}
#right_header {
  float: left;
  height: 100%;
  width: 600px;
}
/****************************************   Content - Bereich  ****************************************/

#content_area {
  margin-top: -10px;
  min-height: 388px;
  width: 880px;
  float: left;
}
#content {
  width: 600px;
  float: left;
  margin-top: 10px;
  padding: 0 0 20px 0;
}

#content ul li {
  list-style-image: url(/res/pics/point_list.jpg);
  margin-left: -10px;
}
/****************************************   Galery - Bereich  ****************************************/
.gallery {
  
}

.gallery img{
  border: none;
  padding: 6px 0 0 6px;
}

.gallery_pic, .gallery_pic_pagebreak{
  float: left;
  background: url(/res/pics/gallery_pic_background.png) no-repeat top left;
  height: 144px;
  width: 137px;
  margin: 0 16px 16px 0;
}

.gallery_pic_pagebreak{
  margin-right: 0;
}
/****************************************   Google Maps - Bereich  ****************************************/
.search_fields{
  margin-top: 10px;
}

/****************************************   Footer - Bereich  ****************************************/
#footer, #footer_home {
  width:890px;
  min-height: 140px;
  margin: 0px auto;
  margin-top: -140px;
}

#footer a, #footer_home a {
  color: #333333;
  text-decoration: none; 
}

#footer a:hover, #footer_home a:hover{
  color: #D45E16;
  text-decoration: none; 
}

#contact {
  width: 270px;
  margin-right: 30px;
  float: left;
  height: 150px;
}

#navigation {
  float: left;
  width: 270px; 
  margin-right: 30px;
  height: 160px;
}

#navigation_links, #service_links{
  margin-top: 3px;
  font-size: 12px; 
}
#navigation ul, #navigation ul li, #service_links ul, #service_links ul li{
  margin:0;
  padding:0;
}
#navigation ul li, #service_links ul li{
  list-style: none;
  background: url(/res/pics/bullet_footer.jpg) no-repeat center left;
  padding:0px 0 0 15px;
}

#service {
  float: left;
  width: 270px;
  height: 150px;
}

#headline_contact , #headline_navigation , #headline_service {
  font-size: 16px; 
  font-family: Georgia;
  padding: 0 0 5px 0;
  border-bottom: 1px solid #94928D;
}

#headline_contact {
  width: 260px;
}
#headline_navigation {
  width: 260px;
}
#headline_service {
  width: 260px;
}


address {
  width: 270px;
  float: left;
  margin: 5px 0 0 0;
  padding: 0;
}

address * {
  font-size: 12px; 
  font-weight: normal;
  text-decoration: none; 
  font-style: normal;
  color: #333333;
}

/****************************************   Trennlinie ****************************************/
hr {
  border: 0px none; 
  height: 26px;
  background: url('/res/pics/division.gif') no-repeat top center;
}

/****************************************   Formulare ****************************************/
.validation_error {
  color:#D45E16;
}
input.validation_error { 
  color: #D45E16;
}
textarea.validation_error { 
  color: #D45E16; 
}

.bt_request, .submit_button {
   border: 0;
   background: url(/res/pics/bt_formular.jpg) no-repeat;
   height: 25px;
   font-size: 12px;
   color: #FFFFFF;
   width: 200px;
   font-family: Georgia;
}

.form .text_field , .form .forms , .form .select {
  border: 1px solid #BBAE9C;
}