@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('ttf'),
url('../fonts/MyriadWebPro.ttf') 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('ttf'),
url('../fonts/MyriadWebPro-Bold.ttf') 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('ttf'),
url('../fonts/MyriadWebPro-Italic.ttf') format('truetype');
}

#portfolio_photos{
	display:none;
	z-index:7;
	width:100%;
	height:900px;
	margin:0 auto;
	padding:0 0 0 0;
	background-color:#444;
	}
#portfolio{
	display:none;
	z-index:7;
	width:100%;
	height:900px;
	margin:0 auto;
	padding:0 0 0 0;
	background-color:#444;
	background-image:url(../img/layout/bg_portfolio_relief.jpg);	
	-khtml-user-select:none; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; -o-user-select: none;
	}
#portfolio_photos_de{
	display:none;
	z-index:7;
	width:100%;
	height:900px;
	margin:0 auto;
	padding:0 0 0 0;
	background-color:#444;
	}
#portfolio_de{
	display:none;
	z-index:7;
	width:100%;
	height:900px;
	margin:0 auto;
	padding:0 0 0 0;
	background-color:#444;
	background-image:url(../img/layout/bg_portfolio_relief.jpg);
	-khtml-user-select:none; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; -o-user-select: none;
	}
.portfolio_display{
	/*-khtml-user-select:none; -webkit-user-select:none;-moz-user-select:none;*/
	}
.portfolio_all{
	z-index:7;
	margin:0 auto;
	width:100%;
	height:100%;
	padding:25px;
	border:0px solid red;
	}
.portfolio_all p{
	margin:0;
	width:auto;
	height:auto;
	padding:0 10px 0 5px;
	font-size:12px;
	color:#efefef;
	white-space:normal;
	text-align:center;
	}
.portfolio_content{
	margin:20px auto 0;
	width:100%;
	height:600px;
	border:0px solid green;
	}
.portfolio_content p{
	margin:0;
	width:auto;
	height:auto;
	padding:0 10px 0 5px;
	font-size:12px;
	color:#333;
	white-space:normal;
	text-align:center;
	}
.category_all{
	margin:0 auto;
	width:900px;
	height:auto;
	padding:10px;
	border:0px solid red;
	}
.category{
	float:left;
	width:270px;
    height:auto;
	padding:0;
	margin:4px;
	border:1px solid #333;
	webkit-border-radius:1px; 
	border-radius:1px;
	/*text-shadow: 0.0em 0.0em 0.00em #333;
	-moz-box-shadow: 1px 1px 1px #333;
	-webkit-box-shadow: 1px 1px 1px #333;
	box-shadow: 1px 1px 1px #333;*/
	}
.category a{
	font-family:Verdana, Geneva, sans-serif;
	outline:none;
	color:#FFF;
	font-size:12px;
	opacity:0.90;
	text-decoration:none;
	}
.category_img{
	width:270px;
	height:auto;
	border:0;
	}
.category_title{
	width:270px;
	height:40px;
	background-color:#3F3F3F;
	}
.category_title p{
	font-family:Verdana, Geneva, sans-serif;
	color:#FFF;
	font-size:12px;
	font-weight:normal;
	text-align:center;
	padding:15px 10px 10px 10px;
	text-transform:uppercase;
	}
.page_counter_display{
	width:100%;
	text-align:center;
	font-size:12px;
	font-weight:bold;
	color:#FFF;
	}
.site_counter{
	height:100%;
	width:auto;
	text-align:right;
	-khtml-user-select:none; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; -o-user-select: none;
	}
.site_counter ul {
	list-style-type:none;
	margin-right:0px;
	border:0px solid green;
	}
.site_counter li {
	display:inline-block;
	margin-left:5px;
	font-size:11px;
	color:#efefef;
	font-weight:bold;
	}
/*.site_counter li:hover {
	background-color:#333;
	color:#efefef;
	cursor:pointer;
	}*/
.site_counter li a{
	font-family:Verdana, Geneva, sans-serif;
	outline:none;
	color:rgba(255,255,255,.75);
	font-size:11px;
	font-weight:bold;
	text-transform:none;
	opacity:1;
	text-decoration:none;
	padding:4px;
	border:1px solid rgba(255,255,255,.75);
	background-color:#666;
	webkit-border-radius:4px; 
	border-radius:4px;
	transition: all ease .3s;
	-webkit-transition: all ease .3s;
	-moz-transition: all ease .3s; 
	}
.site_counter a:hover{
	color:rgba(255,255,255,1);
	border:1px solid rgba(255,255,255,1);
	}
li.back a{
	border:0px solid rgba(255,255,255,1);
	background-color:transparent;
	/*background-image:url(../img/layout/back.png);
	background-repeat:no-repeat;*/
	padding-right:8px;
	}
li.back a:hover{
	border:0px solid rgba(255,255,255,1);
	background-color:transparent;
	/*background-image:url(../img/layout/back.png);
	background-repeat:no-repeat;*/
	padding-right:8px;
	}
.portfolio_thumbs_content{
	margin:0 auto;
	width:900px;
	height:100%;
	padding:10px;
	text-align:center;
	border:0px solid green;
	}
.category_thumbs{
	float:left;
	width:180px;
	height:120px;
	margin:4px 4px 0px 0px;
	padding:20px 5px 5px 5px;
	background-color:#555;
	border:1px solid #0F0F0F;
	webkit-border-radius:8px; 
	border-radius:8px;
	}
.category_thumbs a{
	opacity: 0.85;
	}	
.portfolio_thumbs_content table{
	width:90%;
	height:100%;
	padding:10px;
	border:0px solid green;
	}
.portfolio_thumbs_content td{
	margin:0;
	width:auto;
	height:auto;
	text-align:center;
	vertical-align:bottom;
	padding:0;
	border:0px solid green;
	}
.portfolio_thumbs_content img{
	width:auto;
	height:auto;
	text-align:center;
	padding:0 0 0 0;
	border:1px solid #0F0F0F;
	}
p.portfolio_content_category{
	font-family:Verdana, Geneva, sans-serif;
	color:#efefef;
	font-size:12px;
	font-weight:bold;
	margin:0;
	width:500px;
	height:auto;
	white-space:normal;
	text-align:left;
	padding:0 10px 5px 9px;
	text-transform:uppercase;
}
p.portfolio_content_annotation{
	margin:0;
	width:500px;
	height:auto;
	font-size:12px;
	color:#FFF;
	font-weight:normal;
	white-space:normal;
	text-align:justify;
	border:0px solid red;
	padding:0 10px 0 10px;
}
/*td.balken{
	margin:0;
	padding:0;
	width:auto;
	height:20px;
	border:0px solid red;
}
td.balken p{
	margin-top:15px;
	padding:3px 0 0 0;
	text-align:center;
	width:100%;
	height:100%;
	background-color:#960a04;
	color:#efefef;
	font-size:11px;
	vertical-align:bottom;
	}*/
.fancy_all{
	margin-top:15px;
	padding:2px 0 3px 0;
	text-align:center;
	width:100%;
	height:100%;
	background-color:#960a04;
	vertical-align:bottom;
	}
.fancy_all a:link, .fancy_all a:active, .fancy_all a:visited{
	opacity: 0.75;
	padding:0;
	color:#FFF;
	font-size:10px;
	font-weight:bold;
	}
.fancy_all a:hover{}

.close_portfolio {
	cursor:pointer;
	opacity:0.8;
}

