/* CSS Document */
/* ############################################################################# Body */
body {
   margin:0; 
   padding:0; 
   background-color:#2e6095;
   font-family: verdana, arial, sans-serif;
   background-image:url(img/hg_gesamt.jpg);
   background-repeat:no-repeat;
}
/* ############################################################################# Rahmen */
#gesamt {
    width:1000px;
    margin:0;
    padding:0;
}
/* ############################################################################# Logo */
#logo {
  top:40px;
  left:46px;
  position:absolute;
  z-index:100;
}

#logo img {
  border:0;
}
/* ############################################################################# Spaltenaufteilung */
#spalte1 {
  width:374px;
  /*height:469px; ---für IE7 wichtig ---*/
  float:left;
  margin:133px 0 0 46px;
  padding:0;
}

#spalte2 {
  width:500px; /*338px*/
  float:left;
  margin:0;
  padding:0;
  font-size:12px;
  color: rgb(255,255,255);         
}
/* ############################################################################# Textinhalt in Spalte 2 */
#container {
  width:422px;
  margin:40px 0 0 40px;
  padding:0;
}
/* ############################################################################# Textinhalt in Spalte 2 LIST*/
ul.text {
  list-style: none;
  list-style-position:outside;
  margin:5px 0 0px 10px;
  padding:0 0 0 13px; 
}

ul.text li {
  color: #FFFFFF;
  background-image: url(img/infolinks_2.gif);
  background-repeat: no-repeat;
  padding-left: 10px;
  display:block;
} 
/* ############################################################################# Navigation */
#navicontainer {
  height:43px;
  /*background-image: url(img/hg_hauptnavi.jpg);
  background-repeat: repeat-x;*/
  margin:0 0 0 309px;
  padding:0;
}
/* ############################################################################# Navigation IMG */
ul#hauptnavi img {
  float:right;
  border:0;
}
/* ############################################################################# Navigation LIST */
ul#hauptnavi {
    list-style:none;
    margin:0;
    padding:0;
    height:43px;
    float:left;
}
ul#hauptnavi li {
    position:relative; 
    float: left; /* Sorgt dafür, dass die Liste nach rechts weitergeht */
    list-style-type: none;
    display: inline; /*wichtig für IE7-vertikale Listenpunkte haben sonst Abstände*/
    margin: 0; 
    padding:0;
    height:19px;
  }
ul#hauptnavi li a {  
	height: 43px;
	line-height:39px;
	font-size: 14px;
	font-weight: bold;
	color: rgb(255,255,255);
	text-align: center;
	display: block;
	background-image: url(img/hg_a_hauptnavi.jpg);
  background-repeat: no-repeat;
  background-position:left;
	text-decoration: none;
	padding:0 14px 0 12px;
	float: left;
}

ul#hauptnavi li a .orange {
  color:rgb(254,194,80);
}

ul#hauptnavi li a.first {
  background-image: url(img/hg_a_hauptnavi_first.jpg);
  background-repeat: no-repeat;
  padding:0 14px 0 30px;
}

ul#hauptnavi li a:hover,
ul#hauptnavi li a:active{
	color: rgb(255,255,255);
  background-image: url(img/hg_a_hauptnavi_aktiv.jpg);
  background-repeat: no-repeat;
  text-decoration: none;
}

ul#hauptnavi li a.first:hover,
ul#hauptnavi li a.first:active {
  background-image: url(img/hg_a_hauptnavi_first_aktiv.jpg);
  background-repeat: no-repeat;
}

ul#infolinks {
        width:250px;
        height:37px;
        list-style-type:none;
        margin:0 0 0 0;
        padding:6px 0 0 15px;
        float:left;
        background-image:url(img/hg_infolinks.jpg);
        background-repeat:no-repeat;
}

ul#infolinks li {
        margin:0;
        line-height: 0px;
}

ul#infolinks a {
        font-size: 10px;
        line-height: 14px;
        color: rgb(255,255,255);
        background-image: url(img/infolinks_1.gif);
        background-repeat: no-repeat;
        display: block;
        padding: 0 0 0 16px;
        margin: 0;
        text-decoration: none;
        vertical-align:top;
}

ul#infolinks a:focus,
ul#infolinks a:hover,
ul#infolinks a:active {
        background-image: url(img/infolinks_3.gif);
        background-repeat: no-repeat;
}
/* ############################################################################# Angebot Boxn */
.angebotsbox {
    width:314px;
    background-image: url(img/hg_box.jpg);
    background-repeat: no-repeat;
    margin:0 0 0 0;
    padding: 0 0 10px 0;
}

h3.aboxhead {
    font-size:12px;
    line-height:18px;
    font-weight:bold;
    margin:0 17px 0 17px;
    padding:14px 0 0 0;
    color: rgb(38,70,103);

}

ul.angebotslist {
    list-style: none;
    margin:20px 0 30px 17px;
    padding:0 0 0 13px; 
    border:0;
}

ul.angebotslist li {
    color: #000000;
    font-size: 12px;
    line-height:14px;
    text-decoration: none;
    font-weight: normal;
    background-image: url(img/infolinks_2.gif);
    background-repeat: no-repeat;
    margin:0 0 3px 0;
    padding: 0 10px 0 16px;
    display:block;
}    

.angebotsbox_ende {
  width:314px;
  height:13px;
  background-image:url(img/box_footer.jpg);
  background-repeat:no-repeat;
  margin:0 0 20px 0;
  padding:0;
}
/* ############################################################################# Angebot Button */
.button a{
  font-size:12px;
  font-weight:bold;
  margin:0 17px 0 17px;
  padding:9px 17px 9px 17px;
  color: rgb(38,70,103);
  background-color: rgb(217,232,247);
  text-decoration:none;
  display:block;
  border:1px solid rgb(217,232,247);
}

.button a:hover {
  background-color: rgb(231,242,252);
  border:1px solid rgb(208,217,224);
}


/* ############################################################################# Überschrift */
h1 {
  font-size:18px;
  line-height:24px;
  font-weight:bold;
  margin:0 0 20px 0;
  padding:0;
  color: rgb(255,255,255);
}
/* ############################################################################# Links (normal) */
a.textlink {
  color: rgb(38,70,103);
  text-decoration:underline;
}

a.textlink:hover {
  color:rgb(254,169,36);
  text-decoration:underline;
}
/* ############################################################################# Tabelle */
table {
	border-collapse:collapse;
  empty-cells:hide;
}
/* ############################################################################# Mit Rahmen */
td.m0 	{
  border:1px solid rgb(217,232,247);
  font-size:14px;
  font-weight:bold;
  color: rgb(255,255,255);
}
/* ############################################################################# Mit Rahmen 5px von links*/
td.m5 	{
  border:1px solid rgb(217,232,247);
  font-size:14px;
  font-weight:bold;
	padding-left:5px;
	vertical-align:middle;
  color: rgb(255,255,255);  
}
/* ############################################################################# Mit Rahmen rechts auslegend mit 5px von rechts*/
td.mR	{
  border:1px solid rgb(217,232,247);
  font-size:14px;
  font-weight:bold;
	text-align: right;
	padding-right:5px;
  color: rgb(255,255,255);  
}
/* ############################################################################# Ohne Rahmen*/
td.o {
	border: 0px;
  font-size:14px;
  font-weight:bold;  
  color: rgb(255,255,255);
}
/* #############################################################################  Ohne Rahmen 5px von Links*/
td.o5 {
	border: 0px;
  font-size:14px;
  font-weight:bold;
  padding-left:5px;  
 	vertical-align:middle; 
  color: rgb(255,255,255);
}

/* ############################################################################# Ohne Rahmen rechts auslegend mit 5px von rechts*/
td.oR {
	border: 0px;
  font-size:14px;
  font-weight:bold;
	text-align: right;
	padding-right:5px;
	vertical-align:middle;
  color: rgb(255,255,255);  
}
/* ############################################################################# Input */
.eingabe {
  background-color: transparent;
  color: rgb(255,255,255);  
  font-size:14px;
  font-weight:bold;
 	vertical-align:middle;   
	height: 20px;
/*	border-bottom-color:#0000FF; */
	border-left-color:#0000FF;
/*	border-right-color:#0000FF; */
	border-top-color:#0000FF;
}

/* ############################################################################# Textarea */
.texte {
  background-color: transparent;
  font-size:14px;
  font-weight:bold;  
  color: rgb(255,255,255);  
/*	border-bottom-color:#0000FF; */
	border-left-color:#0000FF;
/*	border-right-color:#0000FF; */
	border-top-color:#0000FF;  
}
/* ############################################################################# Dropdown */
.dropdown {
  background-color: #2e6095;
  color: rgb(255,255,255); 
  font-size:14px;
  font-weight:bold;  
}
/* ############################################################################# Submit */
.submit {
  background-color: rgb(217,232,247);
  border:1px solid rgb(255,255,255);
  color: rgb(38,70,103);  
  font-size:14px;
  font-weight:bold;
	text-align: center;
	vertical-align:middle;
	cursor:pointer;
}