/* CSS Document */

@media screen
{
.fett	{ font-weight: bold; }

/*	Description:    Bodystyle
/*************************************************************************/
* {padding:0; margin:0;}
html,body {padding:0; margin:0;}
html,body, #container,#wrapper {height:auto;}
body {padding:0; margin:0; background-color:#F5F8E7; color:#000; 
background-image:url(grafix/bg_body.gif); background-position:center top; background-repeat:repeat-y;}


/*	Description:    Headlines & Fontstyles
/*************************************************************************/
h1 {font-family:"Helvetica"; font-size:18px; font-weight:bold; color:#94B83F; padding:0; margin:0;}
h2 {font-family:"Helvetica"; font-size:18px; font-weight:bold; padding:10px 0 10px; margin:0;}
h3 {font-family:"Verdana"; font-weight:bold; font-size:11px; padding:0; margin:0;}
h4 {font-family:"Helvetica"; font-size:13px; font-weight:bold; color:#CB3000; padding-left:10px; margin:0;}
h5 {font-family:"Verdana"; font-size:14px; color:#999;}
h6 {font-family:"Helvetica"; font-size:12px; color:#FF0000; font-weight:normal; float:right; padding:0; margin-top:-35px;}
div {font-size:12px; font-family:"Verdana", Tahoma, Arial, sans-serif; font-weight:normal; line-height:135%; color:#333; text-transform: none;}


/*	Description:    Header - Container - Footer
/*************************************************************************/
#container {width:100%; margin:0 auto;
background-image:url(grafix/bg_header.jpg); background-position:center top; background-repeat:no-repeat;}
#spacer {width:100%; height:35px; margin:0 auto;}
#header {width:770px; height:255px;}
#wrapper {width:770px; margin:0 auto;}
#content-wrap {width:770px; margin:0 auto;}
#left {width:210px; float:left; padding:0; margin-top:5px;}
#right {width:540px; float:right; margin-top:40px;}
#footer {clear:both; width:100%; margin:0 auto; padding-top:50px; height:105px; position:relative;
background-image:url(grafix/bg_footer.jpg); background-position:center bottom; background-repeat:no-repeat;}
#footer-box {clear:both; width:770px; padding-top:10px; margin:0 auto; height:95px;}


/*	Description:    Boxen - Content
/*************************************************************************/
.normbox {width:540px; padding:15px 0 0; margin:0;}
.contentbox {width:540px; padding:10px 0 0; margin:0;}
.textbox {width:190px; padding:0; margin:10px 0 0 0; float:left;}/*	Nur Unterseiten-Content*/
.bildbox {width:330px; padding:0; margin:10px 0 0 0; float:left;}/* Nur Unterseiten-Content*/

#newscontainer {width:540px; padding:0; margin:0; float:left; background:#FEB000}/* Nur Startseite*/

.newsbox {width:336px; height:260px; min-height:260px; padding:10px; margin:0; border-right:10px solid #F5F8E7; float:left; background:#D1E0AA}/* Nur Startseite*/
.galeriebox {width:154px; padding:10px; margin:0; float:left; background:#FEB000}/* Nur Startseite*/
.teaserbox {width:153px; height:300px; padding:10px 10px 20px 10px; margin:10px 0 0 0; float:left;}/* Nur Startseite*/

.baumschule {background-color:#FEB000;}
.gartengestaltung {background-color:#D1E0AA;}
.panorama {background-color:#94B83F; color:#000; font-weight:normal;}

.start {color:#000; font-weight:normal;}
a.start {color:#000;}
a.start:link {color:#000;}
a.start:hover {color:#FFF;}


.listbox {width:180px; height:100px; float:left; display:block; margin:0; padding:0; list-style:inside; position:relative;}
.listbox-2 {width:540px; list-style:inside; float:left; margin:0; padding:10px 0 0 0;}
.listbox-3 {width:540px; list-style:decimal inside; float:left; margin:0; padding:10px 0 0 0;}

.margin-left {margin:10px 0 0 10px;}/* Nur Startseite*/
.padding-left {padding:0 0 0 20px;} 
.padding-right {padding:0 20px 0 0;} 

.contactbox {width:200px; height:auto; padding:0; margin:0; background-color:#DCE5A6;}/* Nur Startseite*/
h4.contactbox {width:185px; background-color:#94B83F; color:#FFF; height:22px; padding: 8px 0 5px 15px;}
.border-top {width:200px; height:25px; border-top:5px solid #94B83F;}
.top {border-top:1px solid #FFF;}
.border-bottom {width:200px; border-bottom:1px solid #FFF;}
.footer-data {float:left; width:200px; padding-top:15px; margin-right:30px; height:70px;
font-size:10px; font-weight:normal; color:#666;}


/*	Description:    Krempel ;-)
/*************************************************************************/
p {padding:12px; margin:0; }
p.footer {padding:0; margin:0; border-top:1px solid #CCC; text-indent:2px;}
p.content {padding:0; margin:10px 0 10px 0;}


/*	Description:    Grafiken
/*************************************************************************/
img.ico {padding:0; margin:0; vertical-align:middle;}
img.header {position:relative; float:right;}
img.content {padding:5px 20px 0 0;}
img.start {padding:0 0 10px 0; margin:-10px -10px 0; text-align:bottom; float:left; height:173px; width:173px;}

/*	Description:    Label fuer Kontaktbox und Footer
/*************************************************************************/
label {padding:0; margin:0; width:80px; display:block; float:left; clear:left;}

.label {color:#333; font-size:11px; font-weight:bold; width:184px; margin:5px; padding:3px;}
.tel, .fax {background-color:#FFF;}
.mail {padding:0; width:191px;}
.person {padding:0;}
.anfahrt {padding-left:5px; margin:0;}
.oeffnung {font-weight:normal;}
.impressum {padding:0; width:130px;}

.footerlabel {padding-top:15px; margin-right:10px; float:left; font-size:10px; font-weight:normal;}


/*	Description:    Navi und Links
/*************************************************************************/
a {font-weight:bold; color:#222; text-decoration:none;}

a.box:link {text-decoration:none;}
a.box:visited {text-decoration:none;}
a.box:hover {color:#CB0000; text-decoration:none;}
a.box:active {text-decoration:none;}

#start {width:185px; background-color:#94B83F; color:#FFF; padding:0;}

#mainnav {width:200px; padding:0; margin:0; background-color:#DCE5A6; list-style:none;}
#mainnav ul {list-style:none; padding:0; margin:0;}
#mainnav li a {text-decoration:none; margin:0; padding:7px 0 7px 15px; border-top:1px solid #FFF; display:block; height:20px;}
#mainnav li a:link, #mainnav li a:visited {}
#mainnav li a:hover, #mainnav li #current {color:#FFF; 
background-image:url(grafix/bg_nav-active.gif); background-position:left top; background-repeat:repeat-y;}

#subnav {font-size:10px; font-weight:normal; width:200px; padding:0; margin:0; background-color:#F5F8E7; list-style:none;}
#subnav ul {list-style:none; padding:0; margin:0;}
#subnav li a {font-weight:normal; text-decoration:none; padding:3px 0 2px 28px; margin:0; display:block;}
#subnav li a:link, #subnav li a:visited {}
#subnav li a:hover, #subnav li #current {color:#000;
background-image:url(grafix/bg_sub-nav-active.gif); background-position:left top; background-repeat:repeat;}
.sub {font-weight:bold; background-color:#C4D36B;}

/* Logo-Link /*/
.home {float:left; background-color:#transparent; width:205px; height:255px; display:block; position:relative;}
a.home {}
a.home:link    {}
a.home:visited {}
a.home:hover   {}
a.home:active  {}

/* eMail-Box /*/
.achtung {font-weight:normal; color:#FF0000; size:10px; padding-left:20px;}
#form-box {width:350px; padding:0; margin-left:90px; border-bottom:5px solid #94B83F;}
.zzz-email-box-head   { background-color:#94B83F; font-size:12px; font-weight:bold; color:#333; line-height:20px;}
.zzz-email-box-body   { background-color:#EEF3D7;}
.zzz-email-box-danke  { font-size:17px; font-weight:bold; color:#990033;}

/*### News-System (Module) ##################################################*/
/* News-Box: */
.zzz-news-box-head           { background-color: #0045C0; font-size: 17px; font-weight: bold; color: #80C2EE; line-height: 30px }
.zzz-news-box-body           { background-color: #0065CE }
.zzz-news-box-headline       { font-size: 11px; font-weight: bold; color: #FFFFFF }
.zzz-news-box-kurztext       { font-size: 11px; font-weight: normal; color: #CCE7F8 }
.zzz-news-box-trenner-dunkel { }
.zzz-news-box-trenner-hell   { background-color: #40A4E6 }
A.zzz-news-box-link:link     { font-weight: bold; color: #CCE7F8; text-decoration: none }
A.zzz-news-box-link:visited  { font-weight: bold; color: #CCE7F8; text-decoration: none }
A.zzz-news-box-link:hover    { font-weight: bold; color: #FFFFFF; text-decoration: underline }
A.zzz-news-box-link:active   { font-weight: bold; color: #FFFFFF; text-decoration: underline }

/* News-Liste: */
.zzz-news-liste-body           {  }

.zzz-news-liste-headline       { font-weight: bold }
.zzz-news-liste-kurztext       { font-weight: normal }
.zzz-news-liste-trenner-dunkel {  }
.zzz-news-liste-trenner-hell   { background-color: #CCCCCC}
A.zzz-news-liste-link:link     { font-weight: bold; color: #222222; text-decoration: none }
A.zzz-news-liste-link:visited  { font-weight: bold; color: #222222; text-decoration: none }
A.zzz-news-liste-link:hover    { font-weight: bold; color: #CB0000; text-decoration: underline }
A.zzz-news-liste-link:active   { font-weight: bold; color: #CB0000; text-decoration: underline }

}