@import url("nav.css");

html {
padding: 0px;
margin: 0px;
height: 100%;
}

body {
height: 100%;
font-family: Arial, Helvetica, sans-serif;
background-color: #ffffff;
font-size: 12px;
color: #3A3A3A;  
margin: 0px;
text-align: center;
background: url(../images/tile_bg.gif) no-repeat;
}
table, td{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #3A3A3A;  
}
p {
margin:0px;
padding:0px;
}

#container { 
min-height:100%;
*height:100%;
text-align: left;
vertical-align: middle;	
margin: 0px auto;
padding: 0px;
width: 770px;
background-color: #ffffff;
background: url(../images/tile.gif) repeat-y;
}

#header {
margin: 0px auto;
width: 770px;
height: 208;
background: url(../images/header.jpg) no-repeat;
text-align: left;
}
#logo { 
float: left;
width: 141px;
height: 103px;
text-align: left;
}
.logo {
margin: 0px auto;
padding: 33 0 0 11px;
}
#headerpic { 
float: left;
width: 451px;
height: 135px;
background: url(../images/start.jpg) no-repeat;
margin: 36 0 0 14px;
*margin: 36 0 0 13px;
}
#headerpic_unternehmen { 
float: left;
width: 451px;
height: 135px;
background: url(../images/unternehmen.jpg) no-repeat;
margin: 36 0 0 14px;
*margin: 36 0 0 13px;
}
#headerpic_produkte { 
float: left;
width: 451px;
height: 135px;
background: url(../images/produkte.jpg) no-repeat;
margin: 36 0 0 14px;
*margin: 36 0 0 13px;
}
#headerpic_loesungen { 
float: left;
width: 451px;
height: 135px;
background: url(../images/loesungen.jpg) no-repeat;
margin: 36 0 0 14px;
*margin: 36 0 0 13px;
}
#headerpic_kontakt { 
float: left;
width: 451px;
height: 135px;
background: url(../images/kontakt.jpg) no-repeat;
margin: 36 0 0 14px;
*margin: 36 0 0 13px;
}
#headerpic_impressum { 
float: left;
width: 451px;
height: 135px;
background: url(../images/impressum.jpg) no-repeat;
margin: 36 0 0 14px;
*margin: 36 0 0 13px;
}
#menu2 { 
float: right;
width: 140px;
height: 36px;
text-align: left;
color: #596169;
}
.menu2 {
margin: 0px auto;
padding: 20 0 0 7px;
color: #596169;
}

#content_wrapper {
text-align: left;	
margin: 0px auto;
padding: 0px;
width: 770px;
}
#menu {
width: 146px;
margin: 0px;
float: left; 
display: inline;
}
#text {
text-align: left;
width: 452px;
float: left;
}
h1 {
font-size: 16px;
font-weight: bold;
color: #05457E;
margin: 2 0 15 35px;
}
.fliess {
font-size: 12px;
line-height: 16px;
margin: 0 60 0 35px;
}
#bild {
text-align: left;
width: 163px;
float: right;
margin-right:1px;
}
.bild {
margin: 5 0 0 0px;
font-size: 11px;
color: #004F93;
}

#footer {
position: relative;
margin: 0px auto;
font-size: 11px;
vertical-align: middle;	
text-align:left;
width: 770px;
margin-top: -60px;
height: 60px;
background-color: transparent;
background: url(../images/footer.gif) no-repeat;
}
#footer_menu {
width: 650px;
padding-top: 10px;
padding-left: 180px;
font-size: 11px;
line-height: 20px;
color: #9CA9B5;
}		
			

.clear{
clear:both;
padding-top:82px;
}
input.text		{width: 155px; font-size: 12px; font-family: Arial,Helvetica,sans-serif; margin: 0px; background: #efefef;}
input.submit	{              font-size: 12px; font-family: Arial,Helvetica,sans-serif; margin: 0px; background: #efefef;}
textarea			{width: 230px; font-size: 12px; font-family: Arial,Helvetica,sans-serif; margin: 0px; background: #efefef;}

ul					{margin: 0px 0px 0px 20px;}

legend			{font-family: Arial,Helvetica,sans-serif; font-size: 12px; color: #000000; font-weight: bold;}

input 			{font-family: Arial,Helvetica,sans-serif; font-size: 12px; color: #000000;}

/* für den newsletter */
input.nl			{}
input.nlbutton	{}
/* newsletter ende    */

form {
width:400px;

}