/* Layout */
@import url("typo.css");

.container			{ width: 980px;}
.menu 				{ width: 200px;padding-left: 15px; padding-right: 15px; float: left;}
.content 			{ width: 740px; padding-bottom: 50px; float: left;}

.full_size				{ position: relative; margin-bottom: 00px; clear: both; overflow:hidden}
.full_size .left_col	{width: 340px; float: left; margin-right: 40px; position: relative;}
.full_size .right_col	{width: 350px; float: left; }

.searchfield 			{font-size: 11px; }

img {border: 0px;}

/* MAIN MENU */
.menu					{margin-top: 10px;}
.menu	a:hover 		{text-decoration: underline;}
.menu					{ width: 185px;}
.menu ul.level_0 li { line-height: 31px; border-bottom: 1px solid #999;}
.menu ul.level_1 li { line-height: 18px; margin-bottom: 9px; border: none; margin-left: 10px;}
.menu ul.level_2 li { line-height: 18px; border: none; margin-left: 00px; padding-left: 15px;}
.menu ul.level_0 li.active, .menu ul.level_1 li.active		{font-weight: bold;}
.menu li.active	li		{ font-weight: normal;}
.menu ul.level_2 li	{ background: url('../../data/img/menu_item.gif') no-repeat 4px ; background-color:#ffffff}
.menu ul li ul.level_2 li.active a	{ color: #005724;}

/* ALTERNATIVE MENU */
.alt_menu 			{ display: block;height: 25px; line-height: 25px; text-align: right; margin-right: 40px;}
.alt_menu a 		{ }
.alt_menu a.active 	{ font-weight: bold; }
.alt_menu ul		{ float: right;}
.alt_menu ul li		{ display: inline; margin-left: 10px;}
.alt_menu form		{ display: inline; height: 15px; }
.alt_menu form input{ display: inline; width: 100px; height: 10px; line-height: 10px; }

/* CONTACT */
.contact 			{ margin-top: 30px; line-height: 15px;}
.contact h2			{ border-bottom: 1px solid #999; margin-bottom: 10px;}

/* CONTENT */
.content			{ margin-bottom: 50px; margin-top: 12px;}
.content a			{ color: #005724; font-weight: bold;}
.breadcrumb			{ color: #666; height: 35px; line-height: 25px; display: inline;}
.breadcrumb li		{ display: inline;}
.breadcrumb  a		{ color: #666; padding-left: 5px;}
.breadcrumb  a.first{padding-left: 0px;}
.breadcrumb  a:hover{ text-decoration: underline;}



.product_overview 	{ position: absolute; top: 10px; left: 95px; width: 640px; text-align: right;}
.product_overview a	{ margin-right: 20px; height: 30px; color: #005724; font-weight: bold;}
a.datasheet			{ background: url('../../data/img/pdf.gif') no-repeat left; padding-left: 20px; color:#666;}

/* Category Overview */
.category, .cfirst	{ position: relative; width: 320px; margin-bottom: 10px; height: 110px; padding: 5px; background-color: #E5E5E5; float: left;}
.cfirst				{margin-right: 40px;}
.category .image, .cfirst .image 	{ float: left; margin-right: 10px;}
.category .moreinfo, .cfirst .moreinfo{ position: absolute; top: 95px; right: 10px;}
/* Product List */
.selectorlist a, #productlist a { color: #111;font-weight: normal;}
.selectorlist {  display: block; width: 730px; height: 22px;}
.selectorlist .selector a{ background: url('../../data/img/ps_bg_inactive.jpg'); height: 22px; line-height: 22px; display: block; float: left; margin-right: 1px; padding-left: 10px; padding-right: 10px;}
.selectorlist .selector a:hover, .selectorlist a.active  { background: url('../../data/img/ps_bg_active.jpg'); }


#productlist {background-color: #eaeaea; clear: both; width: 725px; height: 130px; border-top: 1px solid white; overflow:hidden; position:relative}
#productlist .prod {background-color: #eaeaea; float: left; height: 130px; width: 120px; text-align: center; color: black}
#productlist .contentbox {background-color: #eaeaea; overflow:hidden;  height:120px; position:absolute;}
.prod .products		{display: block; clear: both;}
.prod img 			{display: block;}

div.slider {width:725px; margin:1px 0; background-color:#ccc; height:15px; position:relative;}
div.slider div.handle {cursor:pointer; position: absolute; width:121px; height:16px; padding:0px; position:relative;}
div#zoom_element { width:50px; height:50px; background:#2d86bd; position:relative; }


.category_list 	{width: 330px; height: 110px; float: left; margin-right: 40px; background: url('../../data/img/category_list_bg.jpg') repeat-x;}
.cat_picture 	{ float: left;}

.startpage_box 	{width: 330px; height: 110px;  float: left;  background: url('../../data/img/category_list_bg.jpg') repeat-x; margin-bottom: 10px; position: static;}
.startpage_box .image {float: right;}
.startpage_box  .name { font-weight: bold;  margin-top: 10px; margin-left: 10px;}
.startpage_box  .description { margin-left: 10px;}
.startpage_box	.moreinfo	{margin-left: 10px;}

.techcontent_left { width: 340px; margin-right: 40px;  float: left;}
.techcontent_right { width: 340px; float: left;}
.techcontent_left  table, .techcontent_right  table{ width: 340px; float: left; margin-bottom: 10px;}

#gallery 					{ overflow: auto; height: auto; margin-top:50px}
#gallery #gallery_detail	{ display: block; height: 210px;  padding: 0px; overflow: hidden;   margin-left: auto; margin-right: auto;}
#gallery_detail img			{margin-right:auto; margin-left:auto; display:block}
#gallery img.thumbnail 		{ margin: 0px; padding: 0px; }
.gallery_thumb 				{ float: left;  padding: 3px; padding-bottom: 0px; margin: 0px 5px 0px 0px; margin-bottom: 0px; border: 1px solid #DEDEDE;}
.thumbs						{ border: 1px solid #DEDEDE; background-color: #EFEFEF; height: 100%; overflow: auto; padding: 5px;}

/* GMM */
.gmm_item 			{ width: 330px; height: 60px; float: left; margin-right: 40px; margin-bottom: 10px; background: url('../../data/img/category_list_bg.jpg') repeat-x #eaeaea; position: relative;}
.gmm_item_two		{ width: 330px; height: 60px; float: left; margin-right: 00px; margin-bottom: 10px; background: url('../../data/img/category_list_bg.jpg') repeat-x #eaeaea; position: relative;}

.gmm_item .image	, .gmm_item_two .image	{ float: left;}
.gmm_item .title, .gmm_item_two .title  	{ font-weight: bold;}
.gmm_item .addlink, .gmm_item_two .addlink  	{ position: absolute; top: 35px; right: 10px;}

.gmm_search			{margin-bottom: 20px;}



.removelink			{position: absolute; top: 0px; left: 310px; display: block; }

.backlink			{clear: both; margin-top: 20px; display:block}
.addcartlink		{clear: both;}
.addcartlinktop		{position: absolute; top: 0px; left: 400px; width: 330px; text-align: right;}
.error				{color: #8b1010;}

.gmm_form	div 		{ margin-bottom: 5px;}
.gmm_form	div label  {width: 100px; display: block; float: left;}
.gmm_form	input		{ width: 200px;}
input:focus	{background-color: #DDD;}
.gmm_form textarea		{height: 100px; width: 200px;}
textarea:focus	{background-color: #DDD;}

.message				{border: 1px solid #ffd58d; background-color: #fff9da; padding: 5px; width: 714px;}
.pagination 			{display: block; clear: both; height: 25px;}
.pagination a.active		{font-weight: bold; color: #555;}

/* Kontaktformular */
#form-module p.formtext 	   		 {margin: 0; padding: 0; margin-bottom: 5px;}
#form-module p.formtext label  		 { width: 100px; display: block; float: left;}
#form-module p.formtext input  		 { width: 228px;}
#form-module p.formtextarea label	 { display: block;}
#form-module p.formtextarea textarea	{ width: 330px; height: 150px;}
#form-module #innerform .formtext label	{display: block; clear: both; width: 330px; padding-bottom: 5px;}
#form-module #innerform #dateandtimeselect