@charset "UTF-8"

/* Globaleinstellung der Link-Farben START */
a:link {color: #bbb;
	text-decoration: none;
	border: none;
	}
#content a:visited {
	color: #0368b4;
	text-decoration: und;
	border: none;
	}

a:visited {
	color: #aaa;
	text-decoration: none;
	}
	
a:active {
	color: #8C8E8F;
	text-decoration: none;
	}

a:hover {
	color: #8C8E8F;
	text-decoration: none;
	}
/* Globaleinstellung der Link-Farben ENDE*/

/* Headline Kategorie 1 */
h1 {
	color: #000;
	font-size: 14px;
	letter-spacing: 1px;
	font-weight: normal;
	line-height: 20px;
	margin: 0;
	border: 0;
	padding: 0;
	margin-bottom: 20px;
}

/* Globaleinstellung im body-Tag */
body {
	background-color: #444;
	font-family: Arial, Verdana, sans-serif;
	font-size: 11px;
	letter-spacing: 0;
	line-height: 19px;
	padding: 0;
	margin: 0;
	}

body a {
	color: #444;
}

/* Einstellungen fuer die temporaeren Internetseiten START */
.head {
	font-family: Verdana, Arial, SunSans-Regular, sans-serif;
	font-size: 14px;
	font-weight: bold;
	line-height: 20px;
	}
	
.copy_white, .copy_white a {
	font-family: Verdana, Arial, SunSans-Regular, sans-serif;
	font-size: 11px;
	font-weight: normal;
	line-height: 16px;	
	color: white;
}

.copy_grey, .copy_grey a {
	font-family: Verdana, Arial, SunSans-Regular, sans-serif;
	font-size: 11px;
	font-weight: normal;
	line-height: 16px;	
	color: #bbb;
}


/* ************************************ 
/*  Horizontale Menu-Leiste oben START
***************************************/

#navileiste {
	position: absolute;
	left: 40px;
	width: 550px;
	height: 13px;
	margin: 0 0;
	border: 0;
	padding: 0 0;	
	z-index: 2;
	background-image: url(../media/bilder/filler_transp.png);
}
/* 1. Naviebene positionieren */
#navileiste ul {margin: 0;padding: 0;border: 0;margin-left:8px;}
#navileiste ul li {list-style:none;position:relative;float: left;margin:0;padding: 0;padding-right: 13px;padding-left: 13px;line-height:13px;}
/* 1. Naviebene stylen */
#navileiste ul li {border-right: solid #000 1px;}
#navileiste ul li a {color: #000; text-decoration: none; }
#navileiste ul a:hover {color: #0368b4;}	

/* 2. Naviebene positionieren */
#navileiste ul ul {visibility: hidden;position:absolute; width: auto;top: 13px;padding-top:5px;padding-bottom:8px;left:0px;}
#navileiste ul ul li {clear: both;}
#navileiste ul li:hover ul {visibility: visible;}
/* 2. Naviebene stylen */
#navileiste ul ul {border:solid 0px #ccc;background-image: url(../media/bilder/filler_transp.png);border-top:solid 1px #000;}
#navileiste ul ul li {border-right:none;width:auto;padding-right: 12px;}
#navileiste ul ul li a {color: #000; line-height: 20px;}
#navileiste ul ul a:hover {color: #0368b4;}

/* 3. Naviebene positionieren */
#navileiste ul ul ul {left:90%;top: 5px;border:0;}
#navileiste ul li:hover ul li:hover ul li {width:auto;padding-right: 20px;}
/* 3. Naviebene verstecken when you hover on first level list OR link */
#navileiste ul li:hover ul li ul {display: none;}
/* 3. Naviebene sichtbar machen when you hover over second level list OR link */
#navileiste ul li:hover ul li:hover ul {display:block;}

/* *********************************** 
/*  Horizontale Menu-Leiste oben ENDE
**************************************/


#centerframe {
	position: absolute;
	width: 950px;
	left: 50%;
	top: 20%;
	margin-left: -475px;
	margin-top: -120px;
	z-index: 1;
	}
#outerframe {
	width: 950px;
	max-width: 950px;
	margin: 0;
	border: 0;
	padding: 0;

	}
#headframe {
	width: 950px;
	height: 129px;
	max-width: 950px;
	max-height: 129px;
	margin: 0;
	border: 0;
	padding: 0;
	background-image: url(../media/bilder/kopfleiste.jpg);
	}
#panoframe {
	width: 950px;
	height: 165px;
	max-width: 950px;
	max-height: 165px;
	margin: 0;
	border: 0;
	padding: 0;
	background-image: url(../media/bilder/panorama/start.jpg);
	}

#panoframe_pfirsiche {
	width: 950px;
	height: 165px;
	max-width: 950px;
	max-height: 165px;
	margin: 0;
	border: 0;
	padding: 0;
	background-image: url(../media/bilder/panorama/pfirsiche.jpg);
	}
	
#panoframe_piano {
	width: 950px;
	height: 165px;
	max-width: 950px;
	max-height: 165px;
	margin: 0;
	border: 0;
	padding: 0;
	background-image: url(../media/bilder/panorama/piano.jpg);
	}
		
/* Globaleinstellung der Kulisse - die als Generalcontainer dient */
#kulisse {
	width: 950px;
	max-width: 950px;
	min-height: 306px;
	margin: 0;
	border: 0;
	padding: 0;
	background-image: url(../media/bilder/fussteil_d.jpg);
	}

#content {
	z-index: 1;
	width: 535px;
	margin: 0;
	border: 0;
	padding: 0;
	padding-top: 40px;
	padding-left: 40px;
	padding-bottom: 20px;
}

#bildcontainer_content {
	height:260px;
	float:left;
	margin: 0;
	border: 0;
	padding: 0;
	padding-right:25px;
	margin-bottom: 100px;
}

#rechteck {
	z-index: 2;
	float: right;
	width: 152px;
	height: 65px;
	max-width: 152px;
	max-height: 65px;
	margin: 0;
	border: 0;
	padding: 0;
	padding-right: 145px;	
	}

#login {
	z-index: 2;
	position: absolute;
	top: 370px;
	left: 727px;
	width: 20px;
	height: 20px;
	max-width: 20px;
	max-height: 20px;
	margin: 0;
	border: 0;
	padding: 0;
	}
#login a img {
	border: solid 0px #aaa;
	}		
/* START Styling fuer lightwindow-Links */
a.page-options {
	color: #000000; 
	text-decoration: none; 
	display: inline; 
	text-align: left; 
}

a.page-options:hover, 
a.page-options:focus {
	color: #fff; background-color: #aaa;
}
/* ENDE Styling fuer lightwindow-Links */



/* Entfernt den blauen Rahmen um Bilder die als Links fungieren */
a img {
	border: solid 1px #aaa;
	}

/* Globaleinstellung der Fussleiste */
#fussleiste {
	width: 950px;
	max-width: 950px;
	height: 29px;
	margin: 0;
	border: 0;
	padding: 0;
	background-image: url(../media/bilder/fussleiste.jpg);
	}
	

#content a:link { 	color: #0368b4;
	text-decoration: none;
	border: none;
 }