/*Grundlegendes für die Seite*/
body {
    color: black; background-color: #333333;
    font-size: 100.01%;
    margin: 0; padding: 1em 0;
    text-align: center;  /* Zentrierung im Internet Explorer */
}
/*Text-Formatierungen*/
* {
font-family: Verdana, Trebuchet MS, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
}
* { 
	color:#eeeeee; 
}
/*Pseudoformate für Links*/
	a:link { color:#dddddd; text-decoration:none; font-weight:bold; }
	a:visited { color:#dddddd; text-decoration:none; font-weight:bold; }
	a:hover { color:#333333; text-decoration:none; font-weight:bold; }
	a.c:hover { color:#66ccff; text-decoration:none; font-weight:bold; }
	a.p:hover { color:#cc9933; text-decoration:none; font-weight:bold; }
	a.d:hover { color:#66cc66; text-decoration:none; font-weight:bold; }
	a:active { color:#0000EE;  font-weight:bold; }
	a.gal:link {color:#333333; text-decoration:none; font-weight:bold; }
	a.gal:visited { color:#333333; text-decoration:none; font-weight:bold; }
	a.next:link { color:#bbbbbb; text-decoration:none; font-weight:bold; font-size: 130.01%; }
	a.next:hover { color:#CC9933; text-decoration:none; font-weight:bold; font-size: 130.01%; }
	a.box:link {color:#333333; text-decoration:underline; }
	a.box:visited {color:#333333; text-decoration:underline; }
	/*a:focus { color:#00AA00; background-color:#CCCCCC; font-weight:bold; }*/
.typA { margin-top:135px; margin-left:175px; color:#333333; font-size: 130.01%;}
.typB { margin-top:0px; margin-left:130px; margin-right:130px; color:#333333; font-size: 80.01%; text-align:justify; /*font-weight:bold;*/}
.typC { margin-top:10px; margin-left:0px; margin-right:00px; color:#FFFFFF; text-align:center;}
p.typG { margin-bottom:-50px; margin-left:0px; margin-right:00px; color:#FFFFFF; text-align:center;}
.typD { margin-top:125px; margin-left:130px; margin-right:130px; color:#333333; font-size: 130.01%; text-align:center;}
.typE { margin-top:-1px; margin-left:2px; color:#bbbbbb; font-size: 106.01%;}
.typF { margin-top:10px; margin-left:130px; margin-right:130px; color:#333333; font-size: 80.01%; text-align:center; /*font-weight:bold;*/}
.back { background-color:#333333; padding:6px; margin:-30px; }
.agb {font-size: 60%;}
.hin {font-size:90%; text-align:center; font-weight:bold;}
/* Listen */
ul.nav {
	margin: 0; padding: 0px;
}
li.nav {
	font-size: 80%;
	list-style:none;
    margin: 0; padding: 0px;
}
li.nav2{
	font-size: 80%;
	list-style:none;
    margin-top: 5px; padding: 0px;
}
li.navver {				/*bei den Verwaltungslings grau hinterlegt */
	font-size: 80%;
    list-style: none;
    margin: 2px; padding: 2px;
    border: 0px color: #333333;
    background-color: #999999;
}
img { border: 0px solid #000000;}
/*Container für Seitenelemente*/
#Seite {
  	background-image:url(grafik/HG20.gif); 
	background-repeat:no-repeat;
  	position:relative;
    text-align: left;    /* Seiteninhalt wieder links ausrichten */
    margin: 0 auto;      /* standardkonforme horizontale Zentrierung */
    width: 780px;
	height: 650px;
    padding: 0em;
    border: 0px ridge silver;
}
#home {					/*Positionierung für den Link zur Startseite*/
	position:absolute;
   	top:5px;
   	right:0px;
   	width:80px;
   	height:20px;
   	padding:0px;
   	margin:0px;
   	border:0px solid #00ffff;
}
#navcomact {				/*Navi-Position wenn aktiv*/
	background-image:url(grafik/b1c.gif); 
	background-repeat:no-repeat;
	position:absolute;
	top:220px;
	left:20px;
	width:105px;
	height:200px;
	padding:0px;
	margin:0px;
	border:0px solid #000000;
	/*text-align:left;*/
}
#navpact {				/*Navi-Position wenn aktiv*/
	background-image:url(grafik/b1p.gif); 
	background-repeat:no-repeat;
	position:absolute;
	top:220px;
	left:20px;
	width:105px;
	height:200px;
	padding:0px;
	margin:0px;
	border: 0px solid #000000;
	/*text-align:left;*/
}
#navdact {				/*Navi-Position wenn aktiv*/
	background-image:url(grafik/b1d.gif); 
	background-repeat:no-repeat;
	position:absolute;
	top:220px;
	left:20px;
	width:105px;
	height:200px;
	padding:0px;
	margin:0px;
	border:0px solid #000000;
	/*text-align:left;*/
}
#navp {				/*Navi-Position auf Startseite*/
	background-image:url(grafik/b1p.gif); 
	background-repeat:no-repeat;
	position:absolute;
	top:270px;
	left:20px;
	width:105px;
	height:200px;
	padding:0px;
	margin:0px;
	border:0px solid #ff0000;
}
#navd {				/*Navi-Position auf Startseite*/
	background-image:url(grafik/b1d.gif); 
	background-repeat:no-repeat;
	position:absolute;
	top:320px;
	left:20px;
	width:105px;
	height:200px;
	padding:0px;
	margin:0px;
	border:0px solid #00ff00;
}
#navcompas2 {			/*Navi-Position 2 passiven Bereichen*/
	background-image:url(grafik/b1c.gif); 
	background-repeat:no-repeat;
	position:absolute;
	top:475px;
	left:20px;
	width:105px;
	height:20px;
	padding:0px;
	margin:0px;
	border:0px solid #000000;
	/*text-align:left;*/
}
#navppas2 {				/*Navi-Position 2 passiven Bereichen*/
	background-image:url(grafik/b1p.gif); 
	background-repeat:no-repeat;
	position:absolute;
	top:475px;
	left:20px;
	width:105px;
	height:20px;
	padding:0px;
	margin:0px;
	border:0px solid #000000;
	/*text-align:left;*/
}
#navcompas1 {		/*Navi-Position 1 passiven Bereich*/
	background-image:url(grafik/b1c.gif); 
	background-repeat:no-repeat;
	position:absolute;
	top:500px;
	left:20px;
	width:105px;
	height:20px;
	padding:0px;
	margin:0px;
	border:0px solid #000000;
	/*text-align:left;*/
}
#navppas1 {			/*Navi-Position 1 passiven Bereich*/
	background-image:url(grafik/b1p.gif); 
	background-repeat:no-repeat;
	position:absolute;
	top:500px;
	left:20px;
	width:105px;
	height:20px;
	padding:0px;
	margin:0px;
	border:0px solid #000000;
	/*text-align:left;*/
}
#navdpas1 {			/*Navi-Position 1 passiven Bereich*/
	background-image:url(grafik/b1d.gif); 
	background-repeat:no-repeat;
	position:absolute;
	top:500px;
	left:20px;
	width:105px;
	height:20px;
	padding:0px;
	margin:0px;
	border:0px solid #000000;
	/*text-align:left;*/
}
#navv {		/*Position für AGB und Impressum, auf allen Seiten genau hier*/
	position:absolute;
	top:525px;
	left:20px;
	width:105px;
	height:50px;
	padding:0px;
	margin:0px;
	border:0px solid #0000ff;
}
#inh {									/*Container für Seiteninhalt*/
	position:absolute;
   	top:80px;
   	left:150px;
   	width:620px;
   	height:490px;
   	padding:0px;
   	margin:0px;
   	border:0px solid #00ffff;
	background-color: #333333;
}
/* Container für r den Mouseovereffekt im Nutzbereich in 2 Varianten
-- Variante 1  - wie Startseite*/
#box{					/*Variante 1 Bild über gesamten Nutzbereich - Startseite  */
	 height:490px;
	 width:620px;
	 padding:0;
	 margin-top:00px;
	 border:0px solid black;
}
#box div{display:none;}
#box:hover div{
	background-image:url(grafik/Textbox2.gif); background-repeat:no-repeat;
	background-position:110px 110px;
	background-color: #333333;
	filter:alpha(opacity=80);
	   	opacity: 0.8;
		-moz-opacity:0.8;
	display:block;
	width:620px;
	height:490px;
	position:absolute;top:00px;right:00px;
	border:0px dashed black;
}
#hox{					/*Variante 2 mit Platz über dem Bild für Textlinks  */
	 height:470px;
	 width:620px;
	 padding:0;
	 margin-top:2px;
	 border:0px solid black;
}
#hox div{display:none;}
#hox:hover div{
	background-image:url(grafik/Textbox2.gif); background-repeat:no-repeat;
	background-position:110px 110px;
	background-color: #333333;
	filter:alpha(opacity=80);
	   	opacity: 0.8;
		-moz-opacity:0.8;
	display:block;
	width:620px;
	height:470px;
	position:absolute;top:20px;right:00px;
	border:0px dashed black;
}
/* Container auf den Photoseiten */
#fonav {				/*	Thumbnailnavi auf den Galerieunterseiten */
	background-color: #000000;
	position:absolute; top:445px;left:0px;
	height:45px;
	width:630px;
	margin:0px;
	border:0px solid white;
}
/* Container 4 Galerienavi */
#gal1{					/* Galerielink 1 */
	background-color: #CC9933;
	position:absolute;top:00px;left:00px;
	height:145px;
	width:180px;
	padding:30;
	margin:0px;
	border:0px solid white;
}
#gal1 div{display:none;}
#gal1:hover div{			/*Inhalt der Hoverbox */
	background-color: #333333;
	filter:alpha(opacity=90);
		opacity: 0.9;
		-moz-opacity:0.9;
	display:block;
	width:180px;
	height:130px;
	position:absolute;top:17px;left:00px;
	border:0px dashed black;
	padding:0px;
}
#gal1:hover span{
display:block;
position:absolute;top:100px;left:85px;
}
#gal2{					/* Galerielink 2 */
	background-color: #CC9933;
	position:absolute;top:00px;left:220px;
	height:145px;
	width:180px;
	padding:30;
	margin:0px;
	border:0px solid white;
}
#gal2 div{display:none;}
#gal2:hover div{			/*Inhalt der Hoverbox */
	background-color: #333333;
	filter:alpha(opacity=90);
		opacity: 0.9;
		-moz-opacity:0.9;
	display:block;
	width:180px;
	height:130px;
	position:absolute;top:17px;left:00px;
	border:0px dashed black;
	padding:0px;
}
#gal2:hover span{
display:block;
position:absolute;top:100px;left:85px;
}
#gal3{					/* Galerielink 3 */
	background-color: #CC9933;
	position:absolute;top:00px;left:440px;
	height:145px;
	width:180px;
	padding:30;
	margin:0px;
	border:0px solid white;
}
#gal3 div{display:none;}
#gal3:hover div{			/*Inhalt der Hoverbox */
	background-color: #333333;
	filter:alpha(opacity=90);
		opacity: 0.9;
		-moz-opacity:0.9;
	display:block;
	width:180px;
	height:130px;
	position:absolute;top:17px;left:00px;
	border:0px dashed black;
	padding:0px;
}
#gal3:hover span{
display:block;
position:absolute;top:100px;left:85px;
}
#gal4{					/* Galerielink 4 */
	background-color: #CC9933;
	position:absolute;top:172px;left:00px;
	height:145px;
	width:180px;
	padding:30;
	margin:0px;
	border:0px solid white;
}
#gal4 div{display:none;}
#gal4:hover div{			/*Inhalt der Hoverbox */
	background-color: #333333;
	filter:alpha(opacity=90);
		opacity: 0.9;
		-moz-opacity:0.9;
	display:block;
	width:180px;
	height:130px;
	position:absolute;top:17px;left:00px;
	border:0px dashed black;
	padding:0px;
}
#gal4:hover span{
display:block;
position:absolute;top:100px;left:85px;
}
#gal5{					/* Galerielink 5 */
	background-color: #CC9933;
	position:absolute;top:172px;left:220px;
	height:145px;
	width:180px;
	padding:30;
	margin:0px;
	border:0px solid white;
}
#gal5 div{display:none;}
#gal5:hover div{			/*Inhalt der Hoverbox */
	background-color: #333333;
	filter:alpha(opacity=90);
		opacity: 0.9;
		-moz-opacity:0.9;
	display:block;
	width:180px;
	height:130px;
	position:absolute;top:17px;left:00px;
	border:0px dashed black;
	padding:0px;
}
#gal5:hover span{
display:block;
position:absolute;top:100px;left:85px;
}
#gal6{					/* Galerielink 6 */
	background-color: #CC9933;
	position:absolute;top:172px;left:440px;
	height:145px;
	width:180px;
	padding:30;
	margin:0px;
	border:0px solid white;
}
#gal6 div{display:none;}
#gal6:hover div{			/*Inhalt der Hoverbox */
	background-color: #333333;
	filter:alpha(opacity=90);
		opacity: 0.9;
		-moz-opacity:0.9;
	display:block;
	width:180px;
	height:130px;
	position:absolute;top:17px;left:00px;
	border:0px dashed black;
	padding:0px;
}
#gal6:hover span{
display:block;
position:absolute;top:100px;left:85px;
}
#gal7{					/* Galerielink 7 */
	background-color: #CC9933;
	position:absolute;top:344px;left:00px;
	height:145px;
	width:180px;
	padding:30;
	margin:0px;
	border:0px solid white;
}
#gal7 div{display:none;}
#gal7:hover div{			/*Inhalt der Hoverbox */
	background-color: #333333;
	filter:alpha(opacity=90);
		opacity: 0.9;
		-moz-opacity:0.9;
	display:block;
	width:180px;
	height:130px;
	position:absolute;top:17px;left:00px;
	border:0px dashed black;
	padding:0px;
}
#gal7:hover span{
display:block;
position:absolute;top:100px;left:85px;
}
#gal8{					/* Galerielink 8 */
	background-color: #CC9933;
	position:absolute;top:344px;left:220px;
	height:145px;
	width:180px;
	padding:30;
	margin:0px;
	border:0px solid white;
}
#gal8 div{display:none;}
#gal8:hover div{			/*Inhalt der Hoverbox */
	background-color: #333333;
	filter:alpha(opacity=90);
		opacity: 0.9;
		-moz-opacity:0.9;
	display:block;
	width:180px;
	height:130px;
	position:absolute;top:17px;left:00px;
	border:0px dashed black;
	padding:0px;
}
#gal8:hover span{
display:block;
position:absolute;top:100px;left:85px;
}
#gal9{					/* Galerielink 9 */
	background-color: #CC9933;
	position:absolute;top:344px;left:440px;
	height:145px;
	width:180px;
	padding:30;
	margin:0px;
	border:0px solid white;
}
#gal9 div{display:none;}
#gal9:hover div{			/*Inhalt der Hoverbox */
	background-color: #333333;
	filter:alpha(opacity=90);
		opacity: 0.9;
		-moz-opacity:0.9;
	display:block;
	width:180px;
	height:130px;
	position:absolute;top:17px;left:00px;
	border:0px dashed black;
	padding:0px;
}
#gal9:hover span{
	display:block;
	position:absolute;top:100px;left:85px;
}
/* Bildpositionen auf Galerieunterseiten */
#bildhori {
	background-color: #000000;
	position:absolute; top:0px; left:30px;
	height:430px;
	width:573px;
	margin:0px;
	border:0px solid white;
}
#bildvert {
	background-color: #000000;
	position:absolute; top:0px; left:155px;
	height:430px;
	width:323px;
	margin:0px;
	border:0px solid white;
}
/* Container mitBildinformationen */
#infkon {				/*Trigger Bildinfo und Kontakt */
	background-color: #223322;
	position:absolute;top:407px;left:0px;
	height:20px;
	width:20px;
	padding:30;
	margin:0px;
	border:1px solid white;
}
#infkon div{display:none;}
#infkon:hover div{			/*Inhalt der Hoverbox */
	background-color: #333333;
	filter:alpha(opacity=90);
		opacity: 0.9;
		-moz-opacity:0.9;
	display:block;
	width:250px;
	height:430px;
	margin-left:0px;
	position:absolute;top:-408px;left:25px;
	border:0px dashed black;
	padding:10px;
	padding-left:15px;
}
#infkon:hover span{			/* Hoverbox mit Kontakt-Referenz mail-to  */
	display:block;
	position:relative;top:170px;right:10px;
}
/* Bildweiternavigation in Bildergalerien */
#ff {				/*forward */
	background-color: none;
	position:absolute;top:0px;right:0px;
	height:430px;
	width:80px;
	padding:0;
	margin:0px;
	border:0px solid white;
}
#ff div{display:none;}
#ff:hover div{			/*Inhalt der Hoverbox */
	background-color: none;
	filter:alpha(opacity=90);
		opacity: 0.9;
		-moz-opacity:0.9;
	display:block;
	width:30px;
	height:200px;
	position:relative;top:60px;right:-20px;
	border:0px dashed black;
	padding:0px;
}
#ff:hover span{
	display:block;
	position:absolute;top:100px;left:85px;
}
#bw {				/*backward */
	background-color: none;
	position:absolute;top:0px;left:0px;
	height:430px;
	width:80px;
	padding: 0;
	margin:0px;
	border: 0px solid white;
}
#bw div{display:none;}
#bw:hover div{			/*Inhalt der Hoverbox */
	background-color: none;
	filter:alpha(opacity=90);
		opacity: 0.9;
		-moz-opacity:0.9;
	display:block;
	width:30px;
	height:200px;
	position:relative;top:60px;left:30px;
	border:0px dashed black;
	padding:00px;
}
#bw:hover span{
	display:block;
	position:absolute;top:100px;left:85px;
}
/* Container auf den Computerseiten */
#cal1{					/* Screenshot 1 		- Links-	*/ 
	background-color: #66CCFF;
	position:absolute;top:00px;left:00px;
	height:145px;
	width:180px;
	padding:30;
	margin:0px;
	border:0px solid white;
}

#cal1txt{					/* Beschreibung zu Screenshot 1	- Links-	*/
	background-color: #333333;
	position:absolute;top:00px;left:220px;
	height:145px;
	width:400px;
	padding:30;
	margin:0px;
	border:0px solid #555555;
}
#callink1{
	position:absolute; bottom: 0px; right:0px;
}

#cal2{					/* Screenshot 1 		- Links-	*/ 
	background-color: #66CCFF;
	position:absolute;top:170px;left:00px;
	height:145px;
	width:180px;
	padding:30;
	margin:0px;
	border:0px solid white;
}

#cal2txt{					/* Beschreibung zu Screenshot 1	- Links-	*/
	background-color: #333333;
	position:absolute;top:170px;left:220px;
	height:145px;
	width:400px;
	padding:30;
	margin:0px;
	border:0px solid #555555;
}

#cal3{					/* Screenshot 1 		- Links-	*/ 
	background-color: #66CCFF;
	position:absolute;top:340px;left:00px;
	height:145px;
	width:180px;
	padding:30;
	margin:0px;
	border:0px solid white;
}


#cal3txt{					/* Beschreibung zu Screenshot 1	- Links-	*/
	background-color: #333333;
	position:absolute;top:340px;left:220px;
	height:145px;
	width:400px;
	padding:30;
	margin:0px;
	border:0px solid #555555;
}

#cal4{					/* Screenshot 1 		- Links-	*/ 
	background-color: #66CCFF;
	position:absolute;top:00px;right:00px;
	height:145px;
	width:180px;
	padding:30;
	margin:0px;
	border:0px solid white;
}


#cal4txt{					/* Beschreibung zu Screenshot 1	- Links-	*/
	background-color: #333333;
	position:absolute;top:00px;right:220px;
	height:145px;
	width:400px;
	padding:30;
	margin:0px;
	border:0px solid #555555;
}


#cal5{					/* Screenshot 1 		- Links-	*/ 
	background-color: #66CCFF;
	position:absolute;top:170px;right:00px;
	height:145px;
	width:180px;
	padding:30;
	margin:0px;
	border:0px solid white;
}

#cal5txt{					/* Beschreibung zu Screenshot 1	- Links-	*/
	background-color: #333333;
	position:absolute;top:170px;right:220px;
	height:145px;
	width:400px;
	padding:30;
	margin:0px;
	border:0px solid #555555;
}