body {
 color:#444;
 background:#000 url(images/hintergrund-umfeld.png) 0 0 no-repeat;
 font-size:12px; font-family:Verdana,Arial,sans-serif;
 margin:0; padding:0;
 text-align:left;  
 }

#rahmen { position:absolute; top:50%; left:50%; margin:-290px 0 0 -450px; width:980px; height:560px; background:url(images/hintergrund.png)}
#p000 #rahmen { background:url(images/hintergrund-1.png)  }

#rahmen #titel a {margin-left:48px; color:#fff; line-height:2.5em;font-size:2.2em; text-decoration:none }

#aenderung { position:absolute; top:480px; right:10px; color:#ddd; font-size:10px; }

#rahmen .grau {  color:#666;font-weight:700}
#rahmen a {color:#000; text-decoration:none }



/* Navigation 
/*****************************/

#rahmen #nav { 	
	position:absolute;top:98px ;left:-40px;
	list-style:none;
	height:415px;
	width:200px;
}

#rahmen #nav li  { width:200px; margin-bottom:2px; text-align:right;}

#rahmen #nav li.sub {	width:150px; list-style:none;margin-left:10px;	list-style-type:none;	}

#rahmen #nav li a { display:block; line-height:1.5em; font-size:1.3em; color:#666; padding:2px 6px }

#rahmen #nav li a:hover ,
#rahmen #nav li a.active { background-color:#666; color:#eee }


#rahmen #nav li a.sub  {
	color:#333;
	line-height:1.3em;
	font-size:1em;
}

#rahmen #nav  li a.sub:hover{
	background-color:#999;
	color:#fd2;
}
#rahmen #nav  li a.sub.active {
	background-color:#777;
	color:#fb6;
}

/* Feet 
/*****************************/

#rahmen #feet { 	
	position:absolute;
	top:380px ;
	left:0px;
	text-align:right;
	line-height:1.7em;
	color:#555;
	width:194px;
	font-size:0.9em;
}
#rahmen #feet a{ 
	padding:3px 0;
	line-height:2em;
	color:#555;
}
#rahmen #feet a:hover{ 
	color:#fff;
}


/* Galerie 
/******************************/

#content #contentgalnav { position:absolute; left:0px; top:63px; }
#content #contentgalnav ul { list-style:none; margin-left:0px;  }
#content #contentgalnav li { float:left;width:125px;height:125px;list-style:none; padding-top:110px;}
#content #contentgalnav a { position:absolute; height:125px; width:122px;}

#contentgalnavpics { position:absolute; left:2px; top:65px; }
#contentgalnavpics div { position:absolute; height:100px; width:100px; }

#contentgalnavpics #galp001 { top:0; left:0px;   background:url(album_5_thumbs/album1.jpg); }
#contentgalnavpics #galp002 { top:0; left:123px; background:url(album_5_thumbs/album2.jpg); }
#contentgalnavpics #galp003 { top:0; left:246px; background:url(album_5_thumbs/album3.jpg); }
#contentgalnavpics #galp004 { top:0; left:369px; background:url(album_5_thumbs/album4.jpg); }
#contentgalnavpics #galp005 { top:0; left:492px; background:url(album_5_thumbs/album5.jpg); }

#contentgalnav #gal001 a { top:0; left:0px;   height:100px; width:100px;border:2px solid #fff; }
#contentgalnav #gal002 a { top:0; left:123px; height:100px; width:100px;border:2px solid #fff; }
#contentgalnav #gal003 a { top:0; left:246px; height:100px; width:100px;border:2px solid #fff; }
#contentgalnav #gal004 a { top:0; left:369px; height:100px; width:100px;border:2px solid #fff; }
#contentgalnav #gal005 a { top:0; left:492px; height:100px; width:100px;border:2px solid #fff; }

#contentgalnav #gal001 a:hover { top:0; left:0px;   border:2px solid #000; }
#contentgalnav #gal002 a:hover { top:0; left:123px; border:2px solid #000; }
#contentgalnav #gal003 a:hover { top:0; left:246px; border:2px solid #000; }
#contentgalnav #gal004 a:hover { top:0; left:369px; border:2px solid #000; }
#contentgalnav #gal005 a:hover { top:0; left:492px; border:2px solid #000; }


#galnav { position:absolute; left:391px; top:11px; }
#galnav ul { list-style:none; margin:0; padding:0; }
#galnav a { position:absolute; }


#content #galerie img { height:100px; width:100px; border:none; }
#galerie a { display:block; border:1px solid #ddd; height:100px; }
#galerie a:hover { border:1px solid #000; }

.galtitel { display:none; }
.business           #galtitel1 { display:block; }
.stadtlandschaft #galtitel2 { display:block; }
.portrait        #galtitel3 { display:block; }
.objekte         #galtitel4 { display:block; }
.events          #galtitel5 { display:block; }

.galkat { display:none; }
.business           #business,
.stadtlandschaft #stadtlandschaft,
.portrait        #portrait,
.objekte         #objekte,
.events          #events
   { display:block; }



/* Content   */
/**********************************/

#content {
 position:absolute; overflow:auto;
 left:250px; top:76px; width:680px; height:440px;
 text-align:left;padding-top:0px
 }
 
 #rahmen a.seclink {	text-decoration:underline;	padding:1px 4px;	}
 #rahmen a.seclink:hover {	text-decoration:none;	color:#eee;	background-color:#666	}	
	

/* Foto  im Content  
/********************************/

#content #contentfoto { position:absolute; top:35px; border:1px solid #333; }

#content #albumthumbs { position:absolute; top:38px; right:30px; }
#content #albumthumbs ul { list-style:none; margin:0; text-align:right; }
#content #albumthumbs ul a img { border:2px solid #fff; }
#content #albumthumbs ul a:hover img { border:2px solid #000; }

#content #albumzurueck { position:absolute; top:343px; right:31px; }
#content #albumzurueck a { height:40px; width:60px; background:url(images/zurueck.gif); display:block; }
#content #albumzurueck a:hover { background:url(images/zurueck.gif) -61px 0px; }


/* Textformatierung  im Content  
/********************************/

#content p  { font-size:1em; line-height: 1.7em;margin:0.8em 0px; padding-right:22px }
#content h1 { font-size:1.5em; font-weight:normal; text-align:center; margin:0 0px 12px 0px;}
#content h2 { font-size:1.7em; font-weight:normal; margin:20px 0px ; }
#content h3 { width:500px;font-size:1.3em; font-weight:normal; margin:15px 0 -8px 0;color:#333;border-bottom:1px solid #666 }
#content h4 { font-size:1em; font-weight:bold; margin:0px 0px 3px 0px; }

#content ul      { margin:0 24px; padding:0; list-style-type:square; }
#content li      { margin:5px 0; }
#content ul li a { display:block;line-height:1.7em; width:450px }

#content .big { font-size:2em; font-weight:normal; margin-right:10px; }
#content .light { font-weight:normal; }

#content hr { color:#000; }

#content table { font-size:1em; margin:0; }
#content td    { vertical-align:top; padding:0 12px 10px 0px; }
#content td.right { vertical-align:top; padding:18px 8px 10px 8px; }
#content th    { font-weight:bold; vertical-align:top; text-align:left; padding:0px 10px; }

#content img { border:1px solid #bbb; }

#content .navi { text-align:center; }
#content .navinext { text-align:right; padding-top:1.5em; }
#content .current { font-weight:bold; color:#000; text-decoration:none; }


/* Textformatierung  im Formular  
/********************************/
#rahmen #content form {  width:500px; }
#rahmen #content input  { font:1.03em; border:1px solid #aaa; width:100%; }
#rahmen #content textarea { font:1.03em; border:1px solid #aaa; width:100%; height:130px; }
#rahmen #content .send  { 	cursor:pointer;font-weight:bold; padding:3px 9px;background:#eee; width:auto; }
#rahmen #content .send :hover {   font-weight:bold; background:#666; color:#eee;width:auto; }