body {background: #fff url(../img/bg.jpg) no-repeat fixed bottom right; margin: 0; padding: 0; font: 71%/150% tahoma, arial, verdana, sans-serif; color: #000; letter-spacing: 1px;}

div#content	
{width: 470px; position: absolute; left: 250px; padding: 0 0 40px 0; margin: 20px 0 0 0;}

div#sidebar	
{width: 250px; position: absolute; left: 750px; top: 20px; padding: 0;}

body>div#sidebar	
{position: fixed;}

div.trenner 
{display: block; clear: both; height: 10px;}

h1 
{font: normal 2.4em Arial, sans-serif; color: #690; text-transform: uppercase; margin: 35px 0 40px 0;  letter-spacing: 0;}

h2 
{font: normal 1.7em/1em Arial, sans-serif; color: #9c0; margin: 0 0 0.5em 0; letter-spacing: 0; text-transform: uppercase;}

h2>a {display: block;}

h3 {
font-size: 1em;  margin: 2em 0 0.5em 0;}

strong 
{font-size: 10px; display: block; margin: 45px 0 10px 0; text-transform: uppercase;}

strong.aktuell {
color: #666; font-weight: normal; font-size: 11px;}

em {color: #666; font-style: normal; text-transform: uppercase;}




table 
{width: 100%; padding: 0; margin: 0 0 0 0; border: none;}


th 
{padding: 1em 0 0.5em 0; text-align: left; border-bottom: 1px solid #ddd;}

td 
{vertical-align: top; padding: 5px 15px 0 0;} 



a 
{color: #690; font-weight: bold; text-decoration: none; border-bottom: 1px solid #ccc;}

a:hover 
{color: #000; border-bottom: 1px solid #000;}

a.info {border-bottom: 1px dotted #000; cursor: help;}


a img {border: none;}

img.bild {
background: #fff url(../img/schatten.gif) no-repeat bottom right;
height: 160px; 
float: right;
margin: 0 0 10px 10px;
padding: 8px 12px 12px 8px;
border-top: 1px solid #ddd;	
border-left: 1px solid #ddd; 
}

img.referenzen-bild {
background: #fff url(../img/schatten.gif) no-repeat bottom right;
width: 160px; height: 100px; 
float: right;
margin: 0 0 10px 10px;
padding: 8px 12px 12px 8px;
border-top: 1px solid #ddd;	
border-left: 1px solid #ddd; 
}


#overlay {
background: #000;
filter:alpha(opacity=40);
-moz-opacity: 0.4;
opacity: 0.4;
}

#lightbox{
background: #fff;
padding: 20px;
}

#lightbox a {border-bottom: none;}

#lightbox img{ border: 1px solid #ccc; clear: both;} 

#lightboxCaption {
margin: 10px 0 0 0;
line-height: 1.2em;
}


a#logo {
	position: fixed;
	border: none;
}

img.weiter {float: right; margin-left: 5em;}


div.clear {
clear: both;
}

div.border {
background: #fff url(../img/schatten.gif) no-repeat bottom right;
padding: 8px 12px 12px 8px;
border-top: 1px solid #ddd;	
border-left: 1px solid #ddd; 
}

div#map {
width: 448px;
height: 230px;
}

p 
{margin: 0.5em 0 1em 0;}

ul 
{padding: 0; margin: 1em 0 2em 1.5em;}
li 
{margin: 0; padding: 0.2em 0; list-style: square outside url(../img/pfeil.gif);}

ul#nav 
{margin: 0; padding: 50px 0 0 0; list-style-type: none; list-style-image: none;}
ul#nav li 
{margin: 0; padding: 0; list-style-type: none; list-style-image: none;}
ul#nav li a 
{background: #9c3; color: #fff; font-size: 1.15em; padding: 0.2em; line-height: 1.7em; border: 1px solid #fff; display: inline;}
ul#nav li a.aktiv
{background: #690; color: #fff;}
ul#nav li a:hover 
{background: #690; color: #fff;}

.unsichtbar {
	display: none;
}

.preisteaser {
background: #fff url(../img/preisschild.png) no-repeat right top;
margin-bottom: 50px;
}


@media print {   
img#logo {float: left; height: 80px; margin: 0 30px 30px 0;}
img.bild {border: 1px solid #ddd;}
div#content	{width: 100%; position: static; padding: 0; margin: 0;}
ul, div#sidebar, strong.aktuell {display: none;}
a, a.info {color: #000; font-weight: normal; border: none;}
}