body{
	font-family: "Trebuchet MS";
	font-size: 12px;
	margin: 0;
}

h1,h2,h3,h4,h5,h6{
	margin: 0;
}

.wrapper{
	width: 804px;
	margin: 0 auto;
	padding: 10px 0;
}

/* Navi */

.navi ul{
	margin: 0;
	padding: 0;
	float: right;
	padding: 41px 0 0;
	font-size: 13px;
}

.navi li{
	display: inline;
	padding-right:31px;
}

.navi a{
	color:#0F8299;
	font-style:normal;
	text-decoration:none;
}

.navi a:hover{
	color:#A21506;
}

a.active{
	color: #A21506;
}

li.last{
	padding:0 6px 0 0;
}

/* Navi Ende */

/* Impressum */

.slide{
	background-color: #0F8299;
	width: 100%;
	display: none;
}

.impressum{
	color: #fff;
	width: 804px;
	margin: 0 auto;
	padding: 10px 0;
}

.impressum a{
	color: #fff;
}

.impressum a:hover{
	text-decoration: none;
}

.big{
	font-size: 17px;
}

.datenschutz{
	background-color: #0F8299;
	width: 100%;
	display: none;
}

.small_inhalt{
	background-color:white;
	color:#0F8299;
	margin: 0 auto;
	padding:10px 15px 0;
	width: 804px;
	height: 615px;
}

/* Impressum Ende */

.zwischen{
	height: 4px;
	padding: 20px 0 25px;
}


/* Main */

.main{
}

/* Main Ende */

/* Left */

.left{
	width: 393px;

}

.left span{
	font-size: 17px;
	text-transform: uppercase;
	color: #983326;
	font-weight: bold;
}

/* Left Ende */

/* Right */

.right{
	width: 392px;
	float: right;
}

.right p{
	width: 182px;
	padding-top: 45px;
	padding-bottom: 11px;
}

.sub_right{
	float: right;
	width: 182px;
}

.sub_left{
	width: 182px;
}

.red{
	font-size: 14px;
	text-transform: uppercase;
	color: #983326;
	font-weight: bold;
}

.blue{
	font-size: 14px;
	text-transform: uppercase;
	color: #0f8299;
	font-weight: bold;
}

p.website{
	background-image: url(img/index/website.png);
	background-repeat: no-repeat;
	padding-right: 20px;
	margin-top: 0;
}

p.seo{
	background-image: url(img/index/seo.png);
	background-repeat: no-repeat;
	margin-top: 0;
}

.smo{
	background-image: url(img/index/smo.png);
	background-repeat: no-repeat;
}

.ow{
	background-image: url(img/index/ow.png);
	background-repeat: no-repeat;
}

.omf{
	background-image: url(img/index/omf.png);
	background-repeat: no-repeat;
}

.opr{
	background-image: url(img/index/opr.png);
	background-repeat: no-repeat;
}

.em{
	background-image: url(img/index/em.png);
	background-repeat: no-repeat;
}

.hosting{
	background-image: url(img/index/hosting.png);
	background-repeat: no-repeat;
}
/* Right Ende */

/* Referenzen */

.referenzen p{
	margin: 0 0 6px 0;
}

.referenzen img{
	border: 0;
}

.referenzen a{
	display: block;
	width: 186px;
	height: 186px;
	margin-bottom:35px;
}

.referenzen h2{
	font-size: 14px;
	text-transform: uppercase;
	color: #0f8299;
	font-weight: bold;
}

.eins, .zwei, .drei, .vier{
	float: left;
	width: 184px;
	margin-right: 20px;
}

a.doll, a.osenberg{
	height: 112px;
}

.phit{
	margin-bottom: 35px;
}

div.eins{
	height: 200px;
}
 
div.vier{
	margin: 0;
}

/* Referenzen Ende */

/* about */

.flvplayer{
	width: 392px;
	height: 221px;
}

.wir{
	height: 209px;
	position: relative;
	margin-bottom: 36px;
}

.wir img{
	border: none;	
}

.wir a{
	text-decoration: none;
	color: #983326;
}

.wir a:hover{
	text-decoration: underline;
}

.marcel, .marvin, .jannis{
	position: absolute;
}

.marcel{
	left:422px;
	top:40px;
}

.marvin{
	left: 12px;
	bottom: 0;
}

.jannis{
	left:192px;
	width: 280px;
	z-index: 10;
}

.jannis img{
	margin:0 0 0 60px;
}

.marcel img{
	margin:0 0 0 70px;
}

.about_left{
	width: 392px;
}

.about_right{
	float: right;
	width: 393px;
}

.first {
	margin-top: 0;
	padding-top: 45px;
	background-image: url(img/about/dinnovianer.png);
	background-repeat: no-repeat;
}

.netzwerk{
	padding-top: 45px;
	background-image: url(img/about/netzwerk.png);
	background-repeat: no-repeat;
}

span.klein{
	text-transform: none;
}

.partner p{
	position: relative;
	margin-bottom: 43px;
}

.l33t{
	position: absolute;
	left: -195px;
	top:-13px;
}

.bdoll{
	position: absolute;
	left: -196px;
	top:-7px;
}

.kmx{
	left:-104px;
	position:absolute;
	top:-12px;
}

.moklfoto{
	left:-131px;
	position:absolute;
	top:-11px;
}

/* about Ende */

/* Tooltip */

.tooltip{
}

/* Tooltip Ende */

/* Impressum */

.impressum_no_js h1, .impressum_no_js h2{
	color:#983326;
	font-size:17px;
	font-weight:bold;
	text-transform:uppercase;
}

.impressum_no_js a{
	color:#0F8299;
	font-style:normal;
	text-decoration:none;
}

.impressum_no_js a:hover{
	color:#A21506;
}

/* Impressum  Ende */