/* ------------------------------ Hauptregeln */

html, body{ height: 100%; margin:0; padding:0; }

body, * button, * div, * p, * h1, * h2, * h3, * img, * ul, * li, * a, * fieldset, * label, * input, * legend, * textarea, * select {
	margin:0;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	list-style-type:none;
	color:#000;
} 

html, body { height:100%; }

body {
	font-size: 62.5%;
	background:#fff;
	text-align:center;
	background:url(bg.gif);
}

hr{	clear:both; color:#ddd; background-color:#ddd; border:0 none; height:1px; font-size:1px; line-height:1px; margin-top:5px; margin-bottom:25px;}
a { color:#3b9211; text-decoration:underline; }
a:hover, a:focus, div#breadcrumb a:hover, div#breadcrumb a:focus { color:#000; }

span.hide { display:none; }


p.link_prominent
{
	border: 1px solid #000000;
	padding: 5px;
}

.referenz img {
	margin-right: 15px;
	margin-bottom: 15px;
	border: 1px solid #000000;
}
.referenz a {
	text-decoration: none;
}


div.container { width:861px; margin:0 auto; background:#fff url(bg_container.gif) repeat-y; text-align:left; }

div.header { background:url(header.jpg); height:151px; }
div.header a{ width:861px; height:151px; display:block; }

div#nav { border-top:1px solid #fff; background:#3b9211 url(nav_right.gif) right top no-repeat; height:25px; padding-left:192px; }
div#nav li { display:inline; line-height:25px; }
div#nav a { color:#fff; font-weight:bold; text-decoration:none; font-size:12px; padding-left:24px; margin-right:14px; background:url(nav_bg.gif) left center no-repeat;}
div#nav a:hover, div#nav a:focus, div#nav a.on { text-decoration:underline; }

div#left, div#content { float:left; }

div#left { width:142px; background:#3b9211; padding-top:0; padding-left:15px; padding-right:5px; }

div#left div.search { margin-bottom:15px; background:url(subnav_bg.gif) bottom right no-repeat; padding-bottom:15px; margin-bottom:10px; }
div#left div.search label{ font-weight:bold; color:#fff; font-size:10px; display:block; padding-top:4px; padding-bottom:4px; }
div#left div.search label.title{ padding:0; padding-left:20px; font-size:14px; background:url(suche.gif) no-repeat; }
div#left div.search label.to{ display:inline; }

div#left div.search input{ border:1px solid #4ebf17; padding:3px; font-size:12px; font-weight:bold; color:#009900; width:125px;  }
div#left div.search input.price{width:46px; }

div#left div.search button {border:1px solid #fff; background-color:#009900; color:#fff; font-weight:bold; width:131px; margin-top:4px; font-size:12px; padding:3px; }

ul#subnav  { margin-bottom:15px;  }

ul#subnav li { line-height:20px; margin:0; }
ul#subnav li a { color:#fff; font-size:12px; font-weight:bold; cursor:pointer; text-decoration:none; display:block; background:url(nav_bg.gif) left center no-repeat; padding-left:24px; }

ul#subnav ul { background:url(subnav_bg.gif) bottom right no-repeat; padding-bottom:15px; margin-bottom:10px; }
ul#subnav li li { margin-left:25px; color:#fff; font-size:12px; line-height:18px; list-style-type:square;}
ul#subnav li li a { color:#fff; font-size:12px; font-weight:normal; cursor:pointer; text-decoration:none; background:0 none; padding:0; }
ul#subnav li a:hover, ul#subnav li a:focus, ul#subnav li a.on { color:#ffff00; }

div#content { width:639px; background:#fff url(bg_content.gif) left top no-repeat; padding:30px; position:relative; }

div#content h1{ color:#3b9211; font-size:18px; margin-bottom:15px; }
div#content h2, div#content p, div#content li, div#content td{ font-size:12px; margin-bottom:15px; line-height:20px; }
div#content ul{ margin-bottom:15px; margin-left:30px; }
div#content li{ list-style-type:square; margin-bottom:0; }
div#content h2 { margin-bottom:0; }

div#content table { margin-bottom:15px; }

div#content div.product { float:left; margin-right:20px; margin-bottom:20px; }
div#content div.product a{ width:132px; height:185px; display:block; border: 1px solid #dddddd; text-decoration: none; text-align:center; padding-bottom:5px; padding-top:10px; }
div#content div.product a img{ width:124px; height:124px; border:0 none; }
div#content div.product a span.title{ display:block; font-weight:bold; }

div#content span.mwst { font-size:10px; }

div#content div.prodimg { float:left; background:url(rahmen-gross.jpg); width:330px; height:315px; padding-top:15px; margin-right:10px; margin-bottom:20px; text-align:center;  }
div#content p.prodback { position:absolute; right:30px; top:65px; }
div#content td { vertical-align:top; }
div#content td.prodtitle { font-weight:bold; color:#3b9211; width:110px; padding-right:4px; }

div.breadcrumb p{ font-size:10px !important; line-height:14px !important; color:#999; font-weight:bold; margin-bottom:15px; }
div.breadcrumb p a{ color:#999; text-decoration:underline; }

div#footer { clear:both; font-size:10px; color:#999; border-top:1px solid #999; padding-top:10px; }
div#footer a, div#footer a:hover { color:#999; }
div#footer span.copyright{ float:left; }
div#footer span.rest{ float:right; }

div.clear { clear:both; }

/*************************************************** Kontaktformular */

.ajax-loading {
	padding: 20px 0;
	background: url(spinner.gif) no-repeat center;
}
div#formResponseKontaktformular p { font-size:14px; font-weight:bold; margin:0; padding:20px; }

fieldset.form { border:0; }

fieldset.form div.formline { height:26px; }

fieldset.form label { font-size:12px; float:left; display:block; width:110px; padding-top:2px;}

fieldset.form input, 
fieldset.form textarea,
fieldset.form select {
	border:1px solid;
	border-color:#3b9211; 
	background-color:#f6f6f6; 
	width:220px; 
	line-height:1.6em; 
	height:18px; 
	font-size:11px; 
	padding-left:2px; padding-right:2px; padding-top:2px;
}

fieldset.form div label.checkbox { width:210px; } 
fieldset.form div.checkbox input { width:auto; border:0 none; background:0 none; } 

fieldset.form div.required {
	background-image:url(bg_form_required.gif);
	background-position:left 6px;
	background-repeat:no-repeat;
	}

fieldset.form div.required label{
	padding-left:12px;
	width:98px;
	}

fieldset.form div.required:hover,
fieldset.form div.info{	background-image:url(bg_form_required_on.gif);}

fieldset.form div.info{ float:left; clear:both; padding-top:4px; padding-left:12px; }

fieldset.form select { padding-right:1px; padding-top:1px; padding-bottom:1px; width:226px; height:20px; }

fieldset.form textarea { height:118px; }
fieldset.form div.textarea label {  height:118px; }

fieldset.form div.formline:hover input, 
fieldset.form input:focus,
fieldset.form div.formline:hover textarea, 
fieldset.form textarea:focus,
fieldset.form select:hover, 
fieldset.form select:focus 
{ background-color:#fff; }

fieldset.form div.formline:hover label{ color:#014479; }

fieldset.form button{
	margin-right:6px;
	clear:both;
	font-size:1.3em; 
	text-align:center; 
	font-weight:bold; 
	float:left; 
	margin-left:110px;
	margin-top:8px; 
	width:120px; 
	height:25px; 
	color:#fff; 
	background-color:#7d7d7d; 
	border:0 none; 
	cursor:pointer;
}

fieldset.form button:hover, fieldset.form button:focus
{ background-color:#3b9211; }



/*************************************************** Kontaktformular Produkte*/

p#nojava { display:none; }

div#formResponseproducts{ left:20px; }
div#formResponseproducts p { font-size:14px; font-weight:bold; margin:0; padding:20px; }

fieldset#products.form label { width:100px;}

fieldset#products.form input, 
fieldset#products.form textarea { width:180px; }

fieldset#products.form div.required label{
	padding-left:12px;
	width:88px;
	}

fieldset#products.form textarea { height:118px; }
fieldset#products.form div.textarea label {  height:118px; }

fieldset#products.form button{ margin-left:100px; }