/* Meine Seite angefangen August 2006 */


* {	margin: 0;	padding: 0;}

html
{
 	background-image: url(images/bgd.b.gif);
 	background-attachment: fixed;
 	background-repeat: repeat-x;
 	background-color: #3C3C3C;
	color:#ffffff;
 	position: relative;
 	margin: 0;
 	padding: 0;
}

body
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	line-height: 1.4em;
	text-align: left;
	margin:0;
}


 /* Moz, Op, ... */
html>body 
{
	background-image: url(images/bg-top.b.gif);
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: 145px 0;
}

/*---------Standards---------*/


H1	{	text-align:center; font-size: 180%; font-weight: bold; font-style: italic; padding: 0;	margin: 20px;	line-height: 1.5em; 	}
H2	{	text-align:left;	font-size:160%;	font-weight: normal;	 font-style: italic;	padding: 10px 20px;	margin: 0;	}
H3	{	text-align:center; font-size:140%;	font-weight: normal;	 font-style: italic;	padding: 20px;	margin: 10px;}
H4	{	text-align:center; font-size:130%;	font-weight: normal; font-style: italic;		padding: 10px;	margin: 10px;}
H5	{	text-align:left;	font-size:120%;	font-weight: normal; font-style: italic;		padding: 10px;	margin: 0 0 0 10px;	}

p	{	font-weight: normal;	text-align: left;	margin: 20px;	font-size: 110%;	line-height: 1.4em;}
p.justify	{	font-weight: normal;	text-align: justify;	margin: 20px;	}
p.right	{	font-weight: normal;	text-align: right;	margin: 20px;	}
p.center	{	font-weight: normal;	text-align: center;	margin: 20px;	}
	
img  {	border: 0;}
ul, li { list-style-type: none; margin: 0; padding: 0; position: relative;}
blockquote { font-size: 120%; font-weight: bold; margin:  0;}
cite{	display: block;}
em{	font-size: 100%;}
hr {	display: block;	clear: both;	visibility: hidden;	padding: 10px;}	

.clear {	clear: both;}
.none {	display: none;}
.imglinks {	float: left;	margin: 5px 10px 10px 0;}
.imgrechts {	float: right;	margin: 5px 0 10px 10px;}
.leftalign {	float: left;}
.rightalign {	float: right;}
.fett {	font-weight: bold;	margin: 0 ; display: block;}


a:link, a:visited, a:active 	{	color:#D2D596;	background: transparent;	font-weight: bold;   text-decoration:none;	}
a:hover	{	color: #FFFFFF;   background:transparent; text-decoration: none;	}
a.exlink	{	padding-right: 16px;	background: url("img/77.gif") right no-repeat transparent;}
.exlink:hover	{	color: #FFFFFF; text-decoration: underline;	background: url("img/38.gif") right no-repeat transparent;}



/* ----------------------Navigation Anfang--------------------*/

	
#navi
{
	padding:0;
	margin: 1px 0 0 2px; 
}


#navi li
 {
 	background-image: url(images/button.b.gif);
 	width: 73px;
 	height: 74px;
	list-style-type:none; 
	margin: 0;
	padding:0;
	font-size: 140%;
	font-weight: bold;

}

#navi li span 
{
	text-align: center;
	display:block;
	padding: 30px 0 0 ;
	margin: 0;
}


#navi li a 
{
	text-align: center;
	display:block;
	padding: 0;
	margin:0;
	height:74px;
	color: #000;
	background-color: transparent;
	font-weight: normal;
}

#navi li a:hover
{
	background-image: url(images/button.h.gif);
	width: 73px;
	height:74px;
	color: #D2D596;
	background-color: #555756;
	text-decoration: none;
}


/* ----------------------Unterer Abschluss der Navigation--------------------*/


#lefttop  {
	width:73px;
	height: 11px;
	clear: both;
	margin:0 0 0 2px;
	padding: 0;
	background-image: url(images/button.h.gif);
	background-repeat: no-repeat;
}

/* ----------------------Navigation Ende--------------------*/



/* ----------------------Content Anfang-----------------------*/

#container {
	position: relative;
	left: 154px;
	top: 0px;
	width:558px;
	height: auto;
	text-align:center;
	padding:0 0 80px 0;
}

#header
{
	background-image: url(images/head.b.gif);
	background-position: top right;
	background-repeat: no-repeat;
	background-color: #383838;
	color: #fff;
	padding: 0;
	width: 558px;
	height: 80px;
	margin: 0;
	overflow: hidden;
}

#header H1
{
	font-family: Georgia, serif;
	font-size: 2.2em;
	margin: 10px 0px 0 90px;
	padding: 0;
	text-align: left;
	}

#header H2
{
	font-style: normal;
	text-transform: uppercase;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	letter-spacing: 0.8em;
	margin: 0px 0 0 0;
	padding: 0;
	color: #fff;
	text-align: center;
}


#foto, #foto1, #foto2, #foto3, #foto4, #foto5, #foto6 {	background-repeat: no-repeat;	background-position: top center;	background-color: #383838;	width: 558px;	height: 211px;	margin:3px 0 -1px 0;	padding: 0; color: #fff;}

#foto {	background-image: url(head/head.a1.jpg);}

#foto1{	background-image: url(head/head.a10.jpg);}

#foto2{	background-image: url(head/head.a12.jpg);}

#foto3{	background-image: url(head/head.a4.jpg);}

#foto4{	background-image: url(head/head.a3.jpg);}

#foto5{	background-image: url(head/head.a.jpg);}

#foto6{	background-image: url(head/head.a7.jpg);}

#inhalt
{
	background-image: url(images/bg-inhalt.b.gif);
	background-repeat: repeat-y;
	width: 558px;
	margin: 0;
	padding: 0;
}


#links
{
	width:76px;
	height: auto;
	text-align:center;
	padding:0;
	margin:0;
	float: left;
}


.rechts  
{
	width:482px;
	height: auto;
	float: right;
	margin: 0;
	padding:0;
}


.top  
{
	background-image: url(images/top.b.gif);
	background-repeat: no-repeat;
	background-position: top center;
	width:482px;
	min-height: 50px;
	margin: 0;
	padding: 10px 0;
}


.mitte  
{
	background-image: url(images/mitte.b.gif);
	background-repeat: no-repeat;
	background-position: bottom center;
	width:482px;
	height: 15px;
	margin: 0;
	padding:0;
	clear: both;
}


#footer  
{
	background-image: url(images/foot.b.gif);
	background-repeat: no-repeat;
	background-position: top center;
	font: 120% Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	color:#ffffff;
	background-color: #555756;
	width:558px;
	height: 47px;
	margin: 0;
	padding:0;
	clear: both;
}

#footer ul  
{
	list-style-type: none;
	margin: 0;
	padding:15px 0 0 ;
}

#footer li  
{
	list-style-type: none;
	display: inline;
	margin: 0;
	padding:0 0 0 5px;
}

/* ----------------------Ende Content--------------------*/





	/* ----------------------Extras Anfang--------------------*/
	
	
	
	
	/* --Bildergallerie Anfang--*/	
	
.imggal
{
	background-color: transparent;
	color: #fff;
	margin: 5px;
	padding: 0;
	list-style-type: none;
	text-align: left;
}



.imggal li
{
	background-color: #686968;
	color: #fff;
	float: left;
	height: 160px;
	width: 140px;
	margin: 10px 0 0 10px;
	border: 1px solid #B2B39B;
	padding: 0;	
	text-align: center;
	display: inline;
}

.imggal img
{
	border: 4px solid #ffffff;
	width: 80px;
	height: auto;
   margin: 12px 0 0 0;
}

.imggal span
{
	text-align:center;
   padding: 5px;
	display: block;
}
	/* --Bildergallerie Ende--*/

	
	
	/* --Kontaktformular Anfang--*/
.form1
{
	background-color: #686968;
	color:#ffffff;
	text-align: left;
	width: 180px;
	height: auto;
	padding: 1px;
	border: 1px solid #B2B39B;
	display: block;
}
	
.form2
{
	background-color: #686968;
	color:#ffffff;
	text-align: left;
	width: 300px;
	height: auto;
	padding: 5px;
	display: block;
	border: 1px solid #B2B39B;
	overflow: auto;
}
	
.button
{
	background-color: #686968;
	border: 1px solid #B2B39B;
	text-align: center;
	height: auto;
	padding: 2px;
	margin: 5px;
	color:#fff;
}
	
.button:hover
{
	background-color: #B2B39B;
	text-align: center;
	height: auto;
	padding: 2px;
	margin: 5px;
	color:#000000;
	border: 1px solid #fff;
}

/* --Kontaktformular Ende--*/


/* --Liste Startseite Anfang--*/
.liste1
{
	list-style-type: none;
	font-weight: bold;
	margin: 0 0 0 10px;
	padding: 0 20px 0 30px;
	text-align: left;
}
	
/* --Liste Startseite Ende--*/



/* --Infobox Anfang (By Stu Nicols http://www.cssplay.co.uk)--*/


a.info, a.info:visited 
{
	color:#8FE5E0; 
	background-color: transparent;
	position:relative; 
	z-index:1;
}
a.info b 
{
	position:absolute;
	visibility:hidden; /* hide the image */
	width:200px; /* give it a width */
	height:0; /* no height to solve an Opera bug that makes it selectable when hidden */
	border:1px solid #383838;
	color: #383838;
	background-color: #fafaf4;
	margin: -10px 0 0 0;
	padding: 10px;
}
a.info:hover 
{
	text-decoration:none; 
	border:0; /* needed for this to work in IE */ 
	z-index:1000;
}
a.info:hover b 
{
	visibility:visible; /* make the image visible */
	height:auto; /* now give it a height */
	cursor:pointer; /* for IE */
	font-weight: normal;
	z-index:500; 
}
a.info:hover b img 
{
	border:0; /* remove the link border */
}
a.info:hover b em 
{
font-weight: bold;
font-style: normal;
background-color: #8FE5E0;
}
/* --Infobox Ende--*/