@import url("typo.css");

* {margin: 0; padding: 0; }

body 			{text-align: left; background: url('../img2/bg_start.jpg') repeat-x #D4d4d4;}
.topmenu 		{position: absolute; top: 00px; left: 00px; background: url('../img2/header.jpg') no-repeat; height: 160px; width: 960px ;  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: 960px; margin-left: 50px; display: block; clear: both; }

.menu_sec 		{position: absolute; top: 80px; left: 60px; padding-left:00px; width: 490px; height: 50px;}
.menu_sec span 	{ display: block; float: left;  height: 30px; margin-top: 10px; padding-right: 20px; }

.menu_sec 	a	{text-decoration: none; font-size: 12px;  line-height: 30px; color: #000;}
.menu_sec 	a.active	{color: #da0072;}
.logo			{ float: right; margin-top: 20px; margin-right: 80px;}

.head 			{ height: 180px; 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; }

.menu_main ul		{ float: left;height: 50px; padding-left: 20px; }
.menu_main ul li	{ float: left; margin-right: 20px;}
.menu_main ul.company	{ float: right; }
.menu_main a		{text-decoration: none; font-size: 14px; line-height: 30px; color: #1b1b1b;}
.menu_main a.active {font-weight: bold;}

.starburst				{position: absolute; top: 170px; left: 900px}


.startpage_row .contact				{ float: left; }

.startpage_row			{ clear: both;margin-bottom: 30px;   }
.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 					{ display: block; height: 270px; clear: both; }
.startpage_ablauf h1				{ color: #ef0085; font-size: 14px;}
.startpage_ablauf div 				{ float: left; padding-top: 10px;}
.startpage_ablauf div p 			{ padding: 10px 10px 20px 10px; position: relative; top: 14px; font-size: 11px; background: white;}
.startpage_ablauf div strong 		{  }
.startpage_ablauf div.upload 		{ width: 293px;  height: 220px; background: url('../img2/box_header.png') no-repeat top ; margin-right: 0px;}
.startpage_ablauf div.upload 	p	{ padding: 0; margin:0; margin-top: 20px;}
.startpage_ablauf div#uploader 		{ width: 290px; height: 150px;}
.startpage_ablauf div.testen 		{ width: 283px; height: 220px; background: url('../img2/box_header_grey.png') no-repeat top ;margin-right: 0px;}
.startpage_ablauf div.herunterladen { width: 283px; height: 220px; background: url('../img2/box_header_grey.png') no-repeat top ;margin-right: 0px;}
.startpage_ablauf div.arrow 		{ width: 27px; background: url('../img2/arrow.png') no-repeat top center; margin-right: 0px; height: 130px;}
.startpage_ablauf div a 			{ font-size: 14px; color: white; text-decoration: none; margin-left: 10px; position: relative; top: 3px; }


.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; margin-right: 80px;}
.content_right  	{float: left; display: block; width: 500px; 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						{clear: both; text-align: center; display: block; height: 30px;  margin-top: 40px; margin-bottom: 50px; padding-top: 10px;}

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


/* Form Gen */


textarea						{color: #252525; font-family: Trebuchet MS,Arial, Helvetica,Verdana,sans-serif; font-size: 12px; line-height: 18px;}
#rex_formgen_from legend {font-size: 14px; color: #e2007e; padding-bottom: 10px; }
#rex_formgen_from .formgen_block						{margin-bottom: 5px;}
#rex_formgen_from .formgen_block	   		{margin: 0; padding: 0; margin-bottom: 10px;}
#rex_formgen_from .formgen_block label  	{ width: 100px; display: block; float: left;}
#rex_formgen_from .formgen_block label  		{ width: 100px; display: block; float: left;}
#rex_formgen_from .formgen_block input  		{ width: 228px;}
#rex_formgen_from .formgen_block input:focus, #form-module p.formtextarea textarea:focus		 { background-color: #EFEFEF;} 
#rex_formgen_from .formgen_block label	 { display: block; margin-bottom: 10px;}
#rex_formgen_from .formgen_block textarea	{ width: 332px; height: 150px;}
#rex_formgen_from #innerform  label	{display: block; clear: both; width: 330px; padding-bottom: 5px;}

.formgen_error{color: #e2007e;}
input.formgen_error, textarea.formgen_error {background-color: #f9cce5; color: black;}

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