*{
margin: 0;
padding: 0;
list-style: none;
}

:focus{
outline: 0;
}

img{
border: 0;
display:block;
}

@font-face {
    font-family: 'LeagueGothicRegular';
    src: url('images/League_Gothic-webfont.eot');
    src: url('images/League_Gothic-webfont.eot?#iefix') format('embedded-opentype'),
         url('images/League_Gothic-webfont.woff') format('woff'),
         url('images/League_Gothic-webfont.ttf') format('truetype'),
         url('images/League_Gothic-webfont.svg#LeagueGothicRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

html{height:101%;}

body{
font-family:Arial, Helvetica, sans-serif;
color:#444;
font-size:13px;
background:url(images/bg-mietsysteme.png) 0 118px repeat-x #fff;
}

#wrap, #header, #footer{
width:1000px;
}

#wrap{
position:relative;
margin:0 auto;
padding-top:128px;
}

a#logo{
position:absolute;
top:40px;
right:0;
z-index:120;
}

#keyword{
position:absolute;
right:10px;
top:323px;
width:225px;
padding:15px 10px 10px 15px;
background:#666;
z-index:99;
}

	#keyword h4 {
	color: #fff;
	display: block;
	margin-bottom:5px;
	font:24px'LeagueGothicRegular', Arial, sans-serif;
	-webkit-font-smoothing: antialiased;
	text-transform:uppercase;
	}
	
	.tag-cloud,
	.tag-cloud li {
	  display: inline;
	  list-style: none;
	  margin: 0;
	  padding: 0;
	}
								 
	.tag-cloud a {
	  display: inline-block;
	  text-decoration: none;
	  color: #CCC;
	  font-size: 13px;
	  font-weight: normal;
	  padding: .25em 1em 0 0;
	}
	
	.tag-cloud .level1 a { color: #FFF; font-size: 17px; }
	.tag-cloud .level2 a { color: #DDD; font-size: 15px; }
	.tag-cloud .level3 a { color: #CCC; font-size: 14px; }
	.tag-cloud .level4 a { color: #999; font-size: 13px; }
	.tag-cloud .level5 a { color: #999; font-size: 11px; }
	.tag-cloud .level6 a { color: #999; font-size: 10px; }
	
#infos{
	position:absolute;
	bottom:-160px;
	right:40px;
	width:605px;
	color:#999;
	z-index:1300;
}

	#infos a{
		font-size:12px;
		line-height:16.7px;
		color:#999;
		text-decoration:none;
	}

#wrap:after{content:"";}

#headerwrap{
position:absolute;
top:0;
width:100%;
height:40px;
z-index:120;
}

	#header{
		position:relative;
		margin:0 auto;
	}
	
		#home{
			position:absolute;
			left:0;
			top:12px;
		}
	
		ul#metanav{
			position:absolute;
			right:0px;
			top:14px;
			font-size:10px;
		}
	
			#metanav li{
			float:left;
			padding:0 8px 0 0;
			margin-right:6px;
			background:url(images/trenner_metanav.gif) right 2px no-repeat;
			}
			
			#metanav li.last{
				padding:0;
				margin-right:1px;
				background:none;
			}
			
			#metanav li.flag{
				padding:0;
				margin:2px 4px 0 0;
				background:none;
			}
			
				#metanav a{
				display:block;
				float:left;
				color:#333;
				text-decoration:none;
				text-transform:uppercase;
				}

				#metanav li img{display:inline;}
				
		#language{
			width:194px;
			height:23px;
			position:absolute;
			left:560px;
			top:8px;
		}
		
			#selector{
			display:block;
			width:183px;
			height:23px;
			padding:0 0 0 11px;
			background:url(images/bg_language.png) 0 0 no-repeat;
			color:#666;
			line-height:23px;
			font-size:12px;
			}
			
			#select-list li{
			display:block;
			list-style:none;
			margin:0;
			padding:0
			}
			
			#select-list li a{
			display:block;
			color:#666;
			text-decoration:none;
			padding:5px 10px;
			min-width:180px;
			-webkit-transition:background-color .5s;
			-moz-transition:background-color .5s;
			-ms-transition:background-color .5s;
			-o-transition:background-color .5s;
			transition:background-color .5s
			}
			#select-list a:hover{
			background:white;
			color:#333
			}
			#language li #select-list{
			position:absolute;
			left:-999em;
			z-index:1200;
			width:200px;
			list-style:none;
			background:#f0f0f0;
			-webkit-box-shadow:1px 1px 20px rgba(0,0,0,.5);
			-moz-box-shadow:1px 1px 20px rgba(0,0,0,.5);
			-ms-box-shadow:1px 1px 20px rgba(0,0,0,.5);
			-o-box-shadow:1px 1px 20px rgba(0,0,0,.5);
			box-shadow:1px 1px 20px rgba(0,0,0,.5)
			}
			
			#language li:hover #select-list{
				left:0px;
			}
			
			.ie6 #select-list ul,.ie7 #select-list ul,.ie8 #select-list ul{
			border:1px solid #CCC
			}
				
		#search #keywords{
		  position: absolute;
		  top: 8px;
		  left: 414px;
		  width: 144px;
		  background-color: #E6E6E6;
		  border: 0 none;
		  color: #666;
		  text-decoration: none;
		  font-size: 12px;
		  height: 23px;
		  line-height: 24px;
		  padding: 0 21px 0 11px;
		  width: 110px;
		  font-family:sans-serif;
		  
		  -webkit-box-shadow: inset 0 0 5px rgba(147, 147, 147, .68);
			 -moz-box-shadow: inset 0 0 5px rgba(147, 147, 147, .68);
			  -ms-box-shadow: inset 0 0 5px rgba(147, 147, 147, .68);
			   -o-box-shadow: inset 0 0 5px rgba(147, 147, 147, .68);
				  box-shadow: inset 0 0 5px rgba(147, 147, 147, .68);
		}
		
		#search #keywords {
		  background: #E6E6E6 url('images/search-icon.png') no-repeat 95% 50%;
		}
		
		#navwrap{
			position:absolute;
			top:40px;
			width:100%;
			height:78px;
			background:#000;
			z-index:99;
			overflow:hidden;
			-webkit-transition:height .5s ease-in;
			-moz-transition:height .5s ease-in
		}
		
		#navwrap:hover{
			height:473px;
			-webkit-transition:height .5s ease-out;
			-moz-transition:height .5s ease-out;
		}
		
			#nav{
				width:1000px;
				height:51px;
				padding:27px 0 0 0;
				margin:0 auto;
			}
			
				#nav li{
					float:left;
					height:26px;
					padding:0 12px 0 0;
					margin:0 12px 0 0;
					border-right:2px solid #fff;
				}
				
				#nav li.last{border:none;}
				
					#nav a{
					display:block;
					float:left;
					color:#fff;
					font:24px/26px 'LeagueGothicRegular',Arial,sans-serif;
					text-decoration:none;
					text-transform:uppercase;
					font-weight:normal;
					-webkit-font-smoothing:antialiased;
					position:relative;
					}
				
			#nav a:hover{
				color:#cebf85;
			}
			
			#nav li.active a{
				color:#cebf85;
			}
			
			#subnavwrap{
				width:100%;
				height:395px;
				background:#000;
			}
			
			#subnav{
				width:1000px;
				margin:0 auto;
			}
			
/*----------------------------------submenue------------------------------------------*/
	#subnav a{
	display:inline-block;
	text-decoration:none;
	color:#525252;
	padding:3px 0 2px;
	margin-top:1px;
	border-top:1px solid black;
	border-bottom:1px solid black;
	-webkit-transition:color .5s;
	-moz-transition:color .5s;
	-webkit-transition:border-color,.3s;
	-moz-transition:border-color,.3s}
	
	#subnav ul,#subnav li{
	display:block;
	margin:0;
	padding:0;
	list-style:none;
	overflow:visible;
	position:relative}
	
	#subnav ul{
	position:absolute;
	top:0;
	padding-top:90px;
	width:110px;
	z-index:99;
	left:100px;
	left:50%;
	margin-left:-400px}
	
	#subnav ul.hover,#subnav ul:hover{
	z-index:1200}
	
	#subnav ul a{
	font-size:13px;
	padding-left:0;
	margin-left:0;
	width:150px;
	-webkit-transform-origin:left center;
	-webkit-transform:scale(0.77);
	-webkit-transition:-webkit-transform .3s;
	-moz-transform-origin:left center;
	-moz-transform:scale(0.77);
	-moz-transition:-moz-transform .3s}
	
	#subnav ul.service a{
	width:110px}
	
	#subnav ul.hover a,#subnav ul:hover a{
	color:#fff;
	-webkit-transform:scale(1.0);
	-webkit-transition:-webkit-transform .3s;
	-moz-transform:scale(1.0);
	-moz-transition:-moz-transform .3s}
	
	#subnav li.ghost{
		position:absolute;
		left:0;
		top:22px;
		width:100%;
		height:30px;
		background:none;
		border:none;
	}
	
		#subnav li.ghost a {
			width:100%;
			height:30px;
			}
	
	#subnav ul a{
	-webkit-transition:color .5s;
	-moz-transition:color .5s}
	
	#subnav ul a:hover{
	color:#cebf85}
	
	#subnav ul#sub-unternehmen{
	margin-left:-500px}
	
	#subnav ul#sub-mietsysteme{
	margin-left:-380px}
	
	#subnav ul#sub-modulbau{
	margin-left:-263px}
	
	#subnav ul#sub-dreisechzig-service{
	margin-left:-165px}
	
	#subnav ul#sub-job-und-karriere{
	margin-left:-54px}
	
	#subnav ul#sub-kontakt{
	margin-left:78px}
	
	#subnav ul#sub-aktuell{
	margin-left:163px}
	
	#subnav li.subsubmenu ul{
	display:none;
	position:absolute;
	top:1px;
	left:128px;
	background:#999;
	z-index:3000;
	padding:0;
	margin:0;
	width:220px;
	overflow:visible}
	
	#subnav li ul li{
	position:relative}
	
	#subnav ul.hover li.subsubmenu{
	list-style:none;
	display:block}
	
	#subnav ul li.subsubmenu:hover a{
	border-color:#999;
	color:#cebf85}
	
	#subnav ul li.subsubmenu ul li{
	display:block;
	width:auto;
	height:auto;
	padding:0;
	margin:0;
	border:0 none;
	text-align:left;
	text-indent:0}
	
	#subnav ul li.subsubmenu:hover ul li a{
	display:block;
	position:relative;
	width:auto;
	height:auto;
	color:black;
	border:0 none;
	font-weight:bold;
	padding:5px 8px;
	-webkit-transform-origin:left center;
	-webkit-transform:none;
	-moz-transform:none}
	
	#subnav ul li.subsubmenu:hover ul li a:hover{
	color:#cebf85}
	
	#subnav li:hover ul{
	display:block}
/*----------------------------------submenue------------------------------------------*/

#content{
width:980px;
padding:10px 10px 100px 10px;
position:relative;
background:#fff;
}

	#leftcol{
	width:720px;
	float:left;
	}
		
		#rightbox{
		width:540px;
		float:right;
		padding-bottom:20px;
		border-bottom:1px solid #999a9d;
		line-height:16px;
		}
		
			h1{
				margin-bottom:10px;
				padding:0 10px 0 10px;
				font-size:16px;
				line-height:19.7px;
			}
			
			h2{
				margin-bottom:10px;
				padding:0 10px 0 10px;
				font-size:12px;
				line-height:19.7px;
			}
			
			#rightbox p{
				margin-bottom:10px;
				padding:0 10px 0 10px;
			}
			
			#rightbox a{
				color:#7699ab;
				font-weight:bold;
				text-decoration:none;
			}
			
			#rightbox img{margin-bottom:30px;}
			
			#rightbox .teaser{
			position:relative;
			width:170px;
			height:170px;
			float:left;
			margin:0 13px 17px 0;
			background-color:#E6E6E6;
			border-top:8px solid #fff;
			color:#000;
			}
			
				#rightbox .teaser img{
				margin-bottom:15px;
				}
			
				.teaser p{
				padding:0 13px 0 13px;
				}
			
				#rightbox .lastteaser{
				margin-right:0;
				}	
				
				#rightbox .teaser a{
				text-decoration:none;
				}
				
				#rightbox .teaser a:hover{
				color:#000;
				text-decoration:underline;
				}
				
				.rightbox a.mehr{
				position:absolute;
				bottom:13px;
				left:13px;
				}
		
		#leftbox{
		width:170px;
		float:left;
		background:#000;
		}
			
			#leftbox ul,
			#leftbox li {
			  display: block;
			  list-style: none;
			}
			
			#leftbox ul {
			  padding: 15px 1px 15px 15px;
			  font-weight: bold;
			}
			
			#leftbox ul ul {
			  padding: 0 0 0 10px;
			  font-weight: normal;
			}
			
			#leftbox ul ul li a {
			  padding-right: 5px;
			}
			
			#leftbox a {
			  font-size: 12px;
			  line-height: 14px;
			  font-weight:bold;
			  padding: 7px 0 7px 3px;
			  display: block;
			  color: white;
			  text-decoration: none;
			  border-top: 1px solid #999A9D;
			
			  -webkit-transition: color .5s;
				 -moz-transition: color .5s;
				  -ms-transition: color .5s;
				   -o-transition: color .5s;
					  transition: color .5s;
			}
			
			#leftbox li.first a {
			  border-top: 0 none;
			}
			
			#leftbox li.first li a {
			  border-top: 1px solid #999A9D;
			}
			
			#leftbox a:hover,
			#leftbox .active a,
			#leftbox .active li.active a {
			  color: #CEBF85;
			}
			
			#leftbox .active li a {
			  color: white;
			}
		
	#rightcol{
	width:250px;
	float:right;
	}

		#hotline {
		position:relative;
		background: #7999AA url('images/photo-contact-smaller.jpg') no-repeat bottom right;
		width:225px;
		height: 155px;
		padding: 10px 10px 10px 15px;
		float: left;
		}
		
		#hotline h4 {
		  color: #fff;
		  display: block;
		  width: 92px;
		  margin-bottom:5px;
		  font:24px'LeagueGothicRegular', Arial, sans-serif;
		  -webkit-font-smoothing: antialiased;
		  text-transform:uppercase;
		}
		
		#hotline h5 {line-height:20px;}
		
		#hotline h5 {
		  display: block;
		  color: #333;
		  width: 92px;
		  font:32px'LeagueGothicRegular', Arial, sans-serif;
		  padding-left: 38px;
		  background: url('images/phone-black.png') no-repeat 0px 4px;
		  -webkit-font-smoothing: antialiased;
		}
		
		#hotline h5 {line-height:28px;}
		
		#hotline p {
		  display: block;
		  font-size: 10px;
		  line-height: 12px;
		  width: 130px;
		  margin: 3px 0 5px;
		  color:#fff;
		}
		
		#hotline a.button {
		display: inline-block;
		max-width: 258px;
		height: 25px;
		font-size: 12px;
		line-height: 26px;
		padding: 0 12px;
		color: white;
		text-shadow: 0px -1px 1px rgba(0, 0, 0, .7);
		text-decoration: none;
		border: 0 none;
		border-bottom: 1px solid #3B3B3B;
		border-right: 1px solid black;
		position: absolute;
		left: 15px;
		bottom: 10px;
		background-image: url('images/button-black.png');
		font-weight: normal;
		}
	
	#footerwrap{
	height:220px;
	width:100%;
	clear:both;
	background:url(images/bg_footer.jpg) 0 0 repeat-x #333;
	}
	
		#footer{
			height:220px;
			margin:0 auto;
			position:relative;
			font-size:12px;
			line-height:16.7px;
			overflow:hidden;
		}
		
		#footer .button {
		  display: inline-block;
		  background: black url('images/button-blue.png') no-repeat scroll top left;
		  max-width: 258px;
		  height: 25px;
		  font-size: 12px;
		  line-height: 26px;
		  padding: 0 12px;
		  color: white;
		  text-shadow: 0px -1px 1px rgba(0, 0, 0, .7);
		  text-decoration: none;
		  border: 0 none;
		  border-bottom: 1px solid #3B3B3B;
		  border-right: 1px solid black
		}

#footer,
#footer a {
  color: #999;
  text-decoration: none;
}

#footer .opinion,
#footer .phone,
#footer .address,
#footer .locations,
#footer .copyright {
  position: absolute;
  top: 24px;
  left: 50%;
  margin-left: -468px;
  width: 320px;
}

#footer .address,
#footer .copyright {
  background: url('images/footer-divider-v.png') no-repeat top center;
  left: 50%;
  width: 1000px;
  margin-left: -500px;
}

#footer .address,
#footer .locations {
  top: 78px;
  padding-top: 12px;
}

#footer .copyright {
  top: 174px;
  width: 646px;
  color: white;
  padding: 15px 0 15px 354px;
}

#footer .copyright a {
  color: #7999AA;
}

#footer .opinion,
#footer .locations {
  margin-left: -146px;
}

#footer .opinion,
#footer .locations {
  width: 610px;
}

#footer .phone h4,
#footer .opinion h4 {
  font: 30px/30px 'LeagueGothicRegular', Arial, sans-serif;
  font-weight: normal;
  color: #7999AA;
  padding-left: 24px;
  background: url('images/phone-blue.png') no-repeat 0px 1px;
  -webkit-font-smoothing: antialiased;
}

#footer .opinion h4 {
  line-height: 38px;
  background-image: url('images/paper-pen.jpg');
  padding-left: 50px;
  color: white;
  height: 38px;
}

#footer .opinion a.button {
  position: absolute;
  top: 5px;
  right: 0px;
  width: 254px;
  text-align: center;
}

#footer .phone p {
  font-size: 10px;
}

#footer h5 {
  display: block;
  font-weight: normal;
  font-size:12px;
  color: white;
  height: 20px;
}

#footer .address {
  padding-left: 32px;
  width: 320px;
  z-index:99;
}

#footer .social-networks,
#footer .social-networks li {
  display: inline-block;
  list-style: none;
  margin: 0;
  padding: 0;
}

#footer .social-networks {
  display: block;
  position: absolute;
  top: 20px;
  right: 0;
}

#footer .social-networks a {
  display: block;
  border-right: 1px solid #5C5C5C;
  width: 32px;
  height: 36px;
  overflow: hidden;
  text-indent: -1000px;
  background-repeat: no-repeat;
}

#footer .social-networks .facebook a {
  background-image: url('images/icon-facebook.png');
  background-position: 12px 10px;
}

#footer .social-networks .twitter a {
  background-image: url('images/icon-twitter.png');
  background-position: 8px 10px;
}

#footer .social-networks .xing a {
  background-image: url('images/icon_xing.png');
  width: 76px;
  border-right: 0 none;
  background-position: 8px 0px;
  margin-top:-10px;
}
	
.clearfix:after{
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
/* End hide from IE-mac */