/*grundsaetzliches */

html, body{
background: white;
margin:0;
border:0;
padding:0; 
text-align:center;
font-size:100%;
font-family: Verdana, Arial, Helvetica, sans-serif;
} 

#content {
	width: 870px;
	margin: 0 auto;
        padding:0;
	text-align:left;
	background: url(bilder/bg_middle.jpg);
        }

#header {
width: 870px;
height:230px;
background: url(bilder/header_art-webwerk.jpg);
border:0;
margin:0;
padding:0;
}

#main {float: left; width: 620px; margin:0; padding:0; z-index:1;}

#main-content {padding:1em; font-size: 100%;}

#sidebar {margin:0 0 0 620px; padding:0;}

#sidebar-content {padding: 0.5em 1em; font-size: 100%;}

hr.cleaner {
	clear:both;
	height:1px;
	margin: -1px 0 0 0; padding:0;
	border:none;
	visibility: hidden;
	}

#footer {
text-align: left;
height: 55px;
background: url(bilder/bg_bottom.jpg);
}

#lokales {
margin:10px 50px 15px 0;
padding: 0 0 15px 0;
}

#weather {
margin: 5px 0 0 120px;
}

/* Links*/

#main-content a:link, #main-content a:visited {
color: #2F4F4F; 
text-decoration: none;
border: 0;
border-bottom:1px;
border-color: #57584A;
border-style: dashed;
}
 
#main-content a:hover {color: green;}
#main-content a:active {color: black} 

a.intern{
    background: url(bilder/int_link.gif) no-repeat 100% 0;
    padding: 0 20px 0 0;
    }

.intern:hover{
    background: url(bilder/int_link1.gif) no-repeat 100% 0;
    padding: 0 20px 0 0;
    }

a.extern {
    background: url(bilder/ext_link.gif) no-repeat 100% 0;
    padding: 0 20px 0 0;
    }
a.extern:hover {
    background: url(bilder/ext_link1.gif) no-repeat 100% 0;
    padding: 0 20px 0 0;
    }

.top {
    background: url(bilder/top_link.gif) no-repeat 100% 0;
    padding: 0 20px 0 0;
    }

a.mail{
    background: url(bilder/mail.gif) no-repeat 100% 0;
    padding: 0 20px 0 0;
    }

/*fuer das Wettermodul*/

#weather a:link{
color: white; 
text-decoration: none;
border: 0;
}     


/*Navigation*/

#navcontainer ul
{
list-style-type: none;
text-align: left;
margin-top:0px;
margin-left:25px;
}

#navcontainer ul li{margin-top: 6px;}

#navcontainer ul li a:link, #navcontainer ul li a:visited
{
background: transparent url(bilder/list-off.gif) left center no-repeat;
padding:0 0 0 35px;
text-align: left;
font-size: 0.9em;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
color:#331C08;
color:black;
}

#navcontainer ul li a:hover, #navcontainer ul li a:focus, #navcontainer ul li a:active
{
background: transparent url(bilder/list-on.gif) left center no-repeat;
color: #C76120;
}

#navcontainer ul li a#current
{
background: transparent url(bilder/list-active.gif) left center no-repeat;
color: #75553C;
}

.navside {
padding:0px;
margin: 0 0 0 -70px;
}

.unvisible {
DISPLAY: none
}

.navside img {
border: 0;
margin: 250px 0 -15px 20px;
}


/*Bilder*/

.rightimage {
float: right;
border:0; 
padding: 0;
margin: 10px 100px 0 10px;
width: 100%;
} 

.marke {
float: right!important;
margin:0 0 -30px 0!important; 
padding: 0;
width: 100%;
}

.center {
float:right;
margin: 10px;
margin-right:250px;
width: 100%;
}

#main-content img {
float: right;
margin:0 0 0 10px;
padding:2px;
border:1px;
border-color:black;
border-style:solid;
}

#main-content .in img{
float:left;
margin:0 20px 0 0;
padding:5px;
border:0;
}
#main-content .front{
margin-top:-25px;
position:relative;
}

#header img {
margin:0!important;
padding:0;
border:0;
}

.aktion{
margin:-20px 0 0 0!important;
}

.portfolio{
float:left;
margin:0;
margin-right:20px!important;
margin-bottom: 10px !important;
border:0 !important;
width:200px; /*CSS2*/ 
} 

a .lightbox {
float:left;
border:0 !important;
margin: 2px!important;
width: 100%;
}

.webwerk{
float:right;
margin:0 0 10px 10px !important;
width: 100%;
}

.noborder {border:0 !important}

/*Text*/
 
h1 {
font-family: Times, serif;
color: black;
font-size: 1.5em;
margin: -10px 100px 30px 100px;
padding: 3px;
border: 0;
border-bottom: 1px;
border-style: dashed;
border-color: #6B5A46;
}

h2 {
font-size: 1.0em;
margin: 13px 150px 10px 80px;
border: 0;
border-bottom:1px;
border-color: green;
border-style: dashed;
}

h3 {
font-size: 0.9em;
margin: 13px 150px 10px 80px;
}

#main-content p{
color: black;
font-size: 0.8em;
margin: 10px 100px 0 80px;
text-align: left;
line-height:1.3em;
}

#footer p{
font-size: 0.7em;
margin:0;
padding:0;
padding-top:5px;
color:gray;
text-align:left;
margin-left:75px;
}

#main-content ul li {
font-size: 0.8em;
margin: 0 80px 3px 70px;
color: black;
list-style-image: url(bilder/list-off.gif);
padding:0;
list-style-type: none;
padding-left:5px; 
}

* html #main-content ul li {
padding-left:15px; /*IE6 Abstandskorrektur*/
}

*+ html #main-content ul li {
padding-left:15px; /*IE7 Abstandskorrektur*/
}

.underline {
padding-bottom:10px;
border:0;
border-bottom:1px;
border-style: dashed;
border-color: black;
}

address {
color: black;
font-size: 0.8em;
margin: 5px 100px 0 80px;
text-align: left;
}


#sign {
margin:-10px 0 0 25px;
}

p.initiale:first-letter { /* in px da Opera bei em leider die Initiale verliert*/
        float:left;
        font-size:48px;
	line-height:28px;
	padding-top:0px;
	margin: -1px 2px 0 0;
	font-family: serif;
	color: black;
}

/*Zitatzeichen*/
.bqstart {font-size: 30px; color: #f0c06b; margin-right:2px; font-family: serif } 
.bqend {font-size: 30px; color: #f0c06b; font-family: serif}

blockquote {margin-left:70px; font-weight: bold;}

#lokales p{
text-align:left;
margin: 5px 0 10px 0;
padding:0;
}

#main-content .lineheightplus {
line-height:1.7em;
margin-top:25px;
}

.bottom {
font-size:0.6em;
color:gray}

.top {
color: green;
margin-left: 20px; 
}

#main-content .preis {
padding: 10px 30px;
font-size:0.7em;
color:navy;

}

/* Formular */

#formular {
font-size: 0.8em;
}

form {
background-color:#F5F5DC;
margin: 15px 50px 30px 50px;
border: 1px;
border-color: black;
border-style: solid;
}

fieldset {
font-size: 0.8em;
color:black;
border:0;
border-top: 1px;
border-color: black;
border-style: solid;
} 


legend {
font-family: Arial, Verdana, sans-serif;
font-size: 1.0em;
padding: 0.7em;
background-color: #006400;
color:white;
margin:.3em;
border: 1px;
border-color: black;
border-style: solid;
}

label.left {
float: left;
text-align: right;
width: 9em;
margin: 0em .3em 1em -3em;
}

label.left_2 {
float: left;
text-align: right;
width: 20em;
margin: 0em .3em 1em 0;
}

input[type=text], select {
float: left;
}

.nachricht {
margin: .3em 0 0 .5em;
}

input.right {
float: left;
width: auto;
clear: both;
margin: 1em .3em 0.5em .3em;
}

input[type=checkbox],
input[type=radio].right,
input[type=submit].right {
margin-left: 1em !important;
}

fieldset h2 {
font-family: Arial, Verdana, sans-serif;
font-weight:normal;
font-size:1.3em;
color:black;
border:0;
margin:5px 0 10px 10px;
}

form br {
clear: both;
}

fieldset hr {
margin-left:20px;
padding:0;
}
.submitbutton {
margin:10px 0 10px 80px;
}


/*Sonstiges*/

hr {width:70%; margin-left:80px;}

.clear {clear:both}

/* Class "unsichtbar": 
   Schiebt die "unsichtbaren" Hilfen aus dem
   Viewport, dadurch lassen sich uebereifrige
   Screenreader, die ausgerechnet "display:none"
   akustisch auswerten, taeuschen und lesen 
   die so versteckten Hilfen dennoch vor. 
*/
.unsichtbar{
      position:absolute;
      left:-2000px;
}

/* Sprunglinks beim Tabben sichtbar machen */
p.unsichtbar a:focus,
p.unsichtbar a:active{
    position:absolute;
    left:+2220px;
    top:+70px;
    display:block;
    width:20em;
    padding:2px 6px;
}
/* Class "unsichtbar": ENDE */


/*printer*/ 
 @media print{ 

/*optimiert zum drucken*/ 
#sidebar {display:none;} 
#main-content{width:100%; float:none; margin:0; padding:0; line-height:1em;}
#header{display:none;}
#content{background:none;margin:0;padding:0;}
#footer{display:none;}
}