/*
#####
Generelle Einstellungen für Überschriften etc.
#####
*/

h1{/*color:gray;*/ font-size: 3em;}

h2{/*color:gray;*/ font-size:2em;}

h3{/*color:gray;*/ font-size:1.5em;}

h4{/*color:gray;*/ font-size:1em;}

.firma{font-size:1.3em; font-family:Garamond, Georgia, Arial; font-variant: small-caps;}

/* ### - Überschriftenformatierung - ### */
/*.headline{font-family:Garamond, Georgia, Arial;}*/




/*
#####
Bestimmung des Seitenlayouts
#####
*/

body {
  color: gray;
  font-size: 1em;
  font-family: Arial, Helvetica, Verdana, sans-serif;
  background: url(../images/topback.jpg) repeat-x;
  text-align:center;
  margin:0;
  padding:0;

}

#head_top, #head_bottom, #content_wrapper, #footer {
  text-align: left;
  position: relative;
  margin-right: auto;
  margin-left: auto;
  }

#head_top{
  margin-top:28px;
  width:759px;
  height:135px;
  background: url(../images/head_top.jpg) no-repeat;
}

#head_bottom {
  font-size:1em;
  /*text-align: center;*/
  background: url(../images/head_bottom.jpg) no-repeat;
  width:756px;
  height:79.5px;
  position: relative;
}

#content_wrapper{
  background: url(../images/content.jpg) repeat-y;
  width:756px;
  /*height:125px;*/
  padding:10px 0;
}

#content {
  float: left;
  text-align: left;
  width: 500px;
  padding-left: 35px;
  margin: 0 0 5px 0;
}

#content_right {
  width: 215px;
  margin-left: 565.5px;
  margin-bottom: 5px;
  }
/*Spezielle Angabe für den IE*/
* html #content_right{
  width: 115px;
  margin-left: 563px;
  }
/*Spezielle Formatierung IE7*/
*+html #content_right{
  width: 115px;
  margin-left: 563px;
  }

#navi {
    position:relative;
    width: 8.5em;
    padding: 0;
}


#navi ul {
    list-style-type: none;
	margin: 0;
	padding: 0;

}


#navi li {
    margin: 0 0 1px 0;

}


#navi li a:link, #navi li a:visited {
    display: block;
	text-decoration: none;
    text-align:right;
    font-weight: bold;
	padding: 5px 5px 5px 0.5em;
	border-right: 12px solid #79C0FF;
	background-color: #446D8D;
	color: #E8ECEF;
	width: 100%;
	/*background-image: url(../images/glasbl.jpg);*/
}
html>body #navi li a {
    width:auto;

}

#navi li a:hover, #navi li a:active, #navi li a:focus {
    border-right: 12px solid #446D8D;
	background-color: #79C0FF;
	color: #000;
	background-image: url(../images/glasbl.jpg);

}


#end_content {
  clear: both;
  }

#footer{
  width:756px;
  height:96px;
  background: url(../images/footer.jpg) no-repeat;
  position:relative;
}



/*
########
Formatierung des Kontaktformulars
########
*/
* {padding: 0; margin: 0; }

input, select, textarea {
           background-color:#fff;
           font-size: 1em;

}
input:focus, textarea:focus {
           background-color: #eee;
}
legend {
           font-weight:bold;
           background-color: #F4F4F4;
           border: 1px solid #ccc;
           padding: 4px;
           width: 10em;
           text-align:center;
           margin: 1em;
}
fieldset {
           border: 1px solid #ccc;
           background-color: #F4F4F4;
           margin: 10px;
           width: 30em;
           padding-bottom: 10px;
           display: block;
}
 /*Spezielle Angabe für den IE*/
* html fieldset {margin:5px; background-color:#fff;}

textarea {
           float: left;
           text-align: left;
           width: 20em;
           margin-right: .3em;
           margin-top: 1em;
}

label
{
           float: left;
           text-align: right;
           width: 8em;
           margin-right: .3em;
           margin-top: 1em;
}
input, select {
           margin-top: 1em;
           width: 15em;
}

.checkbox {
     margin-top:1.8em;
     width:2em;
     text-align: left;
}


form br
{
            clear:left;
}

fieldset.button {
           /*border: 1px solid;*/
           background-color:#F4F4F4;
           padding: 1em 0;
           text-align: center;
}
.button .submit {
           margin: 0 auto;
           display: block;
           width: 8em;
           border: 2px solid;
           border-color: #F2F2F2 #C0C0C0 #C0C0C0 #F2F2F2;
}

form p {
  margin-top: 1em;
  color: blue;
}

/*
#####
Gemeinsam genutzte Klasse im Kontaktformuluar und im Impressum
#####
*/
.kontaktpers {
           border: 0px;
           background-color: #F4F4F4;
           width: 28.2em;
           padding: 1em;
           text-align: left;
}

/*
#####
Listenformatierung für die Seite "Aufgabengebiete"
#####
*/

.aufgaben {
  border: 0px;
  /*background-color: #F4F4F4;*/
  width: 23.7em;
  padding: 1em 1.5em 1em 5em;
  line-height: 1.5em;
  text-align: left;
}

#content ul{
  list-style: square;
}

#content li ul {
  margin-bottom: 1em;
  font-style: italic;
  list-style: circle;
  padding-left:1.5em;
}

.aufgabenzusatz{
  border:0px;
  background-color: #F4F4F4;
  width: 28.2em;
  padding: 1em;
}
 /*Spezielle Angabe für den IE*/
* html .aufgabenzusatz {width:28.4em;}

/*
#####
Formatierung von Überschriften im "head_bottom"
#####
*/
.head {
  /*border: 1px solid;*/
  margin-top:1em;
  margin-left: 2em;
  width:490px;
  padding: 0.5em;
  text-align: left;
  position: absolute;
}
/*
#####
Formatierung des Copyrights im "footer"
#####
*/
.foot{
  
  color: #fff;
  margin-top:1em;
  margin-left: 2em;
  width:190px;
  padding: 0.5em;
  text-align: left;
  position: absolute;
}

.w-banner{
  padding: 0.5em;
  margin-left:240px;
}

.w2-banner{
  padding: 0.5em;
  /*margin-left:10px;*/
}

/*
#####
Formatierung aller links <a title="">
#####
*/
.atitle{
padding:0px 2px;color:blue; text-decoration:none; cursor:help;
}