html {
height: 100%
}

body { 
height: 100.01%;
font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
font-size:11px;
background: white;
margin:1px;
padding:0px;
}

.pagecontainer { 
position:absolute;
left:50%;
width:900px;
margin-left:-450px;
margin-top:0px;
color:#333333;
}

.leftcontainer {
position:absolute;
left:0px;
top:0px;
width:215px;
height:600px;
overflow:visible;
}

.menu-rot {
width: 215x;
height: 115px;
text-align: center;
background: red url(../images/hg-rot.jpg);
margin-bottom:1px;
padding:0px;
}

.menu-rot a {
font-family: "Trebuchet MS", "Lucida Sans Unicode",Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
font-size:14px;
color:#f5f5f5;
text-decoration: none;
padding:10px;
display:block;
background: url(../images/trenn.gif) bottom no-repeat;
}

.menu-rot a:hover {
color:#f5f5f5;
background-color:#ff0000;
display:block;
}

.menu-blau {
width: 135px;
height: 165px;
padding: 15px 40px;
background: #003366 url(../images/hg-blau.gif);
}

.menu-blau a {
font-family: "Trebuchet MS", "Lucida Sans Unicode",Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
font-size:14px;
color:#f5f5f5;
text-decoration: none;
margin:10px;
padding:2px 2px 2px 20px;
display:block;
background: url(../images/pfeil.gif) left no-repeat;
}

.menu-blau a:hover {
color:#f5f5f5;
background-color:rgb(10,101,181);
}

.news {
width: 175px;
height: auto;
padding-top: 20px;
background:white;
font:11px Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
color:#666666;
}

.news a {
text-decoration:none;
color:#666666;
}
	
.news h1 {
color:rgb(70,70,70);
font:bold 15px "Trebuchet MS", "Lucida Sans Unicode",Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
display:block;
}

.news h2 {
color:rgb(70,70,70);
font:bold 11px Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
display:inline;
}

.news p {
display:inline;
}

a {
color:#191970; 
text-decoration:underline}

a.mehr {
color:#191970; 
text-decoration:underline
}

.rightcontainer {
position:relative;
left:216px;
top:0px;
width:685px;
height:600px;
overflow:visible;
}

.head1 {
width: 640px;
height: 29px;
padding:20px;
background: #f5f5f5 url(../images/hg_oben.gif);
color:#c0c0c0;
font: 15px Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
text-align:right;
}

.head1 a {
color:#696969;
font: 11px Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
text-decoration: none;
}

.head2 {
width:680px;
height:200px;
padding:0px;
margin-top:1px;
background: white url(../images/krausbau.jpg);
}

.head3-gelb {
width: 660px;
height:20px;
padding: 10px;
background: yellow url(../images/hg-gelb.jpg);
margin-top:1px;
}

.head3-gelb h1 {
color:rgb(70,70,70);
font: 17px "Trebuchet MS", "Lucida Sans Unicode",Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
display:inline;
}
	
.main-grau {
width: 630px;
padding:20px 25px 20px 25px;
background-color: #f5f5f5;
}

.main {
width: 630px;
height:auto;
padding: 25px;
background-color: white	;
}


h2 {
color:rgb(70,70,70);
font:bold 15px "Trebuchet MS", "Lucida Sans Unicode",Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
display:inline;}
	
	
	
h3 {
color:rgb(70,70,70);
font:bold 13px "Trebuchet MS", "Lucida Sans Unicode",Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
display:inline;}

.gallery a{
font:11px Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
color:#666666;
border:none;
}
	
.gallery td {
padding:10px;
}

.gallery img {
border:none;
}

.note {
font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
font-size:10px;
color:#666666
}

fieldset {
padding:20px;
border: 1px solid #c0c0c0;
}

.daten  {
float:left;
height:255px;
width:290px;
}

.nachricht {
height:255px;
width:190px;
}

.nachricht_feld 	 {
float:left;
display:block;
width:170px;
height:180px;
border: 1px solid #808080;
background:#F4F4F4;
font-family: verdana;
font-size: 11px;
margin-bottom:10px;
padding:1px;
}


input, select {
float:left;
display:block;
width:170px;
border: 1px solid #808080;
background:#F4F4F4;
font-family: verdana;
font-size: 11px;
margin-bottom:10px;
padding:1px;
}

.check {
border: none;
background:#ffffff;
width:auto;
clear:both;
margin:0px;
padding:0px;
}

.info {
width: 525px;
}

label {
float:left;
clear:both;
display:block;
width:100px;
margin-bottom:10px;
padding-left:10px;
}

.button {
margin:10px;
background:#696969;
color:#f5f5f5;
display:inline;
border:#333333;
}

.unsichtbar {
display:inline;
clear:both;
hight:0px;
padding:0px;
margin:0px;
border:none;
}

.ue_impressum {
color:rgb(70,70,70);
font:bold 13px "Trebuchet MS", "Lucida Sans Unicode",Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
display:block;
line-height:22px;
background:#f5f5f5;
}