* { margin: 0; padding: 0; font-family: Tahoma, Arial; }

html, body {

	height:				100%;
	background:			#d4d2d2;
	overflow:			hidden;
}

a {
	outline:			none;
	color:				white;
	text-decoration: 	none;
}

a:hover {

	cursor:				pointer;
}

a img {

	border:				none;
}

h1 {

	font-weight:		normal;
	font-size:        	18px;
	margin-bottom:		20px;
}

h2 {

	font-weight:		normal;
	font-size:			14px;
}

h3 {

	font-size:			12px;
}


ul li {

	list-style-type: 	none;
}

p {

	margin-bottom:		20px;
}

div#header {

    position:			absolute;
    top:				0;
    left:				0;
    height:				110px;			
    width:				100%;
    background:			#b1b0b0;			
}

div#header img {

    margin:				50px;
    float:				right;
}

div.center {

    margin:				0 auto;
    width:				990px;
    overflow: 			hidden;
}

/* PICTURE GALERIE */
/* --------------------------------------------------------------------------------------- */
html,
body,
#picture_gallery,
#picture_gallery table,
#picture_gallery td {
    width:		100%;
    height:		100%;
    overflow:	hidden;
}


#picture_gallery td {

  	vertical-align:	middle;
    text-align:		center;
}
#picture_gallery div {

    position:		absolute;
    width:			150%;
    height:			150%;
    top:			-25%;
    left:			-25%;
}

#picture_gallery img {

    display:		block;
    min-height:		50%;
   	/*min-width:	50%;*/
    margin:			0 auto;
}

/*
#picture_gallery div {

    position:		absolute;
    width:			200%;
    height:			180%;
    top:			-40%;
    left:			-50%;
}
#picture_gallery img {

    display:		block;
    min-height:		50%;
	/*min-width:		50%;*
    margin:			0 auto;
}
*/
#first {

	z-index:		109;
}

#second {

	z-index:		108;
}

div.button:hover {

	cursor:			pointer;
}

div.button div {
	position:		relative;
	top:			50%;
	margin:			24px;
	margin-top:		-24px;
} 

div.button {
	
	z-index:		120;
	position:		absolute;
	
	color:			white;
	
	width:			50%;
	height:			50px;
	height:			100%;

}

div.navbutton span { display: none; }

div.navbutton {
	
	width:			30px;
	height:			50px;
	display:		block;
	overflow:		hidden;
	top:			0px !important;
	margin-top:		0px !important;
}

div#next_button {
	
	text-align:		right;
	right:			0;
}

div#next_button div.navbutton {

	float:			right;
	background:		url('../pictures/pic_next.png') 0 0 no-repeat;
}

div#previous_button {

	text-align:		left;
	left:			0;	
}

div#previous_button div.navbutton {

	float:			left;
	background:		url('../pictures/pic_previous.png') 0 0 no-repeat;
}

div#previous_button:hover div.navbutton,
div#next_button:hover div.navbutton {

	background-position: -30px 0px;
}

div#close_button {

	z-index:	121;

	height:		24px;
	width:		24px;
	padding:	24px;
	top:		0px;
	right:		0px;
}


div#close_button a,
div#close_button span {

	display:    block;
	width:		24px;
	height:		24px;
}

div#close_button a span {

	background: 	url(../pictures/heavyx.png) 0 0 no-repeat;
}

div#close_button a:hover span {

	background-position: -24px 0px;
}

 /* ! LOAD ANIMATION */

#loadAnimation {

	z-index:		110;
	position:		absolute;
	width:			200px;
	height:			100px;
	bottom:			24px;
	left:			50%;
	margin-left:	-100px;

}

#loadAnimation span.dot {

    position:		relative;
    float:			left;
    display:		block;
    
    width:			12px;
    height:			12px;
    margin-right:	6px;

    background:			#d24dba;
    border: 			1px solid white;
    -moz-border-radius: 1em;
	border-radius: 		1em;
}

/* ! NAVIGATION */
/* --------------------------------------------------------------------------------------- */

div#navigation {
    
    position:			absolute;
    top:				110px;
    left:				0px;
    width:				100%;
    
    background:			#bebdbe url('../pictures/bg_menue.gif') repeat-x;;
}

    div.menue ul {
    
    	z-index:			5;
    	
    	display:			inline;	/* NAV-Breite auf ul beschränken für Hover-Visuals */

    	overflow:			hidden;
    	list-style-type: 	none;
    }
    
    div.menue ul a {
    	
    	height:				24px;
    	line-height: 		24px;
    	
    	color:				white;
    	padding:			0 16px;
    	text-decoration: 	none;
    }
    
    div.menue ul a:hover {
    
    	cursor:				pointer;
    }
    
    div.menue ul li {
    
    	float: 				left;
    }
    
    div.menue ul ul {
    
    	margin-top:			2px;
    }
    
    /* !HOVER VISUALS */
    			
    div#navigation ul li.active {
    	
    	background:			#d24dba url('../pictures/bg_menue_act.gif') repeat-x;
    }
    
    div#navigation ul ul li.active {
    	
    	background:			#d24dba;
    }
    
    div#navigation ul:hover li {
    
    	background:			none;
    }
    
    div#navigation ul li:hover {
    
    	background:			#d24dba url('../pictures/bg_menue_act.gif') repeat-x;
    }
    
    div#navigation ul ul li:hover {
    
    	background:			#d24dba;
    }
    
    /* !HIDE & HOVER */
    
    div#navigation ul ul {
    	
    	position:			absolute;
    	display:			none;
    }
    
    div#navigation ul li.active ul {
    
    	display:			block;
    }
    
    div#navigation ul:hover ul {
    
    	display:			none !important;
    }
    
    div#navigation ul li:hover ul {
    
    	display:			block !important;
    }
    
    /* !BG */
    
    div#navigation ul div.subback {
    
    	z-index:			1;
    
    	position:			absolute;
    	
    	display:			none;
    	left:				0px;
    	width:				100%;
    	height:				24px;
    	background:			#c4c2c3;
    	
    	border-top:			2px solid white;
    }
    
    div#navigation ul li.active div.subback {
    
    	display:			block;
    }
    
    div#navigation ul:hover div.subback {
    	
    	display:			none !important;
    }
    
    div#navigation ul li:hover div.subback {
    
    	display:			block !important;
    }
    
    /* !MISC */
    
    div#navigation li.home {
    
    	margin-left:		32px;
    }
    
    div#navigation li.last {
    
    	float:				right;
    	margin-right:		34px;
    }
    
    div#navigation ul li.last a {
    
    	/*padding:			0px;*/
    }
    
    /* BILDER */
    
    div#footer li a span,
    div#navigation li a span 			{ display: none; }
    div#footer li a,
    div#navigation li a 				{ display: block; height: 24px; }
    
    div#navigation li.home a 			{ width: 50px; background: url('../pictures/nav/home.gif') 		50% 0 no-repeat; }
    div#navigation li.vita a 			{ width: 33px; background: url('../pictures/nav/vita.gif') 		50% 0 no-repeat; }
    div#navigation li.daten a			{ width: 47px;background: url('../pictures/nav/vita_daten.gif')	50% 0 no-repeat; }
    div#navigation li.cinema a			{ width: 67px; background: url('../pictures/nav/vita_cinema.gif')	50% 0 no-repeat; }
    div#navigation li.theater a			{ width: 57px; background: url('../pictures/nav/vita_theater.gif')	50% 0 no-repeat; }
    div#navigation li.pdf a				{ width: 111px;background: url('../pictures/nav/vita_download.gif') 50% 0 no-repeat; }
    div#navigation li.photos a			{ width: 44px; background: url('../pictures/nav/photos.gif') 	50% 0 no-repeat; }
    div#navigation li.portrait a		{ width: 57px; background: url('../pictures/nav/photos_portrait.gif') 	50% 0 no-repeat; }
    div#navigation li.movie a			{ width: 100px; background: url('../pictures/nav/photos_theater.gif') 	50% 0 no-repeat; }
    div#navigation li.download a		{ width: 90px; background: url('../pictures/nav/download.gif') 	50% 0 no-repeat; }
    div#navigation li.demoband a		{ width: 101px;background: url('../pictures/nav/demo.gif') 	50% 0 no-repeat; }
    div#navigation li.contact a			{ width: 65px; background: url('../pictures/nav/contact.gif') 	50% 0 no-repeat; }

    div#footer li.agentur a				{ width: 143px; background: url('../pictures/nav/agentur.gif') 50% 0 no-repeat; }    
    div#footer li.links a				{ width: 31px;background: url('../pictures/nav/links.gif') 	50% 0 no-repeat; }
    div#footer li.legal a				{ width: 81px; background: url('../pictures/nav/legal.gif') 50% 0 no-repeat; }

	div#footer li.active a,
    div#navigation li.active a 			{ background-position: 50% 100%; }
    div#navigation li.active li a,
    div#footer ul:hover a,
    div#navigation ul:hover a 			{ background-position: 50% 0; 	}
    div#footer li:hover a,
    div#navigation li:hover a 			{ background-position: 50% 100%;}
    div#navigation li:hover li a		{ background-position: 50% 0; 	}
    div#navigation li.active li.active a,
    div#navigation li:hover li:hover a	{ background-position: 50% 100%;}
    
    div#footer ul:hover li 	{ background: none; }
    div#footer li:hover 	{ background: #d24dba !important; }
    
/* ! FOOTER */
/* --------------------------------------------------------------------------------------- */

div#footer {

	position:			absolute;
	bottom:				0px;
	
	width:				100%;
    height:				24px;
    border-bottom:		2px solid white;
    
    background:			#8a898a;
}

div#footer ul {

	list-style: 		none;
	float:				right;
	margin-right:		36px;
}

div#footer li {

	float:				left;
	height:				22px;
}

div#footer li.active {				

	background:			#d24dba;
}

div#footer ul:hover {

	background:			none;
}

div#footer li:hover {

	background:			#d24dba;
}

/* !Agentur */

div#jovanovic_info {

	display:			none;
	
	position:			absolute;
	
	top:				-251px;
	left:				50%;
	margin-left:		-25px;
	
	width:				428px;
	padding:			30px 20px;
	height:				190px;
						
	font-size:			14px;
	color:				#444;
						
	border: 			1px solid #d24dba;
	background:			#fbedf9;
}

div#jovanovic_info h1 {

	margin-bottom:		10px;
}

/* ! CONTENT */
/* --------------------------------------------------------------------------------------- */

div#photo {

	position:			absolute;
	width:				100%;
	top:				245px;
}

div#photo div.center {

	padding-left:		115px;
	width:				875px;
}

div.content {

	position:			absolute;
	overflow:			scroll;
	overflow-x: 		hidden;
	overflow-y: 		auto;
	top:				160px;
	left:				0px;
	bottom:				24px;
	margin:				81px 0;
	width:				100%;
	
	font-size:			12px;
	line-height: 		18px;
	color:				#666465;
}

div#content div.center {

	padding-left:		477px;
	padding-right:		50px;
	width:				475px;
}

div#full div.center {

	/*width:				895px;*/
	width: 				595px;
	padding-right: 		300px;			
}

div#gallery {

	position:			absolute;
	width:				895px;
	top:				190px;
	margin-top:			24px;
	margin-left:		-452px;
	left:				50%;
	height:				300px;
	
	overflow:			hidden;
}

div#gallery ul {

	width:				895px;
}

div#gallery li {

	float:				left;
	width:				220px;
	height:				300px;
	overflow:			hidden;
	margin-left:		5px;
	_margin-left:		3px !important;
}

div#gallery li.wide {

	width:				440px !important;
}

div#gallery li span.number {

	display:			block;
	text-align: 		center;
	height:				24px;
	
	color:				#dcdada;
	margin-bottom:		7px;
}

div#gallery li span.number div {

	height:				24px;
	width:				24px;
	margin:				0 auto;
	padding-top:		1px;
	background:			url("../pictures/bg_numbericon.png");
}

div#gallery li span.photographer {

	display:			block;
	margin-top:			7px;
	width:				210px;
	
	color:				#878686;
	font-size: 			11px;
}

div#gallery_navigation {

	position:			absolute;
	top:				340px;
	width:				100%;
}

div#gallery_navigation #previous { float: left;	}	
div#gallery_navigation #next { float: right; }


/* FORMULAR */


div.content form {

	width:		545px;
}

div.content form textarea {

	font-size:		12px;
	padding:		6px;
	width:			533px;
	height:			225px;
	margin:			6px 1px;
	border:			none;
}

div.content input {

	width:			530px;
	padding:		6px;
	margin-bottom:	4px;
}

div.content #submit {
	
	color:			white;
	font-weight:	bold;
	font-size:		12px;
	line-height:	12px;
	padding:		0px;
	
	width:			145px;
	height:			25px;
	
	float:			right;
	
	background:		#cc44a9 url('../pictures/bg_submit.gif') no-repeat;
	border:			none;
}

div.content #submit:hover {

	cursor:			pointer;				
}



/* !TEXT */

h1 span.date {

	font-size:			12px;
	padding-top:		3px;
	font-weight:		normal;
	float:				right;
}

*+html h1 span.date {

	margin-top:			-18px;
}

div#full a,
div#jovanovic_info a,
div#content a {

	color:				#9a156d;
	font-weight:		bold;
	
	padding-right:		15px;
	background:			url('../pictures/icon_more.gif') right no-repeat;
}

div#content ul {

	margin:				20px 0px;
}

div#content ul li {

	margin-bottom:		12px;
}

ul.list 	 { position: relative; }
ul.list li 	 { display: block; }
ul.list span {
	
	position:			absolute;
	left: 				0px;
}

ul.year  { padding-left: 60px; }
ul.label { padding-left: 130px; }

ul.headline span {
}

ul.dates li {
	
	margin-bottom:	0px !important;				
}

body.download div#full div.center {
	
	width:			905px;
	padding-right:	0px !important;
}

ul.downloads {

	padding-bottom:	55px !important;
}

ul.downloads li {

	float: 			left;
	margin-right:	10px;
}

ul.downloads li a.noarrow {

	display: 	block;
	background: none !important;
	padding:	0 !important;
}

blockquote {
	
	color:		#444;
	font-size:	12px;
	font-style: italic;
}

blockquote span {
	
	display:	block;
	text-align:	right;
	font-style: normal;
	font-size:	10px;
}

div#content ul ul,
div#full ul ul {
	
	margin-top:			12px;
	list-style-type: 	none;
	padding-left:		12px;				
}

div#content ul ul li,
div#full ul ul li {
	
	margin-bottom:	6px;
}

div#full ul.standard li {

	margin-bottom:	6px;
}


/* !BG */

#header,
#navigation,
#photo,
#gallery,
#footer,
#full,
#content,
#gallery_navigation {

	z-index:	20;
}

#background,
#background table,
#background td {

    width:		100%;
    height:		100%;
    overflow:	hidden;
}

#background {

	z-index:		-1;
}

#background td {

  	vertical-align:	middle;
    text-align:		center;
}

#background div {

    position:		absolute;
    width:			200%;
    height:			200%;
    top:			-50%;
    left:			-50%;
}

#background img {

    display:		block;
    min-height:		50%;
    min-width:		50%;
    margin:			0 auto;
}