@charset "utf-8";
/* CSS Document */


body {
	size: 15pt;
	line-height: 22pt;
	background-image: url(grafik/hgviolet-ra-glaesser.jpg);
	background-attachment:fixed;
	margin: 0;
	padding: 0;
	color: none;
	overflow-y:scroll;
	}

/* ~~ Element-/Tag-Selektoren ~~ */
ul, ol, dl { 
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6 {
	
	margin-top: 0; 
	padding-left: 15px;
	color: #37997c;
	
	
}

h1 {
	font-family: 'Paprika', cursive;
	font-weight: 200;
	font-size: 16px;
	color: #b99a56;
	 
}



p {
	margin-top: 0;	
	font-family: Arial, sans-serif;
	padding-right: 15px;
	padding-left: 15px;
}

a img {
	border: none;
}

a:link {
	color: #993761;
	text-decoration: underline;
}
a:visited {
	color: #993761;
	text-decoration: underline;
}
a:hover, a:active, a:focus { 
	text-decoration: none;
	color: #993761;
}

.container {
	width: 100%;
	background-image: url(grafik/papierhg-glaesser.png);
	margin: 0 auto; 
	}

.header {
	width: 100%;
	margin: 0 auto;
	padding-top: 50px; 
	height: 210px;
	text-align:center;
		}

#navi {
	background-color: none;
	width: 190px;
	float: left;
	margin-top: -3px;
	position:absolute;
		}

#navi ul li {
	width: 210px;
	overflow:hidden;
	height: 33px;
	background: none;
	border-top: 0px;
	float:left;
	font-family: Verdana, Geneva, sans-serif;
	font-size:19px;
	
	}
	
#navi ul li a {
	overflow: visible;
	color: #7c614c;
	text-decoration:none;
	}
	
#navi ul li a:hover {
	overflow: visible;
	color: #95054c;
	text-decoration:none;
	}

#navi #aktuell > a {
color: #95054c;
text-decoration:none;

}

#unternavi {
	 float:none;
     width: 465px;
     background: none;
     padding-left: -5px;
}

#unternavi ul {
     margin: 0;
     padding-left: 15px;
}
 
#unternavi li {
     display: inline;
     list-style: none;
     margin-right: 45px;
	 padding: 0px;
	 font-size: 16px;
	 font-family:Arial, Helvetica, sans-serif;
	 font-weight: bold; 
	 text-align:left;
   }

#unternavi ul li a {
	overflow: visible;
	color: #7c614c;
	text-decoration:none;
	}
	
#unternavi ul li a:hover {
	overflow: visible;
	color: #95054c;
	text-decoration:none;
	}

#unternavi #aktuell > a {
color: #95054c;
text-decoration:none;
}



#rechts {
         background-color: none;
         width: 234px;
         float: right;
         font-size: 15px;
         line-height: 20pt;
         color: #4f4736;
		 text-align:left;
		 }

#inhalt {
         background-color:none;
         margin-left: 190px;
		 margin-right: 265px;
		 padding-right: 10px;
		 margin-top: -10px;
		 clear:none;
		 font-family:Arial, Helvetica, sans-serif;
		 font-size:11Pt;
		 line-height: 17Pt;
		 color: #4f4736;
		 text-align:justify;
		 }

#inhalt-start {
         background-color:none;
         margin-left: 190px;
		 margin-right: 0px;
		 padding-right: 0px;
		 margin-top: -10px;
		 clear:none;
		 font-family:Arial, Helvetica, sans-serif;
		 font-size:11Pt;
		 line-height: 17Pt;
		 color: #4f4736;
		 text-align:justify;
		 }


#zweispalten {
         background-color:none;
         margin-left: 190px;
		 margin-right: -10px;
		 margin-top: -10px;
		 clear:none;
		 font-family:Arial, Helvetica, sans-serif;
		 font-size:11Pt;
		 line-height: 18Pt;
		 color: #4f4736;
		 text-align:justify;
		 }


.content {
	width: 920px;
	margin: 0 auto; 
	}
	
	
/* ~~ Fußzeile ~~ */

#footer {
	height: 70px;
    padding-top: 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:50%;
	color:#6a5f47;
	background: none;
	margin-right: auto; 
	margin-left: auto;
	width:920px;
	border:none;
	
}

#footer a{
	color: #6a5f47;
	text-decoration:none;
}

#footer a:hover{
	color: #6a5f47;
	text-decoration:none;
}


/* ~~ Verschiedene float/clear-Klassen ~~ */
.fltrt {  /* Mit dieser Klasse können Sie ein Element auf der Seite nach rechts fließen lassen. Das fließende Element muss vor dem Element stehen, neben dem es auf der Seite erscheinen soll. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* Mit dieser Klasse können Sie ein Element auf der Seite nach links fließen lassen. Das fließende Element muss vor dem Element stehen, neben dem es auf der Seite erscheinen soll. */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* Diese Klasse kann in einem <br />-Tag oder leeren div-Tag als letztes Element nach dem letzten fließenden div-Tag (im #container) platziert werden, wenn #footer entfernt oder aus dem #container herausgenommen wird. */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}


/* SLIMBOX */

#lbOverlay {
	position: absolute;
	left: 0;
	width:100%;
	background-color: #fff;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer { position: absolute; left: 50%; overflow: hidden; background-color: #fff; }

.lbLoading {
	background: url(sb/loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover { background: url(sb/prevlabel.gif) no-repeat 0 15%; }

#lbNextLink {
	right: 0;
}

#lbNextLink:hover { background: url(sb/nextlabel.gif) no-repeat 100% 15%; }

#lbBottom { font-size: 12px; color: #666; font-family: Helvetica, Arial, ; line-height: 1.4em; text-align: left; border-color: #fff; border-style: none solid solid; border-width: 12px; }

#lbCloseLink { background: url(sb/closelabel.gif) no-repeat center; display: block; float: right; width: 113px; height: 10px; margin: 5px 0; }

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}

/* SLIMBOX END*/