body {
margin:0;
padding:0;
background:#fff;
font:small Verdana,Sans-serif;
line-height:1.3em;
text-align:center;
color:#fff;
}

.menu {display:none;}

/* header
----------------------------------------------- */
#header {
background-color:#fff;
background-repeat:no-repeat;
background-image:url(http://www.mueller-sohn.de/bilder/startbild.jpg);
width:820px;
height:128px;
}

#sprach {
background-color:#transparent;
margin: 1px 0px 0px 779px;
font:lighter Verdana,Sans-serif;
font-size: 10px;
}

#sprach a {
color:#666c71;
text-decoration: none;
}

#sprach a:hover {
  color:#2a77ad;
}
  
#headerdruck {
display:none;
}

/* navi
----------------------------------------------- */
#menue {
font-size:0.85em; 
width:820px;
height: 52px;
display:block; 
background-image:url(http://www.mueller-sohn.de/bilder/navi.jpg);
background-repeat:repeat-x;
font-size:75%;
}

#menue ul {
padding:17px 0 0 0;
margin:0 auto; 
list-style-type:none;
float:left;
position:relative; 
left:50%;
}

#menue li {
float:left; 
position:relative; 
right:50%;
}

#menue a {
width:auto;
display:block;
padding:4px 18px;
color:#666c71;
background:transparent;
text-decoration:none;
}

#menue a:hover {
color:#2a77ad;
background:transparent;
}


/* body 
----------------------------------------------- */
.container {
width:820px;
margin:20px auto;
text-align:left;
color:#333;
position:relative;
}
  

/* main
----------------------------------------------- */
#content, #c2, #c3 {
float:left;
width:820px;
background-color: #fff;  
margin-top:10px;
}

/* Holly Hack explained here: http://www.positioniseverything.net/explorer/escape-floats.html */
* html #content, * html #c2, * html #c3 {
margin-right:-3px;
}

#mainin {
width:760px;
margin-top:20px;
padding: 0px 30px 30px 30px;
}
  
#mainin img {
color: #333;
border: 1px solid #d6d6d6;
}

#mainin a, #mainin a:visited{
text-decoration:none;
color: #333;
}

#mainin a:hover {
text-decoration:none;
color: #2a77ad;
}

#mainin td {
padding-right: 30px
}

#mainin a:hover {
color: #2a77ad;
background: transparent;
}

#mainin a span {
display: none;
}

#mainin a:hover span {
display: block;
position: absolute;
margin: -114px 20px 30px 9px;
left: 25px;
width: 406px;
z-index: 100;
border: 1px solid #d6d6d6;
background: #fff;
color: #000;
}

/*#mainin a:hover span {
display: block;
position: absolute;
top: 260px;
left: 25px;
width: 406px;
z-index: 100;
border: 1px solid #d6d6d6;
background: #fff;
color: #000;
}*/

#main {
float:left;
width:540px;
padding: 0px 20px 30px 30px;
}
  
#main img {
padding: 0px 0px 0px 0px;
float: right;
color: #333;
}

#main a, #main a:visited{
text-decoration:none;
color: #2a77ad;
font-size: 80%;
}

#main a:hover {
text-decoration:none;
color: #2a77ad;
}


/* right
----------------------------------------------- */
#sub {
float:right;
width:202px;
height:auto;
padding:25px 0px 0px 0px;
background-color: #fff;
}

#sub img {
border: 1px solid #d6d6d6;
background: transparent;
}

#sub a, #sub a:visited {
display: block;
color: #333;
text-decoration: none;
}

#sub a:hover {
color: #2a77ad;
background: transparent;
}

#sub a span {
display: none;
}

#sub a:hover span {
display: block;
position: absolute;
top: 230px;
left: 25px;
width: 406px;
z-index: 100;
border: 1px solid #d6d6d6;
background: #fff;
color: #000;
}

.bilderx {
margin: 0px 0px 0px 0px;
padding:0px 42px 0px 0px;
background-image:url(http://www.mueller-sohn.de/bilder/hintergrund_bilderx.jpg);
background-repeat:repeat-x;
}

.bildery {
height: 42px;
background-image:url(http://www.mueller-sohn.de/bilder/hintergrund_bildery.jpg);
background-repeat:repeat-y;
}
  

/* formar txt  
----------------------------------------------- */
h1 {
margin-top: 0px;
font-size: 100%;
line-height:1.4em;
color: #2a77ad;
}

h2 {
margin-top: 20px;
background-color: transparent;
font-size: 80%;
font-weight: bold;
color: Black;
}

h3 {
display: block;
color: #2a77ad;
font-size: 80%;
vertical-align:middle;
text-align: center;
text-decoration: none;
}

p {
font-size: 75%;
} 

.imp h2 {
margin-top: 0px;
background-color: transparent;
font-size: 80%;
font-weight: bold;
color: Black;
}

.imp p {
margin-top: -10px;
font-size: 75%;
}




  
/* footer
----------------------------------------------- */

#footer {
clear:both;
padding:5px 0 0 24px;
width: 820px;
height:20px;
background-color: #fff;
color: #666c71;
border:solid #d6d6d6;
border-width:1px 0px 1px 0px;
border-style:dotted
}
  
#footer ul {
margin: 0;
padding: 0;
list-style:none;
font-size:70%;
}
	
#footer li {
float:left;
padding: 0 25px 0 0;
line-height:normal;
}

/* Holly Hack explained here: http://www.positioniseverything.net/explorer/escape-floats.html */
* html #footer a {
height:1%;
}

/* IE5-Mac */
#footer a, #footer a:visited {
padding: 0 0 0 0;
color:#666c71;
text-decoration: none;
}

#footer a:hover {
padding: 0 0 0 0;
color:#2a77ad;
}


/* formular */
.buttons { 
margin: 5px 10px 0px 0px;
padding:3px 3px 3px 2px;
background-color:#f3f4f5; 
color:#000; 
font-size:80%;
border:1px solid #d6d6d6; 
}

.bereich, .feld { 
margin:5px 0px 0px 0px;
background-color:#f3f4f5; 
width:200px; 
border:1px solid #d6d6d6;
}

.bereich { 
width:350px; 
height: 200px;
}