@charset "utf-8";
/* CSS Document */

/* ---------------------- GENERAL ---------------------- */

* {padding: 0;margin: 0;}
html, body {width:100%; padding:0; margin:0;}
body {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; line-height:20px; color:#58585A; min-width:960px;background-color: #d53232;}

a {text-decoration:none; cursor:pointer; color:#58585A;}
a:hover { text-decoration:none;}

img {vertical-align:top; border: none;}

ul {margin: 0px; padding:0px;}
li { list-style-type:none;}

/* ---------------------- BASICS ---------------------- */

.f_left {float: left;}
.f_right{float: right;}

.clear {clear:both; line-height:0; font-size:0; width:100%;}
.hide { display:none;}

/* ---------------------- ABSTÄNDE ---------------------- */
.h50{height: 50px;}
.h80 {height: 80px;}
.h110 {height: 110px;}
.h155 {height: 155px;}
.h210 {height: 210px;}
.h535 {height: 535px;}

.w100 {width: 100px;}
.w210 {width: 210px;}
.w240 {width: 240px;}
.w250 {width: 250px;}
.w410 {width: 410px;}

/* ---------------------- TEXTFORMATIERUNG ---------------------- */

.txt14 { font-size: 14px; font-family:Arial, Helvetica, sans-serif;}

.line {line-height: 24px;}

.red { color: #E4342D;}

.underline{text-decoration: underline;}

.ml100{margin-left: 100px}
.ml140{margin-left: 140px;}

.mr20 {margin-right: 20px;}
.mr35 {margin-right: 35px;}

.mt10 {margin-top: 10px;}
.mt55 {margin-top: 55px;}
.mt73 {margin-top: 73px;}
.mt90 {margin-top: 90px;}
.mt110 {margin-top: 110px;}
.mt150 {margin-top: 150px;}

/* ---------------------- LINKS ---------------------- */

a {text-decoration:none;}
a:hover {text-decoration:none;}
a:visited {text-decoration:none;}

/* ---------------------- LISTEN ---------------------- */
ul.list-1 {margin: 190px 0 20px 20px;}
ul.list-1 li {margin: 20px 0 0 15px; line-height: 25px; }
ul.list-1 li a {font-size:16px; display:inline-block; background: url(images/list.png) no-repeat; padding-left:35px;}
ul.list-1 li a:hover {color:#58585A; background:url(images/list_hover.png) no-repeat;}
ul.list-1 li a:visited {color:#58585A; background:url(images/list_hover.png) no-repeat;}
ul.list-1 li a.active{color:#58585A; background:url(images/list_hover.png) no-repeat;}

/* ---------------------- IMAGES ---------------------- */

.head {height: 109px; background-color: #fff; background: url(images/head/index.png) no-repeat;}
	.head_ueber 		{height: 109px; background: url(images/head/ueber.png) no-repeat;}
	.head_leistungen 	{height: 109px; background: url(images/head/leistungen.png) no-repeat;}
	.head_partner		{height: 109px; background: url(images/head/partner.png) no-repeat;}
	.head_branchen		{height: 109px; background: url(images/head/branchen.png) no-repeat;}
	.head_impressum		{height: 109px; background: url(images/head/impressum.png) no-repeat;}
	.head_kontakt		{height: 109px; background: url(images/head/kontakt.png) no-repeat;}


/* ---------------------- BOX NAVIGATION ---------------------- */
#wrapper {margin:0 auto; margin-top: 50px; margin-bottom: 50px; width: 1050px; height: 800px;} /* border: 1px solid #000; */
	#top {height: 155px; }
		.left {float: left; width: 210px;background-color: #ececed;}
			.copy { margin-top: 70px; text-align: center; width: 100%; height: 35px; padding-top: 15px;}
		.right {position: relative; float: right; width: 840px; background-color:#FFF;}
			 #logo {width: 205px; height: 87px; margin: 30px 0 0 600px;}
	
	.content{height: 535px}
		.quote_index{margin-top: 195px;}
		.quote{width: 520px; font-size: 28px; line-height: 40px; float:left;}
		.quote_top{margin-top: 35px;}
		.quote_small{font-size: 20px; line-height: 25px; float:left;}
			.l_arrow{width: 150px;float:left;}
			.l_arrow_small{ width: 100px; float:left;}
				.index_l{background: url(images/quote_open.png) no-repeat 115px 12px;}
				.l_2	{background: url(images/quote_open.png) no-repeat 65px 3px; float:left;}
				.l_3	{background: url(images/quote_open.png) no-repeat 65px 3px; float:left;}
			.r_arrow{width: 150px; float:left;}
				.index_r {background: url(images/quote_close.png) no-repeat 5px 89px;}
				.r_2 	 {background: url(images/quote_close.png) no-repeat 5px 27px; float:left;}
				.r_3 	 {background: url(images/quote_close.png) no-repeat 5px 52px; float:left;}			

	.footer { position: absolute; bottom: 0; right: 45px; width: 235px;}
		.footer a { padding: 5px 0 25px 20px; float:left;}
		
/* ---------------------- FORM ---------------------- */

input {width: 200px; padding: 5px;margin-bottom: 7px; background:transparent; padding:5px; font-size:13px; color: #58585A; border: 1px solid #58585A;}
input.iexplorer {width: 212px; padding: 5px;margin-bottom: 7px; background:transparent; padding:5px; font-size:13px; color: #58585A; border: 1px solid #58585A;}

textarea {width: 200px; padding: 5px;margin-bottom: 7px; background:transparent; padding:5px; font-size:13px; color: #58585A; border: 1px solid #58585A; font-family:Arial, Helvetica, sans-serif;}
