/* Stylesheet tomogara-kamenz.de 
copyright by euroweb internet gmbh */

/*------------------------------- Allgemeine Tags ANFANG -----------------------------------------*/ 
body, h1, h2, h3, p, br, a, img, object, embed, hr, input, select, textarea, table, tr, td, th, caption, form, ul, ol, li { 
margin:0;
padding:0;
}
html {
SCROLLBAR-FACE-COLOR: #92B49E; 
SCROLLBAR-HIGHLIGHT-COLOR: #086E3F; 
SCROLLBAR-SHADOW-COLOR: #086E3F; 
SCROLLBAR-3DLIGHT-COLOR: #92B49E; 
SCROLLBAR-ARROW-COLOR:  #086E3F; 
SCROLLBAR-TRACK-COLOR: #92B49E; 
SCROLLBAR-DARKSHADOW-COLOR: #92B49E;
}
body {
background:url(images/body-kachel.jpg) repeat-x #92B49E;
font:10px/16px Verdana, Geneva, Helvetica, Arial, sans-serif;
color:#fefefe;
text-align:center;
padding-top:69px;
}
a:link {
color:#92B49E;
text-decoration:underline;
background-color:transparent;
}
a:visited, a:active {
color:#BBDEC7;
text-decoration:underline;
background-color:transparent;
}
a:hover {
color:#fefefe;
text-decoration:none;
background-color:transparent;
}
hr {
color:#fefefe;
background-color:#fefefe;
border:0;
width:100%;
height:1px;
margin:10px 0;
}
/*------------------------------- Allgemeine Tags ENDE -----------------------------------------*/ 


/*------------------------------- ID-Selektoren ANFANG -----------------------------------------*/
#wrapper {
width:758px;
height:auto;
margin:0px auto;
text-align:left;
position:relative;
z-index:2;
}
#top {
color:#086E3F;
height:20px;
font-weight:bold;
}
#head {
width:758px;
height:121px;
background:url(images/head-bg.jpg) no-repeat;
}
#box {
width:758px;
height:auto;
/*background:url(images/box-bg.jpg) no-repeat;*/
}
#navi {
width:232px;
height:348px;
background:url(images/navi-bg.jpg) no-repeat 13px 0px;
float:left;
padding:0px 33px 0 13px;
}
#nav {
list-style:none outside;
width:auto;
height:auto;
margin:31px 11px 0 11px;
}
#nav li {
font:bold 10px/16px Verdana, Geneva, Helvetica, Arial, sans-serif;
padding:1px 0;
border-bottom:1px solid #9AAD9A;
}
#nav li.noborder {
border-bottom:0;
}
a.navi:link, a.navi:visited, a.navi:active {
color:#FEFEFE;
text-decoration:none;
background-color:transparent;
display:block;
height:16px;
}
a.navi:hover, #current {
color:#000;
text-decoration:none;
background:url(images/navi-over.jpg) no-repeat 0px -3px;
text-indent:18px;
opacity:0.8;
-moz-opacity:0.8;
filter:Alpha(opacity=80);
}
#current {
opacity:1;
-moz-opacity:1;
filter:Alpha(opacity=100);
}
#content {
width:480px;
height:auto;
float:left;
margin-bottom:10px;
}
#inhalt {
height:auto;
width:450px;
padding:15px;
background:url(images/content-bg.jpg) no-repeat #086E3F;
font:11px/16px Verdana, Geneva, Helvetica, Arial, sans-serif;
}
#inhalt h1 {
font:18px/18px Verdana, Geneva, Helvetica, Arial, sans-serif;
letter-spacing:1px;
color:#fefefe;
padding:0 0 7px 0;
margin:0 0 8px 0;
text-align:right;
border-bottom:1px dashed #fefefe;
position:relative;
}
#inhalt h2 {
font:bold 12px/16px Verdana, Geneva, Helvetica, Arial, sans-serif;
color:#fefefe;
padding:10px 0;
}
#inhalt h3 {
font:bold 11px/11px Verdana, Geneva, Helvetica, Arial, sans-serif;
color:#fefefe;
padding:5px 0;
}
#inhalt p {
padding:10px 0;
}
#inhalt ul {
list-style:square outside;
margin:10px 0 10px 15px;
}
#inhalt #up {
width:16px;
height:16px;
margin:5px 0 -5px 220px;
}
#content-top, #content-bottom {
width:480px;
height:18px;
background:url(images/content-balken.gif) no-repeat;
}
#content > #inhalt {
min-height:320px;
}
* html #inhalt { /* Mindesthoehe fuer IE Win */
height:expression(this.scrollHeight < 320? "320px" : "auto" );
}
#footer {
height:30px;
padding:5px 0 0 0;
width:758px;
clear:left;
text-align:center;
font:bold 10px/16px Verdana, Geneva, Helvetica, Arial, sans-serif;
color:#086E3F;
word-spacing:3px;
border-top:2px solid #fefefe;
}
a.foot:link, a.foot:visited, a.foot:active {
color:#086E3F;
text-decoration:underline;
background-color:transparent;
}
a.foot:hover, #current {
color:#086E3F;
text-decoration:none;
background-color:transparent;
}
/*------------------------------- ID-Selektoren ENDE -----------------------------------------*/ 


/*------------------------------- Klassen und Kleinkram ANFANG -----------------------------------------*/ 
.hidden {
display:none;
}
div.smalltext {
font:9px/13px Verdana, Geneva, Helvetica, Arial, sans-serif;
}
#inhalt div.smalltext p {
padding:5px 0;
}
.karte {
border:1px solid #fefefe;
}
.karte:hover {
border:1px solid #fff;
opacity:0.8;
-moz-opacity:0.8;
filter:Alpha(opacity=80);
background-color:transparent;
}
/* Kontaktformular */
table.kontakt {
border-collapse:collapse;
width:100%;
height:auto;
}
table.kontakt td, th {
vertical-align:baseline;
padding:4px 2px;
}
table.kontakt input,textarea {
background-color:#fefefe;
color:#086E3F;
border:0;
font:bold 11px/11px Verdana, Helvetica, Geneva, Arial, sans-serif;
}
table.kontakt .textfield {
width:200px;
height:13px;
}
table#formular {
margin-top:20px;
border-top:1px dashed #fefefe;
}
table#formular td {
padding-right:10px;
}
table#formular input.telefon {
width:145px;
}
table#formular textarea {
height:30px;
}
#sendbutton {
background-color:#fefefe;
color:#086E3F;
cursor:pointer;
font:bold 12px/12px Verdana, Helvetica, Geneva, Arial, sans-serif;
height:18px;
vertical-align:middle;
}


.clear {clear:both;float:none;}
.accToggle {cursor:pointer;}
.accToggle:hover {
background:#0A784B!important;}
.accContent {width:450px;}

/* Kontaktformular Ende*/

/*------------------------------- Klassen und Kleinkram ENDE -----------------------------------------*/ 

/*------------------------------- AKTU FF 2009 -------------------------------------------------------*/
fieldset	{border: none;}
#inhalt p.stretch, #inhalt p.stretchLinks	{cursor:pointer; padding: 4px; background: #054F2C; display: block; margin: 10px 0;}
#inhalt .stretcher h3, #inhalt .stretcher ul	{padding-left: 10px;}
#inhalt h2	{background: #054F2C; margin: 6px 0; padding: 5px; cursor: pointer;}