@charset "UTF-8";
/* CSS Document */
* {
	margin: 0;
	padding: 0;
	border: 0;
	}
@font-face {
font-family:MyriadWebPro;
local:MyriadWebPro;
src: url('../fonts/MyriadWebPro.ttf');
src: url('../fonts/MyriadWebPro.ttf?iefix') format('eot'),
url('../fonts/MyriadWebPro.eot') format('truetype');
}
@font-face {
font-family:MyriadWebPro-Bold;
local:MyriadWebPro-Bold;
src: url('../fonts/MyriadWebPro-Bold.ttf');
src: url('../fonts/MyriadWebPro-Bold.ttf?iefix') format('eot'),
url('../fonts/MyriadWebPro-Bold.eot') format('truetype');
}
@font-face {
font-family:MyriadWebPro-Italic;
local:MyriadWebPro-Italic;
src: url('../fonts/MyriadWebPro-Italic.ttf');
src: url('../fonts/MyriadWebPro-Italic.ttf?iefix') format('eot'),
url('../fonts/MyriadWebPro-Italic.eot') format('truetype');
}
/*html{
     background-image:url(../img/layout/black.jpg);
	 -webkit-background-size: cover;
     -moz-background-size: cover;
     -o-background-size: cover;
     background-size: cover;
}*/
/*body{
font-family:Verdana, Geneva, sans-serif; 
background-color:#333; 
overflow-x:hidden;
overflow-y:auto;
text-rendering: optimizeSpeed !important;
text-rendering: geometricPrecision !important;
text-rendering:optimizeLegibility !important;
-webkit-font-smoothing:subpixel-antialiased !important;
}*/
body{
font-family:Verdana, Geneva, sans-serif; 
background-color:#333; 
overflow-x:hidden;
overflow-y:auto;
-webkit-font-smoothing:subpixel-antialiased !important;
text-rendering:optimizeLegibility !important; 
}
a:link, a:active, a:visited, a:hover, a:focus{padding:0; margin:0; border:0; text-decoration:none; outline:none; -khtml-user-select:none; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; -o-user-select: none;}

img{margin:0; padding:0; border:0; -khtml-user-select:none; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; -o-user-select: none;}

:focus{outline:0;}

h3{color:#efefef;}

#wrap_all{position:absolute; z-index:0; width:100%; height:100%; margin:0px auto; border:1px solid red;}

#content{height:100%; width:100%; margin:0 auto; white-space:nowrap; text-align:center; border:0px solid #fff; background-color:#000;}

.clear{clear:both;}

#top{height:100%; width:100%; margin:0 auto; -khtml-user-select:none; -webkit-user-select:none; white-space:nowrap; background-color:#000; border:0px solid #fff; padding:0 0 40px 0;}

#logo{font-family:MyriadWebPro; letter-spacing:-1px; text-align:left; width:900px; height:auto; margin:0 auto; background-color:#000; padding:20px 0px 0px 0px; -khtml-user-select:none; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; -o-user-select:none; display:none}

#logo h1 {color:#CCC; font-size:28px; margin-left:-1px; cursor:default}

#title_foto{width:900px; height:600px; margin:0px auto; padding:2px 0 0 0; white-space:nowrap; overflow:hidden; -khtml-user-select:none; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; -o-user-select: none;}

#startscreen{width:900px; height:600px;position:absolute; z-index:10; margin:0 auto; display:none; border:0px solid red; margin:0 0 0 0; color:#FFF; overflow:hidden; white-space:nowrap}

#loader{position:absolute; z-index:10; margin:0 auto; width:900px; height:600px; border:0px solid green; text-align:center; overflow:hidden; white-space:nowrap; -khtml-user-select:none; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; -o-user-select:none;}

#loader img{-khtml-user-select:none; -webkit-user-select:none; -moz-user-select:none;width:900px; height:600px;}

#loader_layer{position:absolute; z-index:20; width:900px; height:600px;height:100%; border:0px solid blue; margin:0 0 0 0; display:none; }

#loader_layer_left{float:left; z-index:20; width:25px; height:600px; margin:0 0 0 0; cursor:pointer; background-image:url(../img/layout/slider_left.png); background-repeat:no-repeat;
background-position:left; opacity:0.70; border:0px solid red;}

#loader_layer_right{float:right; z-index:20; width:25px; height:600px; margin:0 0 0 0; cursor:pointer; background-image:url(../img/layout/slider_right.png);
background-repeat:no-repeat; background-position:right; opacity:0.70; border:0px solid red;}

#canvas{display:none; position:absolute; z-index:10; width:100%; height:100%;}

#projector{position:absolute; z-index:10; display:none; width:100%; height:100%; border:0px solid red; margin:0; background-color:#333;}

#loader_portfolio{position:absolute; z-index:10; margin:0 auto; width:100%; height:100%; text-align:center; -khtml-user-select:none; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; -o-user-select: none;}

#loader_portfolio img{}

#preloader{position:absolute; z-index:30; width:32px; height:32px; margin-top:284px; margin-left:434px; display:none; background-image:url(../img/layout/loader.gif); background-repeat:no-repeat}

#loader_layer_portfolio{position:absolute; z-index:10; width:100%; height:100%; border:0px solid red; margin:0 0 0 0;}

#loader_layer_left_portfolio{float:left; z-index:10; width:100px; height:100%; margin:0 0 0 0; cursor:pointer; background-image:url(../img/layout/slider_left.png); background-repeat:no-repeat;
background-position:left; opacity:0.70; border:0px solid red;}

#loader_layer_right_portfolio{float:right; z-index:10; width:100px; height:100%; border:0px solid green; margin:0 0 0 0; cursor:pointer; background-image:url(../img/layout/slider_right.png);
background-repeat:no-repeat; background-position:right; opacity:0.70;}

#loader_bu_portfolio{position:absolute; z-index:11; margin-top:40px; width:100%; height:auto; background-color:#333; color:#666; font-size:11px; font-weight:bold; font-style:oblique;
 border:0px solid #333; webkit-border-radius:2px; border-radius:2px; padding:8px 0 8px 0; /*-moz-box-shadow: 0px 1px 1px #444; -webkit-box-shadow: 0px 1px 1px #444; box-shadow: 0px 1px 1px #444;*/}

#loader_bu_content_portfolio{text-align:left; width:100%; -khtml-user-select:none; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; -o-user-select: none;}

.line{width:100%; height:8px; margin:0px auto; background-image:url(../img/layout/line.png); background-repeat:no-repeat; background-position:center;}

#navi_wrap{width:900px; height:auto; margin:0 auto; border:0;}

#navi_logo{float:left; width:auto; height:auto; text-align:left; padding:3px 0 0 5px;}

#navi_all{display:none; z-index:15; width:100%; height:auto;}

#navi{display:none; position:absolute; z-index:15; width:100%; height:auto; text-align:right; padding:10px 0px 10px 1px; background-color:#333; color:#777; font-size:16px;}

#line_navi{z-index:15; display:none; width:100%; height:4px; background-image:url(../img/layout/line_navi.png); background-repeat:repeat-x; background-position:0 0 0 0;
border-left:0px solid #ccc; border-right:0px solid #ccc; margin:40px 0 0 0;}

#navi_pfeil{display:none; z-index:14; margin:40px 0 0 0; width:25px; height:17px; background-image:url(../img/layout/navi_pfeil_black.png); background-repeat:no-repeat;}

#navi_pfeil_active{display:none; z-index:14; margin:40px 0 0 0; width:25px; height:17px; background-image:url(../img/layout/navi_pfeil_black.png); background-repeat:no-repeat;}

#navi ul{list-style-type:none;}
#navi li{display:inline-block; margin:0px 10px 0px 10px; outline:none; color:#BFC3CE; text-transform:lowercase;}
#navi li:last-of-type{display:inline-block; margin:0px 0px 0px 10px; outline:none; color:#BFC3CE; text-transform:lowercase;}
	
#navi a:link, a:active, a:visited, a:focus {-khtml-user-select:none; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; -o-user-select: none;}
#navi a:hover {}

#navi_left{font-size:11px; border:0px solid red; float:left; width:auto; height:auto; text-align:left; padding:0 0 2px 0px; -khtml-user-select:none; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; -o-user-select: none;}

#navi_left a:link, a:active, a:visited, a:focus {font-family:MyriadWebPro-Italic; outline:none; color:rgba(255,255,255,.5); font-size:12px; text-transform:lowercase; opacity:1; text-decoration:none;
-khtml-user-select:none; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; transition: all ease .3s; -webkit-transition: all ease .3s; -moz-transition: all ease .3s;}

#navi_left a:hover {color:rgba(255,255,255,1);}

#navi_right{float:right; width:auto; height:auto; text-align:left; -khtml-user-select:none; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; -o-user-select: none;}

#navi_right a:link, a:active, a:visited, a:focus {font-family:MyriadWebPro; outline:none; color:rgba(255,255,255,.5); font-size:14px; text-transform:lowercase; opacity:1; text-decoration:none;
padding:0 5px 0 0; -khtml-user-select:none; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; -o-user-select: none; transition: all ease .3s; -webkit-transition: all ease .3s; -moz-transition: all ease .3s;}

#navi_right a:hover {color:rgba(255,255,255,1);}

.fixed {position:fixed; top: 0;}

.scrollable{position:absolute;}

.navi_canvas{position:fixed; margin-top: 0;}

.back{padding-left:20px;}

p{font-size:12px; color:#cccccc; text-align:left;}

/*content*/
.content{z-index:0; margin:0 auto; width:1050px; height:100%; padding:20px 0 40px 90px;}

.content_img{width:225px; height:auto; margin:5px auto;}

.content_link{width:225px; height:auto; margin:5px auto;}

.content_img img{border:0px solid #555;}

.content_pfeil{font-size:18px;}

.content p{z-index:50; font-family:MyriadWebPro; color:#000; font-size:14px; text-align:left; padding:10px 0 10px 15px; margin:10px 0 0 10px;}

.content_link a:link, a:active, a:visited, a:focus {font-family:Verdana, Geneva, sans-serif; outline:none; color:#000; font-size:14px; text-transform:none; opacity:1.0; text-decoration:none; padding:0;}
.content_link a:hover {}

.content_img a:link, a:active, a:visited, a:focus {font-family:MyriadWebPro; outline:none; color:#000; font-size:14px; text-transform:none; opacity:1.00; text-decoration:none; padding:0;}
.content_img a:hover {}

#multimedia{display:none; z-index:7; width:100%; height:100%; margin:0 auto; background-color:#FFF;}



/*/////////////////////////////////////////////////////////////////////////*/

.content_headline{
	width:auto;
	height:auto;
	padding:0;
	text-transform:none;
	margin:0;
	-khtml-user-select:none; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; -o-user-select: none;
	}
.content_headline h2{ 
	font-family:MyriadWebPro-Italic;
	font-style:normal;
	font-size:24px;
	color:#efefef;
	text-transform:lowercase;
	font-weight:normal;
	margin-top:0px;
	padding:10px 0 10px 0;
	background-color:#333;
	text-align:center;
}
.seitenzaehler{
	width:auto;
	height:auto;
	padding:10px;
	outline:none;
	color:#BFC3CE;
	font-size:14px;
	text-transform:none;
	opacity:0.75;
	background-color:#222;
	margin-bottom:20px;
	}
.seitenzaehler a:link, a:active, a:visited, a:focus {
	font-family:Verdana, Geneva, sans-serif;
	outline:none;
	color:#BFC3CE;
	font-size:14px;
	text-transform:none;
	opacity:0.75;
	text-decoration:none;
	padding:0;
	}
/*.seitenzaehler a:hover {
	color:#c5860b;
	}*/
#footer_top{
	display:none;
	width:100%;
	height:17px;
	background-image:url(../img/layout/navi_top.png);
	background-repeat:no-repeat;
	background-position:bottom right;
	}
#footer{
	display:none;
	width:100%;
	height:65px;
	text-transform:none;
	background-color:#333;
	-khtml-user-select:none; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; -o-user-select: none;
	}
#footer_left{
	float:left;
	width:auto;
	height:auto;
	text-align:left;
	padding:20px 0 20px 45px;
	color:#CCC;
	font-size:12px;
	text-transform:none;
	}
#footer_right{
    float:right;
	width:auto;
	height:auto;
	text-align:right;
	padding:20px 45px 20px 0;
	color:#CCC;
	font-size:11px;
	text-transform:none;
	}
/*#footer_middle{
	float:left;
	width:auto;
	height:auto;
	text-align:center;
	padding:20px;
	color:#CCC;
	font-size:12px;
	font-style:italic; 
	font-weight:bold;
	text-transform:none;
	}*/
#footer a:link, a:active, a:visited, a:focus {
	font-family:Verdana, Geneva, sans-serif;
	outline:none;
	color:rgba(204,204,204,.5);
	font-size:12px;
	font-style:normal;
	text-transform:none;
	opacity:1;
	text-decoration:none;
	letter-spacing:normal;
	padding:0;
	transition: all ease .3s;
	-webkit-transition: all ease .3s;
	-moz-transition: all ease .3s;
	}
#footer a:hover {
	color:rgba(204,204,204,1);
	}
#footer_right a:link, a:active, a:visited, a:focus {
	font-family:Verdana, Geneva, sans-serif;
	outline:none;
	color:rgba(204,204,204,.5);
	font-size:11px;
	font-style:normal;
	text-transform:none;
	opacity:1;
	text-decoration:none;
	letter-spacing:normal;
	padding:0;
	transition: all ease .3s;
	-webkit-transition: all ease .3s;
	-moz-transition: all ease .3s;
	}
#footer_right a:hover {
	color:rgba(204,204,204,1);
	}
.send {
	font-weight:bold;
	outline:none;
	color:#333;
	text-decoration:none;
	padding:4px;
	margin:3px;
	background-color:#efefef;
	border:1px solid #777;
	webkit-border-radius:4px; /* Firefox */
	border-radius:4px; /* CSS3 */
	cursor:pointer;
}
.send:hover {
	color:#333;
	text-decoration:none;
	background-color:#fbfbfb;
	padding:4px;
	margin:3px;
	border:1px solid #777;
	webkit-border-radius:4px; /* Firefox */
	border-radius:4px; /* CSS3 */
}