body {
	background:url(../bilder/bg.gif);
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;	
	}
	
div#main {
	width:800px;
	margin-top:10px;
	text-align:left;
	}	
	
div#head {
	background:url(../bilder/head.jpg);
	border:5px solid #FFFFFF;
	width:800px;
	height:162px; /* nur IE 5.x */
	voice-family: "\"}\"";	
	width:790px;
	height:152px; /* andere Browser */
	voice-family: "\"}\"";	
	}
	
div#left {
	float:left;
	}
	
div#navi-produkte {
	background-color:#FFFFFF;
	margin-top:10px;
	padding-top:1px;
	padding-left:1px;
	width:172px; 
	height:316px; /* nur IE 5.x */
	voice-family: "\"}\"";	
	width:171px;
	height:315px; /* andere Browser */
	voice-family: "\"}\"";	
	}
	
div#navi-informationen {
	background-color:#FFFFFF;
	margin-top:10px;
	padding-top:1px;
	padding-left:1px;
	width:172px; 
	height:128px; /* nur IE 5.x */
	voice-family: "\"}\"";	
	width:171px;
	height:127px; /* andere Browser */
	voice-family: "\"}\"";	
	}
	
div#monats-aktion {
	font-size:11px;
	margin-top:10px;
	width:172px; 
	height:100px;
	}
	
div#monats-aktion a {
	font-size:11px;
	color:#009734;
	text-decoration:none;
	}
	
.monat {
	font-weight:bold;
	color:#FF0004;
	}
	
.aktion {
	color:#029733;
	}
	
div#ofps {
	font-size:11px;
	margin-top:10px;
	width:172px; 
	height:100px;
	}
	
div#ofps a {
	font-size:11px;
	color:#009734;
	text-decoration:none;
	}
	
div#right {
	float:right;
	}
	
div#content {
	background-color:#FFFFFF;
	line-height:14px;
	margin-top:10px;
	padding:5px;
	width:618px; 
	height:837px;/* nur IE 5.x */
	voice-family: "\"}\"";
	width:608px; /* andere Browser */
	height:827px;
	voice-family: "\"}\"";	
	}
	
div#content2 {
	background-color:#FFFFFF;
	line-height:16px;
	color:#464646;
	margin-top:10px;
	padding:30px;
	padding-top:20Fpx;
	width:618px; /* nur IE 5.x */
	voice-family: "\"}\"";	
	width:558px; /* andere Browser */
	voice-family: "\"}\"";	
	}
	
div#content3 {
	background-color:#FFFFFF;
	line-height:16px;
	color:#464646;
	margin-top:10px;
	padding:30px;
	padding-top:20Fpx;
	width:618px; 
	height:575px; /* nur IE 5.x */
	voice-family: "\"}\"";	
	width:558px; /* andere Browser */
	voice-family: "\"}\"";	
	}
	
div#content4 {
	background-color:#FFFFFF;
	line-height:16px;
	color:#464646;
	margin-top:10px;
	padding:30px;
	padding-top:20Fpx;
	width:618px; 
	height:795px; /* nur IE 5.x */
	voice-family: "\"}\"";	
	width:558px; /* andere Browser */
	voice-family: "\"}\"";	
	}
	
div#portraitstudio-oberursel {
	float:left; 
	width:265px;
	}
	
div#portraitstudio-eschborn {
	float:right; 
	width:265px;
	}
	
.trenner {
	margin-bottom:60px;
	}

div#footer {
	background-color:#FFFFFF;
	font-size:11px;
	margin-top:10px;
	text-align:right;
	color:#434343;
	padding-top:8px;
	padding-right:12px;
	float:right;
	width:618px;
	height:30px; /* nur IE 5.x */
	voice-family: "\"}\"";
	width:606px;
	height:22px; /* andere Browser */
	voice-family: "\"}\"";
	}
	
div#footer a {
	font-size:11px;
	color:#28A754;
	}
	
.navigation-rot {
	background:url(../bilder/navigation/navigation-rot.gif);
	color:#FFFFFF;
	font-size:11px;
	width:170px;
	padding-top:4px;
	height:20px; /* nur IE 5.x */
	voice-family: "\"}\""; 
	height:17px; /* andere Browser */
	voice-family: "\"}\""; 
	}
	
.navigation-gruen {
	background:url(../bilder/navigation/navigation-gruen.gif);
	color:#FFFFFF;
	font-size:11px;
	width:170px;
	padding-top:4px;
	height:20px; /* nur IE 5.x */
	voice-family: "\"}\""; 
	height:17px; /* andere Browser */
	voice-family: "\"}\""; 
	}	
	
.navigation-grau {
	background:url(../bilder/navigation/navigation-grau.gif);
	width:170px;
	font-size:11px;
	color:#000000;
	padding-top:4px;
	margin-top:1px;
	height:21px; /* nur IE 5.x */
	voice-family: "\"}\""; 
	height:16px; /* andere Browser */
	voice-family: "\"}\""; 
	}
	
.navigation-grauAktiv {
	background:url(../bilder/navigation/navigation-rot-hover.gif);
	width:170px;
	font-size:11px;
	color:#000000;
	padding-top:4px;
	margin-top:1px;
	height:21px; /* nur IE 5.x */
	voice-family: "\"}\""; 
	height:16px; /* andere Browser */
	voice-family: "\"}\""; 
	}
	
.navigation-grau2 {
	background:url(../bilder/navigation/navigation-grau.gif);
	width:170px;
	font-size:11px;
	color:#000000;
	padding-top:4px;
	margin-top:1px;
	height:21px; /* nur IE 5.x */
	voice-family: "\"}\""; 
	height:16px; /* andere Browser */
	voice-family: "\"}\""; 
	}
	
.navigation-grau2Aktiv {
	background:url(../bilder/navigation/navigation-gruen-hover.gif);
	width:170px;
	font-size:11px;
	color:#000000;
	padding-top:4px;
	margin-top:1px;
	height:21px; /* nur IE 5.x */
	voice-family: "\"}\""; 
	height:16px; /* andere Browser */
	voice-family: "\"}\""; 
	}
	
.navigation-headline {
	margin-left:10px;
	}
	
.navigation {
	font-size:11px;
	margin-left:10px;
	color:#000000;
	text-decoration:none;
	}

	
/* Content-Teaser */	
	
div#teaser-start {
	background:url(../bilder/teaser/start.jpg);
	background-repeat:no-repeat;
	padding:20px;
	padding-top:30px;
	width:608px;
	height:198px; /* nur IE 5.x */
	voice-family: "\"}\""; 			
	width:568px;
	height:148px; /* andere Browser */
	voice-family: "\"}\""; 
	}
	
div#teaser-bestellung {
	background:url(../bilder/teaser/bestellung.jpg);
	background-repeat:no-repeat;
	margin-top:5px;
	padding:20px;
	padding-top:30px;
	width:608px;
	height:198px; /* nur IE 5.x */
	voice-family: "\"}\""; 			
	width:568px;
	height:148px; /* andere Browser */
	voice-family: "\"}\""; 
	}
	
div#teaser-start a {
	color:#B7EECA;
	text-decoration:underline;
	}
	
div#teaser-start a:hover {
	color:#7ED79D;
	}
	
.teaser-start {
	width:260px;
	color:#FFFFFF;
	}
	
div#teaser-digitale-fotoabzuege {
	background:url(../bilder/teaser/digitale-fotoabzuege.jpg);
	background-repeat:no-repeat;
	float:left;
	color:#FFFFFF;
	margin-top:5px;
	padding:20px;
	width:305px;
	height:204px; /* nur IE 5.x */
	voice-family: "\"}\""; 	
	width:265px;
	height:164px; /* andere Browser */
	voice-family: "\"}\""; 	
	}
	
div#teaser-digitale-fotoabzuege a {
	color:#C8C8C8;
	text-decoration:underline;
	}
	
div#teaser-digitale-fotoabzuege a:hover {
	color:#939393;
	}
	
div#teaser-fotos-auf-leinwand {
	background:url(../bilder/teaser/fotos-auf-leinwand.jpg);
	background-repeat:no-repeat;
	float:right;
	color:#987513;
	margin-top:5px;
	padding:20px;
	width:296px;
	height:204px; /* nur IE 5.x */
	voice-family: "\"}\""; 	
	width:256px;
	height:164px; /* andere Browser */
	voice-family: "\"}\""; 
	}
	
div#teaser-fotos-auf-leinwand a {
	color:#E1A600;
	text-decoration:underline;
	}
	
div#teaser-fotos-auf-leinwand a:hover {
	color:#E14A00
	}
	
.teaser-fotos-auf-leinwand {
	width:180px;
	}
	
div#teaser-portraitstudio {
	background:url(../bilder/teaser/portraitstudio.jpg);
	background-repeat:no-repeat;
	float:left;
	color:#353535;
	margin-top:5px;
	padding:20px;
	width:305px;
	height:204px; /* nur IE 5.x */
	voice-family: "\"}\""; 	
	width:265px;
	height:164px; /* andere Browser */
	voice-family: "\"}\""; 	
	}
	
div#teaser-portraitstudio a {
	text-decoration:underline;
	}
	
.teaser-portraitstudio {
	width:200px;
	}
	
div#teaser-fotobuch {
	background:url(../bilder/teaser/fotobuch.jpg);
	background-repeat:no-repeat;
	float:right;
	color:#FFFFFF;
	margin-top:5px;
	padding:20px;
	width:296px;
	height:204px; /* nur IE 5.x */
	voice-family: "\"}\""; 	
	width:256px;
	height:164px; /* andere Browser */
	voice-family: "\"}\""; 
	}
	
div#teaser-fotobuch a {
	color:#F5B3B4;
	text-decoration:underline;
	}
	
div#teaser-fotobuch a:hover {
	color:#E98C8D;
	}
	
/* Content-Teaser */	
	
a  {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration : underline;
	color: #135cae;
}

a:hover  {
	text-decoration : underline;
}

h1 {
	font-size:15px;
	color:#00AE00;
	}
	
h2 {
	font-size:13px;
	color:#A3A3A3;
	border-bottom:1px dashed #A3A3A3;
	}
	
.text9 {
	font-size:9px;
	}

.text11 {
	font-size:11px;
	}	
	
.text-blau {
	color:#0047FF;
	}
	
.text-gruen {
	color:#00AE00;
	} 
	
.tabelle-head {
	background-color:#3C6249;
	font-size:14px;
	color:#FFFFFF;
	padding:5px;
	}
	
.tabelle-format {
	background-color:#EBEBEB;
	font-size:12px;
	padding:5px;
	}
	
.tabelle-weiss {	
	font-size:12px;
	padding:5px;
	}
	
.tabelle-gruen {
	background-color:#ECFAF0;
	font-size:12px;
	padding:5px;
	}
	
.bild-links {
	border:5px solid #E7E7E7;
	margin-left:15px;
	}
		
.bild-rechts {
	border:5px solid #E7E7E7;
	margin-right:15px;
	}
	
.bild {
	border:5px solid #E7E7E7;
	}
	
ul {
	font-size:12px;
	margin: 0;
	padding-left: 15px;
	}
	
.preis-fotobuch {
	margin-top:75px;
	}
	
.link_abstand {
	margin-left:176px;
	}

/* Lightbox Anfang */
#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../bilder/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../bilder/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../bilder/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 90px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #353535;
	}
	
.font8 {
	font-size:8px;
}

/*Lightbox Ende */


/*FORMULARE*/

.Input {background-color:#ffffff; border:1px solid #8b8b8b; height:18px; width:320px}
.InputKurz {background-color:#ffffff; border:1px solid #8b8b8b; height:18px; width:247px}
textarea {background-color:#ffffff; border:1px solid #8b8b8b; height:150px; width:320px}
.InputDatum {background-color:#ffffff; border:1px solid #8b8b8b; height:18px; width:65px}