body {
	font-size:11px;
	font-family:Tahoma, Helvetica-Narrow, Helvetica, Arial, sans-serif;
	background-color: #FFFFFF;
	text-align:center;
	color:#48453F;
	} 
	
#text { 
	color:#FFFFFF;
	font-size:10px;
}

.position { /* position der seiten im bild */
	width:1000px;
	height:800px;
	margin:80px auto;
	margin-top:20px;
	text-align:left;
	border:0px;
	}


#portfolio {
	text-align:left;
	}

a.menu {
	font-family:Tahoma, Helvetica-Narrow, Helvetica, Arial, sans-serif;
	display:block;
	padding:4px;  /* Der Abstand zwischen den Wörtern */
	border-top:0px solid #000;
	text-align:left;
	color:#48453F;
	text-decoration:none;
	font-size:10px;
	}

a.menu_active {
	font-family:Tahoma, Helvetica-Narrow, Helvetica, Arial, sans-serif;
	display:block;
	padding:4px;  /* Der Abstand zwischen den Wörtern */
	border-top:0px solid #000;
	text-align:left;
	color:#D9C200; /* Farbe des Menüpunkts der gerade gewählt ist */
	text-decoration:none;
	font-size:10px;
	}

#left {
	width:135px;
	float:left;
	}
	
#left2 { /* Beschreib den Abstand zwischen den Übersichtsbildern (Kästchen) */
	margin-bottom:10px;
	width:96px;
	float:left;
	}

#left21 { /* Beschreib den GROSSEN Abstand zwischen den Übersichtsbildern PORTFOLIO (Kästchen) */
	margin-bottom:10px; 
	width:190px;
	float:left;
	}

/* Portfolio Start */
#left3 {
	float:left;
	width:600px;
	margin-top:5px;
	}	

#left5 { /* Text auf der Portfolioseite*/
	float:left;
	width:200px;
	}	
/* Portfolio Ende */



/* Kontakt Start */
#left4 {
	float:left;
	width:400px;
	margin-top:0px;
	}	
/* Kontakt Ende */
 
.content { /* Beschreibt die Hauptbilder */
	width:800px;
	border:0px solid #FFFFF6;
	padding:0px;
	text-align:left;
	margin-top:25px; /* Lage der Hauptbilder */
	margin-left:135px;
	}


.content2 { /* beschreibt die kästchen */
	width:400px;
	border:0px solid #FFFFF6;
	padding:0px;
	text-align:left;
	margin-top:25px;
	margin-left:135px;
	}

.content3 { /* Beschreib die Uebersicht Gallerie */
	width:800px;
	border:0px solid #FFFFF6;
	padding:0px;
	text-align:left;
	margin-top:30px; /* Abstand von der Gallerie zum Hauptbild */
	margin-left:135px;
	}

.grauerrahmen{
border: 1px solid #D4D4D0; 
	}

.untertitel{ /* für die bilder */
	text-align:left;
	font-size:10px;
	margin-left:135px;
	margin-top:10px;
	width:auto;
	}

.untertitel_pfeil{ /*neben den untertitel der bilder ist eine pfeil-navigation */
	font-size:10px;
	text-align:right;
	margin-left:0px;
	margin-top:10px;
	margin-right:63px;
	float:right;
	}

a:link {
	color:#48453F;
	text-decoration:none;
	}

a:visited {
	color:#48453F;
	text-decoration:none;
	}

a:hover{ /* farbe der hyperlinks beim überfahren mit der maus */
	text-decoration:none;
	color:#304155;
	}

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

.link{
	color:#535353;
	text-decoration:none;
	border: 0px;
	}

/* image hover */
/* nachtsinnen bild */
a.image { 
	display: block; 
	width: 84px; 
	height: 84px; 
 	background-image: url(bilder/sonstiges/vorschau/nachtsinnen.jpg); 
 	background-repeat: no-repeat;
	border: 1px solid #D4D4D0; 
 	}	 
a.image:hover { 
 	background-image: url(bilder/sonstiges/vorschau/nachtsinnen_rollover.jpg);  	
	border: 1px solid #D4D4D0; 
 	} 

/* hochstapler bild */
a.image2 { 
	display: block; 
	width: 84px; 
 	height: 84px; 
 	background-image: url(bilder/sonstiges/vorschau/hochstapler.jpg); 
 	background-repeat: no-repeat;
	border: 1px solid #D4D4D0; 
 	}
a.image2:hover { 
 	background-image: url(bilder/sonstiges/vorschau/hochstapler_rollover.jpg);  	
	border: 1px solid #D4D4D0; 
 	} 

/* leeres platzhalter bild */
a.image3 { 
	display: block; 
	width: 84px; 
 	height: 84px; 
 	background-image: url(bilder/sonstiges/vorschau/blub.jpg); 
 	background-repeat: no-repeat;
	border: 1px solid #D4D4D0; 
 	} 
a.image3:hover { 
 	background-image: url(bilder/sonstiges/vorschau/blub.jpg);  	
	border: 1px solid #D4D4D0; 
 	} 
	
/* innovationsforen */
a.image4 { 
	display: block; 
	width: 84px; 
 	height: 84px; 
 	background-image: url(bilder/sonstiges/vorschau/innovationsforen.jpg); 
 	background-repeat: no-repeat;
	border: 1px solid #D4D4D0; 
 	}	 
a.image4:hover { 
 	background-image: url(bilder/sonstiges/vorschau/innovationsforen_rollover.jpg);  	
	border: 1px solid #D4D4D0; 
 	} 

/* beziehungsweise */
a.image5 { 
	display: block; 
	width: 84px; 
 	height: 84px; 
 	background-image: url(bilder/sonstiges/vorschau/beziehungsweise.jpg); 
 	background-repeat: no-repeat;
	border: 1px solid #D4D4D0; 
 	}	 
a.image5:hover { 
 	background-image: url(bilder/sonstiges/vorschau/beziehungsweise_rollover.jpg);  	
	border: 1px solid #D4D4D0; 
 	} 

/* mallorca */
a.image6 { 
	display: block; 
	width: 84px; 
 	height: 84px; 
 	background-image: url(bilder/sonstiges/vorschau/mallorca.jpg); 
 	background-repeat: no-repeat;
	border: 1px solid #D4D4D0; 
 	} 
a.image6:hover {
 	background-image: url(bilder/sonstiges/vorschau/mallorca_rollover.jpg);  	
	border: 1px solid #D4D4D0; 
 	} 


/* unruhe */
a.image7 { 
	display: block; 
	width: 84px; 
 	height: 84px; 
 	background-image: url(bilder/sonstiges/vorschau/unruhe.jpg); 
 	background-repeat: no-repeat;
	border: 1px solid #D4D4D0; 
 	} 
a.image7:hover {
 	background-image: url(bilder/sonstiges/vorschau/unruhe_rollover.jpg);  	
	border: 1px solid #D4D4D0; 
 	} 


/* kulturgeschichten */
a.image8 { 
	display: block; 
	width: 84px; 
 	height: 84px; 
 	background-image: url(bilder/sonstiges/vorschau/kulturgeschichten.jpg); 
 	background-repeat: no-repeat;
	border: 1px solid #D4D4D0; 
 	}
a.image8:hover {
 	background-image: url(bilder/sonstiges/vorschau/kulturgeschichten_rollover.jpg);  	
	border: 1px solid #D4D4D0; 
 	}

/* innovationsforen publikationen */
a.image9 { 
	display: block; 
	width: 84px; 
 	height: 84px; 
 	background-image: url(bilder/sonstiges/vorschau/inno.jpg); 
 	background-repeat: no-repeat;
	border: 1px solid #D4D4D0; 
 	}
a.image9:hover { 
 	background-image: url(bilder/sonstiges/vorschau/inno_rollover.jpg);  	
	border: 1px solid #D4D4D0; 
 	}  

/* fotodesign still */
a.image10 { 
	display: block; 
	width: 84px; 
 	height: 84px; 
 	background-image: url(bilder/sonstiges/vorschau/still.jpg); 
 	background-repeat: no-repeat;
	border: 1px solid #D4D4D0; 
 	}
a.image10:hover { 
 	background-image: url(bilder/sonstiges/vorschau/still_rollover.jpg);  	
	border: 1px solid #D4D4D0; 
 	}  

/* fotodesign trachtenpunk */
a.image11 { 
	display: block; 
	width: 84px; 
 	height: 84px; 
 	background-image: url(bilder/sonstiges/vorschau/trachtenpunk.jpg); 
 	background-repeat: no-repeat;
	border: 1px solid #D4D4D0; 
 	}
a.image11:hover { 
 	background-image: url(bilder/sonstiges/vorschau/trachtenpunk_rollover.jpg);  	
	border: 1px solid #D4D4D0; 
 	}  

/* illustration kinderkulturgeschichten */
a.image12 { 
	display: block; 
	width: 84px; 
 	height: 84px; 
 	background-image: url(bilder/sonstiges/vorschau/kinderkulturgeschichten.jpg); 
 	background-repeat: no-repeat;
	border: 1px solid #D4D4D0; 
 	}
a.image12:hover { 
 	background-image: url(bilder/sonstiges/vorschau/kinderkulturgeschichten_rollover.jpg);  	
	border: 1px solid #D4D4D0; 
 	} 

/* illustration landlieben */
a.image13 { 
	display: block; 
	width: 84px; 
 	height: 84px; 
 	background-image: url(bilder/sonstiges/vorschau/landlieben.jpg); 
 	background-repeat: no-repeat;
	border: 1px solid #D4D4D0; 
 	}
a.image13:hover { 
 	background-image: url(bilder/sonstiges/vorschau/landlieben_rollover.jpg);  	
	border: 1px solid #D4D4D0; 
 	}   

/* illustration biogarten */
a.image14 { 
	display: block; 
	width: 84px; 
 	height: 84px; 
 	background-image: url(bilder/sonstiges/vorschau/biogarten.jpg); 
 	background-repeat: no-repeat;
	border: 1px solid #D4D4D0; 
 	}
a.image14:hover { 
 	background-image: url(bilder/sonstiges/vorschau/biogarten_rollover.jpg);  	
	border: 1px solid #D4D4D0; 
 	}   

/* fotodesign ausblick ins leben */
a.image15 { 
	display: block; 
	width: 84px; 
 	height: 84px; 
 	background-image: url(bilder/sonstiges/vorschau/ausblickinsleben.jpg); 
 	background-repeat: no-repeat;
	border: 1px solid #D4D4D0; 
 	}
a.image15:hover { 
 	background-image: url(bilder/sonstiges/vorschau/ausblickinsleben_rollover.jpg);  	
	border: 1px solid #D4D4D0; 
 	} 


/* illustration filmbiester */
a.image16 { 
	display: block; 
	width: 84px; 
 	height: 84px; 
 	background-image: url(bilder/sonstiges/vorschau/filmbiester.jpg); 
 	background-repeat: no-repeat;
	border: 1px solid #D4D4D0; 
 	}
a.image16:hover { 
 	background-image: url(bilder/sonstiges/vorschau/filmbiester_rollover.jpg);  	
	border: 1px solid #D4D4D0; 
 	}   


/* illustration die Schweineprinzessin */
a.image17 { 
	display: block; 
	width: 84px; 
 	height: 84px; 
 	background-image: url(bilder/sonstiges/vorschau/schweineprinzessin.jpg); 
 	background-repeat: no-repeat;
	border: 1px solid #D4D4D0; 
 	}
a.image17:hover { 
 	background-image: url(bilder/sonstiges/vorschau/schweineprinzessin_rollover.jpg);  	
	border: 1px solid #D4D4D0; 
 	}   


/* illustration For Girls Only */
a.image18 { 
	display: block; 
	width: 84px; 
 	height: 84px; 
 	background-image: url(bilder/sonstiges/vorschau/forgirlsonly.jpg); 
 	background-repeat: no-repeat;
	border: 1px solid #D4D4D0; 
 	}
a.image18:hover { 
 	background-image: url(bilder/sonstiges/vorschau/forgirlsonly_rollover.jpg);  	
	border: 1px solid #D4D4D0; 
 	}   

/* illustration Rumpelin - Der Meisterdetektiv */
a.image19 { 
	display: block; 
	width: 84px; 
 	height: 84px; 
 	background-image: url(bilder/sonstiges/vorschau/rumpelin.jpg); 
 	background-repeat: no-repeat;
	border: 1px solid #D4D4D0; 
 	}
a.image19:hover { 
 	background-image: url(bilder/sonstiges/vorschau/rumpelin_rollover.jpg);  	
	border: 1px solid #D4D4D0; 
 	} 


/* illustration Nur eine Rose */
a.image20 { 
	display: block; 
	width: 84px; 
 	height: 84px; 
 	background-image: url(bilder/sonstiges/vorschau/nureinerose.jpg); 
 	background-repeat: no-repeat;
	border: 1px solid #D4D4D0; 
 	}
a.image20:hover { 
 	background-image: url(bilder/sonstiges/vorschau/nureinerose_rollover.jpg);  	
	border: 1px solid #D4D4D0; 
 	} 

/* illustration Pilar - träumt den Teetassentraum */
a.image21 { 
	display: block; 
	width: 84px; 
 	height: 84px; 
 	background-image: url(bilder/sonstiges/vorschau/pilar.jpg); 
 	background-repeat: no-repeat;
	border: 1px solid #D4D4D0; 
 	}
a.image21:hover { 
 	background-image: url(bilder/sonstiges/vorschau/pilar_rollover.jpg);  	
	border: 1px solid #D4D4D0; 
 	} 

/* illustration Portfolio Hochstapler (GROSS)*/
a.image22 { 
	display: block; 
	width: 178px; 
 	height: 178px; 
 	background-image: url(bilder/sonstiges/vorschau/portfolio/hochstapler.jpg); 
 	background-repeat: no-repeat;
	border: 1px solid #D4D4D0; 
 	}
a.image22:hover { 
 	background-image: url(bilder/sonstiges/vorschau/portfolio/hochstapler.jpg);  	
	border: 1px solid #D4D4D0; 
 	} 

/* großes leeres platzhalter bild (GROSS)*/
a.image23 { 
	display: block; 
	width: 178px; 
 	height: 178px; 
 	background-image: url(bilder/sonstiges/vorschau/portfolio/blub.jpg); 
 	background-repeat: no-repeat;
	border: 1px solid #D4D4D0; 
 	}	 
a.image23:hover { 
 	background-image: url(bilder/sonstiges/vorschau/portfolio/blub.jpg);  	
	border: 1px solid #D4D4D0; 
 	} 

/* illustration Portfolio (GROSS) Hochstapler 2 */
a.image24 { 
	display: block; 
	width: 178px; 
 	height: 178px; 
 	background-image: url(bilder/sonstiges/vorschau/portfolio/hochstapler2.jpg); 
 	background-repeat: no-repeat;
	border: 1px solid #D4D4D0; 
 	}	 
a.image24:hover { 
 	background-image: url(bilder/sonstiges/vorschau/portfolio/hochstapler2.jpg);  	
	border: 1px solid #D4D4D0; 
 	} 

/* illustration Portfolio (GROSS) Hoffmann */
a.image25 { 
	display: block; 
	width: 178px; 
 	height: 178px; 
 	background-image: url(bilder/sonstiges/vorschau/portfolio/hoffmann.jpg); 
 	background-repeat: no-repeat;
	border: 1px solid #D4D4D0; 
 	}	 
a.image25:hover { 
 	background-image: url(bilder/sonstiges/vorschau/portfolio/hoffmann.jpg);  	
	border: 1px solid #D4D4D0; 
 	}

/* illustration Portfolio (GROSS) Filmbiester*/
a.image26 { 
	display: block; 
	width: 178px; 
 	height: 178px; 
 	background-image: url(bilder/sonstiges/vorschau/portfolio/filmbiester.jpg); 
 	background-repeat: no-repeat;
	border: 1px solid #D4D4D0; 
 	}
a.image26:hover { 
 	background-image: url(bilder/sonstiges/vorschau/portfolio/filmbiester.jpg);  	
	border: 1px solid #D4D4D0; 
 	} 

/* illustration Portfolio (GROSS) Ausblick ins Leben */
a.image27 { 
	display: block; 
	width: 178px; 
 	height: 178px; 
 	background-image: url(bilder/sonstiges/vorschau/portfolio/ausblickaufsleben.jpg); 
 	background-repeat: no-repeat;
	border: 1px solid #D4D4D0; 
 	}	 
a.image27:hover { 
 	background-image: url(bilder/sonstiges/vorschau/portfolio/ausblickaufsleben.jpg);  	
	border: 1px solid #D4D4D0; 
 	} 

/* illustration Portfolio (GROSS) For Girls Only */
a.image28 { 
	display: block; 
	width: 178px; 
 	height: 178px; 
 	background-image: url(bilder/sonstiges/vorschau/portfolio/forgirlsonly.jpg); 
 	background-repeat: no-repeat;
	border: 1px solid #D4D4D0; 
 	}	 
a.image28:hover { 
 	background-image: url(bilder/sonstiges/vorschau/portfolio/forgirlsonly.jpg);  	
	border: 1px solid #D4D4D0; 
 	} 

/* illustration Portfolio (GROSS) Biogarten */
a.image29 { 
	display: block; 
	width: 178px; 
 	height: 178px; 
 	background-image: url(bilder/sonstiges/vorschau/portfolio/biogarten.jpg); 
 	background-repeat: no-repeat;
	border: 1px solid #D4D4D0; 
 	} 
a.image29:hover { 
 	background-image: url(bilder/sonstiges/vorschau/portfolio/biogarten.jpg);  	
	border: 1px solid #D4D4D0; 
 	} 

/* illustration Portfolio (GROSS) Hoffmann2*/
a.image30 { 
	display: block; 
	width: 178px; 
 	height: 178px; 
 	background-image: url(bilder/sonstiges/vorschau/portfolio/hoffmann2.jpg); 
 	background-repeat: no-repeat;
	border: 1px solid #D4D4D0; 
 	}	 
a.image30:hover { 
 	background-image: url(bilder/sonstiges/vorschau/portfolio/hoffmann2.jpg);  	
	border: 1px solid #D4D4D0; 
 	} 

/* illustration Portfolio (GROSS) Martinskirche */
a.image31 { 
	display: block; 
	width: 178px; 
 	height: 178px; 
 	background-image: url(bilder/sonstiges/vorschau/portfolio/martinskirche.jpg); 
 	background-repeat: no-repeat;
	border: 1px solid #D4D4D0; 
 	}	 
a.image31:hover { 
 	background-image: url(bilder/sonstiges/vorschau/portfolio/martinskirche.jpg);  	
	border: 1px solid #D4D4D0; 
 	}

/* Elfenseele */
a.image32 { 
	display: block; 
	width: 84px; 
 	height: 84px; 
 	background-image: url(bilder/sonstiges/vorschau/elfenseele.jpg); 
 	background-repeat: no-repeat;
	border: 1px solid #D4D4D0; 
 	}
a.image32:hover { 
 	background-image: url(bilder/sonstiges/vorschau/elfenseele_rollover.jpg);  	
	border: 1px solid #D4D4D0; 
 	} 

/* Einhornchroniken */
a.image33 { 
	display: block; 
	width: 84px; 
 	height: 84px; 
 	background-image: url(bilder/sonstiges/vorschau/einhorn.jpg); 
 	background-repeat: no-repeat;
	border: 1px solid #D4D4D0; 
 	}
a.image33:hover { 
 	background-image: url(bilder/sonstiges/vorschau/einhorn_rollover.jpg);  	
	border: 1px solid #D4D4D0; 
 	} 

/* König der Marionetten */
a.image34 { 
	display: block; 
	width: 84px; 
 	height: 84px; 
 	background-image: url(bilder/sonstiges/vorschau/marionetten.jpg); 
 	background-repeat: no-repeat;
	border: 1px solid #D4D4D0; 
 	}
a.image34:hover { 
 	background-image: url(bilder/sonstiges/vorschau/marionetten_rollover.jpg);  	
	border: 1px solid #D4D4D0; 
 	} 

/* Kann man Hormone dressieren? */
a.image35 { 
	display: block; 
	width: 84px; 
 	height: 84px; 
 	background-image: url(bilder/sonstiges/vorschau/hormone.jpg); 
 	background-repeat: no-repeat;
	border: 1px solid #D4D4D0; 
 	}
a.image35:hover { 
 	background-image: url(bilder/sonstiges/vorschau/hormone_rollover.jpg);  	
	border: 1px solid #D4D4D0; 
 	} 

/* Splitterherz */
a.image36 { 
	display: block; 
	width: 84px; 
 	height: 84px; 
 	background-image: url(bilder/sonstiges/vorschau/splitterherz.jpg); 
 	background-repeat: no-repeat;
	border: 1px solid #D4D4D0; 
 	}
a.image36:hover { 
 	background-image: url(bilder/sonstiges/vorschau/splitterherz_rollover.jpg);  	
	border: 1px solid #D4D4D0; 
 	} 

/* Madison*/
a.image37 { 
	display: block; 
	width: 84px; 
 	height: 84px; 
 	background-image: url(bilder/sonstiges/vorschau/madison.jpg); 
 	background-repeat: no-repeat;
	border: 1px solid #D4D4D0; 
 	}
a.image37:hover { 
 	background-image: url(bilder/sonstiges/vorschau/madison.jpg);  	
	border: 1px solid #D4D4D0; 
 	} 

/* Meerjungfrau */
a.image39 { 
	display: block; 
	width: 84px; 
 	height: 84px; 
 	background-image: url(bilder/sonstiges/vorschau/shiver1.gif); 
 	background-repeat: no-repeat;
	border: 1px solid #D4D4D0; 
 	}
a.image39:hover { 
 	background-image: url(bilder/sonstiges/vorschau/shiver1.gif);  	
	border: 1px solid #D4D4D0; 
	}

/* Shiver 1 */
a.image38 { 
	display: block; 
	width: 84px; 
 	height: 84px; 
 	background-image: url(bilder/sonstiges/vorschau/meerjungfrau.gif); 
 	background-repeat: no-repeat;
	border: 1px solid #D4D4D0; 
 	}
a.image38:hover { 
 	background-image: url(bilder/sonstiges/vorschau/meerjungfrau.gif);  	
	border: 1px solid #D4D4D0;
	} 

/* Elfenseele 2 */
a.image40 { 
	display: block; 
	width: 84px; 
 	height: 84px; 
 	background-image: url(bilder/sonstiges/vorschau/elfenseele2.gif); 
 	background-repeat: no-repeat;
	border: 1px solid #D4D4D0; 
 	}
a.image40:hover { 
 	background-image: url(bilder/sonstiges/vorschau/elfenseele2.gif);  	
	border: 1px solid #D4D4D0; 
 	} 

/* Merck */
a.image41 { 
	display: block; 
	width: 84px; 
 	height: 84px; 
 	background-image: url(bilder/sonstiges/vorschau/merck.gif); 
 	background-repeat: no-repeat;
	border: 1px solid #D4D4D0; 
 	}
a.image41:hover { 
 	background-image: url(bilder/sonstiges/vorschau/merck.gif);  	
	border: 1px solid #D4D4D0; 
 	} 

/* Girls */
a.image42 { 
	display: block; 
	width: 84px; 
 	height: 84px; 
 	background-image: url(bilder/sonstiges/vorschau/girls.gif); 
 	background-repeat: no-repeat;
	border: 1px solid #D4D4D0; 
 	}
a.image42:hover { 
 	background-image: url(bilder/sonstiges/vorschau/girls.gif);  	
	border: 1px solid #D4D4D0; 
 	} 

/* Oylmp */
a.image43 { 
	display: block; 
	width: 84px; 
 	height: 84px; 
 	background-image: url(bilder/sonstiges/vorschau/olymp.gif); 
 	background-repeat: no-repeat;
	border: 1px solid #D4D4D0; 
 	}
a.image43:hover { 
 	background-image: url(bilder/sonstiges/vorschau/olymp.gif);  	
	border: 1px solid #D4D4D0; 
 	} 


.gemme { /* position des logos */
margin-bottom: 20px;
margin-left: 0px;
}