@charset "UTF-8";
/* CSS Document */

html, body
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0;
	color: #333333;
	background: url(../img/body_bg.gif) center bottom;
	line-height: 14px;
	height: 100%;
	padding: 0;
}

.cake-sql-log{
	color: white;
}

#rahmen
{	
	position: relative;	z-index: 2;
	margin: auto;
	width: 967px;
	padding: 0 20px;
	overflow: hidden;
	background-image: url(../img/schatten.png);
	background-repeat: repeat-y;
}


#wrapper{
	min-height: 100%;
   background: url(../img/gras_back.png) repeat-x bottom left;
}


#grass_background{
   position:relative;
   bottom:0;
   width:100%;
   height: 880px;
   /*z-index: 0;*/
   background: url(../img/gras_back.png) repeat-x bottom left;
	/*margin-bottom: -200px;*/
}

a img{
	border: none;
}

a{
	color: #333;
	text-decoration: none;
}


div#content{
	width: 966px;
}

div.disabled{
	display: inline;
	float: none;
    clear: none;
    color: #C0C0C0;
}

.tinymce_body{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	margin: auto;
	color: #333333;
	line-height: 14px;
	background: #ffffff;
}




#background
{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	overflow: hidden;
}

#error_page{
	height: 300px;
	background-color: #fff;
	text-align: center;
	padding-top: 50px;
	width: 966px;
	top: 0px;
	position: relative;
}



#navi
{
	width: 966px; 
	height: 47px; 
	background-image: url(../img/navi_back_bg.jpg); 
	background-repeat: repeat-x; 
	/*overflow: hidden;*/
}

/*#navibgm
{
	width: 966px; 
	height: 47px; 
	background-image: url(../img/navi_back_bg.jpg); 
	background-repeat: repeat-x; 
	overflow: hidden;
}*/

#navi ul, #navibgm ul
{
	margin: 0;
	padding-left: 14px;
}

#navi li, #navibgm li
{
	float: left;
	color: #666666;
	list-style-type: none;
	border-right: 1px solid #d7d8d8;
}

#navi li.brand_active{
	background: url('../img/navi_back_hover_bg.jpg');
	background-repeat:repeat-x;
	color: rgb(25, 91, 26);
}

#navi li.bgm_active{
	background-image: url('../img/navi_back_hover_bgm_bg.jpg');
	background-repeat: repeat-x;
}

#navi li.bgm_active a{
	color: rgb(255, 255, 255);
}

#navi li.brand_active a{
	color: rgb(25, 91, 26);
}

#navi li a, #navi a:link, #navibgm li a, #navibgm a:link
{
	padding:18px 15px 15px 10px;
	color: #666666;
	text-decoration: none;
	display: block;
	/*background-color: transparent;*/
	/*float: right;*/
}

#navi li a:hover, #navibgm li a:hover
{
	color: #195b1a;
	/*padding: 17px 15px;*/
	
	text-decoration: none;
	display: block;
	background-color: #95be17;
	background-image: url(../img/navi_back_hover_bg.jpg);
	background-repeat: repeat-x; 
}

#navi li.bgm a:hover
{
	color: #195b1a;
	/*padding: 17px 15px;*/
	text-decoration: none;
	display: block;
	background-color: #44c8f5;
	color: #ffffff;
	background-image: url(../img/navi_back_hover_bgm_bg.jpg);
	background-repeat: repeat-x; 
}


#navi input, #navibgm input
{
	width: 140px;
	height: 15px;
	margin: 15px 15px;
	padding: 3px 0 0 0;
	background-image: url(../img/input_bg.jpg); 
	background-repeat: no-repeat;
	border: 0;
	color: #666666;
	font-size: 11px;
	padding-left: 4px;
}

#navi img, #navibgm img
{
	float: right;
	position:relative;
	right:15px;
	top:8px;
}

#navi form{
	display: inline;
}

#navi a.active{
	color: #195b1a;
}

#logo .logo{
	width: 150px;
	float: right;
	padding: 0;
}

#subnavi
{
	width: 966px; 
	height: 26px; 
	background-image: url(../img/subnavi_back_bg.jpg); 
	background-repeat: repeat-x; 
	overflow: hidden;
	position: relative;
}

#subnavibgm
{
	width: 966px; 
	height: 26px; 
	background-image: url(../img/subnavi_back_blue_bg.jpg); 
	background-repeat: repeat-x;
	background-color: #44c8f5;
	overflow: hidden;
	position: relative;
}

#subnavi ul, #subnavibgm ul
{
	margin: 0;
	padding: 0;
	margin-left: 15px;
}

#subnavi li, #subnavibgm li
{
	float: left;
	color: #666666;
	list-style-type: none;
	position: relative;
}

#subnavi li a, #subnavi a:link, #subnavibgm li a, #subnavibgm a:link
{
	color: #ffffff;
	text-decoration: none;
	display: block;
	padding: 7px 15px;
	background-color: transparent;
}

#subnavi li a:hover
{
	color: #ffffff;
	text-decoration: none;
	display: block;
	padding: 7px 15px;
	background-color: #41b7e2;
	/* background-image: url(../img/subnavi_corner_left.jpg);
	background-repeat: no-repeat;*/
	background-position: left;
}

#subnavi li a.active{
	padding: 7px 15px;
	background-color: #41b7e2;
	background-image: url('../img/subnavi_corner_left.jpg');
	background-repeat: no-repeat;
	background-position:left;
}

#subnavibgm li a.active{
	padding: 7px 15px;
	background-color: #95BE17;
	background-image: url('../img/subnavi_corner_bgm_left.gif');
	background-repeat: no-repeat;
	background-position:left;
}

#subnavibgm li a:hover
{
	color: #ffffff;
	text-decoration: none;
	display: block;
	padding: 7px 15px;
	background-color: #95be17;
	/* background-image: url(../img/subnavi_corner_bgm_left.gif);
	background-repeat: no-repeat; */
	background-position: left;
}

/*----------- content ------------*/
div#plain_content{
	background-color: #fff;
}


.content_column{
	float: left;
	width: 420px;
	margin-right: 20px;
}

#content_bottom{
	background-color:#44C8F5;
	clear: both;
	height: 200px;
}

/* */


div#footer
{
	clear: both;
	float: left;
	width: 966px;
	height: 47px;
	background-image: url(../img/footer_back_bg.jpg);
	background-repeat: repeat-x;
	text-align: center;
}

div#footerul
{
	margin-left: 380px;
	height: 47px;
}

div#footer ul
{
	margin: 0; 
	padding: 0;
	text-align: center;
}

div#footer li
{
	list-style-type: none;
	float: left;
	padding: 20px 10px 0 10px;
}

div#footer a, div#footer a:link
{
	color: #666666;
	text-decoration: none;
}

div#footer a:hover
{
	color: #195b1a;
	text-decoration: none;
}

div#schattenbottom
{
	clear: both;
	width: 1005px;
	height: 25px;
	margin: auto;
	background-image: url(../img/schatten_footer.png);
}


div#autosearch_results {
  position:absolute;
  background-color:white;
  border:1px solid #888;
  margin:0px;
  padding:0px;
  z-index: 200;
  overflow: hidden;
  width: 250px;
}
div#autosearch_results ul {
  list-style-type:none;
  margin:0px;
  padding:0px;
}

div#autosearch_results ul li.header { 
	background-color: #CCC;
	padding: 3px 0 1px 2px;
	cursor: default;
}

div#autosearch_results ul li.footer { 
	background-color: #95BE17;
	padding: 3px 0 1px 2px;
	cursor: default;
	color: white;
}

div#autosearch_results ul li.even { 
	background-color: #F5F5F5;
}
div#autosearch_results ul li {
  list-style-type:none;
  display:block;
  margin:0;
  cursor:pointer;
  float:none;
  width: 250px;
  height: 20px;
}

div#autosearch_results li a{
	color: #333;
	height: 17px;
	margin: 0;
	background: none;
	padding: 1px 0 2px 2px;
	text-decoration: none;
	display: block;	
}

div#autosearch_results li a:hover{
	margin: 0;
	/*color: white;*/
	/*background-color: #44C8F5;*/
}
div#autosearch_results ul li.selected a{ background-color: #44C8F5; color: white;}

div#autosearch_results a.more_link{
	font-weight: bold;
}




/*------ normal search ------*/
div#search_results_header{
  background-color:#95be17;
  padding-top: 5px;
  padding-left: 10px;
  height: 32px;
  width: 956px;
  color: white;
}
div#search_results {
  background-color:#FFF;
  margin:0px;
  width: 966px;
}
div#search_results ul {
  list-style-type:none;
  margin:0px;
  padding:0;
}

div#search_results ul li.header, div#search_results ul li.footer { 
	background-color: #CCC;
	padding: 4px 0 0 0;
	cursor: default;
	width: 966px;
	text-indent: 9px;
}

div#search_results ul li.footer { 
	background-color: #95BE17;
	color: white;
}

div#search_results ul li.even { 
	background-color: #F5F5F5;
}
div#search_results ul li {
  list-style-type:none;
  display:block;
  margin:0;
  cursor:pointer;
  float:none;
  height: 20px;
  /*padding-left: 20px;*/
  text-indent: 20px;
  width: 966px;
}

div#search_results li a{
	color: #333;
	height: 17px;
	margin: 0;
	background: none;
	padding: 1px 0 2px 10px;
	text-decoration: none;
	display: block;	
}

div#search_results li a:hover{
	margin: 0;
	color: white;
	background-color: #44C8F5;
}

/* */

#news_overview{
	background-color: #95be17;
	width: 966px;
}


#news_front{
	background-color: #95be17;
	border-collapse: collapse;
}

#news_front td{
	vertical-align: top;
}

.newsfirst
{
	width: 281px;
	background-color: #95be17;
	padding: 10px 20px 20px 20px;
}

.newssnd
{
	width: 282px;
	background-color: #85a916;
	padding: 10px 20px 20px 20px;
}

*+html .newssnd, *+html .newsfirst
{
	
}

.newssnd img, .newsfirst img
{
	border: 0;
}

div#newspic
{
	width: 966px;
	height: 531px;
	overflow: hidden;
}

.newsdate
{
	color: #ffffff;
	font-style: italic;
}

.newstitle
{
	color: #195b1a;
	font-weight: bold;
}

.newspic
{
	margin: 8px 0;
	width: 240px;
	/*height: 350px;*/
	overflow: hidden;
	position: relative;
}

.newstext
{
	padding-bottom: 10px;
	color: #ffffff;
	overflow: hidden;
	clear: both;
}

/* PRODUCT */

.loader{
	background: url('../img/loader.igf');
	background-position:center;
	background-repeat: no-repeat;
}

div#productcontent{
}

div#productoverviewpic
{
   float: left;
   width: 346px;
   height: 358px;
   overflow: hidden;
}

div#productoverviewpic img 
{
   position: relative;
}

div#productoverviewinfo
{
   float: left;
   width: 620px;
   height: 358px;
   width: 520px;
   height: 328px;
   overflow: hidden;
   background-color: #ffff98;
   padding: 20px 60px 10px 40px;
}

div#productoverviewinfo img
{
   position: relative;
}

div#productbottom
{
   overflow: hidden;
   clear: both;
   float: left;
   width: 966px;
   /*height: 300px;*/
   /*height: 100%;*/
   background-color: #95be17;
   font-size: 9pt;
   position: relative;
   padding-bottom: 20px;
}

div#productdetailinfo
{
   float: left;
   width: 620px;
   min-height: 350px;
   background-color: #f6e7a0;
   overflow: hidden;
}

* html div#productdetailinfo
{
   height: 350px;
}

div#productdetaildescription
{
   float: left;
   width: 440px;
   height: 250px;
   width: 380px;
   height: 208px;
   padding: 21px 30px;
   background-color: #ffffff;
   overflow: hidden;
   background-image: url(../img/productdetaildescription_bg.jpg);
   background-repeat: no-repeat;
}

div#productmilchlexikon
{
   float: left;
   width: 180px;
   height: 250px;
   width: 140px;
   height: 230px;
   color: #ffffff;
   padding: 10px 20px;
   background-color: #46c6f4;
   overflow: hidden;
}

div#productmilchlexikon ul
{
   margin: 0;
   margin-left: 12px;
   padding: 0;
}

div#productmilchlexikon a
{
	text-decoration: none;
	color: white;
}

div#productmilchlexikon a:hover
{
	border-bottom: 1px dashed;
}


div#productinformation
{
   clear: both;
   float: left;
   width: 620px;
   width: 560px;
   padding: 0 30px;
}

div#productinformation table
{
   border: 0;
   width: 570px;
   color: #363636;
}

div#productinformation th
{
   font-weight: normal;
   text-align: left;
}

div#productinformation td
{
   font-weight: bold;
   text-align: left; 
   padding-right: 30px;
}


div#product_teaser{
	background: url('../img/produkte_bogen.png');
	width: 966px;
	height: 22px;
	position: relative;
	top: -25px;
}

div#productcontentbox{
	width: 966px;
	height: 355px;
	overflow: hidden;
	background-color: white;
	position: relative;
}

* html .firstpic {
    position: relative;
    bottom: 28px;
}

.firstpic {
    position: relative;
    bottom: 28px;
    /*left: 20px;
    z-index: 2;*/
}


div#productdetailinfo
{
	float: left;
	width: 620px;
	height: 355px;
	background-color: #f6e7a0;
	overflow: hidden;
}

* html div#productdetailinfo
{
	/*height: 350px;*/
	
	
}

div#productdetaildescription
{
	float: left;
	width: 440px;
	height: 250px;
	width: 380px;
	height: 208px;
	padding: 21px 30px;
	background-color: #ffffff;
	overflow: hidden;
	background-image: url(../img/productdetaildescription_bg.jpg);
	background-repeat: no-repeat;
}

div#productmilchlexikon
{
	float: left;
	width: 180px;
	height: 250px;
	width: 140px;
	height: 230px;
	color: #ffffff;
	padding: 10px 20px;
	background-color: #46c6f4;
	overflow: hidden;
}

div#productmilchlexikon ul
{
	margin: 0;
	margin-left: 12px;
	padding: 0;
}

div#productinformation
{
	clear: both;
	float: left;
	width: 620px;
	width: 560px;
	padding: 0 30px;
}

div#productinformation table
{
	border: 0;
	width: 570px;
	color: #363636;
}

div#productinformation th
{
	font-weight: normal;
	text-align: left;
}

div#productinformation td
{
	font-weight: bold;
	text-align: left;	
	padding-right: 30px;
}

/* Custom View: LAC */
a.lac_link{
	display: block;
	float: left;
	width: 200px;
	padding: 5px 0 5px 10px;
	color: #FFF;
	background-color: #95BE17;
	font-weight: bold;
	margin-right: 10px;
}


/* Custom View: Grossverbraucher */
#categories{
	padding: 20px 35px;
}
#categories table{
	border-collapse: collapse;
	width: 890px;
	color: #333;
}
#categories table td{
	border-bottom: 1px solid #95BE17;
	font-size: 8pt;
}

#categories table th{
	font-size: 8pt;
	text-align: left;
	border-bottom: 1px solid #95BE17;
	border-top: 1px solid #95BE17;
	color: #729216;
}

#categories table, #categories table td{
	background-color: #FFF;
}
.product_right{
	padding: 3px 10px;
}

.product_middle{
	border-left: 2px solid #95BE17;
	border-right: 2px solid #95BE17;
	width: 100px;
	padding: 3px 10px;
}



.product_left{
	padding: 3px 0 3px 25px;
	width: 286px;
}

div.category_header{
	color: #FFF;
	font-weight: bold;
	background-color: #729216;
	padding: 4px 0 5px 25px;
	width: 865px;
	cursor: pointer;
}

#categories div.active{
	background: url('../img/category_active.gif') left center no-repeat #729216;
}

#categories div.inactive{
	background: url('../img/category_inactive.gif') left center no-repeat #729216;
}

div.category_wrapper{
	margin-bottom: 1px;
}

/* UNTERNEHMEN */

div#unternehmencontent
{
	clear: both;
	float: left;
	background-color: #ffffff;
	width: 966px;
	/*min-height: 500px;*/
	position: relative;
	overflow: hidden;
	padding-bottom: 20px;
}


.unternehmenleft
{
	clear: both;
	float: left;
	margin: 40px 40px;
	width: 400px;
}

* html .unternehmenleft
{
	float: left;
	margin: 20px 20px;
	width: 400px;
}

.unternehmenright
{
	float: right;
	margin: 40px 40px;
	width: 400px;
}

* html .unternehmenright
{
	float: right;
	margin: 20px 20px;
	width: 400px;
}

.unternehmenpic, .presse_pic
{ 
	width: 966px;
	height: 220px;
}

div#unternehmengalerie
{
	position: relative;
	clear: both;
	width: 100%;
	height: 200px;
	background-color: #44c8f5;
}

div#unternehmenbottom
{
	clear: both;
	float: left;
	width: 966px;
	height: 220px;
	background-color: #44c8f5;
}

div#unternehmenbottom_text
{
	clear: both;
	/*float: left;*/
	width: 926px;
	/*height: 200px;*/
	background-color: #FFF;
	padding: 20px 20px 0 20px;
}


.content_left,content_right{
	width: 440px;
	height: 180px;
}
.content_left{
	float: left;
	margin-right: 20px;
}

div#unternehmeninfo
{
	float: left;
	/*width: 620px;
	height: 358px;*/
	width: 520px;
	height: 328px;
	overflow: hidden;
	background-color: #ffffff;
	padding: 20px 60px 10px 40px;
}

div#productoverviewinfo img
{
	position: relative;
}

div#unternehmenpic
{
	float: left;
	width: 346px;
	height: 358px;
	overflow: hidden;
}

div#unternehmenpic img 
{
	position: relative;
}

div#unternehmencontentbox
{
	float: left;
	clear: both;
	position: relative;
	width: 966px;
	height: 355px;
	overflow: hidden;
}

.galeriecontent
{
	position: relative;
	top: 30px;
	padding: 5px 40px;
	color: #ffffff;
}

.bogen
{
	position: absolute;
	height: 25px;
	width: 966px;
	top: 0;
}

.bold
{
	font-weight: bold;
}

p
{
	margin: 12px 0;
}

h1
{

}

h2
{
	font-size: 13px;
	margin: 0 0 10px 0;
}

ul#image_gallery{
	list-style-type: none;
	padding: 0;
	margin: 0;
}

li.gallery_image{
	width: 120px;
	height: 55px;
	float: left;
	margin: 0 20px 20px 20px;
	overflow: hidden;
	border: 1px solid #666;
	position: relative;
}

li.gallery_image img.thumb{
}

h2#gallery_header{
	padding: 20px 0 0 20px;
	color: #FFF;
}


/*---------- Herstellung ------------*/
div#workshop_list{
	background-color:#44C8F5;
	width:966px;
	clear: both;
	float: left;
}
div#workshop_list ul{
	list-style-type: none;
	padding: 0;
	float: left;
	width: 482px;
}

div.ws_title{
	float: left;
	width: 473px;
	color: #FFF;
	font-size: 13px;
	font-weight: bold;
	text-indent: 10px;
	padding: 5px;
}

ul#seminars{
	margin: 0;
}

ul#workshops{
	margin: 0 0 0 2px; 
}

ul#seminars li, ul#workshops li{
	padding: 5px 15px;
	cursor: pointer;
	color: #FFF;
}

div#workshop_list .odd{
	background-color: #37A0CE; 
}

div#workshop_list .even{
	background-color: #44C8F5;
}

div.seminar_content{
	color: #333;
	margin-bottom: 10px;
}


/*--------- Karriere --------*/

#career_text{
	width: 530px;
	padding: 20px;
}

.career_list{
	margin-top: 15px;
}

div.career_download{
	margin-top: 10px;
}

.career_list a{
	color: #333;
	text-decoration: none;	
}

.career_list a:hover{
	color: #FFF;
}

.career_list a:visited, .career_list a:active{
}

.career_pic{
	float: left;
	margin: 5px;
}

.career_header, .offer_header{
	margin: 0;
	width: 944px;
	font-size: 10pt;
	font-weight: bold;
	padding: 3px 0 4px 22px;
	height: 18px;
}

.career_list div.active{
	color: #333;
}

.career_header div.left, .offer_header div.left{
	float: left;
	width: 350px;
}

.career_header div.middle, .offer_header div.middle{
	float: left;
	width: 400px;
}

.offer_header{
	font-size: 9pt;
	/*color: white;*/
	font-weight: normal;
	cursor: pointer;
}

.offer_header div.left{
	
}

.offer_header.odd{
	background-color: #FFF;
}

.offer_header.even{
	background-color: #F5F5F5;
}


div.career_content{
	clear: both;
	width: 530px;
	/*height: 300px;*/
	padding: 3px 430px 4px 22px;
	/*color: white;*/
}

div.career_content.odd{
	background-color: #FFF;
}

div.career_content.even{
	background-color: #F5F5F5;
}

div.close_offer{
	font-weight: bold;
	margin: 5px 0 10px 0;
	cursor: pointer;	
}


/*------------ PRESSE ----------*/
.presse_pic{
	height: 205px;
}

#press_header{
	padding-left: 22px;
}

#press_content{
	background-color: #95BE17;
}

#press_left_content{
	float: left;
	width: 716px;
	padding-top: 21px;
	background-color: #FFF;
}

#press_left_content h4{
	margin: 0;
	padding: 0;
	font-size: 13px;
	color:#44C8F5;
}


/*PR*/
#press_left_content ul{
	width: 310px;
	/*margin-right: 10px;*/
	margin: 10px 10px 10px 0;
	float: left;
	list-style-type: none;
	padding:0;
}


#press_left_content ul li{
	background-color: #FFF;
	/*height: 20px;
	overflow: auto;*/
}

#press_left_content li.dummy{
	height: 20px;
}

#press_left_content ul li a{
	display: block;
	padding: 2px 0 5px 10px;
	text-decoration: none;
	color: #333;
}

#press_left_content ul li a:hover{
	color: #FFF;
	background-color:#44C8F5;
}
#press_left_content ul li.even{
	background-color: #F0F0F0;
	
}
/*PR Material*/
#pr_material{
	padding-left: 22px;
	background-color: #FFF;
}
/*Picture Pool*/
#image_pool{
	/*background-color: #F0F0F0;*/
	padding-top: 20px;
	padding-left: 22px;
}

#image_pool a{
}
#image_pool a img.thumb{
	border: 0;
	width: 125px;
	overflow: hidden;
}

div.image_thumb{
	float: left;
	margin: 10px 10px 0 0;
	/*height: 160px;*/	
}

div.image_title{
	font-weight: bold;
	margin-bottom: 2px;
}
div.image_info{
	margin-top: 5px;
	font-size: 7pt;
	width: 125px;
}


div#images{
	
}

div#logos{
	clear: both;
	padding-top: 20px;
}

#logos ul li{
	padding-left: 2px;
	margin-top: 2px;
}

#logos ul li a{
	display: block;
	padding: 2px 0 5px 25px;
	text-decoration: none;
	color: #333;
	background: url('../img/download_button.jpg') no-repeat left;
}

#logos ul li a:hover{
	background-color:#FFF;
	color: #333;
	text-decoration:underline;
}
#logos ul li.even{
	background-color: #FFF;
	
}


#press_right_content{
	width: 250px;
	/*height: 450px;*/
	height: 100%;
	float: right;
	background-color: #95be17;
}

#press_right_content h4{
	margin: 0 0 10px 0;
	padding: 0;
	color: white;
}

#press_login_form{
	margin-left: 15px;
}

#press_login_form #flashMessage{
	color: #195B1A;
}

#login_info{
	width: 180px;
	margin: 10px 0;
}

#login_info a{
	color: #195B1A;
}

input.intern_input{
	background-image:url(../img/input_bg.jpg);
	background-repeat:no-repeat;
	border:0 none;
	color:#666666;
	font-size:11px;
	height:15px;
	margin-bottom:15px;
	padding:3px 0 0 4px;
	width:140px;
}


input.login_button{
	background: url('../img/press_button.jpg') no-repeat;
	border: 0;
	width: 84px;
	height: 27px;
	cursor: pointer;
	margin-top: 10px;
}

input.logout_button{
	background: url('../img/logout_button.jpg') no-repeat;
	border: 0;
	width: 110px;
	height: 27px;
	cursor: pointer;
	margin-top: 10px;
}

/*------- Händlerbereich ---------*/
div.dealer_header{
	padding: 0 20px;
	width: 480px;
}

div.dealer_header h3{
	margin-bottom: 10px;
}

#product_filter_btn{
	background-color:#95BE17;
	border:medium none;
	color:#FFFFFF;
	font-size:1.5em;
	font-weight:bold;
	padding:5px 8px;
	margin-left: 5px;
}

#product_filter_form{
	width: 695px;
	background-color: #CCC;
	padding: 2px 0 2px 20px;
	border-right: 1px solid #FFF;
}

#product_filter_form input.txt{
	background-image:url(../img/input_bg.jpg);
	background-repeat:no-repeat;
	border:0 none;
	color:#666666;
	float:left;
	font-size:11px;
	height:15px;
	margin:6px 12px 3px 3px;
	padding:3px 0 0 4px;
	width:122px;
}

div.header_text{
	float: left;
	padding: 5px;
}
div.sort_button{
	width: 25px;
	height: 25px;
	float: right;
	cursor: pointer;
}
div.sort_button.OFF{
	background: url(../img/sort_button_back.gif) center no-repeat #999999;
}

div.sort_button.ON{
	background: url(../img/sort_button_back_reverse.gif) center no-repeat #999999;
}

#product_overview table{
	background-color: #CCC;
	border-collapse: collapse;
	width: 716px;
	margin: 0;
	padding: 0;
}
#product_overview table td, #product_overview table th{
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	border-right: 1px solid #FFF;
	border-left: none;
	vertical-align: top;
	text-align: left;
	margin: 0;
	padding: 0;
	/*width: 100px;*/
}

#product_overview table th{
	font-weight: normal;
	padding: 0;
}

#product_overview table td.product_image{
	background-color: #95BE17;
}
#product_overview table .product_image{
	padding: 0 0 0 15px;
	width: 50px;
}

#product_overview table .product_image img{
	/*border: 1px solid blue;*/
}

#product_overview table .product_info{
	width: 135px;
}

#product_overview table td.background{
	padding: 5px 5px 22px 5px;
	background: url(../img/product_table_back.gif) #E6E6E6 repeat-x bottom left;
}

/*------ Pressetext -----*/
div#pressetext{
	width: 926px;
	background-color: #FFF;
	float: left;
	padding: 10px 20px 20px 20px;
}
div.pressetext_content{
	padding-bottom: 10px;
	border-bottom: 1px dotted #333;
	width: 650px;
}

div.download{
	margin-top: 10px;
}
a.download_link, a.download_link_light, a.download_link_dark, a.download_link_product{
	padding-left: 24px;
	height: 20px;
	padding-top: 2px;
	text-decoration: none;
	color: #333;
	display: block;
	margin-bottom: 5px;
	float: left;
	margin-right: 10px;
}

a.download_link{
	background: url('../img/download_button.jpg') no-repeat left;
}

a.download_link:hover, a.download_link_light:hover, a.download_link_dark:hover{
	text-decoration: underline;
}
a.download_link_light{
	background: url('../img/download_button_light_green.jpg') no-repeat left;
}
a.download_link_product{
	background: url('../img/download_button_dark.gif') no-repeat left;
}
a.download_link_dark{
	background: url('../img/download_button_dark_green.jpg') no-repeat left;
}

div.back_link{
	clear:both;
}

div.back_link a{
	color: #333;
	text-decoration: none;
}
div.back_link a:hover{
	text-decoration: underline;
}


/*----- News ----*/
div#news{
	background-color: #FFF;
	padding: 20px 0;
}

div#news a{
	color: #666;
	text-decoration: none;
}


div.news_main{
}

div.news_listpic{
	width: 340px;
	overflow: hidden;
	position: relative;
	float: left;
	margin-right: 20px;
}

div#news a:hover{
	text-decoration: underline;
}

div#news .nav_button{
	padding:0 10px;
}

div.navigation{
	margin-top: 20px;
	text-align: center;
}

div.news_count{
	text-align: center;
	clear: both;
	padding-top: 10px;
}

div.news_item{
	padding: 10px;
	margin-bottom: 20px;
}

#news div.odd{
	background-color: #FFF;
	/*color: white;*/
}
#news div.even{
	background-color: #F5F5F5;
	/*color: white;*/
}

div.news_item p{
	margin: 0;
}

div.news_info{
	font-size: 8pt;
}

div.news_headline{
	font-size: 11px;
	font-weight: bold;
	color: #44c8f5;
	margin-top: 5px;
}
div.news_subline{
	margin-top: 8px;
	/*font-size: 9pt;*/
	margin-bottom: 12px;
	float: left;
	width: 480px;
}
div.news_content{
	margin-bottom: 20px;
	float: left;
	width: 480px;
}


div.news_item img{
	float: left;
	margin: 5px 10px 5px 0;
}

div.news_content img{
	display: block;
	float: right;
	border: 0;
}


div.paginator{
	float: left;
	margin-right: 20px;
}


/*--------- Schwarzwald -----------*/

div#schwarzwald{
	background-color: #FFF;
	width: 966px;
	float: left;
}

div#schwarzwald_content{
	padding: 20px;
}

/*-------- Dialog --------------*/
div#dialog{
	padding: 20px;
	background-color: #FFF;
}

/*------- Kontakt ---------------*/
div#kontakt{
	
}
div#contact_left_top{
}

div#contact_right_content{
	padding-left: 20px;
}

div#contact_left_bottom{
	background-color: #F0F0F0;
	padding-top: 10px;
	padding-right: 150px;
}

div.content_left_inner{
	padding-left: 20px;
	padding-bottom: 20px;
}

div.content_left_inner h3{
	margin: 0 0 10px 0;
	padding: 0;
}

ul#contact_list{
	list-style-type: none;
	margin: 20px 0 0 0;
	padding: 0;
	
}

ul#contact_list li{
	margin-bottom: 5px;
}

a.mail_button{
	background: url(../img/mail_bg_white.gif) no-repeat right center;
	color:#333333;
	padding-bottom:2px;
	padding-right:30px;
	text-decoration:none;
}

a.mail_button_green{
	background: url(../img/mail_bg_green.gif) no-repeat left center;
	color:#333333;
	padding-bottom:2px;
	padding-left:34px;
	text-decoration:none;
	color: #195b1a;
}

div#kontakt .content_left, div#kontakt .content_right{
	height: 250px;
}
a.contact{
	width: 200px;
	display: block;
	text-decoration: none;
}

a.contact:hover{
	text-decoration: none;

}

div#contact_form_content .error{
	border: 1px solid red;
}

input.input{
	width: 250px;
	border: 1px solid #666;
}

input.send_button{
	margin-top: 10px;
	background: url('../img/send_button.gif') no-repeat right;
	width: 88px;
	height: 28px;
	border: none;
	float: right;
}

div#contact_form{
	position: absolute;
	height: 470px;
	width: 400px;
	background-color: #FFF;
	/*border: 1px solid #666;*/
	overflow: hidden;
}

#form_contact{
	display: inline;
}

div#recipient_name{
	font-weight: bold;
	margin-top: 10px;
	color: #44c8f5;
	font-size: 11pt;
	
}

div#contact_wrapper{
	position: absolute;
	z-index: 10;
}

div#contact_msg{
	width: 380px;
	/*padding: 10px;*/
	background-color: #FFF;
	text-align: center;
}

div#contact_msg h4{
	padding: 10px;
	margin: 0;
}

div#contact_form_content{
	height: 420px;
	width: 380px;
	padding: 0 10px 0 10px;
	background-color: #FFF;
}

div#contact_form_content label{
	width: 150px;
	display: block;
	margin: 10px 0 5px 0;
}

div#subject input{
	width: 380px;
	border: 1px solid #666;
}

div#contact_form_content textarea{
	width: 380px;
}


#contact_title{
	background-color:#CCCCCC;
	/*float:left;*/
	height:20px;
	/*overflow:hidden;*/
	padding-left:5px;
	padding-top:7px;
}


#contact_close{
	/*cursor: pointer;
	background-color: #CCC;
	float: right;
	background-image: url('../img/enc_close.gif');
	background-position: right;
	height: 22px;
	background-repeat: no-repeat;
	width: 22px;*/
	/*position: relative;
	top: -18px;*/
	background-color:#CCCCCC;
	background-image:url(../img/enc_close.gif);
	background-position:right center;
	background-repeat:no-repeat;
	cursor:pointer;
	float:right;
	height: 20px;
	width:22px;
	position: absolute;
	top: 3px;
	 right: 0px;
}

/*--------- Impressum ------------*/

div#impressum{
	background-color: #FFF;
	padding: 20px;
}

/*------- Sitemap ----------*/
div#sitemap{
	float: left;
	background-color: #FFF;
	width: 926px;
	padding: 20px;
}

div#sitemap h4{
}

div#sitemap ul{
	/*margin: 0;
	padding: 0;*/
}

div#sitemap a, div#impressum a{
	color: #666;
	text-decoration: none;
}

div#sitemap a:hover, div#impressum a:hover{
	color: #195B1A;
	text-decoration: underline;
}


/*-------- Kontakt -------*/





/* CLASSES COLORS */

.colorblue
{
	color: #44c8f5;
}

.colorlightgreen
{
	color: #95be17;
}

.colorgreen
{
	color: #85a916;
}

.colordarkgreen
{
	color: #195b1a;
}

.coloryellow
{
	color: #f6e7a0;
}

.colorred
{
	color: #d70400;
}

.colorgray
{
	color: #666666;
}

.colordarkgray
{
	color: #333333;
}

.colorwhite
{
	color: #ffffff;
}

/* CLASSES BACKGROUND */

.schwarzwaelderback
{
	background-color: #ffff98;
}

/* SUCHE */

div#search
{
	position: absolute;
	top: 45px;
	left: 600px;
	padding: 10px;
	width: 290px;
	background-color: #ffffff;
}


/*------- Overlay ---------*/
div#overlay{
	position: absolute;
	z-index: 20;
	top: 0px;
	left: 0px;
	bottom: 0px;
	width: 100%;
	height: 100%;
	/*filter: al*/
}

div.opacity{
	background-color: #fff;
	opacity: 0.6;
	-moz-opacity: 0.6;
	filter: alpha(opacity=60);
}

div.ie_overlay{
	background: url('../img/ie_overlay.png');
}

/*--------- INTERN -----------*/
.input label{
	width: 120px;
	margin-right: 30px;
	display: block;
	float: left;
}