@charset "UTF-8";
/* CSS Document */

body, html {
	background-color:#000000;
	text-align:center;
	margin:0;
	padding:0;
	height:100%;
	line-height:1.5;
	font-size:10pt;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, Helvetica, sans-serif;
}
body.img {
	z-index: 0;
}
.kunden_table a {
	text-decoration: none;
	color: #424242;
	line-height: 0.3;
}
.kunden_table a:hover {
	text-decoration: none;
	color: #8A0808;
	line-height: 0.3;
}
body.normal {
	height: 101%;
	background-color:#000000;
	text-align:center;
	margin:0;
	padding:0;
}
.site {
	position:relative;
	margin:0 auto;
	width:1024px;
	background-color:#fff;
}
#header {
	position:relative;
	width:1024px;
	height:280px;
	background-color:#fff;
}
#header_balken {
	position:relative;
	width:1024px;
	height:102px;
	background-image: url(../img/verlauf_bg.jpg);
	background-repeat:repeat-x;
}
#navi {
	position:relative;
	float:right;
	text-align:right;
	top:0px;
	right:100px;
}
#navi ul {
	position:relative;
	float:left;
	top:6px;
	left:-10px;
	margin:0;
	padding:0;
	text-align:left;
}
#navi ul li {
	display:block;
	float:left;
	height:30px;
	margin-left:20px;
}
#navi ul li a {
	color:#9b9b9b;
	font-size:13pt;
	line-height:1.5;
	text-decoration:none;
}
#navi ul li a:hover {
	color:#000000;
	font-size:13pt;
	line-height:1.5;
}
#navi ul li a:active {
	color:#1C1C1C;
	font-size:13pt;
	line-height:1.5;
}
#navi ul li.nav_active a {
	color:#000000;
	font-size:13pt;
	line-height:1.5;
}
.navmainStandardLevel_1 {
	font-size:14pt;
}
#navi_second {
	position:relative;
	float:left;
	text-align:left;
	padding-top:30px;
	left:100px;
	width:750px;
	background-color:#fff;
}
#second_header {
	position:relative;
	float:left;
	left:0px;
	width:744px;
	border-bottom:2px #CCCCCC solid;
}
#navi_second ul {
	position:relative;
	float:left;
	top:6px;
	margin:0;
	padding:0;
	text-align:left;
}
#navi_second ul li {
	display:block;
	float:left;
	height:30px;
	margin-right:15px;
}
#navi_second ul li a {
	color:#9b9b9b;
	font-size:11pt;
	line-height:1.5;
	text-decoration:none;
}
#navi_second ul li a:hover {
	color:#000000;
	font-size:11pt;
	line-height:1.5;
}
#navi_second ul li a:active {
	color:#1C1C1C;
	font-size:11pt;
	line-height:1.5;
}
#navi_second ul li.nav_angebote_active a {
	color:#000000;
	font-size:11pt;
	line-height:1.5;
}
#top {
	width:1024px;
}
#logo {
	position:relative;
	float:left;
	width:263px;
	top:0px;
	left:65px;
	height:60px;
}
#logo_kreuz {
	position:relative;
	float:right;
	top:-26px;
	right:80px;
}
#content {
	position:relative;
	float:left;
	width:1024px;
	top:5px;
	padding-bottom:20px;
	background-color:#fff;
}
#content .textitem {
	position:relative;
	float:left;
	left:100px;
	width:744px;
	text-align:left;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, Helvetica, sans-serif;
	line-height:1.5;
	font-size:10pt;
	color:#8D8D8D;
	text-align:justify;
	background-color:#fff;
	padding-bottom:20px;
}
#content .textitem h1 {
	left:0px;
	text-align:left;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, Helvetica, sans-serif;
	line-height:1.5;
	background-color:#fff;
}
#footer {
	background-color:#1e1e1e;
	float:left;
	border:1px #fff;
	width:1024px;
	height: 400px;
}
#footer_balken {
	position:relative;
	width:1024px;
	background-image: url(../img/footer.gif);
	background-repeat:repeat-x;
	background-color:#1e1e1e;
	height:66px;
}
#footer_navi {
	position:relative;
	float:left;
	width:612px;
	background-color:#1e1e1e;
	min-height:110px;
	padding:0;
	margin:0;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, Helvetica, sans-serif;
}
#sitemap {
	position:relative;
	float:left;
	left:90px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, Helvetica, sans-serif;
	padding:0;
	margin:28px 0px 0px 10px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, Helvetica, sans-serif;
	width:600px;
}
.lvl1 {
	position:relative;
	display:block;
	float:left;
	list-style:none;
	text-align:left;
	width:120px;
	margin:0px;
	padding:0;
	margin-right:0px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, Helvetica, sans-serif;
}
.lvl1 li a {
	position:relative;
	display:block;
	list-style:none;
	font-size:12pt;
	color:#565656;
	line-height:1.5;
	text-decoration:none;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, Helvetica, sans-serif;
}
#sitemap ul li ul li {
	position:relative;
	display:block;
	margin-left:-10px;
	list-style:none;
	font-size:10pt;
	color:#565656;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, Helvetica, sans-serif;
	line-height:1.5;
}
#sitemap ul li ul li a {
	position:relative;
	display:block;
	float:left;
	width:120px;
	left:-30px;
	text-align:left;
	list-style:none;
	font-size:10pt;
	color:#565656;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, Helvetica, sans-serif;
	line-height:1.5;
	text-decoration:none;
}
#sitemap ul li ul li a:hover {
	text-decoration:underline;
}
#footer_info {
	position:relative;
	float:left;
	background-color:#1e1e1e;
	height:55px;
	padding-top:30px;
}
#firmen {
	position:relative;
	float:left;
	margin-left:0px;
}
#firmen a {
	position:relative;
	padding-right:10px;
}
div.headline {
	position:relative;
	float:left;
	width:750px;
	text-align:left;
	color:#000000;
	margin-bottom:14px;  /*font-family: "Lucida Grande", "Lucida Sans Unicode", Arial,Verdana, Helvetica, sans-serif;*/
	font-size:12px;
}
hr {
	color:#efefef;
}
p img {
	margin:0;
	padding:0;
}



div.clear {
	clear: both;
	margin: 0;
	padding: 0;
	height: 0;
	line-height: 0;
	font-size: 0;
}
tr {
	margin:0;
	padding:0;
	height:30px;
}
.paket {
	float: right;
	width: 474px;
	position: relative;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Arial";
	line-height:1.5;
	text-align:left;
	font-size:10pt;
	text-align:justify;
}
.paket p {
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Arial";
	line-height:1.5;
	text-align:left;
	font-size:10pt;
	text-align:justify;
}
.paket table {
	width:474px;
}
.paket table tr td {
	margin:0;
	padding-left:5px;
	height:30px;
	border:1px #e0e0e0 solid;
	line-height:1.5;
	text-align:left;
	font-size:10pt;
}
table tr td {
	margin:0;
	padding-left:6px;
	padding-right:5px;
	height:30px;
	line-height:1.5;
	text-align:left;
	font-size:10pt;
}
.td-left-top {
	color:#000000;
	font-size:10pt;
}
.td-left {
	color:#565656;
	font-size:10pt;
	text-align:left;
}
td.td-middle {
	color:#565656;
	font-size:10pt;
	text-align:right;
}
td.project {
	position:relative;
	width:246px;
	height:166px;
	background-repeat:no-repeat;
	border:0;
	padding-left:5px;
}
td.project img {
	position:relative;
	width:219px;
	height:142px;
	margin:12px 8px;
	border:0px;
}
td.caption {
	border:0;
}
div.fadehover {
	float:left;
	position: relative;
	width:246px;
	height:200px;
	padding-bottom:10px;
	background-image:url(../upload/projekte/Bilderrahmen.jpg);
	background-repeat:no-repeat;
}
div.fadehover_cust {
	float:left;
	position: relative;
	width:145px;
	height:120px;
	padding-bottom:10px;
}
div.fadehover_text {
	float:left;
	position: relative;
	width:550px;
	height:130px;
	background-repeat:no-repeat;
}
div.fadehover_team {
	float:left;
	position: relative;
	width:136px;
	height:424px;
}
div.fadehover_icons {
	float:left;
	position: relative;
	right: 15px;
	bottom: 13px;
	width:32px;
	height:32px;
	background-repeat:no-repeat;
}
div.fadehover_pakete {
	float:left;
	position: relative;
	width:220px;
	height:220px;
	padding-bottom:10px;
	background-repeat:no-repeat;
}
img.p {
	position: absolute;
	left: 13px;
	top: 10px;
	z-index: 10;
	border:0px;/*  width:246px;height:166px;       width:219px;height:142px; */
}
img.a {
	position: absolute;
	left: 13px;
	top: 10px;
	z-index: 10;
	border:0px;/*  width:246px;height:166px;       width:219px;height:142px; */
}
img.b {
	position: absolute;
	left: 13px;
	top: 10px;    /*width:246px;height:166px;    width:219px;height:142px;*/
	border:0px;
}
div.caption {
	position:absolute;
	bottom:25px;
	left:7px;
	font-size:10pt;
	width:246px;
	color:#000;
	overflow:hidden;
	line-height:1.25;
}
.tableborderless td {
	border:0;
	line-height:2.5;
	font-size:12pt;
}
.tableborderless td h1 {
	font-size:25px;
}
#git {
	background-image:url(../upload/AW_Gitarre.jpg);
	height:460px;
	width:352px;
	position:absolute;
	right:-180px;
	bottom:0px;
	z-index:0;
}
h1 a {
	color:#000;
	text-decoration:none;
}
h1 a:hover {
color:#FF2222:
}
h1 {
	color:#000;
	text-decoration:none;
}/* Kontaktform */
#contactForm {
	position: absolute;
	right:150px;
	top:10px;
	color:#858585;
	height:600px;
}
.eingabe {
	background-color:#ececec;
	border:1px;
	border-color:#ececec;
	height: 30px;
	width: 250px;
	margin:10px;
	padding:3px;
	padding-top:1px;
	color:#858585;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, Helvetica, sans-serif;
	font-size:8pt;
	font-weight:normal;
}
.eingabe:active {
	background-color:#1e1e1e;
}
.eingabe:focus {
	background-color:#fff;
	border:1px;
	border-color:#ececec;
	border-style:dashed;
}
#Anliegen {
	background-color:#ececec;
	border:1px;
	border-color:#ececec;
	height: 150px;
	width: 250px;
	margin:10px;
	padding:3px;
	padding-top:1px;
	color:#858585
}
#Anliegen:focus {
	background-color:#fff;
	border:1px;
	border-color:#ececec;
	border-style:dashed;
}
#send {
	margin:0;
	padding:0;
	margin-left:30px;
	background-color:#fff;
	border:0;
	font-size:15px;
}
#send:hover {
	background-color:#fff;
	border:0;
	color:#a4091e;
	cursor:pointer;
}
#check {
	background-color:#ececec;
	border:1px;
	border-color:#ececec;
	margin:0;
	margin-left:-15px;
	padding:0;
	padding-top:1px;
	color:#858585
}
.paket p a, .paket a {
	color:#1e1e1e;
	text-decoration:none;
}
.paket p a:hover {
	color:#a4091e;
	text-decoration:underline;
}
#kontakt p strong {
	color:#a4091e;
	font-size:15px;
}
#kontakt p {
	color:#858585;
}
#anfahrt {
	position:absolute;
	left:-100px;
	bottom:-10px;
}
p a {
	color:#2E2E2E;
	text-decoration:none;

}
p a:hover {
	color:#a4091e;
	text-decoration:underline;
}
@charset "UTF-8";
.clear {
	clear: both;
}
#kontakt_wrapper {
	position:relative;
	left:630px;
	bottom: 15px;
	float:left;
	width:370px;
	height:200px;
	color: #555555;
	font-size: 8pt;
	text-align:left;
}
#kontakt_left {
	float:left;
	width:170px;
	height:200px;
}
#kontakt_left h5 {
	font-size: 14px;
	margin-top:0px;
	color: #555555;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Arial";
	line-height:1.5;
	text-align:left;
	line-height:1;
}
#kontakt_left a, #kontakt_left a:active, #kontakt_left a:visited {
	text-decoration: none;
	color: #555555;
}
#kontakt_right {
	margin-left:171px;
	margin-top:50px;
	width:190px;
	height:73px;
}
#kontakt_right a, #kontakt_right a:active, #kontakt_right a:visited {
	text-decoration: none;
	color: #555555;
}
#kontakt_logos {
	position: relative;
	right: 272px;
	top:12px;
	float:left;
	text-align:left;
	color: #555555;
	font-size: 8pt;
}
#ihk {
	position:relative;
	padding-bottom:20px;
}
#ihk img {
	float:left;
	padding-right: 25px;
	margin-left: 5px;
}
#metropol {
	position:relative;
	padding-top:10px;
}
#metropol img {
	float:left;
	padding-right: 25px;
}
.sprechblase {
	float:right;
	width: 280px;
	height: 145px;
	background-image: url(../upload/page/sprechblase_03.png);
}
.sprechblase p {
	padding-left: 60px;
	padding-top: 10px;
	margin-right: 15px;
	font-size: 10pt;
}
p a:hover {
	color:#aa2c38!important;
	text-decoration:none;
}
.wrap {
	float:left;
	max-height:200px !important;
}
#start_s {
	position:relative;
	float:left;
	right:25px;
	bottom:10px;
}
#start_m {
	position:relative;
	float:left;
	right:110px;
	bottom:25px;
}
#start_l {
	position:relative;
	float:left;
	right:190px;
	top:15px;
}
#start_xl {
	position:relative;
	float:left;
	bottom:260px;
	left:400px;
}
#start_indi {
	position:relative;
	float:left;
	bottom:240px;
	left:340px;
}
.wrap_treppe {
	position:relative;
	float:left;
	height: 800px;
	width: 1019px;
	right:98px;
	z-index:0;
	top: 130px;

}
#team_treppe {
	position:absolute;
	bottom:170px!important;
	background-image: url(../upload/page/team/treppe_rot.jpg);
	background-position:bottom left;
	background-repeat:no-repeat;
	height: 600px;
	width: 1019px;
	z-index:10;
	
}
#team-annika {
	position:absolute;
	left:80px;
	bottom:135px;
	width:100px;
}
#team-chris {
	position:absolute;
	top:-50px;
	left:200px;
	width:100px;
}
#team-patrick {
	position:absolute;
	top:45px;
	left:300px;
	width:100px;
}
#team-falko {
	position:absolute;
	width:100px;
	top:30px;
	left:430px;
}
#team-kenny {
	position:absolute;
	bottom:235px;
	right:330px;
	width:100px;
}
#team-lisa {
	position:absolute;
	bottom:275px;
	right:190px;
	width:100px;
}




.profil_bg_chris {
	position:absolute;
	float:left;
	left:120px;top:25px;
padding-top:20px;

	width:460px;
	height:155px;
	background-image: url(../upload/page/team/chris_bg.jpg);
background-repeat:no-repeat;
}
.profil_bg_falko{
	position:absolute;
	float:left;
	left:80px;	
padding-top:20px;
	top:120px;
	width:460px;
	height:155px;
	background-image: url(../upload/page/team/falko_bg.png);
background-repeat:no-repeat;z-index:100;
}

.profil_bg_patrick {
	position:absolute;
	float:left;
	left:-70px;
padding-top:20px;
	top:125px;
	width:460px;
	height:155px;
	background-image: url(../upload/page/team/patrick_bg.png);
background-repeat:no-repeat;z-index:100;
}
.profil_bg_kenny {
	position:absolute;
	float:left;
	right:80px;
padding-top:20px;
	top:40px;
	width:460px;
	height:155px;
	background-image: url(../upload/page/team/kenny_bg.jpg);
background-repeat:no-repeat;
}
.profil_bg_lisa {
	position:absolute;
	float:left;
	right:-90px;
padding-top:20px;
	top:40px;
	width:460px;
	height:155px;
	background-image: url(../upload/page/team/lisa_bg.jpg);
background-repeat:no-repeat;
}
.profil_bg_annika {
	position:absolute;
	float:left;
	left:25px;
padding-top:20px;
	top:155px;
	width:460px;
	height:155px;
	background-image: url(../upload/page/team/annika_bg.png);
background-repeat:no-repeat;z-index:100;
}

.infotable {
	position:relative;
margin-bottom:20px;
	font-size:10pt;
	font-family: verdana;
	font-weight:normal;
	color:#1C1C1C;
	margin-left:20px;
	border-spacing: 0px;

float:left;
}
.team_wrap {
	margin-top:15px;
	z-index:10;
	top:0!important;
	width:100%;
	height:70px !important;
}
.infotable td {
	line-height:0.2
font-size:10px;
color:#585858;
}
.infotable tr {
	height:25px!important;
}
label {
	font-size:10pt;
}
.sprechblase {
	float:right;
	position:relative;
	top:30px;
	width: 280px;
	height: 145px;
	background-image: url(../upload/page/sprechblase_03.png);

}
.sprechblase p {margin-top:0;line-height:1.4;}
#broschure {position: absolute; right: -100px; top: 107px;}

/* CSS Document */