/* CSS Document */

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

#logo {
    width:216px;
    height:50px;
    margin:45px 0 0 42px;
}

#logo h1 {
    margin:0;
    padding:0;
    line-height:1px;
}

#logo img {
    border:0;
}

#streifen {
    position:absolute;
    width:46px;
    height:83px;
    top:45px;
    left:379px;
    z-index:2;
}


/* -------- Navigation ----------- */

#navicontainer {
    font-family: arial, verdana, sans-serif;
    margin:24px 0 0 68px;
    background-color:white;
}

ul#hauptnavi {
    margin:0px;
    padding:0 0 0 22px;
    height:22px;
    list-style:none;
    float:left;
    background-image:url(../grafiken/hg_hauptnav.jpg);
    background-repeat: no-repeat;
}

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 0 0 28px; 
    padding:0;
    height:22px;
    	vertical-align:bottom;
  }

ul#hauptnavi li a {  
	height: 17px;
	line-height:11px;
	font-size: 11px;
	font-weight: normal;
	color: rgb(72,83,114);
	text-transform:uppercase;
	display: block;
	text-decoration: none;
	padding:5px 3px 0 3px;
	float: left; /*wichtig für IE6-vertikale Listenpunkte sonst untereinander*/
}



ul#hauptnavi li a:hover,
ul#hauptnavi li a:active,
ul#hauptnavi li a.aktiv {
	color: rgb(72,83,114);
  background-image: url(../grafiken/hg_a_hauptnavi_aktiv.gif);
  background-repeat: no-repeat;
  background-position:bottom;
  text-decoration: none;
}

  
#naviende {
    width:53px;
    height:22px;
    float:left;
}

/* -------- Content ----------- */

#content {
    width:849px;
    margin:35px 0 0 105px;
    padding:0;
    clear:both;
}

#spalte1 {
    font-size:12px;
    line-height:20px;
    color:rgb(75,83,114);
    width:405px;
    margin:0 74px 0 0;
    float:left;
}

#spalte2 {

    font-family: arial, verdana, sans-serif;
    width:370px;
    float:left;
}

h2 {
    font-size:20px;
    line-height:20px;
    font-weight:normal;
    color:rgb(75,83,114);
    letter-spacing:0.1px;
    margin:0 0 25px 0;
    padding:0;
}


#spalte1 ul {
    font-size:12px;
    line-height:20px;
    color:rgb(75,83,114);
    list-style-type:disc;
}

#spalte1 a,
a:visited {
    color: #D04B53;
    text-decoration:underline;
}

#spalte1 a:hover {
    text-decoration:none;
}

.img {
	margin: 0 10px 0 0;
	padding: 3px; 
	border: 1px solid #eeeeee;
}

#teamgeist {
	margin: 35px 0 0 0;
}

.box {
    width:161px; /*221px;*/
    background-image:url(../grafiken/hg_box.jpg);
    background-repeat: no-repeat;
    padding:0 30px 30px 30px;
}

#boxende {
    width:221px;
    height:18px;
    background-image:url(../grafiken/hg_box_ende.jpg);
    background-repeat: no-repeat;
}

p.boxhead {
  line-height:11px;
	font-size: 11px;
	font-weight: normal;
	color: rgb(72,83,114);
	text-transform:uppercase;
	background-color:white;
	padding:0 5px 0 5px;
	margin:0 0 0 -5px;
	display:inline;
}

h3.boxh3 {
  font-size: 12px;
  line-height:16px;
	font-weight: bold;
	color: rgb(72,83,114);
	margin:25px 0 22px 0;
	padding:0;
}

p.boxtext {
  font-size: 12px;
  line-height:16px;
	font-weight: normal;
	color: rgb(72,83,114);
	margin:0 0 0 0;
	padding:0;
}

p.boxtext a {
  font-size: 12px;
  line-height:16px;
	font-weight: normal;
	color: rgb(41,89,235);
	text-decoration:none;
}

p.boxtext a:hover {
	color: rgb(41,89,235);
	text-decoration:underline;
}

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

#footer {
  font-family: arial, verdana, sans-serif;
  width:849px;
  height:242px; /*337px;*/
  margin:0 0 0 105px;
  background-image:url(../grafiken/hg_footer.jpg);
  border:0;
  padding:75px 0 0 0;
}

#footer p {
  font-size: 12px;
  line-height:16px;
	font-weight: normal;
	color: rgb(111,114,137);
	margin:0;
	padding:0;
}

#footer p a {
  font-size: 12px;
  line-height:16px;
	font-weight: normal;
	color: rgb(111,114,137);
	text-decoration:none;
}

#footer p a:hover {
	color: rgb(111,114,137);
	text-decoration:underline;
}


/* -------------- Gestaltung Formular ------------- */

.formbox table{
	width:428px;
	margin: 15px 0 0 0;
	padding:0;
}

.formbox tr{
    
}

.formbox tr.last {
}

.formbox tr.ende {
}


.formbox td.feldbezeichner{
                      vertical-align:top;
                      width: 178px;   
                      padding: 18px 22px 0 0;             
}

.formbox td.feldbezeichner_first {
                      vertical-align:top;
                      width: 178px;   
                      padding: 8px 22px 0 0;             
}



.formbox .feldbezeichner p,
.formbox .feldbezeichner_first p 
{
            font-size: 13px;
            line-height: 2px;
            text-align: right;
            color: rgb(86,99,136);
            margin: 0 0 0 0;
            padding:0;
}

.formbox td.feldwert{
            width: 252px;
            vertical-align: top;
            margin: 0;
            padding:0 0 0 0;
}
.textzeile {
            font-family: arial, verdana, sans-serif;
            font-size: 12px;

            color: rgb(73,88,129);
            width: 220px;
            border:1px solid rgb(73,88,129);
            margin: 12px 0 0 0;
            padding: 2px;
			height: 15px;
			}
.textfeld {
            font-family: arial, verdana, sans-serif;
            font-size: 12px;

            color: rgb(73,88,129);
            width: 220px;
            border:1px solid rgb(73,88,129);
            margin: 15px 0 0 0;
            padding: 2px;
}




.button_dateneintragen {
            margin: 40px 0 0 80px;
}



td.checkboxtext {
     width: 252px;
     vertical-align: bottom;
     margin: 0;
     padding:0 0 0 0;
}

.checkboxtext p {
    font-size: 13px;
    line-height: 10px;
    text-align: left;
   color: rgb(86,99,136);
    margin:0;
    padding:0;
}