body, html {
	height:100%;
	width:100%
	} 

a:link { color: #ffffff; text-decoration: none; }
a:visited { color: #ffffff; text-decoration:none; }
a:hover { color: #ffffff; text-decoration:none; }
a:active { color: #ffffff; text-decoration:none; } 


#wrapper {
	position:relative;
	width: 960px; 
	margin:0px auto -120px;
	min-height: 100%; /* Mindesthöhe für moderne Browser */
	height:auto !important; /* Important Regel für moderne Browser */ 
	height:100%; /* Mindesthöhe für den IE */ 
	overflow: hidden !important; /* FF Scroll-leiste */ 
	background-color:#706f69;
	border:none;
	}

#container {  
	width:960px;
	height:auto;
  	margin-left: auto;
	margin-right: auto;
	border:none;
	}

h1 {  
	font-size:14px; 
	}

h2 {  
	font-size:12px; 
	}

ul {  
    padding-left: 20px;
	}

li {  
	list-style-type: square;
	}


/* Header
-----------------------------------------------*/


#header {
	width:900px;
  	margin-left: auto;
	margin-right: auto;
	text-align:left;	 
	border:none;
	} 

#logo {
	width:680px; 
   	height: 205px;
	text-align:left;	 
	border:none;
	float:left;
	}

#header_navi {  
	width:220px; 
   	height: 40px;
	text-align:left;	 
	border:none;
	background-color:#575754;
	float:left;
	}

#header_navi_text {  
	width:auto; 
   	height: auto;
	padding-top: 12px;
	font-size:12px; 
	font-family: 'DeliciousRoman', Arial, Helvetica, sans-serif; 
	font-weight:regular; 
	font-style: normal;
	color: #ffffff;
	text-align:center;
	text-decoration: none; 
	border:none;
	} 

#header_navi_text ul { 
	list-style-type:none; 
   	margin:0; 
   	padding:0;
	}

#header_navi_text li {display:inline;} 

#header_navi_text a:link { color: #ffffff; text-decoration: none; }
#header_navi_text a:visited { color: #ffffff; text-decoration:none; }
#header_navi_text a:hover { color: #ffffff; border-bottom: 1px solid #ffffff; text-decoration:none; }
#header_navi_text a:active { color: #ffffff; border-bottom: 1px solid #ffffff; text-decoration:none; } 



/* Main Navi
-----------------------------------------------*/


#main_navi {  
	width:900px; 
   	height: 100px;
  	margin-left: auto;
	margin-right: auto;
	font-size:18px; 
	font-family: 'DeliciousRoman', Arial, Helvetica, sans-serif; 
	font-weight:regular; 
	font-style: normal;
	color: #ffffff;
	text-align:left;
	text-decoration: none;  
	border:none;
	clear:both;
	}

#main_navi ul { 
	list-style-type:none; 
   	margin:0px; 
   	padding-left:30px;
   	padding-top:35px;
	}

#main_navi  li {display:inline;} 

#main_navi a:link { color: #ffffff; text-decoration: none; }
#main_navi a:visited { color: #ffffff; text-decoration:none; }
#main_navi a:hover { color: #ffffff; border-bottom: 3px solid #00b1eb; text-decoration:none; }
#main_navi a:active { color: #ffffff; border-bottom: 3px solid #00b1eb; text-decoration:none; } 

.main_navi_selected { color: #ffffff; border-bottom: 3px solid #00b1eb; text-decoration:none; }



/* Content
-----------------------------------------------*/


#content {  
	width:900px; 
   	height:auto;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	text-decoration: none;  
	border:none;
	}


/* Services
-----------------------------------------------*/

#statement_text {  
	width:840px; 
   	height: auto;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:30px;
	font-size:28px; 
	font-family: 'DeliciousRoman', Arial, Helvetica, sans-serif; 
	font-weight:regular; 
	font-style: normal;
	line-height:38px;
	color: #ffffff;
	text-align:left;
	text-decoration: none;  
	border:none;
	}

#services_float_wrapper {  
	width:840px; 
   	height: 430px;
	margin-left:auto;
	margin-right:auto;
	margin-top:17px;
	text-align:left;
	text-decoration: none;  
	border:none;
	}

#services_glass {  
	width:450px; 
   	height: 500px;
	text-align:left;
	text-decoration: none;  
	border:none;
	float:left;
	}

#services_portrait {  
	width:390px; 
   	height: 500px;
	text-align:left;
	text-decoration: none;  
	border:none;
	float:left;
	}

.services_image {  
	width:390px; 
   	height: 150px;
	text-align:left;
	text-decoration: none; 
	background-color:#575754; 
	border:none;
	-moz-box-shadow: 0 0 5px #3e3e3e;
	-webkit-box-shadow: 0 0 5px#3e3e3e;
	box-shadow: 0 0 5px #3e3e3e;
	}

.services_text {  
	width:390px; 
   	height: auto;
	margin-top:35px;
	font-size:16px; 
	font-family: 'DeliciousRoman', Arial, Helvetica, sans-serif; 
	font-weight:regular; 
	font-style: normal;
	line-height:22px;
	color: #ffffff;
	text-align:left;
	text-decoration: none; 
	border:none;
	}


/* References List
-----------------------------------------------*/

#title {  
	width:900px; 
   	height: 41px;
	text-align:left;
	text-decoration: none;  
	border:none;
	}

#title_text {  
	width:731px; 
   	height: auto;
	margin-left:30px;
	padding-top:10px;
	font-size:20px; 
	font-family: 'DeliciousItalic', Arial, Helvetica, sans-serif;  
	font-weight:regular; 
	font-style: normal;
	color: #ffffff;
	text-align:left;
	text-decoration: none;  
	border:none;
	float:left;
	}

#list_icon {  
	width: 41px; 
   	height: 41px;
	text-align:left;
	text-decoration: none;  
	border:none;
	float:left;
	}

#prev_icon {  
	width: 41px; 
   	height: 41px;
	margin-left:7px;
	text-align:left;
	text-decoration: none;  
	border:none;
	float:left;
	}

#next_icon {  
	width: 41px; 
   	height: 41px;
	margin-left:8px;
	text-align:left;
	text-decoration: none;
	border:none;
	float:left;
	}

#list {  
	width:840px; 
   	height:auto;
	margin-left:30px;
	margin-top:17px;
	text-align:left;
	text-decoration: none;
	border:none;
	}

.list_row {  
	width:840px; 
   	height:135px;
	text-align:left;
	text-decoration: none;
	border:none;
	}

.list_image {  
	width:175px; 
   	height:113px;
	margin-right:40px;
	text-align:left;
	text-decoration: none;
	background-color:#575754; 
	border:none;
	-moz-box-shadow: 0 0 5px #3e3e3e;
	-webkit-box-shadow: 0 0 5px#3e3e3e;
	box-shadow: 0 0 5px #3e3e3e;
	float:left;
	}

.list_text {  
	width:auto; 
   	height: auto;
	font-size:14px; 
	font-family: 'DeliciousRoman', Arial, Helvetica, sans-serif; 
	font-weight:regular; 
	font-style: normal;
	line-height:22px;
	color: #ffffff;
	text-align:left;
	text-decoration: none; 
	border:none;
	float:left;
	}

.list_title_italic {  
	font-size:20px; 
	font-family: 'DeliciousItalic', Arial, Helvetica, sans-serif; 
	font-weight:regular; 
	font-style: normal;
	}
 

/* References Gallery
-----------------------------------------------*/

.gallery_references {  
	width:900px; 
   	height:665px;
	margin-left:auto;
	margin-right:auto;
	margin-top:17px;
	margin-bottom:5px;
	text-align:left;
	text-decoration: none;
	background-color:#575754;  
	border:none;
	-moz-box-shadow: 0 0 5px #3e3e3e;
	-webkit-box-shadow: 0 0 5px#3e3e3e;
	box-shadow: 0 0 5px #3e3e3e;
	}

#cooperation{  
	width:900px; 
   	height: 20px;
	margin-left:auto;
	margin-right:auto;
	font-size:13px; 
	font-family: 'DeliciousRoman', Arial, Helvetica, sans-serif;  
	font-weight:regular; 
	font-style: normal;
	line-height:30px;
	color: #b9b8b4;
	text-align:right;
	text-decoration: none;  
	border:none;
	}


/* Techniques Matrix
-----------------------------------------------*/

.matrix {  
	width:870px; 
   	height:auto;
	margin-left:30px;
	margin-top:17px;
	text-align:left;
	text-decoration: none;
	border:none;
	}

.matrix_row {  
	width:870px; 
   	height:135px;
	text-align:left;
	text-decoration: none;
	border:none;
	}

.matrix_image {  
	width:175px; 
   	height:113px;
	margin-right:22px;
	text-align:left;
	text-decoration: none;
	background-color:#575754; 
	border:none;
	-moz-box-shadow: 0 0 5px #3e3e3e;
	-webkit-box-shadow: 0 0 5px#3e3e3e;
	box-shadow: 0 0 5px #3e3e3e;
	float:left;
	}

.matrix_image_right {  
	width:175px; 
   	height:113px;
	margin-right:24px;
	text-align:left;
	text-decoration: none;
	background-color:#575754; 
	border:none;
	-moz-box-shadow: 0 0 5px #3e3e3e;
	-webkit-box-shadow: 0 0 5px#3e3e3e;
	box-shadow: 0 0 5px #3e3e3e;
	float:left;
	}

.matrix_image_empty {  
	width:175px; 
   	height:113px;
	margin-right:22px;
	text-align:left;
	text-decoration: none;
	border:none;
	float:left;
	}

.matrix_image_right_empty {  
	width:175px; 
   	height:113px;
	margin-right:24px;
	text-align:left;
	text-decoration: none;
	border:none;
	float:left;
	}


.techniques_icon {  
	width:80px; 
   	height:113px;
	text-align:left;
	text-decoration: none;
	border:none;
	float:left;
	}




/* Gallery
-----------------------------------------------*/

.gallery_techniques {  
	width:900px; 
   	height:665px;
	margin-left:auto;
	margin-right:auto;
	margin-top:17px;
	margin-bottom:5px;
	text-align:left;
	text-decoration: none;
	background-color:#575754;  
	border:none;
	-moz-box-shadow: 0 0 5px #3e3e3e;
	-webkit-box-shadow: 0 0 5px#3e3e3e;
	box-shadow: 0 0 5px #3e3e3e;
	}




 /* CV
-----------------------------------------------*/

#cv_image {  
	width:900px; 
   	height: 445px;
	text-align:left;
	text-decoration: none; 
	background-color:#575754;  
	border:none;
	-moz-box-shadow: 0 0 5px #3e3e3e;
	-webkit-box-shadow: 0 0 5px#3e3e3e;
	box-shadow: 0 0 5px #3e3e3e;
	}

#cv_image_test {  
	width:900px; 
   	height: 530px;
	text-align:left;
	text-decoration: none; 
	background-color:#575754;  
	border:none;
	-moz-box-shadow: 0 0 5px #3e3e3e;
	-webkit-box-shadow: 0 0 5px#3e3e3e;
	box-shadow: 0 0 5px #3e3e3e;
	}


#cv_text {  
	width:760px; 
   	height: auto;
	margin-left:30px;
	margin-top:50px;
	font-size:16px; 
	font-family: 'DeliciousRoman', Arial, Helvetica, sans-serif; 
	font-weight:regular; 
	font-style: normal;
	line-height:22px;
	color: #ffffff;
	text-align:left;
	text-decoration: none; 
	border:none;
	float:left;
	}

#cv_pdf_icon {  
	width:80px; 
   	height: auto;
	margin-left:30px;
	margin-top:17px;
	text-align:left;
	text-decoration: none; 
	border:none;
	float:left;
	}



 /* Contact / Links
-----------------------------------------------*/

#contact_float_wrapper {  
	width:900px; 
   	height: 185px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	text-decoration: none;  
	border:none;
	}

#contact_text	{
	width:370px;
	height:170px;
	padding-top:15px;
	padding-left:30px;
	font-size:16px; 
	font-family: 'DeliciousRoman', Arial, Helvetica, sans-serif; 
	font-weight:regular; 
	font-style: normal;
	line-height:22px;
	color: #ffffff;
	text-align:left;
	text-decoration: none; 
	background-color:#575754;
	border:none;
	float:left;
	}

#mail_icon {  
	width:80px; 
   	height: auto;
	margin-left:5px;
	text-align:left;
	text-decoration: none; 
	border:none;
	float:left;
	}

#links_text {  
	width:auto; 
   	height: auto;
	margin-left:30px;
	margin-top:17px;
	font-size:16px; 
	font-family: 'DeliciousRoman', Arial, Helvetica, sans-serif; 
	font-weight:regular; 
	font-style: normal;
	line-height:30px;
	color: #ffffff;
	text-align:left;
	text-decoration: none; 
	border:none;
	clear:both;
	}

#links_text a:link { color: #ffffff; background-color: #00b1eb; border-bottom:2px solid #00b1eb; border-top:2px solid #00b1eb; text-decoration: none; }
#links_text a:visited { color: #ffffff; background-color: #00b1eb; border-bottom:2px solid #00b1eb; border-top:2px solid #00b1eb; text-decoration:none; }
#links_text a:hover { color: #ffffff; background-color: #575754; border-bottom:2px solid #575754; border-top:2px solid #575754; text-decoration:none; }
#links_text a:active { color: #ffffff; background-color: #575754; border-bottom:2px solid #575754; border-top:2px solid #575754; text-decoration:none; } 



/* Imprint
-----------------------------------------------*/

#imprint_text {  
	width:550px; 
   	height: auto;
	padding-left:30px;
	font-size:12px; 
	font-family: Lucida Grande, Arial, Helvetica, sans-serif;  
	font-weight:regular; 
	font-style: normal;
	line-height:18px;
	color: #b9b8b4;
	text-align:left;
	text-decoration: none;  
	border:none;
	}

#imprint_text a:link { color: #b9b8b4; text-decoration: none; }
#imprint_text a:visited { color: #b9b8b4; text-decoration:none; }
#imprint_text a:hover { color: #ffffff; text-decoration:none; }
#imprint_text a:active { color: #ffffff; text-decoration:none; } 



/* Datenschutz
-----------------------------------------------*/

#datenschutz_text {  
	width:550px; 
   	height: auto;
	padding-left:30px;
	font-size:12px; 
	font-family: Lucida Grande, Arial, Helvetica, sans-serif;  
	font-weight:regular; 
	font-style: normal;
	line-height:18px;
	color: #b9b8b4;
	text-align: left;
	text-decoration: none;
	border:none;
	}

#datenschutz_text a:link { color: #b9b8b4; text-decoration: none; }
#datenschutz_text a:visited { color: #b9b8b4; text-decoration:none; }
#datenschutz_text a:hover { color: #ffffff; text-decoration:none; }
#datenschutz_text a:active { color: #ffffff; text-decoration:none; } 



 /* End Content
-----------------------------------------------*/




/* Footer
-----------------------------------------------*/


#distance	{
	width:900px;
	height:60px;
	margin-left: auto;
	margin-right: auto;
	border:none;
	clear:both;
	}

#minheight {
	height:120px;
	clear:both;
	}

#footer {
	position:absolute;
	bottom:0px !important;
	width:960px;
	height:120px;
	margin-left: auto;
	margin-right: auto;
	text-align:left;
	border:none;
	}

.separator {
	width:900px;
	height:2px;
	margin-left:auto;
	margin-right:auto;
	margin-top:16px;
	text-align:left;
	background-image: url(images/separator.gif);
	background-repeat:no-repeat;	
	border:none;
	clear:both;
	}

#imprint {  
	width:900px; 
   	height: 20px;
	margin-left:auto;
	margin-right:auto;
	font-size:13px; 
	font-family: 'DeliciousRoman', Arial, Helvetica, sans-serif;  
	font-weight:regular; 
	font-style: normal;
	line-height:30px;
	color: #b9b8b4;
	text-align:left;
	text-decoration: none;  
	border:none;
	}

#icon {
	width:60px;
	height:60px;
	margin-left:450px;
	text-align:left;	 
	border:none;
	} 






 /* A font by Jos Buivenga (exljbris) -> www.exljbris.com */ 

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on July 9, 2012 */



@font-face {
    font-family: 'DeliciousBold';
    src: url('type/delicious-bold-webfont.eot');
    src: url('type/delicious-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('type/delicious-bold-webfont.woff') format('woff'),
         url('type/delicious-bold-webfont.ttf') format('truetype'),
         url('type/delicious-bold-webfont.svg#DeliciousBold') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'DeliciousBoldItalic';
    src: url('type/delicious-bolditalic-webfont.eot');
    src: url('type/delicious-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('type/delicious-bolditalic-webfont.woff') format('woff'),
         url('type/delicious-bolditalic-webfont.ttf') format('truetype'),
         url('type/delicious-bolditalic-webfont.svg#DeliciousBoldItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'DeliciousItalic';
    src: url('type/delicious-italic-webfont.eot');
    src: url('type/delicious-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('type/delicious-italic-webfont.woff') format('woff'),
         url('type/delicious-italic-webfont.ttf') format('truetype'),
         url('type/delicious-italic-webfont.svg#DeliciousItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'DeliciousRoman';
    src: url('type/delicious-roman-webfont.eot');
    src: url('type/delicious-roman-webfont.eot?#iefix') format('embedded-opentype'),
         url('type/delicious-roman-webfont.woff') format('woff'),
         url('type/delicious-roman-webfont.ttf') format('truetype'),
         url('type/delicious-roman-webfont.svg#DeliciousRoman') format('svg');
    font-weight: normal;
    font-style: normal;

}



/* Images
-----------------------------------------------*/

img{
  border:0;
}


/* Paragraph
-----------------------------------------------*/

p { 
	margin-top:9px; 
	margin-bottom: 9px; 
}url('type/delicious-italic-webfont.svg#DeliciousItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'DeliciousRoman';
    src: url('type/delicious-roman-webfont.eot');
    src: url('type/delicious-roman-webfont.eot?#iefix') format('embedded-opentype'),
         url('type/delicious-roman-webfont.woff') format('woff'),
         url('type/delicious-roman-webfont.ttf') format('truetype'),
         url('type/delicious-roman-webfont.svg#DeliciousRoman') format('svg');
    font-weight: normal;
    font-style: normal;

}



/* Images
-----------------------------------------------*/

img{
  border:0;
}


/* Paragraph
-----------------------------------------------*/

p { 
	margin-top:9px; 
	margin-bottom: 9px; 
}