@import url("typo.css");

* {margin: 0; padding: 0; }

body 			{margin: auto; margin-top: 0px;}
.wrapper 		{ margin: auto; text-align: left; width: 960px; border-left: 1px dotted #111;  border-right: 1px dotted #111; display: block; clear: both; }
.menu_sec 		{}
.menu_sec span 	{ display: block; float: left; margin-right: 5px; height: 30px;padding-top: 20px;}
.menu_sec 	a	{text-decoration: none;}
.menu_sec 	a.active {font-weight: bold;}
.logo			{height: 99px;}
.logo img			{position: relative; top: 30px; left: 40px;}
.searchfield	{height: 13px; font-size: 11px;}
.borderbottom	{border-bottom: 1px solid #d5d601;}
.content_6{	display:block;
	float: left;
	position: relative;
	margin-right: 10px;
	width: 460px;}
.content_3{	display:block;
	float: left;
	position: relative;
	margin-left: 30px;
	width: 200px;}
.secnav{display: block; float: right;}

 ul.mainmenu, ul.submenu, ul.subkategories{list-style: none; margin-left: 0px;}

.content ul {list-style: square;}
.content ul li{list-style-type: square;}

.fuellhorn {margin-top: 8px;}


.submenu 		{font-size: 12px; font-weight: bold; line-height: 2em; margin-top: 55px; border-bottom: 1px dotted #aaaaaa; width: 200px;}
.submenu ul		{list-style: none; border-bottom: 1px dotted #aaaaaa;}
.submenu a		{text-decoration: none; color: #393939; display: block; width: 200px; margin-top: 5px;margin-bottom: 5px; border-top: 1px dotted #aaaaaa; padding-top: 10px;}
.submenu .active a		{text-decoration: none; color: #393939; display: block; width: 200px; margin-top: 5px;margin-bottom: 5px; border-top: 1px dotted #aaaaaa; padding-top: 10px; color: #055ea9;}
.submenu li.firstrow {display: none;}
	
.head 			{ height: 100px; display: block; clear: both;}
.fuellhorn		{display: block; clear: both; padding-bottom: 0px; margin-left: -10px; border: none; }
.menu_main		{display: block; clear: both; position: absolute; top: 69px;}

ul.mainmenu		{ float: left; height: 30px; padding-left: 20px;}
ul.mainmenu  li	{  float: left; margin-right: 1px;  text-align: center;}
ul.mainmenu a 	{ font-size: 14px; font-weight: bold; width: 119px; height:25px; display: block; float: left; text-decoration: none; padding-top: 5px; background-color: #055ea9; color: #ffffff;}
ul.mainmenu a.active, .menu_main ul a:hover { color: #ffffff; background-color: #d5d601;}

.navigation 		{ display: block; height: 35px; padding-top: 10px; padding-left: 20px; padding-right: 20px;}
.navigation .left	{float: left; display: block; background: url('../img_l/arrow_rwd.gif') no-repeat left 7px; padding-left: 10px;}
.navigation .right	{float: right; display: block;background: url('../img_l/arrow_ffd.gif') no-repeat right 7px; padding-right: 10px;}
.navigation a		{text-decoration: none;}

/* 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: 228px; height: 150px;}
#form-module #innerform .formtext label	{display: block; clear: both; width: 330px; padding-bottom: 5px;}
#form-module #innerform #dateandtimeselect {}

.footer{margin-left: 0px; padding-left: 10px; padding-right: 10px; color: white; position: relative; height: 210px; background-color: #055ea9;}
.footer_adresse {display: block; width: 200px; float: left; margin-right: 20px; padding-left: 20px; border-right: 1px dotted white;}
.footer_igeko {display: block;width: 440px; float: left; margin-right: 20px; border-right: 1px dotted white; padding-right: 20px;}
.footer_aktionsfeld {display: block; width: 210px; height:200px; float: right; background: url('../img_l/partner.gif') no-repeat -22px -10px; }
.footer_igeko h4, .footer_aktionsfeld h4, .footer_adresse h4{font-size: 16px; font-weight: bold; color: #ffffff; text-decoration: none; width: 200px; height: 30px; text-transform: capitalize; margin-bottom: 10px;}

.moreinfo{ display: block; position: absolute; bottom: 6px;}
.moreinfo a{font-size: 14px; font-weight: bold; color: #ffffff; text-decoration: none;}
.footer_igeko a, .footer_aktionsfeld a, .footer_adresse a{ color: #ffffff; text-decoration: none;}

.subkategories li {display: block; float: left;  width: 220px; margin: 0px 10px 10px 0px;  background-color: #ffffff; }
.subkategories li a{display: block; width: 200px; height: 220px; background-color: #dddddd; padding: 10px; float: left; text-decoration: none; font-weight: bold; font-size: 14px; position: relative;}
.subkategories li a:hover { background-color: #d5d601;}
.subkategories li .infotext {display: block; margin-top: 15px; margin-bottom: 15px; font-weight: 100; font-size: 11px; position: absolute; top: 70px; left: 10px; margin-right: 10px;}
.subkategories li .infolink {position: absolute; bottom: 10px; right: 10px;}

.content_6 table		{ margin: 5px;}
.content_6 table tr	{margin: 5px;}
.content_6 table td	{ padding: 15px; background-color: #dddddd;border: 2px solid white; margin-5px;}
.content_6 table td.year {background-color: #d5d601; padding: 5px; border: 2px solid white; margin-5px;}

table.gl		{ margin: 0px;}
table.gl tr	{margin: 0px;}
table.gl td	{ padding: 15px; background-color: #ffffff;border: 2px solid white; margin-5px;}

.kontakt{ border: 1px solid #055ea9; padding: 20px; width: 80%; margin-bottom: 10px;}


/* Kontaktform Zählerstand*/

#form_formular .formlabel-kundennr 		{ width: 200px; float: left;}
#form_formular .formlabel-telefon 		{ width: 200px; float: left;}
#form_formular .formlabel-black		 	{ width: 200px; float: left;}
#form_formular .formlabel-machinennr    { width: 200px; float: left;}
#form_formular .formlabel-melder        { width: 200px; float: left;}
#form_formular .formlabel-color         { width: 200px; float: left;}
#form_formular .formlabel-scan          { width: 200px; float: left; position: relative; left: 400px;}
#form_formular .form_reason             { width: 200px; float: left; margin-bottom: 20px;}
#form_formular .formtextarea			{display: block; clear:both;}
.formradio								{display: block; clear: both;}
.formradio label 						{float: left; margin-left: 10px;}
.formradio input						{float:left;} 	
#form_formular #el_8					{width: 440px;}
.form_warning 							{color: red;}