@import url("typo.css");

* {margin: 0; padding: 0; }

body 			{text-align: left; background: url('../img2/bg.jpg') no-repeat;}

.topmenu 		{position: absolute; top: 00px; left: 00px; background: url('../img2/topmenu_bg.gif') repeat-x; height: 39px;  display: block;}
.topmenu .wrap 	{ width: 900px; height: 20px; margin-top: 5px;}
.topmenu .wrap .left { float: left;}
.topmenu .wrap .left img { float: left; position: relative; top: -2px;}
.topmenu .wrap .right { float: right;}
.wrapper 		{text-align: left; width: 900px; margin-left: 50px; display: block; clear: both; }
.menu_sec 		{position: absolute; top: 80px; left: -10px; padding-left: 80px; width: 490px; height: 50px; background: url('../img2/menu_bg.gif') no-repeat; }
.menu_sec span 	{ display: block; float: left; margin-right: 15px; height: 30px; margin-top: 10px; padding-right: 20px; background: url('../img2/menu_line.gif') right no-repeat;}
.menu_sec 	a	{text-decoration: none; font-size: 14px; font-weight: bold; line-height: 30px; color: #da0072;}
.menu_sec 	a.active	{color: #000;}

.logo			{ float: right; margin-top: 20px;}
.pageoncenter {float: left; margin-top: 20px; margin-left: 20px;}

.head 			{ height: 200px; display: block; clear: both;}
.header_image		{display: block; clear: both; padding: 0px; margin: 0px; height: 250px; margin-bottom:0px; }
.menu_main		{display: block; clear: both; height: 50px;background-image: url('../img2/menu_bg.gif'); }
.menu_main ul		{ margin-top: 50px; width: 875px;height: 45px; padding-left: 20px; background: url('../img/ablauf_balken.jpg') no-repeat 0px 30px;}
.menu_main ul li	{ float: left; margin-right: 80px;}
.menu_main ul.company	{ float: right; }
.menu_main a		{text-decoration: none; font-size: 14px; line-height: 30px; height: 45px; color: #1b1b1b; display: block; float: left;}
.menu_main a.active {font-weight: bold; background: url('../img/ablauf_punkt.jpg') no-repeat center 21px;}


.submenu			{ margin-left: 20px; }
.submenu 	ul, .submenu li		{list-style: none; margin: 0px; padding: 0px;}
.submenu a			{font-style: italic; font-size: 14px; line-height: 30px; text-decoration: none;}
.submenu 	a.active	{color: #000;}
.starburst				{position: absolute; top: 130px; left: 900px}


.startpage_row .contact				{ float: left; }

.startpage_row			{border-bottom: 1px solid #ef0085; margin-bottom: 30px;  height: 141px;}
.startpage_row	.text {width: 210px; height: 110px; float: left;}
.startpage_row .modul { width: 220px; height: 130px; float: left; border: 1px solid #DDD; margin-left: 5px;}
.startpage_row .modul a {text-decoration: none;}
.startpage_row .modul h2 { padding-left: 10px; height: 30px; background: url('../img2/module_head.gif') no-repeat;}
.startpage_row .modul p { padding-left: 10px;padding-right: 10px;}

.startpage_ablauf {width: 530px; height: 130px; float: left;}
.startpage_ablauf div {float: left;}
.startpage_ablauf div p {margin-left: 10px; margin-right: 10px; font-size: 11px;}
.startpage_ablauf div strong {display: block; }
.startpage_ablauf div.testen 		{ width: 172px;}
.startpage_ablauf div.kaufen 		{ width: 168px;}
.startpage_ablauf div.herunterladen { width: 169px;}


.workflow				{height: 190px;  background: url('../img/box_bg.jpg') no-repeat bottom #e8e8e8; border: 1px solid #d5d5d5;  margin-bottom: 30px;  }
.workflow .text 		{width: 240px; height: 130px; padding-top: 20px; float: left; padding-left: 30px; padding-right: 20px; border-right: 1px solid white;}
.workflow .upload 		{width: 160px; height: 130px; padding-top: 13px; float: left; padding-left: 20px; padding-right: 20px; border-right: 1px solid white; border-top: 7px solid #e8e8e8;}
.workflow .test 		{width: 160px; height: 130px; padding-top: 13px; float: left; padding-left: 20px; padding-right: 20px; border-right: 1px solid white; border-top: 7px solid #e8e8e8;}
.workflow .publish 		{width: 160px; height: 130px; padding-top: 13px; float: left; padding-left: 20px; padding-right: 20px; border-top: 7px solid #e8e8e8;}
.workflow .active 		{border-top: 7px solid #e2007e;}
.workflow h1			{font-size: 14px; margin-bottom: 0px;}

.content			{display: block; width: 898px; overflow: auto; height: auto;  border-bottom: 1px solid #ef0085; margin-bottom: 30px; padding-bottom: 40px; 	}
.content_left  		{float: left; width: 260px; padding-left: 30px; padding-top: 30px;}
.content_right  	{float: left; display: block; width: 580px; padding-top: 30px; }


ul.usps 				{display: block; list-style: none; padding:0;}
ul.usps li				{padding-left: 30px; height: 30px; margin-bottom: 0px;}
ul.usps li.analyse 		{background: url('../img_l/vorteile_analyse.gif') no-repeat left 0px;}
ul.usps li.echtzeit 		{background: url('../img_l/vorteile_echtzeit.gif') no-repeat left 0px;}
ul.usps li.effizent 		{background: url('../img_l/vorteile_effizent.gif') no-repeat left 0px;}
ul.usps li.flexi 		{background: url('../img_l/vorteile_flexibel.gif') no-repeat left 0px;}
ul.usps li.kosten 		{background: url('../img_l/vorteile_kosten.gif') no-repeat left 0px;}


.phase_1 a				{display: block; height: 30px; width: 232px;background: url('../img_l/phase_1.gif') no-repeat; margin-bottom: 5px;}
.phase_2 a				{display: block; height: 30px; width: 232px;background: url('../img_l/phase_2.gif') no-repeat; margin-bottom: 5px;}
.phase_3 a				{display: block; height: 30px; width: 232px;background: url('../img_l/phase_3.gif') no-repeat; margin-bottom: 5px;}
.phase_4 a				{display: block; height: 30px; width: 232px;background: url('../img_l/phase_4.gif') no-repeat; margin-bottom: 5px;}

.phase_1 a:hover, .phase_1a a				{display: block; height: 30px; width: 232px; background: url('../img_l/phase_1a.gif') no-repeat;margin-bottom: 5px;}
.phase_2 a:hover, .phase_2a a				{display: block; height: 30px; width: 232px; background: url('../img_l/phase_2a.gif') no-repeat;margin-bottom: 5px;}
.phase_3 a:hover, .phase_3a a				{display: block; height: 30px; width: 232px; background: url('../img_l/phase_3a.gif') no-repeat;margin-bottom: 5px;}
.phase_4 a:hover, .phase_4a a				{display: block; height: 30px; width: 232px; background: url('../img_l/phase_4a.gif') no-repeat;margin-bottom: 5px;}

.footer						{text-align: center; margin-top: 30px; margin-bottom: 50px; border-top: 1px solid #dedede; padding-top: 5px;}

/* Kontaktformular */
textarea						{color: #252525; font-family: Trebuchet MS,Arial, Helvetica,Verdana,sans-serif; font-size: 12px; line-height: 18px;}

#form-module p						{margin-bottom: 5px;}
#form-module p.formtext 	   		{margin: 0; padding: 0; margin-bottom: 10px;}
#form-module p.formselect label  	{ width: 100px; display: block; float: left;}
#form-module p.formtext label  		{ width: 100px; display: block; float: left;}
#form-module p.formtext input  		{ width: 228px;}
#form-module p.formtext input:focus, #form-module p.formtextarea textarea:focus		 { background-color: #EFEFEF;} 
#form-module p.formtextarea label	 { display: block; margin-bottom: 10px;}
#form-module p.formtextarea textarea	{ width: 332px; height: 150px;}
#form-module #innerform .formtext label	{display: block; clear: both; width: 330px; padding-bottom: 5px;}



/* Bestellformular */
.formitem 		{ display: block; margin-bottom: 10px; overflow: auto;}
.formitem label { display: block; float: left; width: 130px; overflow: auto;}
.formitem label span {font-size: 10px;}
.formitem input { width: 250px; height: 20px;}
.formitem textarea { height: 100px; width: 250px;}
.marginbottom {margin-bottom: 3em;}
.submit	{ margin-top: 20px;}

td.caption	 	{ width: 200px;}

h2.intra {margin-top: 2em;}

#pageoncontainer {border: 1px solid #BBB; width: 890px;}

/* ORDER FORM*/

.form_element {margin-bottom: 50px; position: relative;}
.form h3 {margin: 0px; } 
.form .form_input {position: absolute; right: 0px; top: 0px;}
.form .form_text {width: 300px;}
.rechnung { height: 31px; width: 509px;  position: relative; color: black;}
.summe {background: url('../img/balken_summe.jpg') no-repeat;}
.form_input label {margin-right: 50px;} 
.rechnung .price {position: absolute; right: 10px; line-height: 31px; font-weight: bold; color: black;}
.rechnung .text 	{font-weight: bold; line-height: 31px; color: black;position: absolute; left: 10px;}
.order_overview .brutto { font-weight: bold;}


/* PON CENTER */

.pontool {	background-color: #dedede;	BORDER: 1px solid #bbb;}
.manual {	margin-top: 50px;	width: 400px; }
.order_overview {font-size: 11px; width: 90%; border: 1px solid #BBB; margin-bottom: 10px; margin-top: 5px;}
.order_overview td {line-height: 18px; border-top: 0px solid #BBB;}
.order_overview .brutto td { background-color: #EFEFEF; border-top: 1px solid #BBB; font-weight: bold; color: #e2007e;}
.order_overview .netto td { background-color: #EFEFEF; border-top: 1px solid #BBB; border-bottom: 1px solid #BBB; font-weight: bold;}
.overviewheadline {color: #e2007e; font-weight: bold;}

/* Zusammenfassugn */

.summary { border-collapse: collapse;}
.summary tr.odd td {border-top: 1px solid #BBB;border-bottom: 1px solid #BBB;}
.summary td {line-height: 20px; padding-top: 10px; padding-bottom: 10px; }
.summary td.left {font-weight: bold; width: 200px;}