/* CSS Document */

body {
   margin:0; 
   padding:0; 
   background-color:#ffffff;
   font-family: verdana, arial, sans-serif;
}

#container {
  margin:0 auto; 
  width:952px; 
  text-align:left;
}  

#header {
  width:952px;
  height:195px;
  background-image: url(../grafiken/hg_header.jpg);
  background-repeat: no-repeat;
}

#content {
  width:952px;
  background-image: url(../grafiken/hg_content2.jpg);
  background-repeat: no-repeat;
}

#spalte1 {
         width:366px;
         height:469px; /*---für IE7 wichtig ---*/
         float:left;
         margin:0 0 0 13px;
         padding:0;
}

#spalte2 {
         width:302px; /*338px*/
         float:left;
         padding:42px 10px 0 26px;
         margin:0;
	     overflow:hidden;
}

#spalte3 {
         width:222px;
         float:left;
         margin:0;
         padding:0;
}

#footer {
     width: 924px;
     height: 136px;
     margin:0 0 0 14px;
     padding:24px 0 0 0;
     background-image: url(../grafiken/hg_footer.jpg);
     background-repeat: no-repeat;
     background-color: #fff;
     border-top:1px solid #ffffff;
}

/*------- Gestaltung Header --------- */

#logo {
    width:227px;
    height:84px;
    float:left;
    margin:44px 0 0 49px;
    padding:0;
}

#logo img {
    border:0;
}

#teasercontainer {
  width:480px;
  height:154px;
  float:left;
  margin:0 0 0 182px;
  padding:0;
}

.teaserbox {
  width:135px;
  height:101px;
  margin:23px 0 0 0;
  padding:30px 10px 0 15px;
  float:left;
  background-image: url(../grafiken/hg_teaserbox.gif);
  background-repeat: no-repeat;


}

.teaserbox h4 {
  margin:0;
  padding:0;
  font-size:10px;
  line-height:14px;
  font-weight:normal;
  border:0;
}

.teaserbox h4 a {
  line-height:14px;
  color:rgb(86,59,128);
  margin:0 0 0 0;
  padding: 0 0 0 16px;
  background-image: url(../grafiken/hg_h4_teaser.jpg);
  background-repeat: no-repeat;
  text-decoration:none;
}

.teaserbox h4 a:hover {
  color:rgb(62,46,87);
  background-image: url(../grafiken/hg_h4_teaser_aktiv.jpg);
  background-repeat: no-repeat;
  text-decoration:none;
}

.teaserbox h4 .teaseraktiv {
  color:rgb(62,46,87);
  background-image: url(../grafiken/hg_h4_teaser_aktiv.jpg);
  background-repeat: no-repeat;
  text-decoration:none;
}


.teaserbox p {
  margin:0 0 0 0;
  padding: 0;
}

.teaserbox p a {
  font-size:10px;
  line-height:14px;
  color:rgb(104,104,104);
  margin:10px 0 0 0;
  padding: 0;
  text-decoration:none;
  display:block;
}

.teaserbox p a:hover {
  text-decoration:underline;
}

.teaserbox a img {
  border:0;
  margin:0 12px 0 0;
  padding:0;
  float:left;
}

#navicontainer {
  width:952px;
  height:41px;
  background-image: url(../grafiken/hg_navcontainer.jpg);
  background-repeat: repeat-x;
  margin:0;
  padding:0;
}

ul#hauptnavi {
    list-style:none;
    margin:0;
    padding:0;
    height:41px;
    background-image: url(../grafiken/hg_ul_hauptnavi.jpg);
    background-repeat: no-repeat;
    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 img {
  float:right;
}

ul#hauptnavi li a {  
	height: 41px;
	line-height:39px;
	font-size: 10px;
	font-weight: bold;
	color: rgb(86,59,128);
	text-align: center;
	display: block;
	background-image: url(../grafiken/hg_a_hauptnavi.jpg);
  background-repeat: no-repeat;
  background-position:right;
	text-decoration: none;
	padding:0 14px 0 11px;
	text-transform:uppercase;
	float: left;

}



ul#hauptnavi li a:hover,
ul#hauptnavi li a:active{
	color: rgb(86,59,128);
  background-image: url(../grafiken/hg_a_hauptnavi_aktiv5.jpg);
  background-repeat: repeat-x;
  text-decoration: none;
}

ul#hauptnavi li .aktiv {
	color: rgb(86,59,128);
  background-image: url(../grafiken/hg_a_hauptnavi_aktiv5.jpg);
  background-repeat: repeat-x;
  text-decoration: none;
}

ul#infolinks {
        width:172px;
        height:39px;
        list-style-type:none;
        margin:0 0 0 15px;
        padding:2px 0 0 0;
        float:left;
}

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

ul#infolinks a {
        font-size: 10px;
        line-height: 12px;
        color: rgb(86,59,128);
        background-image: url(../grafiken/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(../grafiken/infolinks_2.gif);
        background-repeat: no-repeat;
}

ul#infolinks .aktiv {
        background-image: url(../grafiken/infolinks_2.gif);
        background-repeat: no-repeat;
}




#suche {
	width: 286px;
	height:31px;
	margin: 0 0 0 0;
	padding: 10px 0 0 20px;
	text-align:right;
	vertical-align:bottom;
	float:left;
	background-image: url(../grafiken/hg_suche.jpg);
  background-repeat: no-repeat;
  background-position:left;
	}

p.suchetitel {
  font-size: 10px;
  line-height:12px;
	font-weight: bold;
	color: rgb(86,59,128);
	float:left;
	text-transform:uppercase;
	margin:4px 0 0 0;
}

#suche .input {
	width:171px;
	height:16px;
	margin:0 0 0 10px;
	padding:4px 8px 2px 4px;
	font: 100.01% Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px; 
	line-height:12px;
	color: #000000;
	text-align:left;
	float:left;
	background-image: url(../grafiken/hg_suchfeld.jpg);
	background-repeat: no-repeat;
	border:0;
}

#suche .button {
	width:22px;
	height:22px;
	margin:0 0 0 10px;
	padding:0;
  float:left;
}

/*------- Gestaltung Spalte 1 --------- */

#spalte1 img, iframe{
	width:365px;
	height:462px;
    margin:7px 0 0 1px;
    padding:0;
}


/*------- Gestaltung Spalte 2 --------- */



#spalte2 #headline {
  margin:0;
  padding:0;
  width:302px;
  height:80px;

}


#spalte2 img {
    width:21px;
    height:21px;
    margin:0 15px 0 0;
    padding:0 0 0 0;


}

#spalte2 h1, h2 {
  font-size:12px;
  line-height:22px;
  text-transform:uppercase;
  color: rgb(86,59,128);
  margin:0;
  padding:0;

}
#textbereich {
    font-size:10px;
	padding: 10px 15px 0 0;
	overflow: auto;
	height: 335px;
	font-size:12px;
    line-height:20px;
	scrollbar-face-color: #CB99CC; 
	scrollbar-highlight-color: #E5CBE6; 
	scrollbar-3dlight-color: #E5CBE6; 
	scrollbar-darkshadow-color: #E5CBE6; 
	scrollbar-shadow-color: #E5CBE6; 
	scrollbar-arrow-color: #ffffff;
	scrollbar-track-color: #E5CBE6; 
}

#spalte2 p {
  font-size:12px;
  line-height:20px;
  color: rgb(50,35,73);
}

#spalte2 ul {
  font-size:12px;
  line-height:22px;
  color: rgb(50,35,73);
  list-style-type:square;
}

#spalte2 a {
  font-size:12px;
  line-height:22px;
  color: rgb(50,35,73);
  text-decoration:underline;
}

#spalte2 p a:focus,
#spalte2 p a:hover,
#spalte2 p a:active {
  color: rgb(0,0,0);
  text-decoration:underline;
}



#kontaktformular {
    font-size:12px;
	color: #322349;
}

#kontaktformular .input {
	width:150px;
	height:15px;
	color: #322349;
	border: 1px solid #563B80;
}

#kontaktformular .msg {
	width:160px;
	color: #322349;
	border: 1px solid #563B80;
}


#kontaktformular .button {
	color: #ffffff;
	background: #9E659A;
	border: 1px solid #ffffff;
}


/*------- Gestaltung Spalte 3 --------- */

#spalte3 img {
  margin: 108px 0 0 0;
}

#spalte3 p.bu {
  font-size:10px;
  line-height:22px;
  color: rgb(86,59,128);
}

/*------- Gestaltung Footer -----------*/



#drucken a,
#empfehlen a,
#top a {
  font-size:10px;
  line-height:12px;
  text-transform:uppercase;
  color: rgb(86,59,128);
	margin:20px 0 0 0;
	padding:5px 0 10px 33px;
	float:left;
	display:block;
	text-decoration:none;
	vertical-align:top;
}

#drucken a {
  margin: 20px 0 0 394px;
  background-image: url(../grafiken/hg_druck.jpg);
	background-repeat: no-repeat;
}

#empfehlen a  {
  background-image: url(../grafiken/hg_empfehlen.jpg);
	background-repeat: no-repeat;
}

#top a {
  background-image: url(../grafiken/hg_top.jpg);
	background-repeat: no-repeat;
}

#drucken a:hover {
  background-image: url(../grafiken/hg_druck_a.jpg);
	background-repeat: no-repeat;
}

#empfehlen a:hover  {
  background-image: url(../grafiken/hg_empfehlen_a.jpg);
	background-repeat: no-repeat;
}

#top a:hover {
  background-image: url(../grafiken/hg_top_a.jpg);
	background-repeat: no-repeat;
}

#footer img {
  float:left;
  margin: 0 36px 0 36px;
}