body {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#3A3A3A;
	background-color: #DCE0E4;
	margin: 0;
	padding: 0;
	background-image:url(../images/page_bg.gif);
	background-repeat: repeat-x;
}
h1	{ font-family: Verdana;
 font-size: 18px; 
 font-weight:200;
 color:#333333;
text-align:left;
margin-left:10px;  }
h2 {
	font-family: tahoma, Helvetica, sans-serif;
	font-size:14px;
	font-style:normal;
	color:#CC0000;
	padding: 0px 0 0 10px;
	margin: 0px 0px 20px 0;
}
h3
{color:#333333;
font-size:12px;
padding:9px 0 9px 10px;
	margin: 0px;}

.container_left {
	background: url(../images/top_left.gif) no-repeat;
	
}
	
.container_right {
	background: url(../images/top_right.gif) no-repeat top right;
}
	
.container_bottom {
	background: url(../images/container_bottom.gif) no-repeat;
	
}



div#centered {
	position: absolute;
	left: 50%;
	margin:10px 0 0 -489px;
	width: 978px;
	min-width: 978px;
	background-image:url(../images/container_bg.gif);
	background-color:#fff;
	
}
div#container {
	width:962px;
	min-width: 962px;
	background-color: #FFFFFF;
	padding:0;
		margin:0px 8px ;
}

/*#################### Header ####################*/
#header 
{height:223px;
background-color:#fff;
border-top:1px solid silver;
border-bottom:1px solid silver;
background-position:left;}
#headerprint
{display:none;}
/*#################### Inhalt ####################*/
#top
{margin:0;
padding:0;
background-color:#fff;
}

/*menue*/
#menu { width: 962px;  float: left;margin:0;
padding:0;  }
#menu ul {list-style: none; margin: 0; padding: 0;}
#menu ul.home { list-style: none; margin: 0; padding: 0; width: 70px; float: left; }
#menu ul.akt { list-style: none; margin: 0; padding: 0; width: 75px; float: left; }
#menu ul.service {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 145px;
	float: left;
}
#menu ul.galerie {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 60px;
	float: left;
}
#menu ul.hist { list-style: none; margin: 0; padding: 0; width: 85px; float: left; }
#menu ul.m2008 {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 130px;
	float: left;
}
#menu ul.m2007 { list-style: none; margin: 0; padding: 0; width: 120px; float: left; }
#menu ul.kontakt { list-style: none; margin: 0; padding: 0; width: 110px; float: left; }
#menu ul.m2009 {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 130px;
	float: left;
}
#menu a
  { font: bold 11px/16px arial, helvetica, sans-serif;
  display: block; 
  text-align:center;
  margin: 0;
   padding: 2px 3px; }


#menu a { color:red;
 background-color: silver;
 text-decoration: none;
 background-image: url("../images/main_bg.gif");
}
#menu a.drop { color: black; 
background-color: white;
background-image:url(bggv.jpg);
 text-decoration: none; 
}

#menu a:hover { color: #000; background-color: silver;  }
#menu li {position: relative;}
#menu ul ul { position: absolute; z-index: 500; width:130px; left:20px; }
#menu ul ul ul { position: absolute; top: 0; left: 100%; }

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
  {display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
  {display: block;}
  
  
/*slideshow*/
a, a:visited {color:#080;} /* needed for IE to make :active state work first time */

#headerprint{
display:none;}

#container2 {position:relative; 
width:700px; height:220px; 
 margin:0 auto;}
#container2 img {border:0;}
a.gallery, a.gallery:visited {display:block;
 display:inline-block;
  color:#000; 
  text-decoration:none; 
   width:100px;
    height:75px;  margin:4px; z-index:50;}
a.slidea {background-image: url("../images/image001_k.jpg")}
a.slideb {background-image: url("../images/image002_k.jpg")}
a.slidec {background-image: url("../images/image003_k.jpg")}
a.slided {background-image: url("../images/image004_k.jpg")}
a.slidee {background-image: url("../images/image005_k.jpg")}
a.slidef {background-image: url("../images/image006_k.jpg")}
a.slideg {background-image: url("../images/image007_k.jpg")}
a.slideh {background-image: url("../images/image008_k.jpg")}
a.slidei {background-image: url("../images/image009_k.jpg")}
a.slidek {background-image: url("../images/image010_k.jpg")}
a.slidel {background-image: url("../images/image011_k.jpg")}
a.slidem {background-image: url("../images/image012_k.jpg")}
a.sliden {background-image: url("../images/image013_k.jpg")}
a.slideo {background-image: url("../images/image014_k.jpg")}
a.slidep {background-image: url("../images/image015_k.jpg")}
a.slideq {background-image: url("../images/image016_k.jpg")}
a.slider {background-image: url("../images/image017_k.jpg")}
a.slides {background-image: url("../images/image018_k.jpg")}

a.gallery em, a.gallery span {display:none;}

a.gallery:active, a.gallery:focus {border:1px solid silver;}

a.gallery:active em, a.gallery:focus em {display:block;
 position:absolute;
  width:325px;
   height:244px;
   top:360px;  left:500px; padding:5px; color:#000; border:1px solid red; z-index:50;}

/*################# Slideshow ############*/
/* SLIDESHOW */
#slideshow {
 height:223px; /* hier Hoehe der Slideshow-Bilder angeben */
 position:relative;
}
#slideshow img {
 display:none;
 position:absolute;
 top:0; left:0;
}
#slideshow img.start {
 display:block;
}

/*################# Slideshow ############*/
/* SLIDESHOW */
#slideshow2 {
 height:223px; /* hier Hoehe der Slideshow-Bilder angeben */
 position:relative;
}
#slideshow2 img {
 display:none;
 position:absolute;
 top:0; left:0;
}
#slideshow2 img.start2 {
 display:block;
}





#inhalt
{width:950px;
 }
#content {
	
	width:960px;
	padding:0px 0px 0px 15px;
	margin:50px 0px 2px 0px;
	
	
	
}

#content p
{padding:5px 8px 4px 10px;
margin:0;
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
line-height:18px;
color:#3A3A3A;
}
#content ul
{margin:0 0 0 25px;
list-style-type:square;
padding:5px 20px 4px 5px;
color:#3A3A3A;}

#content a {color:#CC0000;}
#content a:visited	{ text-decoration: underline;color:#999999; }
#content a:hover		{ text-decoration: none; color:#CC0000; }

#footer {
	clear:both;
		font-size:11px;
	height: 28px;
	
	width:100%;
	text-align:center;
	margin:70px 0 0 0px;
	padding:5px 0 0px 0;
	color:#333333;
	background: url(../images/container_bottom2.gif);
	background-repeat: no-repeat;
}
#footer a
{color:#4E4E4E;
font-size:11px;
text-decoration:underline;
text-align:left;}





* html div#navigation {
	margin-top: -2px;
	/* Workaround gegen den 3-Pixel-Bug des Internet Explorers */
}
* html div#content {
	border-bottom-width:0px;
		border-bottom-color:#FFFFFF;
	border-top-width: 0px;
	border-right-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-left-color: #FFFFFF;
	/* Workaround fuer Internet Explorer */
}
* html div#news {
	margin-top: -2px;
	/* Workaround gegen den 3-Pixel-Bug des Internet Explorers */
}
.dunkelgrauezelle {
	font: bold normal 12px/18px Arial, Helvetica, sans-serif;
	color: #fff;
	background: #666666;
	border-bottom: 2px solid #FFFFFF;
}

table
{
 margin: 0;
  padding: 0;
 font: 11px Verdana, Arial, sans-serif;
 text-align:left;
 text-decoration:none;
}
.rot {
	font: 14px Arial, Helvetica, sans-serif;
	color: #CC0000;
}


/*########################*/

 Code by Stu Nicholls http://www.stunicholls.myby.co.uk/

a.screen, a.screen:visited {

position:relative; 
text-decoration:none;
z-index:1;
}
a.screen strong {
position:absolute;
visibility:hidden; /* hide the image */
width:338px; /* give it a width */
height:0; /* no height to solve an Opera bug that makes it selectable when hidden */
border:1px solid silver; /* add a border */
left:450px; /* position:the image */
margin-top:0px;
}
a.screen:hover {
text-decoration:none; 
border:0; /* needed for this to work in IE */ 
z-index:1000;
}
a.screen:hover strong {
visibility:visible; /* make the image visible */
height:auto; /* now give it a height */
cursor:pointer; /* for IE */
z-index:500; 
text-decoration:none;
}
a.screen:hover strong img 
{

border:0; /* remove the link border */
}

#userservice
{position:absolute;

width:50px;
padding-left:10px;
top:250px;
right:10px;}

