/* @override 
	http://www.drmkomtech.ch/assets/templates/drm/css/all.css
*/

@import url("editor.css");


body {
	margin:0;
	background:#78a22f url(../images/bg.gif) repeat-x;
	font:10px  Verdana, Arial, sans-serif;
}
p{
	margin:0;
}
ul {
	margin:0;
	padding:0;
}

a {
	color: #568819;
	text-decoration: underline;
}
a:hover{
	color: black;
}
a:visited{
	color: gray;
}  
h1,h2,h3 {
	margin:0;
}
img {border: 0;}


#main{
	padding-top:185px;
	position:relative;
	margin:0 auto;
	width:900px;
}
#header{
	position:absolute;
	top:0;
	left:0;
	width:900px;
	height:185px;
	/*overflow:hidden;*/
	background:url(../images/pic1.jpg) no-repeat;
}
#header a.logo {
	position:absolute;
	top:24px;
	left:30px;
	text-indent:-9999px;
	background:url(../images/logo.gif) no-repeat;
	overflow:hidden;
	width:115px;
	height:51px;
	
}
#header a:focus {
	outline:0;
}
#header .top-links {
	position:absolute;
	top:6px;
	right:19px;
	list-style:none;
	float:right;
}
#header .top-links li{
	float:right;
	margin-left:15px;
}
#header .top-links li a{
	text-decoration:none;
	color:#fff;
	font-size:9px;
}
#header .top-links li a:hover{
	text-decoration:underline;
}
#header .filds{
	width:173px;
	position:absolute;
	left:0;
	top:125px;
	background:url(../images/form-bg.gif) repeat-x;
	height:34px;
}
#header .filds input{
	margin: 12px 0 0;
	padding:0;
	border:0;
}
#header .filds .button1{
	margin:10px 0 0;
	padding:0;
	cursor:pointer;
	float:left;
	width:24px;
	height:17px;
	background:url(../images/button1.gif) no-repeat;
}
#header .filds .text-field{
	float:left;
	font-size:11px;
	height:34px;
	font-size:9px;
	background:url(../images/fild1.gif) no-repeat 0 10px;
}
#header .filds .text-field input{
	width:117px;
	color:#999;
	background:0;
	font-size: 10px;
	padding: 1px 0 0 8px;
}
#header .filds .button2{
	margin:10px 0 0;
	padding:0;
	cursor:pointer;
	float:left;
	width:24px;
	height:17px;
	background:url(../images/button2.gif) no-repeat;
}
#header #mani-nav_wrap{
	position:absolute;
	left:173px;
	top:125px;	background:url(../images/menu-bg2.gif) repeat-x;
	height: 35px;
	width: 727px;
}
#header .main-nav {
	padding-left:1px;
	background:url(../images/menu-sep.gif) no-repeat;
	list-style:none;
}
#header .main-nav li{
	background:url(../images/menu-sep.gif) no-repeat 100% 0;
	padding:0 1px 0 0;
	height:35px;
	float:left;
}
#header .main-nav li a{
	float:left;
	height:15px;
	color:#ccc;
	padding: 9px 16px 10px;
	font-size:10pt;
	/*font-weight:bold;*/
	text-decoration:none;
	background:url(../images/menu-bg1.gif) repeat-x;
	letter-spacing: 1px;
}
#header .main-nav li a:hover {
	text-decoration:none;
	background:url(../images/menu-bg2.gif) repeat-x;
}
#header .main-nav li a.active:hover,
#header .main-nav li a.active {
	text-decoration:none;
	color:#fff;
	background:url(../images/menu-bg3.gif) repeat-x;
}
.select-area{
	position: relative;
	height:35px;
	width: 150px;
	float: right;
	background: url(../images/map.gif) no-repeat 0 4px;
	z-index: 20;
	margin-right: 30px;
}
.superselect {
	float: right;
	top:125px;
}

#header .links{
	padding: 0 0 0 30px;
	position:absolute;
	top:159px;
	left:173px;
	overflow:hidden;
	list-style:none;
}
#header .links li{
	float:left;
	margin:0 20px 0 0;
	padding:6px 0;
}
#header .links li a{
	padding:6px 0;
	color:#693;
	text-decoration:none;
	font-size:11px;
	font-weight:bold;
}
#header .links li a:hover, #header .links li .active {
	color:#404040;
}
#content{
	overflow:hidden;
	position:relative;
	width:900px;
	background:url(../images/bg2.gif) repeat-y;
}
#content .col1{
	padding:32px 0 0;
	width:173px;
	float:left;
	background:#f0f0f0;
}
#content .col1 .block1{
	margin:0 0 0 20px;
	padding:0 0 10px 5px;
	width:129px;
	background:#fff;
	border:1px solid #adc484;
}
#content .col1 .block1 h2{
	padding:6px 0 5px;
	color:#78a22f;
	font-weight:bold;
	font-size:16px;
}
#content .col1 .block1 p{
	color:#404040;
	font-weight:bold;
	font-size:11px;
}
#content .col1 .left-nav{
	padding:0 0 0 21px;
	float:left;
	display:inline;
	width:152px;
	line-height:22px;
	list-style:none;
}
#content .col1 .left-nav li{
	float:left;
	margin:0 0 1px 0;
}
#content .col1 .left-nav li a{
	float:left;
	width:152px;
	font-size:12px;
	text-decoration:none;
	color:#414141;
}
#content .col1 .left-nav li a:hover{
		color: #000;
	text-decoration: underline;
}
#content .col1 .left-nav li .active{
	color:#78a22f;
	padding:0 0 0 7px;
	width:145px;
	background:#fff;
}
#content .col1 .block2{
	position:absolute;
	bottom:0;
	left:0;
	padding:0 0 0 20px;
	font-size:9px;
	line-height:13px;
	height:147px;
	width:153px;
	background:#dedede url(../images/info.gif) no-repeat;
}
#content .col1 .block2 ul{
	list-style:none;
}
#content .col1 .block2 ul li a{
	color:#404040;
	text-decoration:none;
}
#content .col1 .block2 ul li a:hover{
	text-decoration:underline;
}
#content .col1 .block2 strong{
	display:block;
	padding:40px 0 0;
	color:#404040;
}
#content .col2{
	padding:0 32px 25px 0;
	width:695px;
	overflow:hidden;
	float:right;
	background:#fff;
}
#content .col2 .block3{
	padding:0 26px 0 28px;
	width:153px;
	float:left;
	margin-top: 30px;
}
#content .col2 h1{
	padding: 0;
	color:#693;
	font-size:12px;
	font-weight:bold;
}
#content .col2 p{
	margin:12px 0 0;
	color:#414141;
	line-height: 16px;
}
#content .col2 .block4{
	padding:32px 0 0;
	width:488px;
	float:right;
}
#content .col2 .block4 .inf1{
	position:relative;
	background-color: #78a22f;
	width: 488px;
	height: 217px;
	font-size:12px;
	padding: 0;
	margin-bottom: 20px;
}

#content .col2 .block4 .inf1 .startbild{
	float: right;
	width: 345px;
	height: 217px;
}
#content .col2 .block4 h2{
	padding:13px 0 0;
	display:block;
	background:url(../images/geesink.gif) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
	width:71px;
	height:13px;
}
#content .col2 .block4 h3{
	line-height:15px;
	font-size:12px;
	color:#fff;
	padding-top: 12px;
	padding-left: 10px;
	width: 120px;
}
#content .col2 .block4 .inf2{
	padding: 6px 0 0 10px;
	font-size: 10px;
	color:#000;
	width: 120px;
	line-height: 1.5em;
}
#content .col2 .block4 .button3{
	position:absolute;
	bottom:15px;
	left:13px;
	display:block;
	height:20px;
	color: white;
		background: #85b334 url(../images/arrow_right.gif) no-repeat 36px 7px;
	text-decoration: none;
	padding-top: 4px;
	padding-left: 7px;
	width: 45px;
}
#content .col2 .block4 a.button3:hover{
	background: #98cd3b url(../images/arrow_right.gif) no-repeat 37px 7px;

}

#content .col2 .block4 img{
	float:right;
	border-left:1px solid #fff;
}
#content .col2 .block4 .links{
	margin:8px 0 0;
	list-style:none;
	float:right;
	position: absolute;
	bottom: -18px;
	right: -1px;
}
#content .col2 .block4 .links li{
	margin:0 0 0 3px;
	float:left;
}
#content .col2 .block4 .links li a{
	display:block;
	background:url(../images/bullet1.gif) no-repeat;
	width:11px;
	height:11px;
}
#content .col2 .block4 .links li a:hover{
	background:url(../images/bullet2.gif) no-repeat;
}
#content .col2 .block4 .links li .selected,
#content .col2 .block4 .links li .selected:hover{
	background:url(../images/bullet2.gif) no-repeat;
}
#content .col2 .block4 .links li a:focus {
	outline:0;
}

#content .col2 .box{
	margin:17px 0 0 29px;
	display:inline;
	width:667px;
	background:url(../images/box-bg.gif) repeat-y;
	float:left;
}
#content .box h3 {
	font-size:11px;
	font-weight:bold;
	color:#424242;
}
#content .block5 {
	padding:11px 13px 14px 13px;
	width:294px;
	float:left;
	line-height:20px;
}

#content .block5 ul {
	color:#424242;
	width:138px;
	float:left;
	list-style:none;
}
#content .block5 ul li a {
	color:#424242;
	text-decoration:underline;
}
#content .block5 ul li a:hover {
	text-decoration:none;
}
#content .block6 {
	line-height:20px;
	margin:0 0 0 27px;
	padding:7px 14px 14px 19px;
	width:287px;
	float:left;
}
#content .block6 h3{
	padding:4px 0 0;
	
}
#content .block6 a.data {
	float:right;
	color:#568819;
	font-size:11px;
	background: url(../images/arrow_right.gif) no-repeat 0 6px;
	overflow: visible;
	padding-left: 15px;
}
#content .block6 a.data:hover {text-decoration: none;}
#content .block6 ul {
	list-style:none;
	float:left;
	width:287px;
	line-height: 13px;
}
#content .block6 ul li {
	float:left;
	width:287px;
	padding:0 0 6px 0;
}
#content .block6 ul li a {
	float:left;
	color:#424242;
	width:200px;
}
#content .block6 ul li span{
	float:left;
	width:78px;
}
#content .block6 ul li a:hover {
	text-decoration:none;
}
#content .firma{
	background:#fff;
	width:384px;
	float:left;
	padding: 0 0 90px 29px;
	line-height:18px;
}
#content .firma h1{
	color:#78a22f;
	font-size:16px;
	padding: 26px 0 14px;
}
#content .firma p{
	font-size:12px;
	color:#333;
	padding:0 0 10px;
}
#content .firma h2{
	font-size:12px;
}




#content .firma ul{
	list-style-type: square;
	list-style-position: outside;
	margin-left: 15px;
}
#content .firma ul li{
	font-size: 12px;
	list-style-image: url(../images/cube.gif);
	margin-bottom: 10px;
	margin-top: 10px;
}
#content .pics{
	background:#fff;
	width:199px;
	float:right;
	margin: 32px 33px 20px 0;
}
#content .pics a{
	display:block;
	/*overflow:hidden;*/
	height: 123px;
	position: relative;
	width: 207px;
	border: 1px solid #c8c9cb;
	margin-bottom: 10px;
	cursor: pointer;
	padding-bottom: 10px;
}
#content .pics span {
	background: url(../images/zoom.png) no-repeat right bottom;
	width: 38px;
	height: 38px;
	z-index: 3;
	position: absolute;
	bottom: 0px;
	right: 0px;
}


#content .pics a img{
	border: 4px solid #f0f0f0;
	width: 199px;
	height: 125px;
}
#content .pics a img:hover{
	border: 3px solid #c8c9cb;
	width: 201px;
	height: 127px;
}
#content .pics .normalbild{
	border: 1px solid #8b8b8b;
	margin-bottom: 5px;
}
#content .pics #pdfs{
	background-color: #dedede;
	width: 209px;
}
#content .pics #pdfs .padding10{
	padding: 10px;
}
#content .pics #pdfs a{
	margin: 0;
	border-style: none;
	border-width: 0;
	width: 199px;
	height: 12px;
	color: #404040;
	background: url(../images/document.gif) no-repeat left 2px;
	padding-left: 14px;
}

#content .referenzen{
	background-color: #efeff2;
	border: 1px solid #dfdfdf;
	padding: 10px;
	width: 380px;
	height: 105px;
	margin-top: 15px;
	position: relative;
	float: left;
}
#content .referenzen a.bildlink{
	display:block;
	width: 158px;
	height: 102px;
	border: 1px solid #c8c9cb;
	position: relative;
	float: left;
	margin-right: 15px;
}
#content .referenzen span{
	background: url(../images/zoom.png) no-repeat right bottom;
	width: 38px;
	height: 38px;
	z-index: 3;
	position: absolute;
	bottom: 0px;
	right: 0px;
}
#content .referenzen img{
	width: 150px;
	height: 94px;
	border: 4px solid #fff;

}
#content .referenzen img:hover{
	width: 152px;
	height: 96px;
	border: 3px solid #c8c9cb;
}
#content .referenzen a{
	text-decoration: none;
	color: black;
	position: relative;
}
#content .referenzen .button_ref{
	position:absolute;
	bottom:32px;
	left: 185px;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../images/button_start.gif) no-repeat;
	width:72px;
	height:20px;
	cursor: pointer;
}
#content .referenzen_hidden{
	display: none;
		visibility: hidden;
}
.formular fieldset{
	border-width: 0;
	border-style: none;
}

.formular fieldset table {
	width: 650px;
}
.kontakt fieldset table {
	width: 450px ! important;
}
.formular fieldset table td.bild{
	width: 160px;
}
.formular fieldset table td.bild img{
	margin-top: 12px;
	margin-bottom: 8px;
}
.formular fieldset table td{
	border-top: 1px solid #d6f1a0;
}
.formular fieldset table td h2{
	color: #568819;
	margin-top: 5px;
}

#EinzelteileForm fieldset table tbody tr td table.innentabelle tbody tr td strong {
	color: #565656;
}
.formular fieldset label {
	color: #568819;
	font-size: 12px;
}
.formular fieldset .text {
	margin-right: 10px;
	border: 1px solid #78a22f;
	background-color: #e8f1d7;
	margin-bottom: 3px;
}

.formular fieldset .einzel {
	margin-bottom: 5px;
	margin-top: 5px;
	width: 200px;
}
.formular fieldset .button{
	border: 1px solid #405815;
	background-color: #78a22f;
	color: white;
	margin: 15px 0 5px;
	border-top: 1px solid #99ce3e;
	border-left: 1px solid #99ce3e;
	padding: 5px;
	font-weight: bold;
} 
.formular fieldset td.label label {
	text-align: right;
	float: right;
	margin-right: 10px;
	font-weight: bold;
}

div.errors{ 
	color:#F00;
	background-color: #fde7de;
	padding: 10px;
	width: 550px;
	border: 1px solid red;
	font-size: 12px;
	margin-bottom: 15px;
}
.formular fieldset .invalidValue{ 
	background: #FFDFDF; 
	border:1px solid #F00; 
}
.formular fieldset .requiredValue{ 
	background: #fde7de; 
	border:1px solid #F00 ! important; 
}

#footer{
	padding:5px 0 0;
	width:900px;
	margin-bottom: 50px;
}
#footer span {
	text-decoration:none;
	font-size:9px;
	color:#b7df63;
	float:left;
}
#footer p{
	font-size:9px;
	color:#43610e;
	float:right;
}
#footer p a{
	text-decoration:none;
	color:#43610e;
}
#footer p a:hover {
	text-decoration:underline;
}

form.loginfrm {

}

form.loginfrm fieldset {
	border-style: none;
	border-width: 0;
	background-color: #e8f1d7;
	padding: 15px;
	width: 450px;
	margin-bottom: 20px;
}

form.loginfrm label {
	display: block;
	margin-bottom: 10px;
}
form.loginfrm input{
	margin-right: 10px;
	border: 1px solid #78a22f;
	background-color: white;
	margin-bottom: 3px;
	color: #568819;
}

#ajaxSearch_form {
           color: #444;
           width: auto;
       }
       #ajaxSearch_input {
           width: auto;
           display: inline;
           height: 17px;
           border: 1px solid #ddd;
           border-left-color: #c3c3c3;
           border-top-color: #7c7c7c;
           background: #fff url(images/input-bg.gif) repeat-x top left;
           margin: 0 3px 0 0;
           padding: 3px 0 0;
           vertical-align: top;
       }
       #ajaxSearch_submit {
           display: inline;
           height: 22px;
           line-height: 22px;
       }
       #ajaxSearch_output {
           border: 1px solid #444;
           padding: 10px;
           background: #fff;
           display: block;
           height: auto;
           vertical-align: top;
       }
       .AS_ajax_result {
           color: #444;
           margin-bottom: 3px;
       }
       .AS_ajax_resultLink {
           text-decoration: underline;
       }
       .AS_ajax_resultDescription{
           color: #555;
       }
       .AS_ajax_more {
           color: #555;
       }
.ajaxSearch_highlight{
	background-color: #fdff9f;
}
p.ajaxSearch_resultsInfo{
	font-style: italic;
}
.ajaxSearch_paging{
	border-bottom: 1px solid #d8f1a0;
	display: block;
	padding-bottom: 2px;
	margin-bottom: 15px;
	border-top: 1px solid #d8f1a0;
	padding-top: 2px;
	color: #568819;
	background-color: #f7ffe5;
	padding-left: 6px;
}
.ajaxSearch_result{
	background-color: #f8f8f8;
	margin-bottom: 5px;
	padding-top: 2px;
	padding-left: 6px;
	border-top: 1px solid #eee;
}

td.spalte1 {
	font-weight: bold;
	font-size: 12px;
	vertical-align: top;
}
.firma checkbox{
	display: inline;
}

#BestellForm fieldset table tbody tr td.spalte1 label.titel input {
	margin-right: 5px;
}

#BestellForm fieldset table tbody tr td p label input {
	display: inline;
}

input#lieferdatum {
		margin-right: 10px;
	border: 1px solid #78a22f;
	background-color: #e8f1d7;
	margin-bottom: 3px;
	margin-top: 3px;
}

#EinzelteileForm fieldset table tbody tr td p input {
	margin-top: 10px;
}

table.innentabelle {
	width: 400px;
	background-color: white;
}
table.innentabelle td{
	border-style: none;
}
table.innentabelle input {
	margin-right: 10px;
	border: 1px solid #78a22f;
	background-color: #e8f1d7;
	margin-bottom: 3px;
	margin-top: 3px;
}
 
.formular fieldset td.label2 {
	font-weight: bold;
	width: 184px;
	text-align: left;
}
.formular fieldset span.tipp{
	color: gray;
	font-style: italic;
	margin-left: 10px;
}