body {
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
margin:0;
padding:0;
background-color:#2A3D4F;
background-image:url(../img/bg.gif);
background-repeat:repeat-x;
}

h1 {
font-size:20px;
color:#913389;
margin-top:10px;
padding-top:0;
font-weight:bold;
height:30px;

text-indent:0px;
}

h2 {
margin-top:20px;
font-size:18px;
color:#913389;
margin-bottom:0px;
height:28px;
line-height:28px;
font-weight:normal;
}

h2 a {
text-decoration:none;
color:#913389;
}

h3 {
font-size:12px;
	margin:0;
	padding:0;
	text-indent:0px;
	list-style:none;
	padding-top:4px;
	margin-top:2px;
	height:22px;
}

h4 {
font-size:13px;
color:#000;
margin-bottom:0px;
height:22px;
text-align:left;
line-height:22px;
margin-top:26px;
}

h4 a {
text-decoration:none;
color:#FFF;
}

h5 {
font-size:12px;
margin-top:0;
padding-top:0;
}

ul {
margin-left:0;
padding-left:0;
}

li {
	height:20px;
	list-style:none;
	margin-bottom:2px;
	background-image:url(../img/haken.gif);
	background-repeat:no-repeat;
	text-indent:22px;
}

p {
margin:0;

line-height:16px;
margin-bottom:8px;

}



a {
	color:#000;
	text-decoration:none;
}

.wrapper {
padding:0px;
height:auto;
width:942px;
margin-left:auto;
margin-right:auto;
margin-bottom:0px;


}

.header {
clear:both;
	height:130px;
	width:1010px;


}

.headera {

	height:130px;
	width:680px;
	margin-left:190px;


	background-color:#FFF;
	border: 0px solid #FFF;
	border-bottom-width:0px;
}


.boxa {


	width:100%;
	height:74px;
	background-image:url(../img/boxa.jpg);
	background-repeat:repeat-x;
}

.boxb {
	margin-bottom:10px;

	height:72px;
	width:100%;
	height:147px;
	background-image:url(../img/boxb.jpg);
	background-repeat:repeat-x;
}

.boxc {

	width:100%;
	height:261px;
	background-image:url(../img/boxc.jpg);
	background-repeat:repeat-x;
}

.box_ref_start {
	background-color:#A5CC95;
	width:644px;
	height:160px;
	padding:10px;
}

.box_ref {
	background-color:#A5CC95;
	width:644px;
	height:220px;
	padding:10px;
}

.box_ref_var {

	width:640px;
	height:auto;
	padding:10px;
	padding-left:0;
}

.box_ref_var li {
	float:left;
	width:260px;
	height:auto;
	padding-bottom:10px;
	
}

.box_ref_var ul {
margin:0;	
padding-left:40px;
}


.start_box {

	background-color:#A5CC95;
	width:100%;
	height:300px;
	background-image:url(../img/bg_start.jpg);
	background-repeat:repeat-x;

}

.rahmen_ref {
	background-image:url(../img/bg_referenzen.jpg);
	width:184px;
	height:129px;
	overflow:hidden;
	float:left;

}


.header_logo {

	width:100%;
	height:114px;
	margin-left:auto;
	margin-right:auto;
}

.logo {
	float:right;

	margin-top:16px;
	border:0;

}

.banner {
height:190px;
}


.header_text {
	float:left;
	padding-right:10px;
	color:#E77844;
	font-weight:bold;
	padding-top:76px;
	font-size:46px;
	font-family:  sans-serif;
}


.headerb {

	height:180px;
	width:100%;


}


.header_menue {

	height:90px;
	float:right;

}



.menue {
	width:100%;
	padding-top:0px;
	margin-top:0px;
}



.menueb {
	float:left;
	width:200px;
	background-color:#E6E4E5;
}

.news {
	float:right;
	width:200px;
	background-color:#E6E4E5;
	margin-right:20px;
	margin-top:20px;
}

.news_abstand {
	margin:10px;
}

.spalte {
float:left;
width:300px;
margin-right:0px;
}

.content {
	float:left;
	margin:0px;
	margin-top:10px;
	margin-bottom:0;
float:left;
width:880px;
height:auto;
padding-bottom:0px;
padding-left:0px;
background-color:#FFF;
}

.content_text {
width:100%;
background-color:#FFF;
}

.content_textabstand {
	clear:both;
padding:20px;	
}

.maintext_wrapper {
	clear:both;
	margin-top:10px;
	margin-bottom:10px;
	width:100%;
	background-image:url(../img/bg_menue.gif);
	background-repeat:repeat-y;

}

.maintext_menue {
	float:none;

	
}

.display {
width:100%;
height:200px;
background-color:#FFF;
margin-bottom:20px;
}

.clear {
clear:both;
height:1px;
line-height:1px;
	
	
}

.maintext_content {
	float:left;
	width:100%;
	margin-top:20px;
}


.content_right {
float:right;
width:640px;

margin-top:0px;
margin-right:20px;
}

.content_right li{
	width:320px;
	float:left;
}

.content_right_kontakt {
float:left;
width:460px;

margin-top:0px;
margin-left:20px;
overflow:hidden;
}


.box_branchen {
	float:left;
	background-color:#986C9F;
	width:200px;
	height:160px;
	margin-left:10px;
	margin-bottom:10px;
	border:0;
}

.box_branchen h3 {
	background-color:#913389;
	text-align:center;
	color:#FFF;
	margin:0;

}

.box_branchen h3 a {

	color:#FFF;

}

.spalte_links_branchen {
width:430px;	
}

.info_box {
background-image:url(../img/box_rechts.gif);
background-repeat:no-repeat;
height:131px;

margin-bottom:30px;
}

.info_box_text {
margin-left:14px;
padding-top:10px;	
line-height:17px;
clear:both;
}

.webdesign_angebote {
border: 1px solid #DDD;	
table-layout:fixed;
}

.webdesign_angebote td {
	border: 1px solid #DDD;	
	text-align:center;
}

.referenzen {
float:none;
padding-bottom:0px;
margin-bottom:40px;
}

.content_referenzen {
	float:left;
	width:180px;
}

.text_bild {
	float:right;
	margin-right:20px;
	margin-top:20px;
}


#footer {
	clear:both;
	height:53px;
	width:1010px;
	margin-left:auto;
	margin-right:auto;




}


.content_menue {
	width:100%;
	background-color:#B8DB7C;
	margin-bottom:30px;
	font-size:12px;
}

#footer2 {
	clear:both;
	height:10px;
	line-height:10px;
	margin-left:190px;

	width:679px;
	background-image:url(../img/footer.gif);
	background-repeat:repeat-y;
}



.ref_wrapper {
display:block;
width: 678px;
height:auto;
border:0px solid #CCCCCC;
margin-bottom:20px;
padding-left:0px;
}


.ref_beschreibung {

width: 340px;
float:left;
}


.bt_kontakt {
border:0;	
}

.ref_url {

width: 300px;
float:left;
margin-top:10px;
}

.ref_ss {
width: 160px;
float:left;
margin-top:6px;
border: 1px solid #007CC3;
}

.ref_ss_gross {
width: 278px;
height:220px;
float:left;
margin-top:2px;
border: 0px solid #72706F;	
margin-right:16px;
background-image:url(../img/tft.jpg);
}

.ref_ss_gross img {
width:260px;
height:162px;
overflow:hidden;
margin-top:9px;
margin-left:8px;
}

.ref_start {
width: auto;
float:left;
margin-top:6px;
margin-left:6px;
border:0;
padding:0px;
overflow:hidden;
}


.content_menue_footer {

	height:10px;
	background-color:#C2C1C1;
}

.pakete {
	width:300px;
	margin-right:30px;
	float:left;	
}

.pakete li {

	margin-bottom:20px;
}

.pakete_start {
	width:100%;
	float:none;	
	padding-top:0px;
	background-repeat:no-repeat;
	background-position:right top;
}

.pakete_start li {

	margin-bottom:2px;
}


.kontakt_spaltea {
	float:none;
	width:220px;
	margin-bottom:6px;
	padding-top:3px;
	text-indent:0px;
}

.kontakt_behaelter {
float:left;
width:210px;
height:54px;
margin-right:30px;
}

.kontakt_abstand {
clear:both;
height:4px;
line-height:4px;
}

.textfeld {
	background-color:#FFF;
	width:100%;
	border:1px solid #913389;
		padding-left:4px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
}


.kontakt_memo {
	background-color:#FFF;
	width:450px;
	height:140px;
	border:1px solid #913389;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	padding-left:4px;
	padding-top:2px;
}

.bt_senden {
	width:202px;
	height:25px;
	background-image:url(../img/button_senden.gif);
	
}

.pba_bezeichnung {
	width:280px;
	float:left;
	font-weight:bold;
	margin-top:0px;

}

.pba_preis {
	width:100px;
	float:left;
	text-align:right;
}

.pba_trennstrich {
	clear:both;
}

.legende {
	float:none;
	font-size:11px;
	padding-top:2px;
}

.statistik {
	font-size:10px;
	text-align:center;
padding-top:6px;
}