@charset "utf-8";
/* CSS Document */
html, body {
background-image: url(images/bg.jpg);
background-repeat: repeat-x;
background-position: top;
background-color: #252620;
margin: 0;
padding: 0;
font-family: Verdana, Arial, sans-serif;
font-size: 11px;
color: #5F6150;
scrollbar-face-color: #cccccc;
scrollbar-highlight-color: #cccccc;
scrollbar-3dlight-color: #cccccc;
scrollbar-darkshadow-color: #333333;
scrollbar-shadow-color: #cccccc;
scrollbar-arrow-color: #333333;
scrollbar-track-color: #ffffff;
}

#wrapper {
width: 876px;
margin: 60px auto 0 auto;
}

#inhalt {
width: 876px;
background-image: url(images/inhalt-top.jpg);
background-repeat: no-repeat;
background-position: top;
background-color: #252620;
float: left;
}

.image {margin-bottom: 10px;}
.logo {float: left; margin-left: 5px;}
p {line-height: normal; margin: 0; padding: 0;}

a {color: #5F6150; text-decoration: underline;}
a:hover {color: #5F6150; text-decoration: none;}

.lauftext {padding-left: 17px;}
.bold {padding-left: 17px; font-weight: bold;}
.boldaktuelles {font-weight: bold;}
.disclaimer {font-size: 9px; padding-left: 17px;}

.table {margin-top: 10px;}


.laufband {margin-top: 19px;}

/*____________________________Hauptnavi_____________________________*/

div#navi a{
display:block;
width: 146px; height: 40px;
background-repeat: no-repeat;
float:left;
text-decoration:none;
}

div#navi a span {position: relative; left:-10000px;} /*Verstecken des Textlinks, der für barrierefreie Webseite gebraucht wird*/

a#aktuelles {background: url(images/navi/aktuelles.jpg);}
a#aktuelles:hover {background: url(images/navi/aktuelles-o.jpg);}
a#aktuellesaktiv {background: url(images/navi/aktuelles-o.jpg);}
a#historie {background: url(images/navi/historie.jpg);}
a#historie:hover {background: url(images/navi/historie-o.jpg);}
a#historieaktiv {background: url(images/navi/historie-o.jpg);}
a#leistungen {background: url(images/navi/leistungen.jpg);}
a#leistungen:hover {background: url(images/navi/leistungen-o.jpg);}
a#leistungenaktiv {background: url(images/navi/leistungen-o.jpg);}
a#mitarbeiter {background: url(images/navi/mitarbeiter.jpg);}
a#mitarbeiter:hover {background: url(images/navi/mitarbeiter-o.jpg);}
a#mitarbeiteraktiv {background: url(images/navi/mitarbeiter-o.jpg);}
a#gaertnerei {background: url(images/navi/gaertnerei.jpg);}
a#gaertnerei:hover {background: url(images/navi/gaertnerei-o.jpg);}
a#gaertnereiaktiv {background: url(images/navi/gaertnerei-o.jpg);}
a#links {background: url(images/navi/links.jpg);}
a#links:hover {background: url(images/navi/links-o.jpg);}
a#linksaktiv {background: url(images/navi/links-o.jpg);}

/*____________________________Bildbereich Schmuckbild_____________________________*/

#inhalt #schmuckbild {width: 514px; margin: 10px 0 0 10px; 
background-image:url(images/schmuckbild-bg.jpg);
background-repeat:no-repeat;
background-position:right;
float:left;}

* html #inhalt #schmuckbild { /* width IExplorer */
	width: 514px;
   margin: 10px 0 0 6px; 
  }
  
  
  
/*____________________________Bildbereich Schmuckbild_____________________________*/

#inhalt #kategorie {
width: 340px; 
height: 435px;
margin: 10px 0 0 0; 
background-image:url(images/inhalt-rechts.jpg);
background-repeat:no-repeat;
background-position:right top;
background-color: white;
float: left;
}

* html #inhalt #kategorie { /* width IExplorer */
   width: 338px;  
   margin: 10px 0 0 0; 
  }
  
a#subnavi {font-size: 10px; text-decoration: none; color: #5F6150; font-weight: bold; margin: 0 5px 0 5px;}
a#subnavi:hover {font-size: 10px; text-decoration: underline; color: #5F6150; margin: 0 5px 0 5px;}
a#subnaviactive {font-size: 10px; text-decoration: underline; color: #5F6150; font-weight: bold; margin: 0 5px 0 5px;}

.td {border-top: #818172 1px solid;}

a.leistungen {font-size: 11px; text-decoration: none; color: #5F6150; font-weight: bold; line-height: 1.9em;}
a.leistungen:hover {font-size: 11px; text-decoration: underline; font-weight: bold; color: #B3000B;}

a.gaertnerei {font-size: 11px; text-decoration: none; color: #5F6150; font-weight: bold; line-height: 1.9em;}
a.gaertnerei:hover {font-size: 11px; text-decoration: underline; font-weight: bold; color: #AB3801;}

a.mitarbeiter {font-size: 11px; text-decoration: none; color: #5F6150; font-weight: bold; line-height: 1.9em;}
a.mitarbeiter:hover {font-size: 11px; text-decoration: underline; font-weight: bold; color: #80377C; }

a.link {font-size: 11px; text-decoration: none; color: #5F6150; font-weight: bold; line-height: 1.9em;}
a.link:hover {font-size: 11px; text-decoration: underline; font-weight: bold; color: #B29E2B;}

#scroll {overflow-y: scroll; overflow-x:hidden; height: 270px; width: 330px; position: static;}

* html #scroll { /* width IExplorer */
   width: 320px; overflow-x:hidden; position: static;
  }
  
  /*_________________________________________KONTAKTFORMULAR_______________________________________-*/

form {
font-family: Verdana, Arial, sans-serif;
width: 245px;
font-size: 101px;
letter-spacing: normal;
background-color: white;
margin-left: 18px;
}


label{display: block; font-size: 11px;}

#absender, textarea, nachricht, textarea {
font-family: Verdana, Arial, sans-seri;
font-size: 10px;
width: 240px;
border: 1px solid #cccccc;
margin-bottom: 7px;
letter-spacing: normal;
}

textarea {height: 6em; letter-spacing: normal;}
input:focus, textarea:focus
{background-color: #ffffff;}

.leftformular {
	font-family: Tahoma, Arial, Verdana, sans-serif;
	width: 240px;
	float: left;
	font-size: 10px;
	color: #333333;
	letter-spacing: normal;
}

.butons {
	font-family: Tahoma, Arial, Verdana, sans-serif;
	float: left;
	font-size: 11px;
	color: #333333;
	letter-spacing: normal;