* {
	margin : 0;
	padding : 0;
	border : 0;
	outline : 0;
	list-style-type : none;}
	
html, body {height : 100%;}

body {
	font-size : 100.01%;
	width : 100%;
	font-family : Arial, sans-serif;
	font-size : 16px;
	line-height : 25px;
	color : #f0f0c8;}
	
h1 {
	font-family : Arial, sans-serif;
	font-size : 10px;
	font-weight : normal;
	line-height : 14px;}
	
h2 {
	font-family : Arial, sans-serif;
	font-size : 38px;
	font-weight : normal;
	font-style : italic;
	line-height : 45px;}
	
h3 {
	font-family : Arial, sans-serif;
	font-weight : normal;
	font-size : 25px;
	padding-left : 70px;}
	
hr { border-top : 1px solid #f0f0c8;}
.oben { border-top : 3px solid #f0f0c8;
	border-bottom : 1px solid #f0f0c8;
	height : 7px;
	margin-bottom : 15px;}
.unten { border-top : 1px solid #f0f0c8;
	border-bottom : 3px solid #f0f0c8;
	height : 7px;
	margin : 5px 0px 200px 0px;}
	
a {
	text-decoration : none;
	color : #050504;
	font-weight : bold;}
	
a:hover {
	text-decoration : underline;
	color : #b4281e;}
	
p {
	padding-left : 70px;}
	
.mark {
	font-style : italic;
	font-weight : bold;}
	
/*------------------------------------------------------------------------------------------*/
/*                                    HEADER                                         */
/*------------------------------------------------------------------------------------------*/

#header {
	position : fixed;
	z-index: 99;
	top : 0px;
	height : 70px;
	width : 100%;
	background: url(../pics/header_back.png);}
	
.logo {
	position : fixed;
	height : 20px;
	width : 373px;
	top : 20px;
	left : 50%;
	margin-left : -480px;}

.spracheGER a {
	position : fixed;
	height: 17px;
	width: 30px;
	left : 50%;
	margin-left : -85px;
	top: 21px;
	background: url(../pics/sprache.jpg);}
	
.spracheGER a:hover {
	background-position: 0px -17px;}
	
.spracheEN a {
	position : fixed;
	height: 17px;
	width: 30px;
	left : 50%;
	margin-left : -50px;
	top: 21px;
	background: url(../pics/sprache.jpg);
	background-position: -30px 0px;}
	
.spracheEN a:hover {
	background-position: -30px -17px;}
		
/*------------------------------------------------------------------------------------------*/
/*                                 NAVIGATION                                     */
/*------------------------------------------------------------------------------------------*/

#navi {
	position : fixed;
	top : 0px;
	left : 50%;
	margin-left : 117px;
	height : 60px;
	width : 362px;
	background : url(../pics/buttons_navi.png);
	background-position : 0px -180px;}

#navi li {
	display: inline;}
	
#navi a {
	position : absolute;
	height : 60px;}	

.navistart a {
	left : 0px;
	width : 44px;
	background : url(../pics/buttons_navi.png);
	background-position : 0px 0px;}
.navistart a:hover {background-position : 0px -60px;}
.navistart a:active {background-position : 0px -120px;}

.navileistungen a {
	left : 68px;
	width : 88px;
	background : url(../pics/buttons_navi.png);
	background-position : -68px 0px;}
.navileistungen a:hover {background-position : -68px -60px;}
.navileistungen a:active {background-position : -68px -120px;}

.naviportfolio a {
	left : 180px;
	width : 77px;
	background : url(../pics/buttons_navi.png);
	background-position : -180px 0px;}
.naviportfolio a:hover {background-position : -180px -60px;}
.naviportfolio a:active {background-position : -180px -120px;}

.naviueber a {
	left : 281px;
	width : 81px;
	background : url(../pics/buttons_navi.png);
	background-position : -281px 0px;}
.naviueber a:hover {background-position : -281px -60px;}
.naviueber a:active {background-position : -281px -120px;}
	
/*------------------------------------------------------------------------------------------*/
/*                                    INHALTE                                         */
/*------------------------------------------------------------------------------------------*/	

#back {
	position : fixed;
	height : 100%;
	width : 100%;
	text-align : center;
	background: url(../pics/tapete.jpg);}
	
#wrapper {
	position : relative;
	min-height : 100%;
	height : 100%;
	width : 100%;
	overflow : visible;}
	
.inhalt {
	position : relative;
	min-height : 100%;
	left : 50%;
	margin-left : -482px;
	width : 960px;
	padding-left : 2px;
	padding-right : 4px;
	overflow : visible;}
.iblau {
	background-image : url(../pics/schatten_blau.png);}
.igruen {
	background-image : url(../pics/schatten_gruen.png);}
.igelb {
	background-image : url(../pics/schatten_gelb.png);}
.irot {
	background-image : url(../pics/schatten_rot.png);}
.ibraun {
	background-image : url(../pics/schatten_braun.png);}
	
.gradientout {
	position : relative;
	height : 700px;
	left : 50%;
	margin-left : -482px;
	width : 966px;}
	
.gradientin {
	position : relative;
	height : 336px;
	left : 50%;
	margin-left : -482px;
	width : 966px;}	
	
.start {
	position : relative;
	padding : 435px 40px 0px 40px;
	background-image : url(../pics/start.png);
	background-repeat : no-repeat;}
	
.leistungen {
	position : relative;
	padding : 435px 40px 0px 40px;
	background-image : url(../pics/leistungen.png);
	background-repeat : no-repeat;}
	
.portfolio {
	position : relative;
	padding : 435px 40px 0px 40px;
	background-image : url(../pics/portfolio.png);
	background-repeat : no-repeat;}
	
.ueber {
	position : relative;
	padding : 435px 40px 0px 40px;
	background-image : url(../pics/ueber.png);
	background-repeat : no-repeat;}
	
.impressum {
	position : relative;
	padding : 435px 40px 0px 40px;
	background-image : url(../pics/impressum.png);
	background-repeat : no-repeat;}
	
.kontainer {
	position : relative;
	height : 100%;
	width : 884px;}
	
.konlinks {
	height : auto;
	width : 570px;}
.kblau {
	background-image : url(../pics/pfeil1.png);
	background-repeat : no-repeat;}
.kgruen {
	background-image : url(../pics/pfeil2.png);
	background-repeat : no-repeat;}
.kgelb {
	background-image : url(../pics/pfeil3.png);
	background-repeat : no-repeat;}
.krot {
	background-image : url(../pics/pfeil4.png);
	background-repeat : no-repeat;}
.kabstand {
	margin : 10px 0px 5px 70px;}
	
.kompetenzen {
	position : relative;
	width : 500px;
	height : auto;}
.komplinks {
	position : relative;
	left : 70px;
	width : 220px;}	
.komprechts {
	position : absolute;
	left : 290px;
	top : 0px;
	width : 250px;}
	
.refs {
	position : relative;
	left : 70px;
	width : 460px;
	height : 66px;
	padding-left : 40px;
	padding-top : 4px;
	margin-bottom : 10px;
	font-size : 12px;
	color : #473d2b;
	line-height : 15px;
	background-color : #dabd57;}
	
.refs:hover {
	background-color : #d2ac30;}
	
.refs a {
	color : #b3271d;
	font-weight : normal;}
	
.thumb {
	position : absolute;
	top : 0px;
	left : 0px;
	width : 100px;
	height : 70px;
	border-right : 2px solid #c89500;}

.konrechts {
	position : absolute;
	top : 0px;
	right : -4px;
	width : 170px;
	height : 320px;
	color : #473d2b;
	line-height : 10px;
	padding : 35px 50px 0px 60px;
	background-position : top right;
	background-image : url(../pics/infobox.png);
	background-repeat : no-repeat;}
	
.konrechts img {
	position : relative;
	top : 5px;
	padding-right :15px;}
	
.konrechts hr {
	border-top : 1px solid #473d2b;
	margin-top : 14px;
	padding-bottom : 6px;}
	
.konrechts a {
	color : #473d2b;
	text-decoration : none;
	font-weight : normal;}
	
.konrechts a:focus, .konrechts a:hover, .konrechts a:active {
	color : #050504;
	text-decoration : underline;}