* {
margin:0;
padding:0;
}
body {
background: #cfdde8 url(../img/verlauf2.gif) repeat-x;
}
img {
border:0;
}

#container {
position:absolute;
left:50%;
top:50%;
width: 700px;
height: 506px;
margin:-265px 0 0 -350px;
background:#fff;
}
#main {
background:#f8f8f8;
margin: 15px 15px 0 15px;
width:670px;
height:490px;
border-bottom:#e7e7e7 solid 1px;
}
#head {
height:84px;
width:100%;
background:#4388ba;
}
#bild {
background:url(../img/justitia4.gif) no-repeat right bottom;
position: absolute;
left:50%;
top:50%;
width:490px;
height:91px;
margin: -257px 0 0 -155px;
}
#logo {
width:185px;
height:100%;
background:#ffffff;
float:left;
}
#logo img {
padding-top:25px;
}
#topnavi {
width:490px;
height:20px;
background:#4388ba url(../img/ecke2.gif) no-repeat top left;
float:right;
text-align:right;
color:#fff;
}
#footer {
background:#fff;
width:700px;
height:22px;
}
#footer ul {
list-style-type: none;
padding-right:60px;
padding-left:80px;
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-top:4px;
color:#333;
height:16px;
}
#footer li a {
display:block;
float:left;
text-decoration:none;
margin:2px 20px 0 10px;
}
#footer li a:hover{	
height:16px;
}
#navi {
float:left;
width:185px;
height:406px;
z-index:2;
}
#hauptnavi {
height:150px;
background:#333 url(../img/ecke.gif) no-repeat right bottom;
}
#hauptnavi ul {
background: #333;
float: left;
list-style: none;
margin: 0;
padding: 0;
width: 185px;
}
#hauptnavi li {
font: 75% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
margin: 0;
padding: 0;
}
#hauptnavi li ul {
position:absolute;
display:none;
left:200px;
margin-top:-34px;
}
#hauptnavi li ul li, #hauptnavi li ul li a {
font: 100% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
}
#hauptnavi li:hover ul {
display:block;
}
#hauptnavi a {
background: #333;
border-bottom: 1px solid #393939;
color: #ccc;
display: block;
margin: 0;
padding: 8px 12px;
width:161px;
text-decoration: none;
}
#hauptnavi a:hover {
background: #2580a2 url("../img/hover.gif") left center no-repeat;
color: #fff;
padding-bottom: 8px;
}
#unternavi {
background:#888888;
height:95px;
width:170px;
}
#unternavi ul {
float: left;
list-style: none;
margin: 0;
padding: 0;
width: 170px;
}
#unternavi li {
font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
margin: 0;
padding: 0;
}
#unternavi a {
color: #ddd;
display: block;
margin: 0;
width:100px;
padding: 4px 30px;
text-decoration: none;
}
#unternavi a:hover {
color: #fff;
padding-bottom: 4px;
}
#unternavi a.tele, a:hover.tele{
background:url(../img/tele.gif) no-repeat;
background-position:10px 5px;
}
#unternavi a.rechner, a:hover.rechner{
background:url(../img/rechner.gif) no-repeat;
background-position:10px 7px;
}
#unternavi a.mail, a:hover.mail{
background:url(../img/mail.gif) no-repeat;
background-position:10px 8px;
}
#unternavi a.formulare, a:hover.formulare{
background:url(../img/formulare.gif) no-repeat;
background-position:10px 7px;
}
#contact {
height:162px;
width:170px;
background:#eee;
}
#contact ul{
padding:2px 0 0 7px;
}
#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;
color:#444;
}
 
#content {
overflow:auto;
width:555px;
height:355px;
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;
}

img.left {
float: left;
margin: 5px 20px 0 0;
}

/* 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:#ebebeb;
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 {
padding: 15px 15px 22px 15px; 
border: 1px solid #c8cacc;
background-color: white; 
margin:15px;
}
label { 
color: #333333; 
display:block;
font-size: 11px; 
margin:0 15px 3px 0;
float:left;
width:147px;
}
label.oben {
margin:4px 15px 0 0;
}
form br {
clear:both;
}
input {
font-size:11px;
padding:1px;
margin-right:15px;
}
.button {
margin-top:12px;
float:right;
}

.inputbox {
width:140px;
}
.inputbox2 {
width:330px;
margin:0;
}
textarea {
  padding:1px;
  height:100px;
  font-family:Arial, Helvetica, sans-serif;
  font-size:100%;
}
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; 
}