@import url("typo.css");

* {margin: 0; padding: 0; }

body 			{margin: auto; text-align: center;}
.wrapper 		{margin: auto; text-align: left; width: 960px; border-left: 1px dotted #111;  border-right: 1px dotted #111; display: block; clear: both; position: relative;}
.menu_sec 		{margin-left: 20px;}
.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;}
.languageselect {background: url('../img_l/world.gif') no-repeat; width: 100px;}
.languageselect a.active {font-weight: bold;}
.logo			{ position: absolute; top: 0px; right: 0px;}
.searchfield	{height: 13px; font-size: 11px;}
	

.head 			{ height: 100px; display: block; clear: both;}
.fuellhorn		{ border-top: 1px dotted #111; border-bottom: 1px dotted #111; display: block; clear: both; padding-bottom: 0px; }
.menu_main		{display: block; clear: both;}

.menu_main ul		{ float: left;height: 25px; padding-left: 20px;}
.menu_main ul li	{ float: left; margin-right: 20px;}
.menu_main ul.company	{ float: right; }
.menu_main a		{text-decoration: none;}
.menu_main ul.units a {font-weight:bold;} 
.menu_main ul a 	{ height:25px; display: block; float: left; }
.menu_main ul.units li {margin-right: 30px;}
.menu_main ul a.active, .menu_main ul a:hover {border-bottom: 4px black solid;height:21px;}

.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;}


.content			{float: left; width: 760px;overflow: auto; padding-bottom: 20px;}
.content_startpage		{ width: 960px;}
.content_left  		{float: left; width: 180px; padding-left: 20px; padding-top: 30px; padding-bottom: 30px; }
.content_main  		{float: left; width: 440px; padding-right: 20px;}
.content_right  	{float: left; width: 260px; margin-right: 20px;padding-top: 30px;}
.fullsize 			{display: block; float:left; width: 740px; padding-top: 10px;  }



.content_start  	{float: left; width: 280px; padding-left: 20px; padding-right: 20px;}
.content_start_sec 	{float: left; width: 280px; padding-left: 20px; padding-right: 20px; padding-top: 00px;}
.content_start_third	{float: left; width: 280px; padding-left: 20px; padding-right: 20px;}

.startpage_units { display: block; height: 40px; line-height: 40px; font-size: 14px; text-decoration: none;}
.startpage_units:hover { font-weight: bold;}
.startpage_units span { display: block; float: left;}	
.startpage_units span.raquo { display: block; float: right;}



.footer				{display: block; clear: both; margin-top: 20px;margin-bottom: 20px; overflow: auto; border-top: 1px dotted #111;border-bottom: 1px dotted #111; }
.footer .contact	{float: left; width: 230px; margin-left: 20px; overflow: auto; border-right: 1px dotted #111; padding-bottom: 40px;}
.footer .sitemap	{float: left; margin-left: 10px; overflow: auto; padding-bottom: 20px;}
.footer .sitemap ul	{float: left; margin-right: 20px;}

.content_left ul li.firstrow, .footer ul li.firstrow		{font-weight: bold; margin-left: 0px; }
.content_left ul li.firstrow a, .footer ul li.firstrow a		{font-weight: bold; margin-left: 0px; color: #111;}
.content_left ul li, .footer ul li, .content ul li						{ margin-left: 15px; color: #414141; line-height: 20px;}
.content_left ul li a, .footer ul li a					{text-decoration: none; color: #414141;}	
.content_left ul li a:hover, .footer ul li a:hover		{color: #111;}	
.content_left ul li a.active						{font-weight: bold;}

.leistungen_loesungen	td							{vertical-align: top; width: 240px;}
.leistungen_loesungen td.loesungen ul 				{margin-right: 10px;}
.leistungen_loesungen ul							{margin:0px; }
.leistungen_loesungen ul li 						{list-style-type:disc; padding-left: 0px;}
.leistungen_loesungen ul li.active					{color: #414141; font-weight: normal;}

.referenz											{margin-top: 1em;}
.referenz td										{}
.referenz .even td									{border-bottom: 1px solid #a9a9a9; border-top: 1px solid #a9a9a9; background-color: #F1F1F1;}
.referenz .project								{padding-left: 5px;}
.sitemap a											{text-decoration: none;}

.footer h3 { background: url('../img_l/arrow.gif') no-repeat 0px center; padding-left: 15px;font-weight: bold;font-size: 12px; margin-top: 15px; margin-bottom: 10px;}

.slider				{border-bottom: 1px solid #a9a9a9;}
.slider .slide 		{border-top: 1px solid #a9a9a9; background: url('../img_l/arrow.gif') no-repeat right 8px;  overflow: hidden;}
.slider .slide h3.toggler	{cursor: pointer; padding-left: 10px;}
.slider .slide .slider_content	{padding-bottom: 20px; overflow: auto;}
.slider .slide .left { width: 460px; float: left; margin-right: 20px; padding-left: 10px; padding-bottom: 20px; overflow: auto;}
.slider .slide .right {width: 250px; float: left;padding-bottom: 20px;} 


.news			{margin-bottom: 10px; list-style: none;}
.newslist		{margin-left: 0; display: block;}
.news ul li		{margin: 0px;}
.news ul.newslist li		{margin: 0px; padding: 0px;  list-style: none; }
.news li		{margin: 0px; padding: 0px;  list-style: none;}
.news_entry {margin: 0px; padding:0px; display: block; clear: both; border-bottom: 1px solid #a9a9a9; overflow: auto; margin-bottom: 10px; list-style: none;}
.news_entry .news_entry_more  	{float: right;}
.news_entry .news_entry_client	{font-size: 10px; color: #666;}
.news_entry .news_entry_title a	{ color: #111; text-decoration: none; }
ul.news_entry li.news_entry_image 	{ float:left; margin-right: 20px; }
.news_entry .news_entry_image img { margin-top: 5px;}

/* 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

.valist tr.odd td.date { width: 100px;border: inherit; border-left: 1px solid #a9a9a9; }
.valist tr.odd td { border-bottom: 1px solid #a9a9a9; border-top: 1px solid #a9a9a9; background-color: #F1F1F1;}

.categorylist .active {font-weight: bold;}


/* Broschüren Boxen */

.box {width: 350px; height: 175px; border: 1px solid #d5d5d5; position: relative; float: left; margin-right: 10px; margin-bottom: 10px;}
.box img {float: left; margin-top: 10px; margin-left: 10px; margin-right: 10px;}
.box strong {margin-top: 10px; display: block; margin-bottom: 0px; padding-bottom:0px;}
.box .alignright {position: absolute; right: 10px; bottom: 10px;}