/* HTML-Tag-Definitionen */

*
{
    font: 			normal 1.0em verdana, arial, helvetica, sans-serif;
    text-decoration:none;
    background: 	none;
    border: 		none;
}

html
{
    margin: 		0px;
    padding: 		0px;
    font-size: 		62.5%; /* 100% = 16px --> 62,5 % = 10px */
}


body
{
    margin: 		0px;
    padding: 		0px;
    font-size: 		1.17em;
    background: 	#fff7e5 url(../images/bg_body.gif);
    text-align: 	center;
}

ul, ol
{
    margin: 		10px 0px 10px 20px;
    padding: 		0px;
}

table
{
    margin: 		0px;
    margin-bottom: 	1em;
    padding: 		0px;
    border-collapse:collapse;
}

table th, table td
{
    margin:  	 	0px;
    padding:		0px;
    vertical-align:	top;
    font-size: 		1em;
}

table.calendar
{
    margin:  	 	0px;
    padding:		0px;
    border-collapse:collapse;
    width: 			100%;
    border-spacing: 0px;
}

table.calendar td
{
    margin: 		0px;
    padding: 		10px 0px 10px 0px;
    vertical-align: top;
    text-align: 	left;
    border-bottom:	solid 1px #ccc;
}

table.calendar td.cell1
{
    width:         100px;
}

table.calendar td.cell2
{
    width:         100px;
}

h1, h2, h3, h4, h5, h6
{
    margin:  	 	0px;
    margin-bottom:  0.5em;
    padding:		0px;
    font-weight: 	600; /* 100,200,300,400,500,600,700,800,900 = extra-dünn (100) bis extrafett (900). */
    color:			#245831;
}

h1 { font-size:	1.5em; }
h2 { font-size: 1.4em; }
h3 { font-size: 1.3em; }
h4 { font-size: 1.2em; }
h5 { font-size: 1.1em; }
h6 { font-size: 1.0em; }

hr
{
    margin:  	 	0px 0px 10px 0px;
    padding:		0px;
    border-top: 	solid 1px #FFE382;
}

p { margin-bottom: 1.0em; }

strong { font-weight: bold; }
small { font-style:	italic; }

a
{
    margin:  	 	0px;
    padding:		0px;
    text-decoration:none;
    color: 			#4F3800;
}

a:hover { text-decoration: underline; }

/*
a:link    { color: #BD1818; }
a:visited { color: #BD1818; }
a:hover   { color: #BD1818; }
a:active  { color: #BD1818; }
a:focus   { color: #FFC000; }
*/

a#dl_button
{
    margin:         0px;
    padding:        5px 10px;
    text-decoration:none;
    border:         solid 1px #999;
    background:     #efefef;
    color:          #333;
}

a:hover#dl_button
{
    color:          #f00;
}

.google_maps, .google_maps strong { color: #333; }

.google_maps strong
{
    font-size: 		14px;
    font-weight: 	600;
}

a:hover.google_maps, a:hover.google_maps strong
{
    text-decoration:none;
    color: 			#BD1818;
}

a.pdf-link
{
    margin: 		0px;
    padding: 		4px;
    padding-left: 	20px;
    background: 	url(../images/file_pdf.gif) no-repeat;
}

a.rss_link
{
    text-indent: 	-9999px;
    display: 		block;
    margin: 		0px;
    padding: 		0px;
    width: 			80px;
    height: 		15px;
    background: 	url(../images/rss_newsfeed.gif) no-repeat;
}

form
{
    margin:  	 	0px;
    padding:		0px;
    margin-bottom: 	10px;
}

input
{
    margin:  	 	0px;
    padding:		0px;
    padding: 		1px;
    border: 		solid 1px #cdcdcd;
    background: 	#ffffff;
}

input.submit
{
    width: 			120px;
    border: 		solid 1px #808080;
    background: 	#efefef;
    cursor: 		pointer;
}

textarea
{
    margin:  	 	0px;
    padding:		0px;
    padding: 		1px;
    font-size: 		11px;
    border: 		solid 1px #cdcdcd;
    background: 	#ffffff;
    overflow: 		auto;
}

select
{
    margin:  	 	0px;
    padding:		0px;
    font-size: 		11px;
    border: 		solid 1px #cdcdcd;
    background: 	#ffffff;
}

fieldset
{
    margin:  	 	0px;
    margin-bottom: 	10px;
    padding: 		10px;
    border: 		solid 1px #cdcdcd;
}


form#email-form span
{
    width: 			8.0em;
    float:			left;
}

form#email-form input
{
    width: 			250px;
}

form#email-form  input.zip
{
    margin-right: 	5px;
    width: 			50px;
    float: 			left;
}

form#email-form  input.town
{
    width: 			190px;
}

form#email-form  input.submit
{
    width: 			120px;
}

form#email-form  select
{
    width: 			250px;
}

form#email-form  textarea
{
    width:			400px;
    height: 		100px;
}

address
{
    margin: 		0px 0px 10px 0px;
    padding: 		10px;
    border: 		solid 1px #ccc;
    background: 	#fefefe;
}

/* Bildergalerie */

div.image_gallery_thumb
{
    margin: 		0px 5px 5px 0px;
    padding: 		0px;
    border: 	    solid 1px #cdcdcd;
    background: 	#fefefe;
    float:			left;
}

div.image_gallery_thumb a
{
    display: 		block;
    margin:  	 	0px;
    padding:		0px;
    text-indent: 	-9999px;
    width:			100px;
    height:			100px;
}

div.image_gallery_picture
{
    margin: 		0px;
    padding: 		0px;
    text-align: 	center;
}

div.image_gallery_picture img
{
    margin: 		0px;
    padding: 		5px;
    border: 		solid 1px #cdcdcd;
    background: 	#fefefe;
}


.error,
.formerror
{
    color: 			#ff0000;
}

.message
{
    color: 			#005e20;
}

.list-box-1,
.list-box-2
{
    margin: 		0px 0px 10px 0px;
    padding: 		0px 0px 10px 0px;
    /*
    border-left: 	solid 4px #ccc;
    */
    border-bottom: 	solid 1px #FFE382;
}

.info-box
{
    margin: 		0px;
    margin-bottom: 	10px;
    padding: 		10px;
    background: 	#efefef;
    border: 		solid 1px #cdcdcd;
}

.box
{
    margin: 		0px;
    margin-bottom: 	10px;
    padding: 		10px;
    background: 	#fefefe;
    border: 		solid 1px #cdcdcd;
}

/* CSS-IDs */


#page
{
    position: 		relative;
    top: 			0px;
    margin: 		0px auto 0px auto;
    padding:		0px;
    width: 			820px;
    border: 		solid 0px #000;
    background: 	url(../images/bg_page.gif) repeat-y;
    text-align: 	left;
    border-top:     solid 1px #fff7e5;
}

#box-1
{
    margin: 		0px;
    padding: 		0px;
    padding-top: 	77px;
    width: 			202px;
    background: 	url(../images/logo.gif) no-repeat;
    float: 			left;
}

ul#navi-top
{
    position:       relative;
    top:            55px;
    margin:         0px;
    padding:        0px;
    list-style:     none;
    border:         solid 0px red;
    text-align:     right;
}

ul#navi-top li
{
    display:        inline;
    margin:         0px;
    padding:        0px;
    list-style:     none;
}

ul#navi-top li a
{
    margin:         0px;
    margin-left:    5px;
    padding:        0px;
    padding-left:   5px;
    color:          #245831;
    border-left:    solid 1px #245831;
}

ul#navi-top li:first-child a,
ul#navi-top li.first-child a
{
    border-left:    none;
}

ul#navi-left
{
    position: 		relative;
    top: 			0px;
    left: 			0px;
    margin: 		0px;
    padding: 		0px;
    width: 			202px;
    height: 		250px;
    list-style: 	none;
}

ul#navi-left li
{
    position: 		absolute;
    top: 			0px;
    left: 			0px;
    margin: 		0px;
    padding: 		0px;
    list-style: 	none;
}

ul#navi-left li,
ul#navi-left li a
{
    text-indent: 	-9999px;
    display: 		block;
    margin: 		0px;
    padding: 		0px;
    width: 			202px;
    height: 		27px;
    color: 			#ff0000;
    font-weight: 	bold;
    text-decoration:none;
}

ul#navi-left li#wir, ul#navi-left li#about               { top: 0px; }
ul#navi-left li#news, ul#navi-left li#whatsnew           { top: 27px; }
ul#navi-left li#quali, ul#navi-left li#qualityassurance  { top: 54px; }
ul#navi-left li#prod, ul#navi-left li#productrange       { top: 81px; }
ul#navi-left li#erzeuger, ul#navi-left li#info_producers { top: 108px; }
ul#navi-left li#kunden, ul#navi-left li#info_customers   { top: 135px; }
ul#navi-left li#downl                                    { top: 162px; }
ul#navi-left li#partner, ul#navi-left li#partners        { top: 189px; }
ul#navi-left li#kontakt, ul#navi-left li#contactus       { top: 216px; }

ul#navi-left li#wir a             			{ background: url(../images/btn_wir.gif) 0px -27px no-repeat; }
ul#navi-left li#wir a:hover       			{ background: url(../images/btn_wir.gif) 0px 0px no-repeat; }
ul#navi-left li#wir a.active      			{ background: url(../images/btn_wir.gif) 0px 0px no-repeat; }

ul#navi-left li#about a           			{ background: url(../images/btn_about.gif) 0px -27px no-repeat; }
ul#navi-left li#about a:hover     			{ background: url(../images/btn_about.gif) 0px 0px no-repeat; }
ul#navi-left li#about a.active    			{ background: url(../images/btn_about.gif) 0px 0px no-repeat; }

ul#navi-left li#news a            			{ background: url(../images/btn_news.gif) 0px -27px no-repeat; }
ul#navi-left li#news a:hover      			{ background: url(../images/btn_news.gif) 0px 0px no-repeat; }
ul#navi-left li#news a.active     			{ background: url(../images/btn_news.gif) 0px 0px no-repeat; }

ul#navi-left li#whatsnew a        			{ background: url(../images/btn_whatsnew.gif) 0px -27px no-repeat; }
ul#navi-left li#whatsnew a:hover  			{ background: url(../images/btn_whatsnew.gif) 0px 0px no-repeat; }
ul#navi-left li#whatsnew a.active 			{ background: url(../images/btn_whatsnew.gif) 0px 0px no-repeat; }

ul#navi-left li#quali a           			{ background: url(../images/btn_quali.gif) 0px -27px no-repeat; }
ul#navi-left li#quali a:hover     			{ background: url(../images/btn_quali.gif) 0px 0px no-repeat; }
ul#navi-left li#quali a.active    			{ background: url(../images/btn_quali.gif) 0px 0px no-repeat; }

ul#navi-left li#qualityassurance a        	{ background: url(../images/btn_qualityassurance.gif) 0px -27px no-repeat; }
ul#navi-left li#qualityassurance a:hover  	{ background: url(../images/btn_qualityassurance.gif) 0px 0px no-repeat; }
ul#navi-left li#qualityassurance a.active 	{ background: url(../images/btn_qualityassurance.gif) 0px 0px no-repeat; }

ul#navi-left li#prod a            			{ background: url(../images/btn_prod.gif) 0px -27px no-repeat; }
ul#navi-left li#prod a:hover      			{ background: url(../images/btn_prod.gif) 0px 0px no-repeat; }
ul#navi-left li#prod a.active     			{ background: url(../images/btn_prod.gif) 0px 0px no-repeat; }

ul#navi-left li#productrange a           	{ background: url(../images/btn_productrange.gif) 0px -27px no-repeat; }
ul#navi-left li#productrange a:hover      	{ background: url(../images/btn_productrange.gif) 0px 0px no-repeat; }
ul#navi-left li#productrange a.active     	{ background: url(../images/btn_productrange.gif) 0px 0px no-repeat; }

ul#navi-left li#erzeuger a        { background: url(../images/btn_erzeuger.gif) 0px -27px no-repeat; }
ul#navi-left li#erzeuger a:hover  { background: url(../images/btn_erzeuger.gif) 0px 0px no-repeat; }
ul#navi-left li#erzeuger a.active { background: url(../images/btn_erzeuger.gif) 0px 0px no-repeat; }

ul#navi-left li#info_producers a        { background: url(../images/btn_info_producers.gif) 0px -27px no-repeat; }
ul#navi-left li#info_producers a:hover  { background: url(../images/btn_info_producers.gif) 0px 0px no-repeat; }
ul#navi-left li#info_producers a.active { background: url(../images/btn_info_producers.gif) 0px 0px no-repeat; }

ul#navi-left li#kunden a          { background: url(../images/btn_kunden.gif) 0px -27px no-repeat; }
ul#navi-left li#kunden a:hover    { background: url(../images/btn_kunden.gif) 0px 0px no-repeat; }
ul#navi-left li#kunden a.active   { background: url(../images/btn_kunden.gif) 0px 0px no-repeat; }

ul#navi-left li#info_customers a          { background: url(../images/btn_info_customers.gif) 0px -27px no-repeat; }
ul#navi-left li#info_customers a:hover    { background: url(../images/btn_info_customers.gif) 0px 0px no-repeat; }
ul#navi-left li#info_customers a.active   { background: url(../images/btn_info_customers.gif) 0px 0px no-repeat; }

ul#navi-left li#downl a           { background: url(../images/btn_downl.gif) 0px -27px no-repeat; }
ul#navi-left li#downl a:hover     { background: url(../images/btn_downl.gif) 0px 0px no-repeat; }
ul#navi-left li#downl a.active    { background: url(../images/btn_downl.gif) 0px 0px no-repeat; }

ul#navi-left li#partner a         { background: url(../images/btn_partner.gif) 0px -27px no-repeat; }
ul#navi-left li#partner a:hover   { background: url(../images/btn_partner.gif) 0px 0px no-repeat; }
ul#navi-left li#partner a.active  { background: url(../images/btn_partner.gif) 0px 0px no-repeat; }

ul#navi-left li#partners a         { background: url(../images/btn_partners.gif) 0px -27px no-repeat; }
ul#navi-left li#partners a:hover   { background: url(../images/btn_partners.gif) 0px 0px no-repeat; }
ul#navi-left li#partners a.active  { background: url(../images/btn_partners.gif) 0px 0px no-repeat; }

ul#navi-left li#kontakt a         { background: url(../images/btn_kontakt.gif) 0px -27px no-repeat; }
ul#navi-left li#kontakt a:hover   { background: url(../images/btn_kontakt.gif) 0px 0px no-repeat; }
ul#navi-left li#kontakt a.active  { background: url(../images/btn_kontakt.gif) 0px 0px no-repeat; }

ul#navi-left li#contactus a         { background: url(../images/btn_contactus.gif) 0px -27px no-repeat; }
ul#navi-left li#contactus a:hover   { background: url(../images/btn_contactus.gif) 0px 0px no-repeat; }
ul#navi-left li#contactus a.active  { background: url(../images/btn_contactus.gif) 0px 0px no-repeat; }

#news-box
{
    margin: 		0px;
    margin-left:	4px;
    padding: 		9px;
    width:			174px;
    background:		#CDA949;
    color:          #FFE382;
    border: 		solid 1px #AA7B2B;
}

#news-box h2
{
    margin:        0px;
    padding:       0px;
    padding-bottom:90px;
    background:    url(../images/biene_an_bluete.jpg) bottom no-repeat;
    color:         #FFE382;
    font-weight:   bold;
}

#head
{
    position: 		absolute;
    top: 			0px;
    left: 			202px;
    margin: 		0px;
    padding: 		0px;
    width: 			608px;
    height: 		325px;
    background: 	url(../images/bg_head.jpg) bottom no-repeat;
}

#head h1
{
    position: 		absolute;
    top: 			300px;
    left:           15px;
    margin: 		0px;
    padding: 		0px;
    font-size:      13px;
    font-weight:    bold;
}

#content
{
    margin: 		330px 0px 0px 215px;
    padding: 		0px;
    padding-bottom: 20px;
    width: 			580px;
    min-height: 	600px;
    line-height: 	140%;
    color: 			#245831;
    border: 		solid 0px #f00;
}

* html #content
{
    height: 		600px; /* nur für IE 5.5 - 6.x */
}

html + body #content
{
    height: 		600px; /* nur vom IE 5.0 */
}


#cms_image_box
{
    margin: 		0px;
    padding: 		0px;
    border: 		solid 1px #4F4F4F;
}