/* blau: #0059a1 hellbual: #3f82bc */

body {
text-align: center;
	background-color:#fff;
	width:100%;
	font-family: trebuchet ms, sans-serif;
	color:#000;
	background: url(pix/bg.jpg) repeat-x  #fff;
	margin: 0;
}

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


body, td {
	font-size: 12px;
}

p {
	margin: 1em 0;
}

#wrapper {
	text-align: left;
	width: 960px;
	margin: 0 auto;
}

#logo{
	position: absolute;
	top: 32px;
	height: 48px;
}

#language{
	position: absolute;
	top: 5px;
	margin-left: 900px;
}

#nav{
position: absolute;
top: 100px;	
margin-left: 54px;
}

#nav span{
	display: none;
}

#nav ul{
	list-style-type: none;
}
#nav li{
float: left;
margin-left: 1px;
}

#b1{background: url(pix/b-start.jpg) top left no-repeat;}
#b1:hover{background: url(pix/b-start-hover.jpg) top left no-repeat;}
#b2{background: url(pix/b-philosophie.jpg) top left no-repeat;}
#b2:hover{background: url(pix/b-philosophie-hover.jpg) top left no-repeat;}
#b3{background: url(pix/b-loesungen.jpg) top left no-repeat;}
#b3:hover{background: url(pix/b-loesungen-hover.jpg) top left no-repeat;}
#b4{background: url(pix/b-produkte.jpg) top left no-repeat;}
#b4:hover{background: url(pix/b-produkte-hover.jpg) top left no-repeat;}
#b5{background: url(pix/b-referenzen.jpg) top left no-repeat;}
#b5:hover{background: url(pix/b-referenzen-hover.jpg) top left no-repeat;}
#b6{background: url(pix/b-team.jpg) top left no-repeat;}
#b6:hover{background: url(pix/b-team-hover.jpg) top left no-repeat;}



#content{
	width: 960px;
	position: absolute;
	top: 210px;
}

#content-links{
	float: left;

}

#content-rechts{
	float: right;
}

h2{
	color: #0059a1;
	font-size: 18px;
	padding-bottom: 4px;
	border-bottom: 1px solid #eee;
}

h3{
	font-weight: bold;
	margin-top: 10px;
	font-size: 14px;
}



.box520{
	width: 520px;
}
.box520-head{
	background: url(pix/head_box_520.gif) no-repeat;
	height: 13px;
}
.box520-foot{
	background: url(pix/footer_box_520.gif) bottom no-repeat;
	height: 13px;
}
.box-inside{
	width: 100%;
}
.box-inside-in{
	padding: 0 15px 1px 15px;
	border-left: 1px solid #0059a1; 
	border-right: 1px solid #0059a1;
}

#kontaktform{
	width: 400px;
}

#kontaktform h2{
	font-size: 14px;
	color: #fff;
	padding: 8px 14px;
	background: url(pix/head_kontaktform.gif) no-repeat;
	border: none;
}

#kontaktform-inside{	
	padding: 8px 14px 0;
	background: #3f82bc;
}
#kontaktform-inside td{
	color: #fff;
}
#kontaktform-inside input, textarea{
	width: 300px;
	border:  none;
	border-bottom: 1px solid #008;
	padding: 3px;
}

#kontaktform-inside input{
	
}





.teaser-big{
	float: left;
	margin-right: 15px;
	margin-bottom: 10px;
	width: 310px;
}

.last{
	margin: 0;
}

.teaser-big h2{
	padding: 15px 17px 8px;
	color: #fff;
	font-size: 18px;
	font-weight: normal;
	text-transform: uppercase;
	background: url(pix/teaser-blau-top.jpg) no-repeat;
	border: none;
}
.teaser-big-inside {
	min-height: 160px;
	background: url(pix/teaser-blau-body.jpg) bottom no-repeat #3f82bc;
}
.teaser-big-inside-in {
	border-top: 1px solid #9dbcd6;
	margin: 0 17px 0 ;
	padding-bottom: 5px;
	color: #fff;
}

.teaser-big a{
	color: #9dbcd6;
	text-decoration: none;
	border-bottom: 1px dotted #9dbcd6;
}
.teaser-big a:hover{
	color: #fff;
	border-bottom: 1px solid #fff;
}

.teaser-grau{
	float: left;
	background: #d9dde1;
	width: 468px;
}

.teaser-grau-inside{
	padding: 5px 17px;
}


#footer {
margin-top: 10px;
	background: url(pix/footer-top.gif) no-repeat;
}
#footer-adresse{
	background: url(pix/footer-adresse.jpg) no-repeat;
	background-position: 15px 7px;
	float: left;
	padding: 20px 50px 8px 40px;
}

#footer-fon{
	background: url(pix/footer-fon.jpg) no-repeat;
	background-position: 15px 6px;
	float: left;
	padding: 20px 0 8px 50px;
}
#footer-rechts{
	text-align: right;
	padding: 20px 20px 8px;
}
#footer-rechts a{
	padding-left: 15px;
	color: #000;
	text-decoration: none;
}
#footer-rechts a:hover{
	text-decoration: underline;
}
#footer-bottom{
	position: relative;

}