* {
margin:0;
padding:0;
}
img {
border:0;
}

#head {
height:84px;
width:185px;
background:#4388ba;
float:left;
}
#logo {
width:185px;
height:100%;
background:#ffffff;
float:left;
}
#logo img {
padding-top:25px;
}
#footer {
background:#fff;
width:700px;
height:22px;
}
#footer ul {
border-top:#eee solid 1px;
list-style-type: none;
padding-right:100px;
padding-left:100px;
float:right;
}
#footer li {
font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
display:block;
float:left;
margin:0;
padding:0;
color:#333;
}
#footer li a {
display:block;
float:left;
color:#777;
text-decoration:none;
margin:2px 10px 0 10px;
}
#footer li a:hover{	
color:#444;
height:16px;
border-bottom:#FFFFFF solid 2px;
}
#navi {
position:absolute;
top:100px;
left:0px;
width:185px;
height:400px;
z-index:2;
}
#hauptnavi {
display:none;
}
#unternavi {
display:none;
}
#contact ul{
padding-top:5px;
width:170px;
}
#contact li{
font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
padding:3px 2px;
list-style-type:none;
}
 
#content {
width:415px;
float:left;
margin:20px 0 15px 35px;
padding-right:35px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

#rechner {
float:left; 
border:1px solid #119aff; 
margin:20px 0 1px 20px; 
padding:15px;
background-color:#f1f1f1;
z-index:1;
}

/* F O R M A T I E R U N G - H Y P E R L I N K S */

a:link, a:visited {
	color: #336699;
	text-decoration: none;
	background: url(../images/gb_linie.png) repeat-x bottom left;
	padding: 0;
	margin: 0;
}
a:hover, a:active {
	color: #000;
	text-decoration: none;
	background: none;
	padding: 0;
	margin: 0;
}

/* A U F Z Ä H L U N G E N */
#content ul {
  margin-top: 8px;
  margin-bottom:13px;
  padding-left: 8px;
  list-style: none;
}
#content li {
  line-height: 130%;
  padding:3px 0 3px 20px;
  background-image: url(../img/ul.gif) ;
  background-repeat: no-repeat;
  background-position: 0px 6px;
  color:#444;
}

/* F O R M A T I E R U N G  C O N T E N T */
#content h2 {
font-size:1.4em;
color:#4388ba;
}
#content h1 {
font-size:1.2em;
color:#555;
font-weight:normal;
margin-bottom:0.9em;
padding:2px 0;
}
.headline {
background:#f1f1f1;
border-left:#4388ba solid 5px;
padding-left:5px;
}
.headline2 {
background:#f1f1f1;
border-left:#6e6e6e solid 5px;
padding-left:5px;
margin-top:1.5em;
}
strong {
font-weight:normal;
}
.gotop {
float:right;
margin: -2.5em 0.2em 0 0;
}
.clear {
clear:both;
}
#content p {
line-height:18px;
color:#333;
}
span {
padding-bottom:2px;
margin-left:5px;
color:#666;
}

/* F O R M U L A R */
form {
margin-top:11px;
}

label { /* Alle Labels UND Formularelemente auswählen */
  display: block;
  float: left;
  width: 70px; /* Breite.*/
  padding-top:2px;
}
input {
  display: block;
  float: left;
  margin-bottom:8px;
  font-size:80%;
  padding:1px;
}
textarea {
  padding:1px;
  height:100px;
  font-family:Arial, Helvetica, sans-serif;
  font-size:100%;
}
.inputbox {
width:180px;
}
.inputbox2 {
width:320px;
}

form br { /* Alle Zeilenumbrüche in Formularen auswählen */
  clear: left; /* das floating der labels und inputs aufheben */
}
label {
 text-align: right; 
 padding-right: 0.5em; 
}
.button {
float:right;
margin:6px 20px 0 0px;
}
span.rot {
color: #FF0000;
margin:0;
padding:0;
}

/* Z I T A T E*/
blockquote {
margin: 1.5em 0 0.5em 0;
padding: 1em 0 1em 4.5em;
background: #f5f5f5 url(../img/blockquote.png) no-repeat left top;
color:#777;
font-style:italic;
}
blockquote cite {
font-style:normal;
color:#000;
font-size:10px;
}

/* L I N K S */
#content ul.links {
margin: 0px; 
padding: 0px;
width:190px;
}
#content ul.links li { 
margin: 0px; 
padding: 1px 0px 2px 20px; 
list-style-type: none; 
font-size: 12px; 
background: url(../img/ul.gif) no-repeat left center; 
border-bottom: dashed 1px #ddd; 
color:#999;}

/* F O R M U L A R E */
#content ul.formulare {
width:350px;
border-top: dashed 1px #ddd; 
}
#content ul.formulare li {
margin: 0px; 
padding: 6px 0px 6px 45px; 
list-style-type: none; 
font-size: 12px; 
background: url(../img/pdf.gif) no-repeat left center; 
border-bottom: dashed 1px #ddd; 
}
#content ul.formulare li.doc {
margin: 0px; 
padding: 6px 0px 6px 45px; 
list-style-type: none; 
font-size: 12px; 
background: url(../img/doc.gif) no-repeat left center; 
border-bottom: dashed 1px #ddd; 
}