/* Import von weiteren CSS-Dateien */
@import url("default-settings.css");
@import url("navigation.css");
@import url("captcha-formular.css");

body { margin: 0px; padding: 0px;  font-family: Trebuchet MS, Avenir, Helvetica, Arial, sans-serif; /* background-image: url(bg_startseite.jpg); background-repeat: repeat-x; */}
a { text-decoration: none; }

/* ----------------------------------------------------------------------------------
   Ausrichtung der Seite und der <div>-Container (Reihenfolge von oben nach unten)
   - Hintergruende
---------------------------------------------------------------------------------- */ 
#header_bg { position: static; width: 100%; min-height: 242px; padding: 0px 0px 74px 0px; background-color: #FF6600; background-image: url(hg.gif); background-repeat: repeat-y; background-position: center top; z-index: 1; }
/* Da der IE min-height nicht richtig kann, hier ein kleiner Hack: */
* html #header_bg { height: 242px; } 
*:first-child+html #header_bg { height: 242px; } 

#content_bg { position: static; width: 100%; height: auto; padding: 0px; margin: -74px 0px 0px 0px; background-image: url(hg1.gif); background-repeat: repeat; z-index: 1; } 
#footer_bg { position: static; width: 100%; height: 125px; margin: 0px 0px 0px 0px; padding: 0px; background-color: #FF6600; background-image: url(hg.gif); background-repeat: repeat-y; background-position: center top; z-index: 1; }

/* ----------------------------------------------------------------------------------
   Ausrichtung der Seite und der <div>-Container (Reihenfolge von oben nach unten)
   - Inhalte
---------------------------------------------------------------------------------- */ 
#header { position: relative; top: 0px; left: 0px; width: 982px; height: auto; margin: 0px auto; padding: 0px; }
#header_logo { position: absolute; top: 20px; left: 0px; width: 214px; height: 52px; margin: 0px; padding: 0px;  z-index: 10; overflow: hidden; }
#header_links { position: absolute; top: 5px; left: 490px; width: 490px; height: 15px; margin: 0px; padding: 0px; z-index: 10; text-align: right; 
color: #323333; font-size: 11px; line-height: 17px; font-family: Arial, Helvetica, sans-serif;}
#header_links a { color: #323333; text-decoration: none; }
#header_links a:hover { color: #FFFFFF; } 
#header_navigation { position: absolute; top: 55px; left: 214px; width: 766px; height: 30px; text-align: right; z-index: 10px; }

/*
#header_2_bg { position: relative; top: 0px; left: 0px; width: 100%; height: 204px; background: #080705; }
#header_2{ position: relative; top: -74px; left: 0px; width: 982px; height: 277px; margin: 0px auto; padding: 0px; }
*/
#header_2_bg { position: relative; top: 0px; left: 0px; width: 100%; height: 203px; background: #080705; }
#header_2{ position: absolute; top: -74px; left: 50%; width: 982px; height: 277px; margin: 0px 0px 0px -491px; padding: 0px;  }



#header_2_text { position: absolute; top: 247px; left: 0px; width: 982px; height: 30px; margin: 0px; padding: 0px; text-align: right; }
#header_2_text a { color: #FFFFFF; font-size: 11px; line-height: 17px; text-decoration: none; font-family: Arial, Helvetica, sans-serif; }

#wrapper { position: relative; top: 0px; left: 0px; width: 982px; height: 525px; margin: 74px auto 0px auto; padding: 0px 0px 0px 0px; z-index: 1; }

#block_1 { position: absolute; top: 30px; left: 44px; width: 220px; height: auto; }
#block_2 { position: absolute; top: 30px; left: 284px; width: 220px; height: auto; }
#block_3 { position: absolute; top: 30px; left: 524px; width: 220px; height: auto; }
#block_4 { position: absolute; top: 30px; left: 760px; width: 220px; height: auto; text-align: right; vertical-align: top; }

#seitzeichen { position: absolute; top: 430px; left: 780px; width: 200px; height: auto; }


#footer {
  margin: 0px auto 0px auto;
  width: 980px; 
  height: auto; 
  padding: 28px 0px 0px 0px;  
  z-index: 100;
}


/* ----------------------------------------------------------------------------------
   Schriften
---------------------------------------------------------------------------------- */ 


/* Ueberschriften */
#header_spruch h1 { position: static; padding: 100px 0px 0px 44px; font-size: 36px; line-height: 50px; color: #fefefe; font-weight: normal; font-family: Trebuchet MS, Avenir, Helvetica, Arial, sans-serif; }
#header_spruch a { color: #fefefe; font-weight: normal; text-decoration: none; }
#header_spruch b { color: #323333; font-weight: normal; }
#header_spruch div { width: auto; height: 245px; }



#wrapper h1 { color:#323333; font-size:20px; line-height: 26px; font-weight: bold; font-family: Trebuchet MS, Avenir, Helvetica, Arial, sans-serif; } 
#wrapper h2 { color:#323333; font-size:20px; line-height: 26px; font-weight: bold; font-family: Arial, Helvetica, sans-serif;  } 
#wrapper h3 { color:#323333; font-size:13px; line-height: 19px; font-weight: bold; font-family: Arial, Helvetica, sans-serif;  } 
#wrapper h4 { color:#323333; font-size:20px; line-height: 26px; font-weight: bold; font-family: Arial, Helvetica, sans-serif;  } 
#wrapper h5 { color:#323333; font-size:20px; line-height: 26px; font-weight: bold; font-family: Arial, Helvetica, sans-serif;  } 
#wrapper h6 { color:#323333; font-size:20px; line-height: 26px; font-weight: bold; font-family: Arial, Helvetica, sans-serif;  } 

#wrapper p { color:#616161; font-size:13px; line-height: 19px; font-family: Arial, Helvetica, sans-serif; }
#wrapper li { color:#616161; font-size:13px; line-height: 19px; }
#wrapper td { padding: 2px 5px 5px 0px; }
#wrapper a { color:#616161; font-size:13px; line-height: 19px; text-decoration: none;  font-family: Arial, Helvetica, sans-serif; }

#wrapper ul { margin: 19px 0px; display:block; }
#wrapper li a { display:inline-block; background-image:url('plus.gif'); background-repeat: no-repeat; background-position: 0px 5px; text-decoration: none; font-weight: normal; margin: 0px; padding: 0px 0px 0px 20px; }
#wrapper li a:hover { background-image:url('plusaktiv.gif'); text-decoration: none; }



#footer p { margin: 0px; padding: 0px 5px 5px 5px; text-align: center; font-size: 11px; line-height: 17px; color: #ffffff; font-weight: bold; }

#footer .footer_links { text-align: center;  color: #323333; font-size: 11px; line-height: 17px; }
#footer .footer_links p {  color: #323333; font-weight: normal; }
#footer .footer_links a {  color: #323333; }
#footer .footer_links a:hover { color: #FFFFFF; } 





#image_with_hover ul.jq-checkpoints { padding: 0px !important; margin: 0px !important; }
#image_with_hover ul.jq-clearfix { padding: 0px !important; margin: 0px !important; }


#image_with_hover ul { list-style-type: none; list-style: none; padding: 0px; margin: 0px; }
#image_with_hover li { position: relative; padding: 0px; margin: 0px; }
#image_with_hover li a { background: none; padding: 0px; margin: 0px; }
#image_with_hover li a:hover { background: none; padding: 0px; margin: 0px; }

#image_with_hover li div.image_with_hover_text {
  display: none; 
  position: absolute;
  top: 0px;
  left: -110px;
  width: 220px;
  height: auto;
  z-index: 100;

  background-color: #FFFFFF;
  border: 1px solid  #333333;	
  padding: 0px; margin: 0px;
}
#image_with_hover li div.image_with_hover_text p{
  text-align: left; 
  padding: 5px 10px 5px 10px;
  margin: 0px;
  cursor: pointer;
}
#image_with_hover li div.image_with_hover_text p a {
  padding: 0px;
  margin: 0px;
}