/* Allgemein
************************************************/
body {
	margin: 0;
	padding: 0;
	font: 12px/17px Arial, Verdana, Helvetica, sans-serif;
	color: #fff;
	background: url(../pics/bg_blue.jpg) no-repeat #0d2633;
}
img { border : 0px;}
table {	border : 0px;}
#clear { clear:both;}

/* Konstrukt
************************************************/

#outerWrapper {
	width: 865px;
	margin: 0 0 0 92px;
}
#header {
	width: 865px;
	text-align: left;
	height: 150px;
	border-bottom: 1px #3d5867 solid;
	float: left;
}
#logo {
	width:157px;
	height:48px;
	float:left;
	margin:47px 0 0 0;
}

/* navi
*************************************************/
ul.menu {
	padding:0;
	margin: 72px 0 0 196px;
	width: 510px;
	list-style: none;
	float: left;
	z-index:auto;
}
li {
	float: right;
	margin: 0 0 0 43px;
	list-style-type: none;
}
a.home {
	height: 11px;
	width: 34px;
	display:block;
	background-image: url(../pics/b_home.gif);
/*	background-position: top left; */
	text-indent: -9999px;
}
a.home_o {
	height: 11px;
	width: 34px;
	display: block;
	background-image: url(../pics/b_home.gif);
	background-position: bottom left;
	text-indent: -9999px;
}
a.folio {
	height: 11px;
	width: 65px;
	display: block;
	background-image: url(../pics/b_portfolio.gif);
	background-position: top left;
	text-indent: -9999px;
}
a.folio_o {
	height: 11px;
	width: 65px;
	display: block;
	background-image: url(../pics/b_portfolio.gif);
	background-position: bottom left;
	text-indent: -9999px;
}
a.leistungen {
	height: 11px;
	width: 70px;
	display: block;
	background-image: url(../pics/b_leistungen.gif);
	background-position: top left;
	text-indent: -9999px;
}
a.leistungen_o {
	height: 11px;
	width: 70px;
	display: block;
	background-image: url(../pics/b_leistungen.gif);
	background-position: bottom left;
	text-indent: -9999px;
}
a.kontakt {
	height: 11px;
	width: 56px;
	display: block;
	background-image: url(../pics/b_kontakt.gif);
	background-position: top left;
	text-indent: -9999px;
}
a.kontakt_o {
	height: 11px;
	width: 56px;
	display: block;
	background-image: url(../pics/b_kontakt.gif);
	background-position: bottom left;
	text-indent: -9999px;
}
a.impressum {
	height: 11px;
	width: 62px;
	display: block;
	background-image: url(../pics/b_impressum.gif);
	background-position: top left;
	text-indent: -9999px;
}
a.impressum_o {
	height: 11px;
	width: 62px;
	display: block;
	background-image: url(../pics/b_impressum.gif);
	background-position: bottom left;
	text-indent: -9999px;
}
a:hover {
	background-position: bottom left;
}

/* headline pics
***********************************************/
h2.h_home {
	width: 865px;
	height: 228px;
	margin: 0;
	padding: 0;
	float: left;
	background-image: url(../pics/headline_home.png);
	text-indent: -9999px;
}
h2.h_portfolio {
	width: 865px;
	height: 158px;
	float: left;
	margin: 0;
	padding: 0;
	background-image: url(../pics/headline_portfolio.png);
	text-indent: -9999px;
}
h2.h_leistung {
	width: 860px;
	height: 216px;
	margin: 0;
	padding: 0;
	float: left;
	background-image: url(../pics/headline_leistung.png);
	text-indent: -9999px;
}

h2.h_kontakt {
	width: 865px;
	height: 228px;
	margin: 0;
	padding: 0;
	float: left;
	background-image: url(../pics/headline_kontakt.png);
	text-indent: -9999px;
}
h2.h_impressum {
	width: 860px;
	height: 199px;
	margin: 0;
	padding: 0;
	float: left;
	background-image: url(../pics/headline_impressum.png);
	text-indent: -9999px;
}

/* Inhalt
******************************************/
#inhalt {
	width:865px;
	float:left;
	border-top: 1px #3d5867 solid;
}
.inleft {
	width:413px;
	height:284px;
	margin:39px 0 0 0;
	background-color:#0d2633;
	float:left;
}
.inright {
	width:413px;
	height:284px;
	margin:39px 0 0 39px;
	background-color:#0d2633;
	float:left;
}
.intop {
	margin:0;
	padding:12px;
	width:389px;
	height:30px;
	font: 12px/16px Arial, Verdana, Helvetica, sans-serif;
	color: #fff;
	text-align:left;
}
.desc {
	font: 11px Arial, Verdana, Helvetica, sans-serif;
	color: #aebec5;
}
#space {
	width:865px;
	height:39px;
	float:left;
}

/* kontakt
******************************************/
.kone{
	width:219px;
	margin:0;
	float:left;
}
.ktwo{
	width:233px;
	margin:0;
	float:left;
}
.kthree{
	width:413px;
	margin:0;
	float:left;
}

/* kontakt
******************************************/
.lone{
	width:274px;
	height:300px;
	margin:0;
	padding-right:14px;
	float:left;
}
.ltwo{
	width:274px;
	height:300px;
	margin:0;
	padding-right:14px;
	float:left;
}
.lthree{
	width:274px;
	height:300px;
	margin:0;
	padding-right:14px;
	float:left;
}

/* Links
************************************************/
a { color: #a2d43b; text-decoration: underline;}
a:hover { color: #528096; text-decoration: none;}

/* Form
************************************************/
form {
	display:inline;
	margin:0;
	padding:0;
}
.input {
	font: 12px Arial, Verdana, Helvetica, sans-serif;
	color: #fff;
	width:231px;
	border:1px #2a5367 solid;
	background: #173f53;
}
textarea{
	font: 12px Arial, Verdana, Helvetica, sans-serif;
	color: #fff;
	width:411px;
	border:1px #2a5367 solid;
	background: #173f53;
	margin:0 0 10px 0;
}

/* Footer
************************************************/

#footer {
	width: 865px;
	float: left;
	text-align: right;
	margin: 20px 0 0 0;
	border-top: 1px #3d5867 solid;
	font: 11px/130px Arial, Verdana, Helvetica, sans-serif;
	color: #ffffff;
}
.footer-left {
	color: #83a5b6;
	float:left;
	padding:0;
}
.footer-right {
	float:right;
	padding:0;
}

.footer-left a { color: #a2d43b; text-decoration: none;}
.footer-left a:hover { color: #528096; text-decoration: none;}

.footer-right a { color: #a2d43b; text-decoration: none;}
.footer-right a:hover { color: #528096; text-decoration: none;}