/*CSS Style für Parallaxe*/


body {
	background-color: #666666;
	clip: rect(auto,auto,auto,auto);
	height: 100%;
	width: 100%;
}
body,td,th {
	color: #CBD7BB;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
}

h1 {
	font-size: 1px;
	color: #536066;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
}
h2 {
	font-size: 1px;
	font-family: Arial, Helvetica, sans-serif;
	color: #536066;
	text-decoration: none;
}
h3 {
	font-size: 1px;
	font-family: Arial, Helvetica, sans-serif;
	color: #536066;
	text-decoration: none;
}
a {
	font-size: 17px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
}




a:link {
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	color: #CBD7BB;
}

/* Formatierung innerhalb des Div workshoptext - eine Zeile mit der ID orange für orangene color*/
#workshoptext #orange {
	color: #F60;
}


/* needed for IE to make :active state work first time */
a, a:visited {
	color:#CBD7BB;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
} 
a:hover {
	text-decoration: none;
	color: #F60;
	font-family: Arial, Helvetica, sans-serif;
}
.active {
	color:                #000000;
}


#logodiv {
	position:absolute;
	left:15px;
	top:17px;
	width:190px;
	height:190px;
	z-index:1;
}
#namelinkdiv {
	position:absolute;
	left:15px;
	top:210px;
	width:187px;
	height:30px;
	z-index:1;
	font-size: 20px;
	font-weight: bold;
	text-transform: lowercase;
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
}

   .schrift20gruen {
	text-align: right;
	text-transform: lowercase;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	color: #CBD7BB;
	font-weight: normal;
	font-size: 20px;
}

	
#startbild {
	height: 300px;
	width: 500px;
	position: absolute;
	text-decoration: none;
	left: 420px;
	text-transform: lowercase;
	top: 18px;
}
#socialbookmarksid {
	position:absolute;
	left:721px;
	top:530px;
	width:280px;
	height:100px;
	z-index:3;
	text-decoration: none;
}

#fapdiv {
	position:absolute;
	left:666px;
	top:322px;
	width:250px;
	height:25px;
	z-index:2;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 19px;
	color: #2F4851;
	text-decoration: none;
	letter-spacing: 0.1em;
	text-align: right;
	vertical-align: baseline;
	font-style: italic;
}


a.slidet1 {
	z-index: 50;
	background-image: url(fotos/thumb_tales_1.jpg);
}
a.slidet2 {
	z-index: 50;
	background-image: url(fotos/thumb_tales_2.jpg);
}
a.slidet3 {
	z-index: 50;
	background-image: url(fotos/thumb_tales_3.jpg);
}
a.slidet4 {
	z-index: 50;
	background-image: url(fotos/thumb_tales_4.jpg);
}
a.slidet5 {
	z-index: 50;
	background-image: url(fotos/thumb_tales_5.jpg);
}
a.slidet6 {
	z-index: 50;
	background-image: url(fotos/thumb_tales_6.jpg);
}
a.slidet7 {
	z-index: 50;
	background-image: url(fotos/thumb_tales_7.jpg);
}
a.slidet8 {
	z-index: 50;
	background-image: url(fotos/thumb_tales_8.jpg);
}
a.slidet9 {
	z-index: 50;
	background-image: url(fotos/thumb_tales_9.jpg);
}



a.slidea1 {
	z-index: 50;
	background-image: url(fotos/thumb_aktfotos_1.jpg);
}
a.slidea2 {
	z-index: 50;
	background-image: url(fotos/thumb_aktfotos_2.jpg);
}
a.slidea3 {
	z-index: 50;
	background-image: url(fotos/thumb_aktfotos_3.jpg);
}
a.slidea4 {
	z-index: 50;
	background-image: url(fotos/thumb_aktfotos_4.jpg);
}
a.slidea5 {
	z-index: 50;
	background-image: url(fotos/thumb_aktfotos_5.jpg);
}
a.slidea6 {
	z-index: 50;
	background-image: url(fotos/thumb_aktfotos_6.jpg);
}
a.slidea7 {
	z-index: 50;
	background-image: url(fotos/thumb_aktfotos_7.jpg);
}
a.slidea8 {
	z-index: 50;
	background-image: url(fotos/thumb_aktfotos_8.jpg);
}
a.slidea9 {
	z-index: 50;
	background-image: url(fotos/thumb_aktfotos_9.jpg);
}


a.slidef1 {
	z-index: 50;
	background-image: url(fotos/thumb_fetisch_1.jpg);
}
a.slidef2 {
	z-index: 50;
	background-image: url(fotos/thumb_fetisch_2.jpg);
}
a.slidef3 {
	z-index: 50;
	background-image: url(fotos/thumb_fetisch_3.jpg);
}
a.slidef4 {
	z-index: 50;
	background-image: url(fotos/thumb_fetisch_4.jpg);
}
a.slidef5 {
	z-index: 50;
	background-image: url(fotos/thumb_fetisch_5.jpg);
}
a.slidef6 {
	z-index: 50;
	background-image: url(fotos/thumb_fetisch_6.jpg);
}
a.slidef7 {
	z-index: 50;
	background-image: url(fotos/thumb_fetisch_7.jpg);
}
a.slidef8 {
	z-index: 50;
	background-image: url(fotos/thumb_fetisch_8.jpg);
}
a.slidef9 {
	z-index: 50;
	background-image: url(fotos/thumb_fetisch_9.jpg);
}



a.slidep1 {
	z-index: 50;
	background-image: url(fotos/thumb_portrait_1.jpg);
}
a.slidep2 {
	z-index: 50;
	background-image: url(fotos/thumb_portrait_2.jpg);
}
a.slidep3 {
	z-index: 50;
	background-image: url(fotos/thumb_portrait_3.jpg);
}
a.slidep4 {
	z-index: 50;
	background-image: url(fotos/thumb_portrait_4.jpg);
}
a.slidep5 {
	z-index: 50;
	background-image: url(fotos/thumb_portrait_5.jpg);
}
a.slidep6 {
	z-index: 50;
	background-image: url(fotos/thumb_portrait_6.jpg);
}
a.slidep7 {
	z-index: 50;
	background-image: url(fotos/thumb_portrait_7.jpg);
}
a.slidep8 {
	z-index: 50;
	background-image: url(fotos/thumb_portrait_8.jpg);
}
a.slidep9 {
	z-index: 50;
	background-image: url(fotos/thumb_portrait_9.jpg);
}




a.slideh1 {
	z-index: 50;
	background-image: url(fotos/thumb_hochzeit_1.jpg);
}
a.slideh2 {
	z-index: 50;
	background-image: url(fotos/thumb_hochzeit_2.jpg);
}
a.slideh3 {
	z-index: 50;
	background-image: url(fotos/thumb_hochzeit_3.jpg);
}
a.slideh4 {
	z-index: 50;
	background-image: url(fotos/thumb_hochzeit_4.jpg);
}
a.slideh5 {
	z-index: 50;
	background-image: url(fotos/thumb_hochzeit_5.jpg);
}
a.slideh6 {
	z-index: 50;
	background-image: url(fotos/thumb_hochzeit_6.jpg);
}
a.slideh7 {
	z-index: 50;
	background-image: url(fotos/thumb_hochzeit_7.jpg);
}
a.slideh8 {
	z-index: 50;
	background-image: url(fotos/thumb_hochzeit_8.jpg);
}
a.slideh9 {
	z-index: 50;
	background-image: url(fotos/thumb_hochzeit_9.jpg);
}


/* common styling for all galleries */
a.gallery, a.gallery:visited {
	color:#000;
	text-decoration:none;
	border:1px solid #000;
	width:50px;
	height:70px;
	float:left;
	margin:5px;
	z-index:40;
	cursor: crosshair;
}
a.gallery em, a.gallery span {
	display:none;
	z-index: 1;
	
}
a.gallery:hover {
	border:1px solid #CBD7BB;
}
#galeriehinweis {
	position:absolute;
	left:470px;
	top:120px;
	width:250px;
	height:55px;
	z-index:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 21px;
	color: #CBD7BB;
	text-align: center;
	text-decoration: none;
}



/* styling for LEFT gallery */
#container {
	position:absolute;
	width:190px;
	height:630px;
	background-color: #666666;
	left: 215px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	z-index: 1;
	top: 17px;
}
#container .thumbs {
	width:190px;
	position:absolute;
	top:0px;
	background-color: #3e3e3e;
	height: 245px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	z-index: 40;
	right: 0px;
	bottom: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 4px;
	left: 0px;
	cursor: crosshair;
}
.bildzentrieren {
	text-align: center;
	padding-right: 11px;
	padding-top: 4px;
}

#menue {
	height: 368px;
	width: 180px;
	position: absolute;
	top: 250px;
	display: block;
	left: 0px;
	overflow: visible;
}
 .zurmenübox {
	text-decoration: none;
	text-align: right;
	background-color: #3e3e3e;
	padding-right: 14px;
	padding-top: 22px;
}
#container a.gallery:hover span {
	display:inline;
	position:absolute;
	width:300px;
	height:70px;
	top:510px;
	left:210px;
	padding:0px;
	color:#CBD7BB;
	z-index:1;
	background-color: #666666;
	text-transform: none;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
}
#container a.gallery:hover span:first-line {
	font-style:normal;
	font-weight:bold;
	font-size:1em;
	color:#000000;
	text-transform: none;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
}
#container a.gallery:active, #container a.gallery:focus {
	border: 1px solid #CBD7BB;
	text-transform: none;
}
#container   a.gallery:active   em, #container   a.gallery:focus   em {
	display:block;
	position:absolute;
	width:340px;
	height:500px;
	top:0px;
	left:205px;
	padding:0px;
	color:#DEDFEC;
	z-index:50;
}

#container img {
	position: static;
	border-top-width: 0;
	border-right-width: 0;
	border-bottom-width: 0;
	border-left-width: 0;
	z-index: 1;
}

#videolinksdiv {
	position:absolute;
	left:476px;
	top:342px;
	width:170px;
	height:300px;
	z-index:2;
}

#videolinks2div {
	position:absolute;
	left:680px;
	top:342px;
	width:170px;
	height:300px;
	z-index:2;
}



#videofotoplatzhalterid {
	position:absolute;
	left:427px;
	top:19px;
	width:500px;
	height:280px;
	z-index:3;
}
#kontaktformulardiv {
	position:absolute;
	left:438px;
	top:33px;
	width:402px;
	height:520px;
	z-index:100;
	color: #CBD7BB;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
}
#kontakt_php_antwort {
	position:absolute;
	left:250px;
	top:170px;
	width:320px;
	height:50px;
	z-index:102;
}

#socialbookmarks_kontakt_id2 {
	position:absolute;
	left:310px;
	top:533px;
	width:302px;
	height:70px;
	z-index:101;
}

#socialbookmarks_kontakt_id {
	position:absolute;
	left:532px;
	top:550px;
	width:302px;
	height:70px;
	z-index:101;
}

#workshopbanner {
	position:absolute;
	left:280px;
	top:30px;
	width:460px;
	height:100px;
	z-index:50;
}
#workshoptext {
	position:absolute;
	left:432px;
	top:40px;
	width:370px;
	height:370px;
	z-index:4;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	color: #CBD7BB;
	text-decoration: none;
	text-align: center;
}

#workshoptextunten {
	position:absolute;
	left:430px;
	top:430px;
	width:370px;
	height:187px;
	z-index:5;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #CBD7BB;
	text-decoration: none;
	text-align: center;
}
#impressumdiv {
	position:absolute;
	left:444px;
	top:18px;
	width:340px;
	height:600px;
	z-index:2;
	font-family: Arial, Helvetica, sans-serif;
	color: #CBD7BB;
	text-align: center;
	font-size: 14px;
}

#linksfotoseiten {
	position:absolute;
	left:453px;
	top:35px;
	width:180px;
	height:525px;
	z-index:2;
}
#linkseitemodelle {
	position:absolute;
	left:650px;
	top:35px;
	width:220px;
	height:530px;
	z-index:3;
}
#linkgesetzestext {
	position:absolute;
	left:29px;
	top:272px;
	width:165px;
	height:280px;
	z-index:4;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #CBD7BB;
	text-decoration: none;
	text-align: justify;
	margin: 0px;
}