/* ------------------------------------------------------------------------------------------
TABLE OF CONTENTS

	@ CSS Resetting
	@ HTML Elements
	@ Page Structure
	@ Content Area
	@ Forms
	@ Tables
	@ Clear
	@ Misc

------------------------------------------------------------------------------------------ */

/* ------------------------------------------------------------------------------------------
	@ CSS Resetting - CSS resetting work is done by famous Eric Meyer
------------------------------------------------------------------------------------------ */


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

caption, th, td {
	text-align: left;
	font-weight: normal;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}


/* ------------------------------------------------------------------------------------------
	@ HTML Elements
------------------------------------------------------------------------------------------ */

body, html {
	min-height:101%;
}

body{
	background:url(../_obj/_interface/bg2.jpg) fixed repeat-x;
	background-attachment: fixed !important;
}

body, form {
	font:100% "Trebuchet MS", Geneva, Arial, Verdana;
}

/*Standard-Schriftarten und Standard-Links */
h1 {
	color: #006900;
	font-size: 24px;
	padding:30px 0 0 0;
}

h2 {
	color: #000000;
	font-size: 16px;
	padding:0;
}

p {
	font-size: 14px; 
	margin:20px 0 0 0;
}

a, a:link {
	color: #DF6B0D;
}

a:hover, a:active, a.selected {
	color: #000;
	text-decoration:none;
}

br {
line-height:10px;
}
/* ------------------------------------------------------------------------------------------
	@ Page Structure
------------------------------------------------------------------------------------------ */

#site {
	margin: 0 auto;
	font-size: 0.8em;
	width: 930px;
}

#head {
	height: 130px;
	clear:both;
}

#sidebar {
	width:230px;
}

#content {
	width:650px;
}

#content_bg {
	background:url(../_obj/_interface/content_bg2.png) no-repeat;
	min-height:444px;
	
	margin-top:20px;
	width:700px;
}

#content1 {
	width:325px;
}

#content2 {
	width:310px;
}

#content3 {
	width:340px;
}

#content4 {
	width:700px;
}

#content50 {
	width:50px;
}

#footer {
	padding-top:30px;
	text-align: center;
	clear:both;
}


/* ------------------------------------------------------------------------------------------
	@ HEADER
------------------------------------------------------------------------------------------ */

#logo{
	display:block;
	height:54px;
	margin-left:20px;
	position:absolute;
	top:15px;
	width:200px;
}


#logo a{background: url(../_obj/_interface/logo.gif) no-repeat; display:block; width:200px;height:54px;}

/* ------------------------------------------------------------------------------------------
	@ Menus & Links & Footer-Links
------------------------------------------------------------------------------------------ */

/* Top-Navigation */

#topnav {height:20px;}

#topnav ul {margin:0 5px 0 0; float:right;}

#topnav ul li {margin:0 0 0 3px; height:20px; float:left;}

#topnav ul li a{
	color:#DF6B0D;
	display:block;
	font-size: 11px;
	text-decoration:none;
	background:#fff;
	padding:0 5px 0 5px;
	border-bottom:#ABABAB 1px solid;
	border-right:#ABABAB 1px solid;
}

#topnav ul li a.topnav_anfrage {background:#FF7C00; color:#fff}

#topnav ul li a:hover,
#topnav_home .topnav_home,
#topnav_news .topnav_news,
#topnav_kontakt .topnav_kontakt,
#topnav_impressum .topnav_impressum,
#topnav_login .topnav_login,
#topnav_anfrage .topnav_anfrage,

#mainnav ul li a:hover,
#mainnav_firma .mainnav_firma,
#mainnav_technik .mainnav_technik,
#mainnav_produkte .mainnav_produkte,
#mainnav_service .mainnav_service,
#mainnav_referenzen .mainnav_referenzen
{color:#000;}

#topnav ul li.lang a { border:0; background:none; padding:3px 1px 0 1px;}

#topnav ul li.ml10{margin-left:20px;}


/* Main-Navigation */

#mainnav {
	background:url(../_obj/_interface/mainnav_bg.png) no-repeat; 
	margin-top:50px;
	height:57px;
		
}

#mainnav ul {margin:5px 5px 0 0;  float:right;}
#mainnav ul li {float:left;	position:relative;}

#mainnav ul li a{
	border-left:#5c8605 1px solid;
	border-right:#d2d8b2 1px solid;
	color:#006900;
	display:block;
	font-size: 20px;
	float:left;
	line-height:47px;
	padding:0 15px 0 15px;
	text-decoration:none;

}



#mainnav ul li#mn1 a{background:url(../_obj/_interface/mainnav1_0.gif) repeat-x;}
#mainnav ul li#mn2 a{background:url(../_obj/_interface/mainnav2_0.gif) repeat-x;}
#mainnav ul li#mn3 a{background:url(../_obj/_interface/mainnav3_0.gif) repeat-x;}
#mainnav ul li#mn4 a{background:url(../_obj/_interface/mainnav4_0.gif) repeat-x;}
#mainnav ul li#mn5 a{background:url(../_obj/_interface/mainnav5_0.gif) repeat-x;}
 
#mainnav ul li a.br0 {border-right:none;}


/* Side-Navigation - Accordion-Menu*/

#sidenav {}
#sidenav ul {margin:30px 0 0 0; width:230px;}


#sidenav li {padding:0 0 3px 0;}
#sidenav li a, #sidenav li a:hover {cursor:pointer; display:block;  height:23px; text-decoration:none; padding:0 0 0 30px;}

li#sn1 a{
	color:#009900;
	background:url(../_obj/_interface/sidenav1_0.png) no-repeat;
 }

li#sn1 a:hover{
	color:#000000;
	background:url(../_obj/_interface/sidenav1_0.png) no-repeat;
}


li#sn2 a{
	color:#bd29ca;
	background:url(../_obj/_interface/sidenav2_0.png) no-repeat;
}

li#sn2 a:hover{
	color:#000000;
	background:url(../_obj/_interface/sidenav2_0.png) no-repeat;
}

li#sn3 a{
	color:#04a3cb;
	background:url(../_obj/_interface/sidenav3_0.png) no-repeat;
 }

li#sn3 a:hover{
	color:#000000;
	background:url(../_obj/_interface/sidenav3_0.png) no-repeat;
}

li#sn4 a{
	color:#FF0000;
	background:url(../_obj/_interface/sidenav4_0.png) no-repeat;
 }

li#sn4 a:hover{
	color:#000000;
	background:url(../_obj/_interface/sidenav4_0.png) no-repeat;
}

li#sn5 a{
	color:#7D6028;
	background:url(../_obj/_interface/sidenav8_0.png) no-repeat;
 }

li#sn5 a:hover{
	color:#000000;
	background:url(../_obj/_interface/sidenav8_0.png) no-repeat;
}

li#sn6 a{
	color:#676A6D;
	background:url(../_obj/_interface/sidenav10_0.png) no-repeat;
 }

li#sn6 a:hover{
	color:#000000;
	background:url(../_obj/_interface/sidenav10_0.png) no-repeat;
}

li#sn7 a{
	color:#d5670e;
	background:url(../_obj/_interface/sidenav9_0.png) no-repeat;
}

li#sn7 a:hover{
	color:#000000;
	background:url(../_obj/_interface/sidenav9_0.png) no-repeat;
}

li#sn8 a{
	color:#4e7019;
	background:url(../_obj/_interface/sidenav3_0.png) no-repeat;
}

li#sn8 a:hover{
	color:#000000;
	background:url(../_obj/_interface/sidenav3_0.png) no-repeat;
}

li#sn9 a{
	color:#b70c1f;
	background:url(../_obj/_interface/sidenav4_0.png) no-repeat;
}

li#sn9 a:hover{
	color:#000000;
	background:url(../_obj/_interface/sidenav4_0.png) no-repeat;
}

#sidenav ul ul{ margin:0 0 0 20px; width:210px;}
#sidenav ul ul li {padding:0;}

#sidenav ul ul li a, #sidenav ul ul li a:hover {
	background: url(../_obj/_interface/li_sidenav.gif)  no-repeat left 5px;
	font-size: 11px;
	height:14px; 
	padding:0 0 0 15px;
}

#sidenav ul ul li a:hover {color:#000;}

#sidenav #dreidworld{
	background: url(../_obj/_interface/btn_3dworld.png)  no-repeat;
	height:101px;
	margin:20px 0 0 10px;
	width:143px;
}
/*Footer-Zeile*/
#footer ul {margin-top:5px;}

#footer li {
	font-size:11px;
	padding:5px;
	display:inline;
	list-style:none;
}


/* ------------------------------------------------------------------------------------------
	@ Content Area 
------------------------------------------------------------------------------------------ */

/* Standard-Listen */
.contentliste {}

.contentliste ul {
	font-size: 12px; 
	margin:0 0px 0 0;
}

.contentliste li {
	background: url(../_obj/_interface/li_content1.png) no-repeat;
	list-style:none;
	padding:0 0 10px 30px;
	margin-top:10px;
	border-bottom: 1px dotted;
	width:90%;
}


/* ---------------------------------------------------------------------------------------------
	#content_bg styles 
--------------------------------------------------------------------------------------------- */
#content_bg .content {
	display:inline;
	float:left;
	margin:10px 0 0 50px;
	width:420px;
}

#content_bg .col2 { height:300px; width:205px; }

#content_bg h2 {
	color: #006900;
	font-size: 16px;
	padding:20px 0 0 0;
}

#content_bg h3 {
	color: #006900;
	font-size: 11px;
	padding:0 0 0 0;
}

#content_bg p {
	margin:10px 0 0 0;
}

span.marker {
	background:#FF7C00;
	border: 1px solid #8AB773;
	border-width:0 1px 1px 0;
	color:#ffffff;
	padding:5px;
}

#content_bg p strong{
	font-weight:bold;
}

#content_bg img{
	margin:20px 0 0 0;
}

#content_bg p img{
	margin:0 10px 10px 0;
	float:left;
}

#content_bg #submenu {
	display:inline;
	float:right;
	margin:40px 40px 0 0;
	width:150px;
}

/* 
	Gallery 
--------------------------------------------------------------------------------------------- */

#content_bg .gallery_bg, #content_bg .gallery_bg_anfrage {
	display:inline;
	float:left;
	margin:30px 0 0 20px;
	width:450px;
}

#content_bg .gallery_bg{
	background:url(../_obj/_interface/gallery_bg.png) no-repeat;
}

#content_bg .gallery_bg_anfrage{
	background:url(../_obj/_interface/gallery_bg_anfrage.png) no-repeat;
}

#content_bg .gallery_bg .content,#content_bg .gallery_bg_anfrage .content {
	display:inline;
	float:left;
	margin:0 0 0 30px;
	width:420px;
}



/* 
	Slider, Slideshow 
--------------------------------------------------------------------------------------------- */
#slider-image {margin-top:20px; float:left; height:300px; width:400px; }
#slider-image img{ padding:0; margin:0; }
#slider-navi { height:22px; width:400px; float:left;}

#slider-navi ul {float:right;margin-right:10px;}
#slider-navi ul li {float:left; }
#slider-navi ul li a { font-size:22px; line-height:22px; padding:5px; text-decoration:none;}

.content_accordion span{display:block; float:left; font-size:11px; margin:2px 15px 0 0;}
.content_accordion span.label{color: #006900; text-align:right; width:180px;}
.content_accordion span.data{ background:#B0D7A3; width:185px;}

p span.adr_label{display:block; float:left;  margin:0; padding:0; width:70px;}
p span.adr_data{display:block; float:none; margin:0; padding:0; width:auto;  }

/* ---------------------------------------------------------------------------------------------
	#content_bg submenu styles 
--------------------------------------------------------------------------------------------- */
#submenu ul{list-style: none; font-size: 11px;}
#submenu ul li {
	background: url(../_obj/_interface/li_sidenav.gif)  no-repeat left 5px;
	margin-top:5px;
	padding:0 0 0 15px;
	position:relative; 
}
#submenu ul li a, #submenu ul li a:hover {
	text-decoration:none;	
}

/* idTabs für jQuery */
.idTabs{ }
.idTabs li{float:left; padding: 0 10px 0 0;}

/* ---------------------------------------------------------------------------------------------
	.content_accordion styles 
--------------------------------------------------------------------------------------------- */

.content_accordion  ul{ margin-top:15px;}
.content_accordion  ul li {
	float:left;
	margin-top:5px;
	padding:0;
}

.content_accordion ul.inaccordion{ margin:0 20px 0 20px; }
.content_accordion ul.inaccordion li.pf{width:360px; background: #fff url(../_obj/_interface/li_sidenav.gif) no-repeat 5px 8px; padding:3px 3px 3px 20px;}
.content_accordion ul.inaccordion li.px{width:99%; background: #fff url(../_obj/_interface/li_sidenav.gif) no-repeat 5px 8px; padding:3px 3px 3px 20px;}

ul.content_tab_liste { font-size:11px; margin:0; width:420px;}
ul.content_tab_liste li{ background:#B0D7A3; float:left; padding:2px 0 2px 10px; margin:2px 2px 0 0;}
ul.content_tab_liste li.label{color:#006900; width:150px;}
ul.content_tab_liste li.data{width:246px;}
ul.content_tab_liste li.zeile{background:none; padding:2px; width:100%;}

#acccontent a.head, #archiv a.head {
	background: url(../_obj/_interface/li_content_bg.png)  no-repeat;
	color:#006900;
	display:block;
	font-size:16px;
	font-weight:bold;
	height:23px;
	letter-spacing:-1px;
	line-height:23px;
	padding:0 0 0 20px;
	text-decoration:none;
	width:420px;
}

#acccontent a.head:hover, #acccontent a.selected, #archiv a.head:hover, #archiv a.selected {
	background: url(../_obj/_interface/li_content_bg_mover.png)  no-repeat;
	color:#DF6B0D;
}

#acccontent  p, #archiv p {
	padding:0 10px 0 20px;
	margin:0 0 0 0;
}

#content_bg p span.info, #content_bg span.info {
	color: #006900;
	font-size: 10px;
	float:none;
}

/* ---------------------------------------------------------------------------------------------
	Autohighlight 
--------------------------------------------------------------------------------------------- */
.subhl,
#submenu ul li a:hover,
#submenu ul li a.hl,
#submen1 .submen1, #submen2 .submen2,
#submen3 .submen3, #submen4 .submen4,
#submen5 .submen5, #submen6 .submen6,
#submen7 .submen7, #submen8 .submen8,
#submen9 .submen9, #submen10 .submen10

{color:#000;}


/* ---------------------------------------------------------------------------------------------
	Boxen über alles
--------------------------------------------------------------------------------------------- */


/* Produktboxen ...
------------------------------------------------------ */

.produkt_box_blue, .produkt_box_green{
	display: inline; 
	float:left;
	width:311px;
	height:108px; 
	margin:7px 14px 0 0;
}

.produkt_box_blue{
	background: url(../_obj/_interface/produkt_box_blue.png) no-repeat;
}

.produkt_box_green{
	background: url(../_obj/_interface/produkt_box_green.png) no-repeat;
}

.produkt_box_blue img, .produkt_box_green img{margin:5px 0 0 5px; }

.produkt_box_blue .img, .produkt_box_green .img { background:#fff; display:inline; float:left; height:90px; margin:8px 5px 0 8px; width:120px;}

.produkt_box_blue h1, .produkt_box_green h1{
	color: #006900;
	font-size: 14px;
	font-weight:bold;
	padding:10px 5px 0 0;
}

.produkt_box_blue p, .produkt_box_green p{
	font-size: 11px;
	margin:10px 10px 0 0;
	line-height:1.3em;
}

#hotshot_box{
	background: url(../_obj/_interface/hotshot_box2.png) no-repeat;
	width:340px;
	height:370px; 
	margin:24px 0 0 0;
}

#hotshot_box img{margin:55px 0 0 33px;}


#hotshot_box h1{
	color: #006900;
	font-size: 14px;
	font-weight:bold;
	padding:5px 20px 0 35px;
}

#hotshot_box p{
	font-size: 12px;
	line-height:1.3em;
	margin:5px 30px 0 35px;
}

#hotshot_box .icon_neu_de, #hotshot_box .icon_tipp_de, #hotshot_box .icon_aktion_de, #hotshot_box .icon_neu_en, #hotshot_box .icon_tipp_en, #hotshot_box .icon_aktion_en  {position:absolute; margin:0 0 0 265px; width:80px; height:80px;}

#hotshot_box .icon_neu_de  {background: url(../_obj/_interface/promoicon_neu_de.png) no-repeat;}
#hotshot_box .icon_tipp_de  {background: url(../_obj/_interface/promoicon_tipp_de.png) no-repeat;}
#hotshot_box .icon_aktion_de  {background: url(../_obj/_interface/promoicon_aktion_de.png) no-repeat;}

#hotshot_box .icon_neu_en  {background: url(../_obj/_interface/promoicon_neu_en.png) no-repeat;}
#hotshot_box .icon_tipp_en  {background: url(../_obj/_interface/promoicon_tipp_en.png) no-repeat;}
#hotshot_box .icon_aktion_en  {background: url(../_obj/_interface/promoicon_aktion_en.png) no-repeat;}


#promoinfo {background: url(../_obj/_interface/promo_info_box.png) no-repeat; display:inline; float:right; height:56px; width:316px; margin:20px 25px 0 0;}
#promoinfo p{color:#fff; margin:5px 10px; font-size:16px;}

.teaser_box{
	background:url(../_obj/_interface/teaser_box.png) no-repeat;
	width:310px;
	height:116px; 
	margin:10px 0 0 0;
}

.teaser_box img{margin:12px 14px 0 5px; border:5px #FFFFFF solid; float:right;}

.teaser_box h1{
	color: #006900;
	font-size: 14px;
	font-weight:bold;
	padding:10px 0 0 10px;
}

.teaser_box p{
	font-size: 11px;
	margin:5px 10px 0 10px;
	line-height:1.3em;
}

.side_box{
	background:url(../_obj/_interface/side_box.gif) no-repeat;
	width:240px;
	height:50px; 
	margin:10px 0 0 0;
}

.blue_box_l{
	background:url(../_obj/_interface/blue_box_l.png) no-repeat;
	width:420px;
	height:50px; 
	margin:12px 0 0 0;
}

.blue_box_s{
	background:url(../_obj/_interface/blue_box_s.png) no-repeat;
	width:205px;
	height:50px; 
	margin:12px 0 0 0;
}

.blue_box{
	background:url(../_obj/_interface/blue_box.png) no-repeat;
	width:300px;
	height:50px; 
	margin:12px 0 0 0;
}

.blue_box_l h1,
.blue_box_s h1,
.side_box h1,
.blue_box h1 {
	color: #006900;
	font-size: 14px;
	font-weight:bold;
	line-height:14px;
	padding:5px 0 0 25px;
	margin:0;
}

.teaser_box h1 a,
.blue_box_l h1 a,
.blue_box_s h1 a,
.side_box h1 a,
.blue_box h1  a{
	color: #006900;
	text-decoration:none;
}

.teaser_box h1 a:hover,
.blue_box_l h1 a:hover,
.blue_box_s h1 a:hover,
.side_box h1 a:hover,
.blue_box h1  a:hover{
	color:#009900;
}

.side_box p,
.blue_box p,
#content_bg .blue_box_l p,
#content_bg .blue_box_s p,
#content_bg .blue_box p{
	font-size: 11px;
	padding:0 5px 0 25px;
	line-height:1.2em;
	margin:0;
}

#content_bg .blue_box_s p.top5 {padding-top:5px;}



/* ---------------------------------------------------------------------------------------------
	Tabellen - Datenblatt & Suchergebnis
--------------------------------------------------------------------------------------------- */
.datenblatt{margin:20px 0 0 0;}
.concol1 { display:inline; float:left; width:630px;}
.concol2 { display:inline; float:left; width:314px;}
.merkliste { display:inline; float:left; width:420px; margin-top:20px;}

.data{ float:left;}

.concol1 h1, .concol1 h2, .concol2 h1, .merkliste h1{
	background:#7DB305 url(../_obj/_interface/tab_head_bg.gif) repeat-x;
	background-position:0 -5px;
	border-bottom: 1px solid #679800;
	border-right: 1px solid #679800;
	color:#fff;
	display:block;
	font-size:16px;
	margin-top:5px;
	padding:5px;
}

.concol1 h1, .concol1 h2{
	width:615px;
}

.concol1 h2{
	background: none;
	border:none;
	color:#326900;
}

.concol2 h1{
	width:301px;
}


.datenblatt p{margin:10px 0 10px 0;}

/* Polaroid in Datenblatt 
---------------------------------------------------------------------------------*/

.polaroid{
	background:#fff;
	border-bottom: 1px solid #BEBEBE;
	border-right: 1px solid #BEBEBE;
	display:block;
	float:left;
	height:230px;
	width:311px;
 }

.polaroid img{margin:10px 0 0 10px;}

/* Menu in Datenblatt 
---------------------------------------------------------------------------------*/

.datamenu{ 
	float:left;
	width:313px;
	height:53px; 
	background: url(../_obj/_interface/data_menu.png) no-repeat;
}


.datamenu .row {height:20px; width:100%; margin-top:10px;}

.datamenu ul{ margin:0 0 0 5px;}

.datamenu ul li{
	float:left;
}

.datamenu ul li.anfrage{
	background: url(../_obj/_interface/btn_anfrage2.gif) no-repeat;
	display:inline;
	float:left;
	padding-left:20px;
	width:145px;
	
}

.datamenu ul li a {
	color:#ffffff;
	display:block;
	font-size: 12px;
	line-height:18px;
	text-decoration:none;
	padding:0 7px 0 7px;
	border-left:#c8d96f 1px solid;
	border-right:#679800 1px solid;	
}

.datamenu ul li a:hover {color:#000;}

.artikel-liste ul li{
	border-bottom: 1px solid #BEBEBE;
	border-right: 1px solid #BEBEBE;
	float:left;
	margin-top:2px;
	width:625px;
}

.artikel-liste ul li a{
	background:5px 10px #fff url(../_obj/_interface/ico_pfeil_orange.gif) no-repeat;
	display:block;
	font-size:11px;
	line-height:33px;
	padding:0 0 0 30px;
	width:595px;
}

.artikel-liste ul li a:hover{
	background:5px 10px #e6f2c6 url(../_obj/_interface/ico_pfeil_orange.gif) no-repeat;
}


/* Merkliste */
.merkliste ul li{
	background:5px 10px #fff url(../_obj/_interface/ico_pfeil_orange.gif) no-repeat;
	border-bottom: 1px solid #BEBEBE;
	border-right: 1px solid #BEBEBE;
	float:left;
	line-height:33px;
	margin-top:2px;
	padding:0 0 0 30px;
	width:390px;
}

.merkliste span{ display:block; float:left;}
.merkliste span.data {width:370px;}
.merkliste span.btn {background: 2px 10px url(../_obj/_interface/btn_posdel.gif) no-repeat; }

.merkliste span.btn a{display:block; text-decoration:none;}

.data li, .liste li {
	background: #fff;
	border-bottom: 1px solid #BEBEBE;
	border-right: 1px solid #BEBEBE;
	display:inline;	
	font-size:11px;
	float:left;
	height:33px;
	line-height:1.1em; 
	margin: 0 2px 2px 0;
}

.data li{
	width:311px;
}


.data p {color:#fff; float:left; line-height:normal; margin:0; padding:7px 5px 0 5px; }
.data span{padding:7px 5px 0 5px; float:left; }
.data span.label {width:100px;color:#006900;}
.data span.data {width:180px;}

.data .infobox { background:url(../_obj/_interface/infobox.png) no-repeat; border:none; height:141px;}

.data .infobox p {color:#000;}

.data .infobox form select {margin-top:5px; }

.data span.akticon {width:30px;}
.data span.aktbez {width:260px;}

/* geht über ganze Inhalts-Seite */

.liste { float:left;}

.liste li {
	width:625px;
}

.liste span {padding:10px 5px 0 5px; float:left; }
.liste span.pfeil {width:20px;}
.liste span.artnr {width:60px;}
.liste span.bez {width:510px;}

/* ------------------------------------------------------------------------------------------
	@ Form Styles
------------------------------------------------------------------------------------------ */
.content{}

form { margin:20px 0 0 0; padding:0;}

form br { clear: left; }

fieldset { margin:20px 0 0 0; border:1px solid #A5D2AC; padding:10px;  background:url(../_obj/_interface/form_bg.png) no-repeat;}
legend {  padding:0 5px 0 5px; }

label, input, select, textarea, legend{ 
	color: #006900;
	float: left;
	font: normal 12px "Trebuchet MS", Geneva, Arial, Verdana;
	margin-top:3px;
}

label {

	height:18px;
	line-height:18px;
	padding-right:10px;
	text-align: left;
	width: 130px;
	
}

label.cb {width:auto;}

input.cb { background:none; height:24px; width:20px; padding:0; margin:0;}

input, select, textarea {
	background:#CCEEEF;
	border: 1px solid #A8CDD1;
	padding:2px;
	width: 270px;
}

select {width: 275px;}
select.select2 {margin-right:10px; width: 127px;}
textarea {height: 100px;}

input.plz {width: 40px;}
input.ort {margin-left:5px; width: 220px;}

/* Formular in Ansprechpartner Verkauf
------------------------------------------------------ */
form#form_selector {margin:0; padding:0;}

select.selector, select.artikel{
	background:#ffffff;
	color: #006900;
	font: normal 14px "Trebuchet MS", Geneva, Arial, Verdana;
	margin-top:18px;
	}
	
select.selector{
	width: 200px;
}
	
form#form_artikel {margin:3px 0 0 5px; padding:0;}
select.artikel{
	background:#fff;
	border: 1px solid #679800;
	color: #006900;
	margin:0;
	width: 300px;
}

/* Formular Submit Buttons
------------------------------------------------------ */
input.submit{
	 background: url(../_obj/_interface/btn_form.gif) no-repeat;
	 border:0;
	 color: #ffffff;
	 cursor:pointer;
	 font: normal 11px "Trebuchet MS", Geneva, Arial, Verdana;
	 height:24px;
	 margin-top:15px;
	 padding-left:20px;
	 width:140px;
	 }

input.submit:hover{
	background: url(../_obj/_interface/btn_form_hl.gif) no-repeat;
	} 


/* Produkt-Suche Form
------------------------------------------------------ */
form#form_topsuche { background:#FF3333; margin-top:8px; padding:0 10px 0 10px;}
	
input#suchwort {
	background: url(../_obj/_interface/form_suche.gif) no-repeat;
	border:0;
	color:#6C6C6C;
	font-weight:normal;
	height:24px;
	padding:5px 5px;
	width: 163px;	
}

input.submit_pfeil{
	 background: url(../_obj/_interface/form_submit_pfeil.gif) no-repeat;
	 border:0;
	 cursor:pointer;
	 height:24px;
	 width:24px;
	 }

input.submit_pfeil:hover{
	background: url(../_obj/_interface/form_submit_pfeil_hover.gif) no-repeat;
	} 
	
/* ------------------------------------------------------------------------------------------
	@ Table Styles
------------------------------------------------------------------------------------------ */

table{
	border-collapse:separate; 
	border-spacing: 3px;
	font-size:11px;
	margin:10px 0 0 0; 
	text-align:left;
	width:100%;
}


table.datenblatt{margin:0;}

table.datenblatt td{vertical-align:middle;}


td,th {
	padding:5px; 
	border-bottom: 1px solid #679800;
	border-right: 1px solid #679800;
}

	
th {background:#7DB305 url(../_obj/_interface/tab_head_bg.gif) repeat-x;
	background-position:0 -5px;
	color:#fff; 
	font-size:16px;
	font-weight:bold;
	}
td {background:#fff;}

tr {}


td.hl, th.hl {background:#9DC130;}
td.tr, th.tr  {text-align:right;}
td.tc, th.tc  {text-align:center;}

td.fett{ font-weight:bold;}

#tabellchen img {margin:0; padding:0;}

/* jQuery - tableHover - Styles 

td.click, th.click {background-color: #bbb;}
td.hover, tr.hover {background-color: #69f;}
th.hover, tfoot td.hover {background-color: ivory;}
td.hovercell, th.hovercell {background-color: #abc;}
td.hoverrow, th.hoverrow {background-color: #6df;}
*/
td.hover, tr.hover {background-color: #E2F1C2; cursor:pointer;}


.content_accordion table{
					border-collapse:separate; 
					border-spacing: 3px;
					display:block;
					font-size:11px;
					margin:10px 0 0 20px; 
					text-align:left;
					width:380px;
					}

.content_accordion td {border:none; background:#fff;}
.content_accordion td.label {width:100px;}
.content_accordion td.txt {background: none; font-size:14px;}
.content_accordion td.txt strong { font-weight:bold;}
#content_bg .content_accordion td img{float:left; margin:0 5px 5px 0; padding:0;}
/* ------------------------------------------------------------------------------------------
	@ Clear 
------------------------------------------------------------------------------------------ */

.clearfloat:after {
	content:”.”;
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.clearfloat {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfloat {height:1%;}

*+html .clearfloat {height:1%;}

.clearfloat {display:block;}
/* End hide from IE-mac */

.clear {
	clear: both;
	display: block;
	font-size:0;
	height: 0;
	line-height:0;
    visibility: hidden;
}

/* ------------------------------------------------------------------------------------------
	@ Misc 
------------------------------------------------------------------------------------------ */
.left {float:left;}

.right {float:right}

.m0p0 {margin:0;padding:0;}
.ml13 {margin-left:13px;}
.ml20 {margin-left:20px;}
.ml50 {margin-left:50px;}
.ml5 {margin-left:5px;}

.mt0 {margin-top:0;}
.mt20 {margin-top:20px;}
.mt30 {margin-top:30px;}
.pt20 {padding-top:20px;}
.h243 {height:243px;}

.bb1 { border-bottom: 1px solid #8AB773;}

.w20 {width:20px;}
.w30 {width:30px;}
.w40 {width:40px;}
.w190 {width:190px;}

.tdinit { background:none; border:none;}
.bl0 {border-left:none;}
.br0 {border-right:none;}

.orange {color:#DF6B0D;}

/*------------------------------------------------------------------
[Biggerlink-Styles]

-------------------------------------------------------------------*/

/* Put a border around the newly clickable element */
.bl-hot {
	border:0;
	zoom: 1; /* Should be IE only */
	}
	
/* rollover style for clickable element */
.bl-hover {
	cursor: pointer;
	}

.bl-hover p, .bl-hover li p{

	}
	
/* Simulate hover on contained link */
.bl-hover a:link {
color:#000;
	}
	
.bl-hover a:visited {
color:#000;
	}