@charset "utf-8";
/* CSS Document */

/*--------------------------------------------------------------*/
/* 		JNSM for ROLAND FERENCI 																	*/
/* 		STYLESHEET									        											*/
/*--------------------------------------------------------------*/
/* 		DESIGN AND PROGRAMMING by JNSM	    											*/
/* 		http://www.jnsm.at																				*/
/* 		office@jnsm.at															              */
/*--------------------------------------------------------------*/

/*		enough Bla Bla... let's get to work!!!										*/

/*--------------------------------------------------------------*/
/*		E L E M E N T S
/*--------------------------------------------------------------*/

* {margin:0;padding:0;}

body, html {
	background-image: url(../images/bgbody.jpg);
	background-position: center;
	background-attachment: fixed;
	font: 10px/16px Verdana, sans-serif;
	color: #8F8F8F;
	width: 100%;
	height: 100%;
}

h1 {
	width: 337px;
	height: 75px;
	background-image: url(../images/logo1.png);
	background-repeat: no-repeat;
	text-indent: -9999px;
	position: absolute;
	top: 20px;
	left: 20px;
	z-index: 3;
}

#container2 h1 {
	position: fixed;
	top: 20px;
	left: 50%;
	margin-left: -480px;
}

p, h2 {
	margin-bottom: 1em;
}

a {
	color: #928a16;
	text-decoration: none;
	font-weight: bold;
	outline: none;
}

a:hover {
	color: inherit;
}

object {
	outline: none;
}

/*--------------------------------------------------------------*/
/*		G L O B A L   S T Y L E S
/*--------------------------------------------------------------*/

#container, #container3 {
	width: 960px;
	height: 550px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -275px;
	margin-left: -480px;
}

#container3 {
	background-image: url(../images/bgcontainer3.png);
	background-repeat: no-repeat;
}

#container {
	background-image: url(../images/bgcontainer.png);
	background-repeat: no-repeat;
}

#container2 {
	width: 920px;
	margin: 0 auto;
	position: relative;
}

#nav_main ul {
	list-style-type: none;
	width: 135px;
	position: absolute;
	top: 85px;
	left: 80px;
	z-index: 1;
}

#container2 #nav_main ul {
	position:fixed;
	top: 85px;
	left: 50%;
	margin-left: -420px;
}

#nav_main ul li {
	height: 38px;
	margin-bottom: -12px;
	position: relative;
}

#nav_main ul li a {
	display: block;
	height: 38px;
	background-repeat: no-repeat;
	background-position: top right;
	text-indent: -9999px;
}

#nav_main ul li a:hover {
	background-position: right -38px;
}

#nav_main ul li a.active, #nav_main ul li a.trail {
	background-position: right -38px;
}

li.linkhome {z-index:10;}
li.linkportfolio {z-index:9;}
li.linkblog {z-index:8;}
li.linkbio {z-index:7;}
li.linkprivates {z-index:6;}
li.linkkontakt {z-index:5;}

li.linkhome a {background-image:url(../images/linkhome.png);}
li.linkportfolio a {background-image:url(../images/linkportfolio.png);}
li.linkblog a {background-image:url(../images/linkblog.png);}
li.linkbio a {background-image:url(../images/linkbio.png);}
li.linkprivates a {background-image:url(../images/linkprivates.png);}
li.linkkontakt a {background-image:url(../images/linkkontakt.png);}

#footer {
	text-align: center;
	position: absolute;
	bottom: 3px;
	left: 50%;
	margin-left: -150px;
	margin-bottom: 0;
	font-weight: bold;
	font-size: 9px;
}

.invisible {
	display: none;
}



/*--------------------------------------------------------------*/
/*		M I C R O F O R M A T S
/*--------------------------------------------------------------*/

#container3 h1 {
	left: 70px;
}

#dia {
	width:287px;
	height:279px;
	position:absolute;
	top:25px;
	left:12px;
	z-index: 2;
}

#container3 ul {
	list-style-type:none;
	position: relative;
	z-index: 1;
}

#container3 ul li {
	position: absolute;
	font-size: 18px;
	text-transform: uppercase;
	font-weight: bold;
}

#container3 ul li a {
	text-indent: -9999px;
	display: block;
	background-repeat: no-repeat;
}

#link_portfolio {top:75px;left:130px;z-index:2;}
#link_blog {top:110px;left:0;z-index:1;}
#link_bio {top:300px;left:0;z-index:3;}
#link_privates {top:85px;left:460px;}
#link_kontakt {top:260px;left:450px;}

#link_portfolio a {
	background-image: url(../images/bgportfolio_home.png);
	width: 310px;
	height: 377px;
}

#link_blog a {
	background-image: url(../images/bgblog_home.png);
	width: 179px;
	height: 204px;
}

#link_bio a {
	background-image: url(../images/bgbio_home.png);
	width: 166px;
	height: 193px;
}

#link_privates a {
	background-image: url(../images/bgprivates_home.png);
	width: 141px;
	height: 169px;
}

#link_kontakt a {
	background-image: url(../images/bgkontakt_home.png);
	width: 143px;
	height: 170px;
}

#cite {
	width: 300px;
	position: absolute;
	top: 100px;
	left: 600px;
	font-size: 18px;
	text-transform: uppercase;
	font-weight: bold;
}

#news {
	width: 300px;
	position: absolute;
	top: 190px;
	left: 635px;
}

.newsitem {
	width: 265px;
	background-color: #121212;
	padding: 20px;
	margin-bottom: 5px;
	line-height: 14px;
	background-image: url(../images/bgnewsitem.jpg);
	background-repeat: no-repeat;
}

.newsitem p {
	margin-bottom: 0;
}

.newsitem p.date {
	font-size: 9px;
	font-weight: bold;
}

#news h2 {
	font: 14px/1.3em Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #32a2c9;
	font-weight: bold;
	margin-bottom: 0;
}

#biographie, #kontakt, #privates, #portfolio {
	width: 700px;
	height: 470px;
	position: absolute;
	top: 70px;
	left: 215px;
	z-index: 2;
	background-color: #121212;
	/*
	opacity: 0.98;
	-moz-box-shadow: 1px 1px 5px #000;  
	-webkit-box-shadow: 1px 1px 5px #000;
	box-shadow: 1px 1px 5px #000;
	*/
}

#biographie img {
	position: absolute;
	top:0;
	right: -20px;
}

#biographie h2 {
	height: 34px;
	background-image: url(../images/h2_bio.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	margin:0;
}

.col1, .col2 {
	position: absolute;
	bottom: 40px;
	width: 310px;
}

.col1 p {margin-left:30px;}
.col2 {right:30px;}

#portfolio h2 {
	width: 127px;
	height: 198px;
	background-image: url(../images/h2_portfolio.gif);
	background-repeat: no-repeat;
	position: absolute;
	top: 0;
	right: 0;
	text-indent: -9999px;
}

#privates h2 {
	width: 127px;
	height: 198px;
	background-image: url(../images/h2_privates.gif);
	background-repeat: no-repeat;
	position: absolute;
	top: 0;
	right: 0;
	text-indent: -9999px;
}

#portfolio ul, #privates ul  {
	list-style-type: none;
	width: 600px;
	margin: 50px 0 0 30px;
}

#portfolio ul li, #privates ul li {
	width: 109px;
	height: 126px;
	float: left;	
}

#portfolio ul li a, #privates ul li a {
	display: block;
	width: 109px;
	height: 126px;
	text-indent: -9999px;
}

#port_portrait {background-image:url(../images/thumb_akt.jpg);}
#port_portraitsw {background-image:url(../images/thumb_fashion.jpg);}
#port_fashion {background-image:url(../images/thumb_sport.jpg);}
#port_dessous {background-image:url(../images/thumb_dessous.jpg);}
#port_akt {background-image:url(../images/thumb_akt.jpg);}
#port_landscape {background-image:url(../images/thumb_fashion.jpg);}
#port_sport {background-image:url(../images/thumb_sport.jpg);}
#port_hochzeiten {background-image:url(../images/thumb_akt.jpg);}
#port_sw {background-image:url(../images/thumb_dessous.jpg);}
#port_travel {background-image:url(../images/thumb_sport.jpg);}
#port_xx {background-image:url(../images/thumb_dessous.jpg);}
#port_yy {background-image:url(../images/thumb_sport.jpg);}

#priv_portrait {background-image:url(../images/thumb_akt.jpg);}
#priv_portraitsw {background-image:url(../images/thumb_fashion.jpg);}
#priv_fashion {background-image:url(../images/thumb_sport.jpg);}
#priv_dessous {background-image:url(../images/thumb_dessous.jpg);}
#priv_akt {background-image:url(../images/thumb_akt.jpg);}
#priv_landscape {background-image:url(../images/thumb_fashion.jpg);}
#priv_sport {background-image:url(../images/thumb_sport.jpg);}
#priv_hochzeiten {background-image:url(../images/thumb_akt.jpg);}
#priv_sw {background-image:url(../images/thumb_dessous.jpg);}
#priv_travel {background-image:url(../images/thumb_sport.jpg);}
#priv_xx {background-image:url(../images/thumb_dessous.jpg);}
#priv_yy {background-image:url(../images/thumb_sport.jpg);}

#portfolio p, #privates p {
	width: 127px;
	height: 58px;
	position: absolute;
	bottom: 0;
	right: 0;
	background-image: url(../images/p_portfolio.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
}

#blog {
	width: 700px;
	background-color: #121212;
	/*
	opacity: 0.99;
	*/
	margin-left: 175px;
	padding: 120px 0 0 0;
}

#blog h2 {
	position: fixed;
	top: 132px;
	left: 50%;
	margin-left: 251px;
	width: 164px;
	height: 39px;
	text-indent: -9999px;
	background-image: url(../images/h2_blog.gif);
	background-repeat: no-repeat;
}

#blog h3 {
	position: fixed;
	top: 174px;
	left: 50%;
	margin-left: 339px;
	font-size: 10px;
	color: #f1f1f1;
	text-transform: uppercase;
	text-align: right;
}

#blog ul {
	position: fixed;
	top: 194px;
	left: 50%;
	margin-left: 291px;
	text-align: right;
	font-size: 10px;
	font-weight: bold;
	list-style-type: none;
}

#blog ul li a {
	color: #595959;
	text-decoration: none;
	line-height: 24px;
}

#blog ul li a:hover {color: #928a16;}
.active2 {color: #928a16 !important;}

.blogentry {
	width: 490px;
	background-image: url(../images/dottedline1.gif);
	background-repeat: repeat-x;
	background-position: bottom left;
	padding: 0 0 5px 0;
	margin-bottom: 10px;
}

.blogentry h4, .blogentry p, .blogentry img {
	margin-right: 10px;
	margin-left: 30px;
}

.blogentry p {
	line-height: 15px;
}

#blog h4 {
	font: 14px/1.3em Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #32a2c9;
	font-weight: bold;
	margin-bottom: 0.5em;
}

.timestamp {
	color: #5c5c5c;
	font-weight: bold;
	margin-bottom: -2px;
}

.blogentry img {margin-bottom: 5px;}

#blog p.footer {
	margin: 0;
	padding: 10px 30px;
	background-color: #000;
	margin-top: -10px;
}

#kontakt {
	background-image: url(../images/bgkontakt.jpg);
	background-repeat: no-repeat;
	background-position: top right;
}

h1.simpleviewer {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	background-color: #000000;
	background-image: none;
	text-indent: 10px;
	height: auto;
	padding: 5px 0;
	font-size: 10px;
	color: #25A2CD;
	z-index: 1;
}

h1.simpleviewer span {
	color: #FFFFFF;
}

#navback {
	position: absolute;
	top: 0;
	right: 10px;
	z-index: 2;
	padding: 5px 0;
}

#navback a {
	padding-right: 20px;
	background-image: url(../images/bg_closegallery.gif);
	background-repeat: no-repeat;
	background-position: center right;
}

.invisible {display: none;}

#simpleviewer {
	width: 100%;
	height: 99%; 
	position: absolute;
	z-index: 1;
}

#navback {
	position: absolute;
	z-index: 2;
}