html,body {
		height: 100%;
		}
	body{
		background-color: #e6007f;
		/*background-attachment: scroll;*/
		margin: 0;
		padding: 0;
		font-family:myFont;
		line-height: 12pt;
		color: #000000;
		text-transform: bold;
		text-color: #000000;
		}
		header {
			font-size:20pt;
			size:20px;
		}
		section {

			font-size:20pt;
			
			size:20px;
		}
	/*noscript {
		display:none;
		}*/
/* - - Mousehover - - */

	a:active, a:visited, a:link {
		/*font-family: myfont;*/
		
		
		color:#e4147e;
		font-weight:normal;
		text-decoration:none;
		} 
	a:hover {
		/*font-family: myfont;*/
		color:#e4147e;
		text-decoration:underline;
		} 
	
/* - - Navigationbar - - */
	#navtop {
		padding: 0;
		margin: 0;
		position: relative;
		top:75px;
		border-collapse: collapse;
		width:560px;
		margin-left:15px;
		z-index:1;
		}
	#blog {
		float:left;
		width:63px;
		height:43px;
		background-image:url(../pics/navblog1.png);
		}
	#blog:hover {
	/*	background-image:url(../pics/navblog2.png);*/
		}
	#me {
		float:left;
		width:97px;
		height:43px;
		background-image:url(../pics/navme1.png);
		}
	#me:hover {
	/*	background-image:url(../pics/navme2.png);*/
		}
	#portfolio {
		float:left;
		width:90px;
		height:43px;
		background-image:url(../pics/navportfolio1.png);
		}
	#portfolio:hover {
	/*	background-image:url(../pics/navportfolio2.png);*/
		}
	#service {
		float:left;
		width:76px;
		height:43px;
		background-image:url(../pics/navservice1.png);
		}
	#service:hover {
	/*	background-image:url(../pics/navservice2.png);*/
		}
	#impressum {
		float:left;
		width:103px;
		height:43px;
		background-image:url(../pics/navimpressum1.png);
		}
	#impressum:hover {
	/*	background-image:url(../pics/navimpressum2.png);*/
		}
	#lefthead {
		position: absolute;
		top:0px;
		left:0px;
		width:100%;
		height:156px;
		background-image: url(../pics/head1.png); background-repeat: repeat-x;
		z-index:1;
		}
	#righthead {
		position: absolute;
		top:0px;
		right:0px;
		width:100%;
		height:156px;
		background-image: url(../pics/head1.png); background-repeat: repeat-x;
		z-index:1;
		}
	#ahorn {
		position: absolute;
		top:0px;
		right:100px;
		height:120px;
		z-index:1;
		}
	#logo {
		position: absolute;
		top:0px;
		left:50px;
		height:78px;
		z-index:1;
		}
/* - - CONTENT - - */
	#content {
		padding: 0;
		margin: 0;
		position: relative;
		top:0px;
		width:700px;
		color:#272727;
		text-align:left; 
		font-family: myfont, sans-serif;
		line-height:20px;
		z-index:2,
		}
	#content_switch {
		position:relative;
		margin:0px;
		padding-top: 60px;
		left: 0px;
		margin-bottom:75px;
		}
	
	#MainContainer {
		position:relative;
		margin:0px;
	
		padding-top: 200px;
		margin-bottom: -80px;
		width:100%;
}
	#LeftContainer {
		position:relative;
		margin:0px;
		float:left;
		background-color: #660760;
		padding-top: 60px;
		margin-bottom: -100px;
		width:150px;
		}
	#MiddleContainer {
		position:relative;
		margin:0px;
		float:left;
		background-color: #34512f;
		padding-top: 90px;
		margin-bottom: -100px;
		width: 400px;
		}
	#RightContainer {
		position:relative;
		margin:0px;
		float:left;
		background-color: #731f4f;
		padding-top: 90px;
		margin-bottom: -100px;
		width: 150px;
		}
/* - - FOOTER DECLARATION - - */
	body > #wrap {
		height: auto; min-height: 100%;
		}
	#main {
		position:relative;
		padding-bottom: 360px;
		//padding-top: 200px;
		left:0px;
		margin:0px;
		border:0;
		}
	#footer {
		clear: both;
		background: url(../pics/footer2.jpg) repeat-x;
		height: 258px;
		width: 100%;
		position: relative;
		margin-top: -258px;
		z-index:1;
		}
	/* CLEAR FIX */
	.clearfix:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
		}
	.clearfix {display: inline-block;
		}
	/* Bereich nicht fŸr IE-mac Anfang \*/
	* html .clearfix { height: 1%;}
		.clearfix {display: block;}
	/* Bereich nicht fŸr IE-mac Ende */
/* - - FOOTER END - - */
	#footerinfo{
		position:relative; 
		bottom:-238px; 
		text-align:center; 
		font-family: myfont, sans-serif;
		}
	#footerLogoFrame {
		position:relative;
		bottom:65px;
		left:-80px;
		text-align:center;
		width:820;
		height:100;
		}
/* - - TYPO - - */



@font-face {
    font-family: 'myfontBold';
    src: url('../inc/f8818911-3c8d-4678-89da-3f4d6f99e772.woff2') format('woff2'),
         url('../inc/d5404128-18b7-4e1b-9351-1e87f474ad8e.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    letter-spacing:3px
}

@font-face {
    font-family: 'myfont';
    src: url('../inc/roboto-light-webfont.woff2') format('woff2'),
         url('../inc/roboto-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'myfontIntro';
    src: url('../inc/intro_medium-webfont.woff2') format('woff2'),
         url('../inc/intro_medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'myfontIntroBold';
    src: url('../inc/intro_bold-webfont.woff2') format('woff2'),
         url('../inc/intro_bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


	.bold {
		font-family: myfontBOLD, sans-serif;
		}
	.red {
		color:#9c2629;
		}
	.gray {
		color:#535353;
		}
	.big {
		font-size: 100pt; 
		}
	.italic {
		font-family: myfontITALIC, sans-serif; 
		}
	#footerText {
		z-index:0;
		position:relative;
		top:-6px;
		margin-right:20px;
		color:#b4aea4;font-family: myfontBOLD;
		}
/* ================ PORTFOLIO =================*/
	.topnav {
		list-style:none;
		padding:0px;
		display:inline;
		}
	.button {
		top: 0px;
		border:0px;
		padding:4px;
		margin:0px;
		background-color:#ffffff;
		/*background-image: url(../pics/box.png);*/
		background-repeat:no-repeat;
		background-position: center top;
		min-height:100px;
		margin:0px;
		width:100px;
		vertical-align: top;
		padding-left:0px;
		padding-top: 0px;
		
		float:left;
		}
	.categoryOverlay {
		position:relative;
		top:0px;
		left:2px;
		display: block;
		width:100px;
		height:100px;
		border:0;
		margin:0px;
		padding:0px;
		z-index:-1; /*VISABLE CHANGE Z-INDEX*/
/*background-color: #006599;*/
cursor: pointer;
padding-left:0px;
		}

	.subnav {
		line-height: 25px;
		padding:0px; 
		margin:0px; 
		border:0px; 
		list-style:none; 
		padding-bottom:0px;
		vertical-align: middle;
		position:relative;
		display:none;
		top:104px;
		width:100%;
		background-color:#262626;
		left:0px;
		}
	.top_box { 
		position:relative;
		border:0px;
		padding:0px;
		margin:0px;
		z-index:2;
		background-image: url(../pics/top_box.png);
		background-repeat:repeat-x;
		height:22px;
		}
	.bottom_box { 
		position:relative;
		border:0px;
		padding:0px;
		margin:0px;
		z-index:2;
		background-image: url(../pics/bottom_box.png);
		background-repeat:repeat-x;
		height:14px;
		}
	table, td, tr 
	{border-collapse: collapse; border: 0px; border-spacing: 0px; border-padding: 0px; spacing: 0px;  margin:0px; cellspacing: 0px; cellpadding: 0px; padding: 0px}
	.firstline{vertical-align:bottom;text-align:right;padding-right:6px;width:85px;}

	.maincategory{position:absolute;margin-left:2px;width:100px;height:100px;cursor: pointer;}


	.project_content {
		position:relative;
		border:0px;
		padding:0px;
		margin:0px;
		z-index:2;
		height:500px;
		width:100%;
		}
	.project_discription{
		position:relative;
		border:0px;
		padding:0px;
		margin:0px;
		left:10px;
		top: 1px;
		z-index:2;
		}

	.subnav1 {
		line-height: 25px;
		padding:0px; 
		margin:0px; 
		border:0px; 
		list-style:none; 
		padding-bottom:0px;
		vertical-align: middle;
		position:relative;
		display:none;
		top:100px;
		width:100%;
		background-color:#262626;
		left:0px;
		}
	.subnav2 {
		line-height: 25px;
		padding:0px; 
		margin:0px; 
		border:0px; 
		list-style:none; 
		padding-bottom:0px;
		vertical-align: middle;
		position:relative;
		display:none;
		top:100px;
		width:100%;
		background-color:#262626;
		left:0px;
		}
	.subnav3 {
		line-height: 25px;
		padding:0px; 
		margin:0px; 
		border:0px; 
		list-style:none; 
		padding-bottom:0px;
		vertical-align: middle;
		position:relative;
		display:none;
		top:100px;
		width:100%;
		background-color:#262626;
		left:0px;
		}
	.subnav4 {
		line-height: 25px;
		padding:0px; 
		margin:0px; 
		border:0px; 
		list-style:none; 
		padding-bottom:0px;
		vertical-align: middle;
		position:relative;
		display:none;
		top:100px;
		width:100%;
		background-color:#262626;
		left:0px;
		}
	.subnav5 {
		line-height: 25px;
		padding:0px; 
		margin:0px; 
		border:0px; 
		list-style:none; 
		padding-bottom:0px;
		vertical-align: middle;
		position:relative;
		display:none;
		top:100px;
		width:100%;
		background-color:#262626;
		left:0px;
		}
/*< - - created by Denys Jörg Christian Matthies - - >*/