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


@font-face {
  font-family: UnitWeb-Light;
  src: url("UnitWeb-Light.eot");
}

/* then for WOFF-capable browsers */
@font-face {
  font-family: UnitWeb-Light;
  src: url("UnitWeb-Light.woff") format("woff");
}

@font-face {
  font-family: UnitWeb-Medium;
  src: url("UnitWeb-Medium.eot");
}

/* then for WOFF-capable browsers */
@font-face {
  font-family: UnitWeb-Medium;
  src: url("UnitWeb-Medium.woff") format("woff");
}

body, input{
font-family: UnitWeb-Light, sans-serif;
	margin: 0px;
	padding: 0px;
	background-color:white;
}

#head {
	width: 100%;
	height: 120px;
	background-image:url(../images/header_bg_1.png);
	z-index:1500;
}
#head .frame {
	position: absolute;
	left: 50%;
	width: 1120px;
	height: 120px;
	margin-left: -560px; /* Half the width */
}
.logo {
position: absolute;
top:35px;
right:0;
z-index:2500;
}
.menue{
	position: absolute;
	top:50px;
	left:0;
	z-index: 2500;
}



html, body, #container { height: 100%; }
body > #container { height: auto; min-height: 100%; }


#contentframe {
position:absolute;
width: 100%;
top:0px;
 height: auto; min-height: 100%;
 z-index:2;
	}
#content {
position: relative;
left: 50%;
	max-width: 1120px;
	margin-left: -560px;  /*Half the width */
	z-index:100;
	}
	#content2 {
position: relative;
left: 50%;
	max-width: 1400px;
	margin-left: -700px;  /*Half the width */
	z-index:3;
	}
#blk {
	margin-top:100px;
	width: 100%;
	height:600px;
	background-color:#1c1d21;
	z-index:100;
	}
	#gr2 {
	margin-top:100px;
	width: 100%;
	height:600px;
	background-image:url(../media/BG_gradient4.jpg);
	z-index:100;
	}
	#blk2 {
	margin-top:100px;
	width: 100%;
	height:600px;
	z-index:100;
	}
#wh {
	margin-top:100px;
	width: 100%;
	height:600px;
	z-index:100;
	}
.oo48{
	position: fixed;
	width:68px;
	top:200px;
	left:0px;
	padding:0;
	z-index:2000;
}



	
#footer-wrap {
position:absolute;
	width:100%;
	height: 150px;
	background: #f5f5f5;
	background-image:url(../images/footer.png);
	background-repeat: repeat-x;
	z-index:1500;
}

#footer-container {
top:40px;
position:relative;left: 50%;
max-width: 1120px;
margin-left: -560px; /* Half the width */
z-index:1000;
border-bottom:solid 1px #dcdcdc;
color:#787878;
font-size:14px;
line-height:20px;
text-align:right;
padding-bottom:18px;
}

#footer-container2 {
position:relative;left: 50%;
max-width: 1120px;
margin-left: -560px; /* Half the width */
z-index:500;
color:#787878;
font-size:18px;
line-height:20px;
text-align:right;
padding-top:40px;
}


.pr{
background-image:url(../images/rahmen_blau1.png);
background-repeat:no-repeat;
width:191px;
margin-left:929px;
height:60px;
font-size:20px;
line-height:22px;
color:#9b9b9b;
padding-top:5px;
padding-left:15px;
}

.clear{
clear:both;
}
#line{
float:left;
width:1120px;
color:#9b9b9b;
font-size:64px;
border-bottom:solid 1px #dcdcdc;
height:20px;
}

#lt{
float:left;
width:280px;
color:#70bcce;
font-size:20px;
border-bottom:solid 1px #dcdcdc;
height:62px;
}
#rt{
float:left;
width:830px;
color:#9b9b9b;
font-size:64px;
border-bottom:solid 1px #dcdcdc;
height:102px;
}

#lt2{
float:left;
width:265px;
color:#787878;
font-size:18px;
padding:38px 20px 10px 0px;
line-height:24px;

}
#lt22{
float:left;
width:265px;
padding:38px 0px 0px 0px;
}

#rt2{

float:left;
width:830px;
color:#787878;
font-size:18px;
}

#lt3{
float:left;
width:363px;
color:#787878;
font-size:18px;
padding:38px 10px 10px 0px;
line-height:24px;

}
#rt3{

float:left;
width:747px;
color:#787878;
font-size:18px;
line-height:24px;
}

.kaufen{
padding-top:20px;

}
.kaufen2{
margin-left:233px;;
padding-top:30px;

}
#ltwh{
float:left;
width:280px;
color:#9b9b9b;
font-size:50px;
padding-top:30px;
height:110px;
}
#rtwh{
margin-left:10px;
float:left;
width:550px;
color:#9b9b9b;
font-size:18px;
line-height:24px;
min-height:100px;
padding-top:40px;
}


#text{
margin-top:38px;
margin-left:290px;
color:#787878;
font-size:18px;
line-height:24px;
width:550px;
}
.bildhome{
margin-top:0px;
float:left;
width:550px;
}
.bildhome1{
margin-top:0px;
float:left;
width:550px;
}
#lt2 a{
text-decoration:none;
}


#coltext{
float:left;
width:275px;
color:#787878;
font-size:18px;
line-height:24px;
height:640px;
padding-top:40px;
}

#pic{
float:left;
margin-top:38px;
width:835px;
background-image:url(../media/3tapes_1.png);
background-repeat:no-repeat;
height:400;
}

.coltext2{
position:relative;
float:right;
top:0px;
right:-20px;
width:280px;
font-size:18px;
line-height:24px;
color:#787878;
}

.pic2{
	position:absolute;
	top:1217px;
	left: -1px;
}
.pic3{
	position:absolute;
	top:1217px;
	left: 600px;
}
span{
color:#70bcce;
text-decoration:none;}
 
.navi {
z-index:2000;
font-size:14px;
} 
 
.navi a{
	text-decoration: none;
	color:#787878;
}
.navi a:hover{
	text-decoration: none;
	color:#70bcce;
}
.navi2 {
	font-size:16px;
	width:160px;
} 
.navi2 a{
	text-decoration: none;
	color:#000;
}
.navi2 a:hover{
	text-decoration: none;
	color:#70bcce;
}
.active{
color:#70bcce;}

.conlt {
float:left;
width:250px;
height:60px;

}
.conrt {
float:left;
}

.input{background-color:#f5f5f5;border: 1px solid #dcdcdc; font-size:15px; font-family:UnitWeb-Light, sans-serif; width:220px;}
.input2{background-color:#f5f5f5;border: 1px solid #dcdcdc; font-size:15px; font-family:UnitWeb-Light, sans-serif; width:470px; }
.but{background-image:url(../images/button_bg_1.jpg); background-repeat:no-repeat; height:30px; width:140; border:0; text-align:center; font-family: UnitWeb-Light, sans-serif; font-size:16px;}

#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #eee;
	padding: 5px;
	opacity: 0.85;
}
#tooltip h3, #tooltip div { margin: 0; }
#one {
padding-right:20px;
}
.med{
font-family: UnitWeb-Medium, sans-serif;
color:#787878;
}
a img {
border: 0;
}

img {
border: 0;
}