@charset "utf-8";


/*main.css von parallaxe 2011*/

body {
	margin: 0;
	padding: 0;
	line-height: 1.9em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999;
	background-color: #2a4954;
}

h1 {
	font-size: 1px;
	color: #2A4954;
}
h2 {
	font-size: 1px;
	color: #2A4954;
}
h3 {
	font-size: 1px;
	color: #2A4954;
}
h4 {
	font-size: 1.4em;
}

h5 {
	font-size: 1em;
	color: #FFF;
	text-align: center;
}

#Hauptbox_zentriert {
	background: url(images/menuestreifen.gif) top repeat-x;
}



#container {
	margin: auto;
	width: 950px;
	overflow: visible;
	padding-top: 18px;
	height: 635px;
}


p{
	margin: 0px;
	padding: 0 00px 0;
}

a:link {
	color: #FE9730;
	text-decoration: none;
	font-weight: bold;
} 

a:hover {
	color: #E77401;
	text-decoration: none;
}

a:visited {
	color: #BE5601;
	text-decoration: none;
	font-weight: bold;
}



a:active {
	color: #CF9;
	text-decoration: none;
}




/*------------- Menueleiste ------------------*/

#menueleiste {
	float: left;
	width: 930px;
	height: 40px;
	margin: 0px 0 0 0;
	margin-left: 20px;
}

#menueleiste ul li{
	display: inline;
}

#menueleiste ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#menueleiste ul li a{
	float: left;
	width: 140px;
	height: 30px;
	padding: 10px 0 0 0;
	font-size: 1.1em;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	color: #aabdd0;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #34373b;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
}

#menueleiste ul li .lastmenue{
	border-right: 1px solid #34373b;	
}

#menueleiste li a:hover, #menueleiste li .dauernd{  
	color: #aabdd0;
	background: url(images/menuehover.gif);
}/*ständiges GIF über dem Eintrag HOME links oben*/



/* ---------- Kopfbereich mit der Seitenstartbild-BOX ------------*/

#kopfbanner {
	float: left;
	width: 950px;
	height: 150px;
	margin-top: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0px;
}

#header {
	float: left;
	width: 240px;
	height: 150px;
	background: url(images/aktfoto_links.jpg) no-repeat;
	margin-left: 20px;
	overflow: hidden;
	display: inline;
}

#parallaxe {
	font-size: 3em;
	font-weight: bold;
	color:#ff6000;
	padding-top: 80px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 20px;
}

#parallaxe_zeile{
	font-size: 1em;
	color:#CCC;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 20px;
}

#seitenstartbild {
	width: 607px;
	height: 150px;
	overflow: hidden;
	position: relative;
}

#seitenstartbildtext {
	color: #FFF;
	position: absolute;
	width: 160px;
	height: 50px;
	top: 0px;
	left: 435px;
	text-align: right;
	font-size: 1.1em;
	padding-top: 100px;
	padding-right: 10px;
	top: 0px;
	
	
}

#seitenstartbildtext span {
	font-size: 22px;
	font-weight: bold;
	color: #cd6502;
}



/* -------------- Content Box ---------------- */


#content {
	float: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 55px;
	padding-left: 20px;
}



/*------------- linke Spalte ------------------*/

#leftcolumn {
	float: left;
	width: 220px;
	background: url(images/galerieverlauf.gif) top center no-repeat;
	padding-top: 22px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
	line-height: 1em;
	height: 365px;
}

.galeriemenue {
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0px;
	font-size: 1.1em;
	line-height: 1.9em;
}

.vimeo {
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-size: 1em;
	line-height: 1.4em;
	margin-top: 22px;
}



/*----- rechte Spalte mit zwei Unterteilungen ------*/

#rightcolumn {
	float: left;
	width: 620px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 70px;
}

.twocolumn_box {
	float: left;
	width: 230px;
	border: 1px solid #152930;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 40px;
	padding-left: 10px;
	background-color: #1f363e;
	background-image: url(images/boxBG.gif);
	background-repeat: no-repeat;
	background-position: right top;
	line-height: 1.6em;
}


.abstandhalter {
	float: left;
	width: 20px;
	height: 50px;
}

.twocolumn_box img {
	float: left;
	margin: 1px 10px 0 0;
	border: 1px solid #000;
}
.twocolumn_box p {
	text-align: left;
}
.twocolumn_box ul {
	margin: 0 0 0 10px;
	padding: 0px;
}
.twocolumn_box li {
	list-style: none;
	padding: 10px 0 10px 20px;
	background: url(images/haken.png) center left no-repeat;
}


.mehr_button a{
	clear: both;
	display: block;
	width: 80px;
	height: 20px;
	margin: 15px 0 0 0;
	text-align: center;
	font-weight: bold;
	text-decoration: none;
	border: 1px solid #05070a;
	background-color: #2F525E;
}


/*Formatierungen für die jeweiligen Texte im rechten Bereich*/

#rightcolumn_fotoserien {
	float: left;
	width: 550px;
	padding-top: 20px;
	padding-left: 85px;
	line-height: 1.5em;
}


#fotoseminar_textbereich {
	float: left;
	width: 550px;
	padding-top: 30px;
	padding-left: 95px;
	line-height: 1.5em;
}

#rightcolumn_textlehrdvd {
	float: left;
	width: 495px;
	padding-top: 20px;
	padding-left: 195px;
	line-height: 1.6em;
}

.twocolumn_linkliste {
	float: left;
	width: 190px;
	border: 1px solid #152930;
	padding-top: 10px;
	padding-bottom: 80px;
	padding-left: 35px;
	background-color: #1f363e;
	background-image: url(images/boxBG.gif);
	background-repeat: no-repeat;
	background-position: right top;
	line-height: 2em;
}

#rightcolumn_textrichter {
	float: left;
	width: 540px;
	padding-top: 30px;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 150px;
	line-height: 1.5em;
}

#rightcolumn_neuigkeiten {
	float: left;
	width: 495px;
	padding-top: 40px;
	padding-left: 130px;
	line-height: 1.7em;
}

#rightcolumn_kontaktform {
	float: left;
	width: 500px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 60px;
	line-height: 1em;
	color: #CCC;	
}

.kontaktformgrau {
	background-color: #dddddd;
}

.weisseschrift {
	color: #FFF;
}

#rightcolumn_impressum {
	float: left;
	width: 550px;
	padding-top: 20px;
	padding-left: 100px;
	line-height: 1.5em;
}

#rightcolumn_webdesign {
	float: left;
	width: 550px;
	padding-top: 40px;
	padding-left: 100px;
	line-height: 1.5em;
}


/* ------- Footer ------- */

#footer {
	clear: both;
	width: 100%;
	height: 60px;
	text-align: center;
	background:url(images/footerstreifen.gif) repeat-x left bottom;
	padding-top: 20px;
}



/* ------- Seitenende - unterhalb in Hauptbox_zentriert noch  H1-3 ------- */






/* ---------------------------- FOTOGALERIEN -----------------------*/


#container_left {
	background: url(images/galerieverlauf.gif) top center no-repeat;
	width:210px;
	height:410px;
	float: left;
	margin-top: 15px;
	margin-left: 20px;
	margin-right: 190px;
}



/* ----DIV Thumbs -----Breite und Höhe zwingen Thumbs in ihre Form, relative zu container_left /
DIESER z-index legt im IE das spätere große Bild über den hellblauen Galeriehinweis mit z-index 0 !!*/
#container_left .thumbs {
	width:185px;
	position:relative;
	height: 320px;
	cursor: crosshair;
	z-index: 1;
	padding-top: 10px;
	padding-left: 10px;
}


/* CLASS THUMBS ----Größe, gegenseitiger 4px Abstand, dunkelgrauer 1px Rand*/
a.gallery, a.gallery:visited {
	display:block;
	border:1px solid;
	border-color: #171717;
	width:50px;
	height:70px;
	float:left;
	margin:4px;
	z-index:50;
}

/* ----  Thumbnails - Rahmen bei Mouseover /  orange, Crosshair ------*/
a.gallery:hover {border:1px solid; border-color: #fe8713;cursor: crosshair;}


/* ----Thumbnailrahmen in hellem Grau, wenn angeklickt wurde ------*/
#container_left a.gallery:active, #container_left a.gallery:focus {
	border:1px solid;
	border-color: #DDD;
}

/* ------------- Aktgalerie Endung a1 ... folgende --------------------*/

a.slidea1 {background:url(fotos/thumb_aktfotos_1.jpg);}
a.slidea2 {background:url(fotos/thumb_aktfotos_2.jpg);}
a.slidea3 {background:url(fotos/thumb_aktfotos_3.jpg);}
a.slidea4 {background:url(fotos/thumb_aktfotos_4.jpg);}
a.slidea5 {background:url(fotos/thumb_aktfotos_5.jpg);}
a.slidea6 {background:url(fotos/thumb_aktfotos_6.jpg);}
a.slidea7 {background:url(fotos/thumb_aktfotos_7.jpg);}
a.slidea8 {background:url(fotos/thumb_aktfotos_8.jpg);}
a.slidea9 {background:url(fotos/thumb_aktfotos_9.jpg);}
a.slidea10 {background:url(fotos/thumb_aktfotos_10.jpg);}
a.slidea11 {background:url(fotos/thumb_aktfotos_11.jpg);}
a.slidea12 {background:url(fotos/thumb_aktfotos_12.jpg);}


/* ------------- Fetischgalerie Endung b1 ... folgende --------------------*/


a.slideb1 {background:url(fotos/thumb_fetisch_1.jpg);}
a.slideb2 {background:url(fotos/thumb_fetisch_2.jpg);}
a.slideb3 {background:url(fotos/thumb_fetisch_3.jpg);}
a.slideb4 {background:url(fotos/thumb_fetisch_4.jpg);}
a.slideb5 {background:url(fotos/thumb_fetisch_5.jpg);}
a.slideb6 {background:url(fotos/thumb_fetisch_6.jpg);}
a.slideb7 {background:url(fotos/thumb_fetisch_7.jpg);}
a.slideb8 {background:url(fotos/thumb_fetisch_8.jpg);}
a.slideb9 {background:url(fotos/thumb_fetisch_9.jpg);}
a.slideb10 {background:url(fotos/thumb_fetisch_10.jpg);}
a.slideb11 {background:url(fotos/thumb_fetisch_11.jpg);}
a.slideb12 {background:url(fotos/thumb_fetisch_12.jpg);}


/* ------------- Modegalerie Endung c1 ... folgende --------------------*/


a.slidec1 {background:url(fotos/thumb_modefotografie_1.jpg);}
a.slidec2 {background:url(fotos/thumb_modefotografie_2.jpg);}
a.slidec3 {background:url(fotos/thumb_modefotografie_3.jpg);}
a.slidec4 {background:url(fotos/thumb_modefotografie_4.jpg);}
a.slidec5 {background:url(fotos/thumb_modefotografie_5.jpg);}
a.slidec6 {background:url(fotos/thumb_modefotografie_6.jpg);}
a.slidec7 {background:url(fotos/thumb_modefotografie_7.jpg);}
a.slidec8 {background:url(fotos/thumb_modefotografie_8.jpg);}
a.slidec9 {background:url(fotos/thumb_modefotografie_9.jpg);}
a.slidec10 {background:url(fotos/thumb_modefotografie_10.jpg);}
a.slidec11 {background:url(fotos/thumb_modefotografie_11.jpg);}
a.slidec12 {background:url(fotos/thumb_modefotografie_12.jpg);}



/* ------------- Portraitgalerie Endung d1 ... folgende --------------------*/


a.slided1 {background:url(fotos/thumb_portrait_1.jpg);}
a.slided2 {background:url(fotos/thumb_portrait_2.jpg);}
a.slided3 {background:url(fotos/thumb_portrait_3.jpg);}
a.slided4 {background:url(fotos/thumb_portrait_4.jpg);}
a.slided5 {background:url(fotos/thumb_portrait_5.jpg);}
a.slided6 {background:url(fotos/thumb_portrait_6.jpg);}
a.slided7 {background:url(fotos/thumb_portrait_7.jpg);}
a.slided8 {background:url(fotos/thumb_portrait_8.jpg);}
a.slided9 {background:url(fotos/thumb_portrait_9.jpg);}
a.slided10 {background:url(fotos/thumb_portrait_10.jpg);}
a.slided11 {background:url(fotos/thumb_portrait_11.jpg);}
a.slided12 {background:url(fotos/thumb_portrait_12.jpg);}




/* ------------- Photoshopgalerie Endung e1 ... folgende --------------------*/


a.slidee1 {background:url(fotos/thumb_photoshop_1.jpg);}
a.slidee2 {background:url(fotos/thumb_photoshop_2.jpg);}
a.slidee3 {background:url(fotos/thumb_photoshop_3.jpg);}
a.slidee4 {background:url(fotos/thumb_photoshop_4.jpg);}
a.slidee5 {background:url(fotos/thumb_photoshop_5.jpg);}
a.slidee6 {background:url(fotos/thumb_photoshop_6.jpg);}
a.slidee7 {background:url(fotos/thumb_photoshop_7.jpg);}
a.slidee8 {background:url(fotos/thumb_photoshop_8.jpg);}
a.slidee9 {background:url(fotos/thumb_photoshop_9.jpg);}
a.slidee10 {background:url(fotos/thumb_photoshop_10.jpg);}
a.slidee11 {background:url(fotos/thumb_photoshop_11.jpg);}
a.slidee12 {background:url(fotos/thumb_photoshop_12.jpg);}





#zurgaleriebutton_png {
	height: 36px;
	width: 36px;
	position: relative;
	margin-top: 9px;
	margin-left: 83px;
	
}





/* ----blendet beim Aufruf die verlinkten großen Bilder aus ------*/
a.gallery em, a.gallery span {display:none;}


	
/* Der hellblaue Galerie-Titel lehnt sich links an das margin-right
des container_left an und wird in der Vertikalen durch das eigene 
margin-top positioniert*/	
#galeriehinweis {
	position:relative;
	width:230px;
	height:30px;
	z-index:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size:19px;
	color:#aabdd0;
	float:left;
	margin-top:100px;
}

/* focus bringt das große Bild an die Oberfläche  --   top4px positionieren,
195px ist der Abstand zur Thumbbox!*/ 
#container_left a.gallery:active em, #container_left a.gallery:focus em {
	display:block;
	position:absolute;
	top:4px;
	left:195px;
	z-index:3;
	padding-left:30px;
}



/* dunkelgrauer 1px Rand des großen Bildes */
#container_left img {
	border:1px solid;
	border-color:#1D1D1D;			
}
	



/* Boxposition der Bildunterschriften wenn Mouseover / 
die Farbe färbt auch die Schrift - zweite Zeile*/		
#container_left a.gallery:hover span {
	color:#aabdd0;
	display:inline;
	height:50px;
	width:400px;
	line-height:1.4em;
	position:absolute;
	top: 415px;
	left:12px;	
	

}


/* Formatierung der ersten Zeile der Bildunterschrift */
#container_left a.gallery:hover span:first-line {
	font-style:normal;
	font-weight:bold;
	font-size:1.1em;
	color:#000;
}




/* Ende der Bildergalerie */