@charset "UTF-8";
/* CSS Document */
*{font-family:Verdana, Geneva, sans-serif; font-size:14px;}
html{
	background:#353535 url(../img/site_bg.jpg) left top repeat;
	color:#CCC;
	font:Verdana, Geneva, sans-serif;
	font-weight:normal;	
	margin:0 auto;
	width:100%;
	height:100%;
	padding:0;
	text-align:center;
	}
body{
	background:#353535 url(../img/site_bg.jpg) left top repeat;
	color:#CCC;
	font:Verdana, Geneva, sans-serif;
	font-weight:normal;	
	margin:0 auto;
	width:100%;
	height:100%;
	padding:0;
	text-align:center;
}

a:active {
  outline: none;
}


#bg{
	width:100%;
	height:100%;
	margin:0 auto;
	padding:0;	
	left:0;
	top:0;
	z-index:1;
}



#header_cont{
	width:100%;
	min-height: 234px;
	background:url(../img/header_bg.png) left top repeat-x;	
	background-attachment:scroll;
	position:fixed;
	text-align:center;
	z-index:2;
	padding:0 0;
	}
    
	
#header_center, #header_center2{
	width:1000px;
	margin:0 auto;
	height: 234px;
	position:relative;
    z-index:6;
	color:black;
}

a#hat_about{
    display:inline-block;
    position:relative;
    overflow:visible;
    display:visible;
    width:200px!important;
    height:170px!important;
    background-color:none!important;
    font-size:0px;
    z-index:10;
    left:-316px;
    top:-240px;
	 outline: none;
}

a#hat_about div{position:relative; z-index:11; background:white; width:200px; height:200px;}

#header_center a{color:black;  outline: none;}
#header_center a:active{ outline: none;}
#header_img{
	width:1000px;
	margin:0 0 0 0px;
	min-height: 234px;
	background:url(../img/header4.png) no-repeat;
	background-position:00px 0px;
	background-attachment:scroll;
	position:fixed;
	top:-2px;
	
}
#site{
	width:1000px;
	height:100%;
	margin:0 auto;
	position:relative;	
	text-align:center;
	z-index:3;
}

#content{
	width:700px;
	background:url(../img/holes.jpg) left top repeat-y;	
	padding-right:300px;
	position:relative;
	z-index:3;
	left:0;
	margin-top:-200px;
	padding-top:200px;
}

#pfeilcenter{
	width:224px;
	position:absolute;
	right:33px;
	top:0px;
	margin:0 auto;
	height: 2459px;
}

#pfeil{
	width:240px;
	height:658px;
	background:url(../img/pfeil4.jpg) #CCC left top no-repeat;
	background-attachment:scroll;
	position:fixed;
	margin:0 auto;
	z-index:3!important;
	
	}

#cutout{
	width:224px;
	height:4190px;
	background:url(../img/cutout4.png) right top no-repeat;
	background-attachment:scroll;
	position:relative;
	right:-10px;
	top:-10px;
	z-index:5;
}

#scroll{
	font-size:1px;
	color:white;
	position:relative;
	z-index:7;
	left:790px;
	width:120px;
	background:none;
}



#up, #down{
	display:block;
	color:transparent;
	width:120px;
	height:50px;
	background:none;
	font-size:1px;
	position:relative;	}
#down{margin-top:100px;}


#navibuttons{
	font-size:1px;
	color:#333;
	position:relative;
	z-index:8;
	left:218px;
	top:-52px;
	width:430px;
	height:50px;
	background:none;
}

#navibuttons a, #navibuttons a:active{
	display:inline-block;
	height:50px;
	width:105px;
	margin:0px 5px;
	background:none;
	color:#333;	
	z-index:8;
    position:relative;
	 outline: none;
}

a#nav_portfolio{width:155px!important; outline: none;}
a#nav_about{width:100px!important; outline: none;}
a#nav_contact{width:130px!important; outline: none;}

#nav_scrollbar{
    font-size:1px;
	color:#333;
	position:relative;
	z-index:7;
	left:12px;
	top:-49px;
	width:413px;
	height:55px;
	background:none;
    opacity:1;  
    overflow:hidden;
    padding:1px 0px 0px 0px; 
    
         /* firefox */
    -moz-border-radius-topleft:10px;
    -moz-border-radius-topright:10px;
    -webkit-border-top-left-radius:10px;
    -webkit-border-top-right-radius:10px;
    border-top-left-radius : 10px;
    border-top-right-radius : 10px;
    
}

#navibuttons #schablone{
    position:absolute;
    left:-2px;
    top:-3px;
    width:415px;
    height:53px;
    background:none;
    z-index:6;
}

a.softscroll{font-size:0px;}

#nav_scrollbar #nav_pfeil{
    opacity:0.7;
    position:absolute;
    left:-110px;
    top:-1px;
    z-index:5;
}


#portfolio{
	width:680px;
	padding:0px 17px 0px 17px;
	display:block;
	text-align:left;
	font-size:15px;
	color:#EFEFEF;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:normal;
	line-height:1.6em;
	
}


#portfolio .imagecont{float:left; width:200px!important; height:150px!important; margin:12px;}

#portfolio .imagecont a{
	width:200px;
	height:150px;
	text-align:center;
	margin:0 auto;
	padding:0;
	display:block;
	overflow:hidden;	
	position:relative;
	border:none;
	z-index:10;
}
#portfolio .imagecont a:hover{
	/*overflow:visible;*/
	z-index:11;
	
}

.hline{padding:35px 0px 0px 0px;}
#portfolio .imagecont a img{
	position:relative;
	left:0;
	top:0px;
	border:1px solid #000;
	box-shadow: 2px 2px 2px 2px #222;	
	-moz-box-shadow: 2px 2px 2px 2px #222;	
	-webkit-box-shadow: 2px 2px 2px 2px #222;	
	overflow:visible;
}

a.pp_previous,.currentTextHolder{display:none!important;}
a.pp_next{background:none!important;}

#contentbox{
	
}
#contentbox .column{

display:block;
padding-left:20px;
}

#contentbox a{
	color:#CFF;
	font-weight:normal;
	text-decoration:none;	
}

#portraitholder{
	float:right;
	margin:20px 10px 15px 15px;	
	width:250px;
	height:355px;
	position:relative;
}

a#portrait, a#portrait img, #portrait2{
	position:absolute;
	left:0;
	top:0;
	display:block;
	border:none;
	outline:none;
	text-decoration:none;
	border-color:black;
	width:250px;
	height:335px;
}
a#portrait{z-index:5;}
a#portrait2{z-index:4;}
a#portrait img:hover, a#portrait:hover img{display:none; z-index:3}