@charset "ISO-8859-1";

html{
	background-image: url(images/bg.gif);
	font-family: Arial;
	font-size:small;
}

/* Hintergrundbild mit Verlauf*/
#bg{
	background-image: url(images/bg_verlauf.gif);
	background-repeat: repeat-x;
	height: 600px;
	margin: 0 auto; /* Grafik/Inhaltsfenster berührt Rand */
}

#Seite{
	width: 700px;
	margin: 0 auto; /* horizontale Zentrierung der Seite*/
}

h1, h2, h4 { 
	line-height: 0;
}

/* INHALTSFENSTER */
#content{
	/*text-align: justify;*/
	/*background-color: #ff9e01;*/
	background-image: url(images/bg_content.gif);
	/*vertical-align: top;*/
	/*border: 1px;*/
	margin: 0;
	padding: 40px 10px 20px;
	/* WASSERZEICHEN
	background-image:url(images/logo_bs.png); background-repeat:no-repeat; background-position:top center;
    background-attachment:scroll;
	*/
}

/* schwarzer Balken unten */
#black{
	background-color: #ff9e01;
	height: 10px;
	border-bottom: 1px solid black;
	border-left: 1px solid black;
	border-right: 1px solid black;
	border-bottom-left-radius: 10px; /* abgerundete Ecken */
	border-bottom-right-radius: 10px;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
	webkit-border-bottom-left-radius: 10px;
	webkit-border-bottom-right-radius: 10px;
}

/* Impressumszeile */
#impr{
	color: #ffffff;
	text-align: center;
	margin: 0; 
	padding: 0;
}

a#limpr:link, a#limpr:visited{color: #ffffff;}*/


/* NAVIGATION */
#navbg{
	background-image: url(images/bg_buttons.gif);
	height: 28px;
}

ul#navigation{
	list-style-type: none;
	background-image: url(images/bg_buttons.gif);
	margin: 0;
	padding: 0;
	/*list-style: none;*/
}

ul#navigation a {
	margin-top: 8px;
	float: left;
	width: 140px; /* Grafik-Breite */
	height: 28px; /* Grafik-Höhe */
	padding: 0; /* keine Abstände */
	margin: 0 0 0 0; /* Aussenabstand oben - rechts - unten - links */
}

ul#navigation a span {
	display: none; /* für Blindtext */
}

/* Home Button */
ul#navigation li a#btn_home:link, ul#navigation li a#btn_home:visited{
	background-image: url(images/btn_home.gif);
}
ul#navigation li a#btn_home:hover{
	background-image: url(images/btn_home_ro.gif);
}
ul#navigation li#current a#btn_home {
	background-image: url(images/btn_home_ro.gif);
}

/* Laden Button */
ul#navigation li a#btn_laden:link, ul#navigation li a#btn_laden:visited{
	background-image: url(images/btn_laden.gif);
}
ul#navigation li a#btn_laden:hover{
	background-image: url(images/btn_laden_ro.gif);
}
ul#navigation li#current a#btn_laden {
	background-image: url(images/btn_laden_ro.gif);
}

/* Szene Button */
ul#navigation li a#btn_szene:link, ul#navigation li a#btn_szene:visited{
	background-image: url(images/btn_szene.gif);
}
ul#navigation li a#btn_szene:hover{
	background-image: url(images/btn_szene_ro.gif);
}
ul#navigation li#current a#btn_szene {
	background-image: url(images/btn_szene_ro.gif);
}

/* Kontakt Button */
ul#navigation li a#btn_kontakt:link, ul#navigation li a#btn_kontakt:visited{
	background-image: url(images/btn_kontakt.gif);
}
ul#navigation li a#btn_kontakt:hover{
	background-image: url(images/btn_kontakt_ro.gif);
}
ul#navigation li#current a#btn_kontakt {
	background-image: url(images/btn_kontakt_ro.gif);
}

/* WebShop Button */
ul#navigation li a#btn_webshop:link, ul#navigation li a#btn_webshop:visited{
	background-image: url(images/btn_webshop.gif);
}
ul#navigation li a#btn_webshop:hover{
	background-image: url(images/btn_webshop_ro.gif);
}
ul#navigation li#current a#btn_webshop {
	background-image: url(images/btn_webshop_ro.gif);
}


/* NEWS */
#npost{
	border: 1px solid black;
	border-bottom-right-radius: 10px; /* abgerundete Ecken*/
	-moz-border-radius-bottomright: 10px;
	webkit-border-bottom-right-radius: 10px;
	/*border-top-left-radius: 10px;
	-moz-border-radius-topleft: 10px;
	webkit-border-top-left-radius: 10px;*/
	
	box-shadow: 3px 3px 5px #ffd899; /*Schatteneffekt*/
	-moz-box-shadow: 3px 3px 5px #ffd899;
	margin: 20px auto;
	width: 600px;
}

#npost_head{
	text-align: left;
	font-weight: bold;
	height: 26px;
	background-image: url(images/npost_head.jpg);
	background-repeat: no-repeat;
	padding: 5px 10px 2.5px;
}

#npost_date{
	text-align: right;
	color: grey/*#333333*/;
	margin-top: -16px;
}

#npost_content{
	text-align: left;
	padding: 2.5px 10px 10px;
}


/* GALERIE */
#gallery{
	padding: 0; 
	margin: 0; 
	list-style: none; 
	position: relative; 
	z-index: 10; 
	width: 600px; 
	/*height: 800px; Einstellung bei Text unter den Bildern */ 
	height: 700px;
	margin: 10px auto; 
	font-family: verdana, arial, sans-serif; 
	font-size: 12px;
}

#gallery table{
	border-collapse: collapse; 
	margin: -1px -10px;
}

#gallery li{
	float: left; 
	margin: 5px 17px; 
	display: inline; 
	color: #000; 
	text-decoration: none; 
	width: 85px; 
	height: 85px; 
	cursor: default;
}

#gallery li a.thumb{
	display: block; 
	width: 75px; 
	height: 75px; 
	text-decoration: none; 
	cursor: default; 
	border: 5px solid #ff9e01; /* Farbe des Bilderrahmens */
} 

#gallery li a.thumb img{
	display: block; 
	border: 0;
}

#gallery li div{
	position: absolute; 
	left: -9999px; 
	border: 0; 
	width: 580px; 
	text-align: center; 
	z-index: -1; 
	background: #fff;
}

#gallery li div img{
	margin: 10px auto;
}

#gallery :hover{
	background: #ff9e01; /* Ueberblendfarbe beim Bildtext */
} 

#gallery li a.thumb:hover{
	border-color: #ffd899; /* Ueberblendfarbe bei den Vorschaubildern */
}

#gallery li:hover > a{
	border-color: #ffd899; /* Rahmenfarbe wenn die Maus das ausgewaehlte Vorschaubild verlaesst */
}

#gallery :hover div{
	position: absolute; 
	left: 9px; 
	top: 0; 
	/*padding: 200px 0 0px 0; Einstellung bei Text unter den Bildern */ 
	padding: 200px 0 0px 0; /* das das angezeigte Bild nicht Hinter den Vorschaubildern liegt */
	background: #ff9e01; /* Galerie Hintergrundfarbe bei der Bildvergroesserung */
} 

#gallery :hover div img{
	border: 1px solid #888;
}

#gallery :hover div p{
	width: 580px; 
	text-align: center; 
	font-family: verdana, sans-serif; 
	font-size: 11px; 
	line-height: 20px;
}

#gallery :hover div p a{
	/*padding: 8px 0 8px 30px; 
	background: url(gallery-images/enlarge.gif) no-repeat left center;*/
}

#gallery :hover div p a:hover{
	color: #000; 
	text-decoration: underline;
}

#gal_page a{
	text-decoration: none; 
	color: #000;
	font-size: 18px;
}

#gal_page :hover{
	text-decoration: underline;
}