div#preloader {
	display: none;
}

body, body * {
	margin: 0 auto;
	padding: 0;
	font-family: arial,helvetica,sans-serif;
}

body{
	background: url("../images/bg.jpg");
	overflow-x: hidden;
	position: relative;
	left: 0;
	top: 0;
	/*z-index: -40;*/
}
/*========================= head ===============================*/
#header{
	margin: 0 auto;	
	padding: 0;
	background: url("../images/banner.jpg") no-repeat scroll center top rgba(0, 0, 0, 0);
	height: 197px;
}
#img_wrap{
	width: 1024px;
	height: 300px;
	margin: 0 auto;
	padding-top: 5px;
}
#left{
	float: left;
	width: 450px;
}
#logo{
	width: 181px;
	height: 113px;
	position: relative;
	top: 42px;
	left: 25px;
}
#flashContent{
	position: relative;
	top: -150px;
	left: 260px;
	width: 499px;
	height: 308px;
	z-index:5;
}
#monitor{
	position: relative;
	width: 499px;
	height: 308px;
	left: 0;
	top:-110px;
}
#flash{
	position: relative;
	left: 170px;
	top: -285px;
}

#adresse{
	margin-top: 42px;
	color: #366;
	width: 200px;
	font-weight: 600;
	float:right;
}
#strasse{
	margin-bottom: 10px;
}
/*=============================== Navigation =============================*/
#navigation, #subnav {
	color: #c8c8c5;
	height: 30px;
	font-size: 0.7em;
	z-index: 10;
}
#subnav{
	background: url("../images/Navigation/subnav_bg.jpg") no-repeat scroll -100px 6px rgba(0, 0, 0, 0);
	width: 403px;
	position: relative;
	left: -170px;
	padding-top: 6px;
}

.invisible{
	display:none;
}
.offset{
	top:-36px;
}
#navigation{
	margin: 2px auto 0 auto;
	background: url("../images/bar.gif") repeat-x scroll center top rgba(0, 0, 0, 0);
	box-shadow: 0 4px 5px #555;
}
#buttons {
	width: 670px;
	height: 30px;
	position: relative;
	top: 0;
	left: -160px;
	background: url("../images/beton_bar.jpg") no-repeat scroll center top rgba(0, 0, 0, 0);
}
#home {
	margin-left: 2px;
	width: 70px;
	height: 30px;
	float: left;
	background: url("../images/Navigation/navigation.png");
	background-position: 0px 0px;
}
#home:hover{
	background-position: 0px 30px;
}
#home.active{
	background-position: 0px 30px;
}
.name{
	display: block;
	margin: 7px 0 0 10px;
	font-weight: 600;
	float: left;
}
.button2 {
	clear: both;
	display: inline-block;
	height: 30px;
	position: relative;
	top: 0;
}
.name1{
	display: block;
	margin: 7px 0 0 33px;
	font-weight: 600;
	float: left;
}
#projekte{
	background: url("../images/Navigation/navigation.png");
	background-position: -409px 0px;
	left: -44px;
	width: 103px;
}
#projekte:hover{
	background-position: -409px 30px;
	cursor: pointer;
}
#projekte.active{
	background-position: -409px 30px;
}
#team{
	background: url("../images/Navigation/navigation.png");
	background-position: -73px 0px;	
	left: -20px;
	width: 93px;
	
}
#team:hover{
	background-position: -73px 30px;	
}
#team.active{
	background-position: -73px 30px;	
}
#leistungen{
	background: url("../images/Navigation/navigation.png");
	background-position: -165px 0px;	
	left: -70px;
	width: 126px;	
}
#leistungen:hover{
	background-position: -165px 30px;
}
#leistungen.active{
	background-position: -165px 30px;
}
#portfolio{
	background: url("../images/Navigation/navigation.png");	
	background-position: -295px 0px;	
	left: -93px;
	width: 110px;
}
#portfolio:hover{
	background-position: -296px 30px;
}
#portfolio.active{
	background-position: -296px 30px;
}
#partner{
	background: url("../images/Navigation/navigation.png");	
	background-position: -515px 0px;	
	left: -118px;
	width: 103px;
}
#partner:hover{
	background-position: -515px 30px;
}
#partner.active{
	background-position: -515px 30px;
}
#img_hinten{
	position: relative;
	top: 0;
	left: -142px;
	width: 33px;
	height: 30px;
}
#referenz{
	background: url("../images/Navigation/subnav.png");	
	background-position: 0px 0px;	
	left: -0;
	width: 129px;
}
#referenz:hover{
	background-position: 0px 30px;
}
#geplante{
	background: url("../images/Navigation/subnav.png");	
	background-position: 265px 0px;	
	left: -22px;
	width: 108px;
}
#geplante:hover{
	background-position: 265px 30px;	
}
#mietlokale{
	background: url("../images/Navigation/subnav.png");	
	background-position: 149px 0px;	
	left: -46px;
	width: 149px;
}
#mietlokale:hover{
	background-position: 149px 30px;	
}
#navigation a, #subnav a{
	font-style: normal;
	color: #c8c8c5;
}
.en #leistungen .name1{
	margin-left: 40px;
}
#bottom_links .active{
	font-weight: 800;
}
/*=============================== Content =================================*/

#left_wrap{
	width: 200px;
	float: left;
}
#left_wrap *{
	background-color: #fff;
}

#content_left{
	min-height: 200px;
	padding: 72px 0 0 2px;
	opacity: 0.9;
}
#bottom_left{
	min-height: 498px;
	opacity: 0.8;
	/*background: url("images/left_bg.png") repeat-y scroll center bottom rgba(0, 0, 0, 0);*/
}
#content{
	width: 1000px;
	margin: 0 auto;
	position: relative;
	left: 0;
	top: -2px;
	/*z-index: -10;*/
	min-height: 768px;
}
#content_left img{
	position: relative;
	left: 15px;
	top: 30px;
}
#graf{
	color: #366;
	font-weight: 800;
	font-size: 1em;
	display: block;
	margin-left: 5px;
}
#graf img{
	width: 140px;
	height: 100px;
}
#content_right{
	width: 760px;
	float: right;
	background: url("../images/bg.png") repeat-y scroll center bottom rgba(0, 0, 0, 0);
	color: #fff;
	margin-top: 50px;
	position: relative;
	top: -783px;
}
.normal #content_right{
	height: 720px;
}
#main_content{
	width: 85%;
	width: 85%;
	float: left;
	margin: 20px 0 20px 20px;
	font-size: 16px;
}
h1{
	margin: 20px 0 0 20px;
	color: #fff;
	font-size: 1.4em;
}
h2{
	font-size: 1.1em;
	margin-left: 20px;
	display:inline;
}
h3{
	margin: 3px 0 0 18px;
	color: #fff;
	font-size: 0.9em;
	width: 135px;
	text-decoration: underline;
	position: relative;
	top: -754px;
	height: 15px;
}
h3:hover{
	text-decoration: none;
}
p {
	margin-bottom: 10px;
}
a{
	font-style: italic;
	text-decoration: underline;
	color: #fff;
}
a:hover{
	text-decoration: none;
}

#content_wrap{
	width: 1000px;
	/*min-height: 450px;*/
	position:relative;
	z-index: -1;
	background: url("../images/freepik/silhuette/silhuette_bg_1000.jpg") repeat-x scroll center bottom #c7e1f2;
	background-attachment: fixed;
	background-position: 173px 150px;
}
#wrap{
	width: 1000px;
	position: relative;
}

#puzzle{
	position: relative;
	top:-30px;
	width: 376px;
	height: 376px;
	display: block;
	margin: 0 auto 20px auto;
	background: url("../images/leistung.png") no-repeat scroll left bottom;
}
.en #puzzle{
		background: url("../images/leistung_en.png") no-repeat scroll left bottom;
}

#link_leistung{
	position:relative;
	top: -50px;
	font-size: .8em;
	display: block;
	width:150px;
}
h4{
	color: #fff;
    font-size: 1.1em;
    margin: 20px 0 0 20px;
}
.standort{
	margin-top: 12px;
	height: 101px;
}
.standort img {
    float: left;
    margin-right: 10px;
}
#standort_wrap{
	margin-left: 20px;
}
#standort_wrap h4{
	font-size: 1em;
	margin: 0;
}
.standort .details{
	width: 580px;
	margin-top: 6px;
	float: right;
}
#geplante_projekte{
	color: #fff;
	float:left;
	text-align: left;
	margin: 13px 0 0 10px;
}
#leistung{
	position: relative;
	top: 150px;
}
#leistung h2{
	position: relative;
	top: -40px;
	left:-258px;
}
#lokalliste{
	width: 80%;
	margin: 20px 0 20px 70px;
}
dt{
	font-weight: 600;
	margin-top: 10px;
}
dd{
	margin: 10px 0 0 20px;
	width: 80%;
}
#portfolio_wrap h3{
	top:0;
	width: 400px;
	text-decoration: none;
	font-size: 1em;
	margin-top: 15px;
	height: 30px;
}
#portfolio_wrap ul{
	width: 90%;
	margin: 10px 0 0 60px;
}
.partner li {
	height: 20px;
}
.partner {
	margin-left: 50px;
	list-style: none;
}
.team_details{
	margin: 10px 0 0 20px;
}
.txt{
	font-size: 0.9em;
}
.kontakt {
	margin-bottom: 20px;
}
.impressum{
	margin-bottom: 20px;
}
.sitemap #main_content{
	margin-left: 50px;
}
.sitemap ul li {
	height: 30px;
}
#project_list{
	height: 90px;
	margin-left: 50px;
}
#projekte_nav ul{
	float:left;
	width: 600px;
	list-style: none;
}
#projekte_nav ul li{
	display: inline-block;
	margin-right: 20px;
}
#projekte_nav ul li a{
	display: inline-block;
	width: 122px;
	text-decoration: underline;
} 
.smaller{
	width: 66px;
}
div#wrap.en #graf{
	margin-left: 10px;
}
.en #leistung h2{
	left: -305px;
}
.en #link_leistung{
	left: 20px;
}
/*==================================================== Höhenkorrekturen ==================================================*/
.referenz #content_right{
	height: 1873px;
	top: -1936px;
}
.referenz #bottom_right{
	top: -9px;
}
.referenz #bottom_right h3{
	top: -1909px;
}
.referenz #bottom_right #karte_wrap{
	top: -1909px;
}
.referenz #bottom_right #lang{
	top: -1908px;
}
.referenz #bottom_right ul{
	top: -1869px;
}
.referenz #content_wrap{
	min-height: 1920px;
}
.referenz #bottom_left{
	min-height: 1650px;
}
.geplant #content_right{
	height: 618px;
	top: -680px;
}
.geplant #content_wrap{
	min-height: 663px;
}
.geplant #content{
	min-height: 664px;
}
.geplant #bottom_left{
	min-height: 394px;
}
.geplant #puzzle{
	top: -125px;
}
.geplant #bottom_right h3{
	top: -652px;
}
.geplant #bottom_right #karte_wrap{
	top: -652px;
}
.geplant #bottom_right #lang{
	top: -652px;
}
.geplant #bottom_right ul{
	top: -610px;
}
.geplant  #link_leistung{
	top: -135px;
}
.geplant  #leistung h2{
	top:-100px;
}
.leistungen #content_right{
	height: 1665px;
	top: -1728px;
}
.leistungen #content_wrap{
	min-height: 1713px;
}
.leistungen #bottom_right{
	top: -8px;
}
.leistungen #bottom_right h3{
	top: -1703px;
}
.leistungen #bottom_right #karte_wrap{
	top: -1703px;
}
.leistungen #bottom_right #lang{
	top: -1700px;
}
.leistungen #bottom_right ul{
	top: -1663px;
}
.leistungen #bottom_left{
	min-height: 1443px;
}
.portfolio #content_right{
	height: 520px;
	top: -583px;
}
.portfolio #content{
	min-height: 568px;
}
.team #leistung h2{
	left: 0;
	top: -65px;
}
.team #leistung{
	top: 80px;
}
.team #leistung #puzzle {
	top: -95px;
}
.portfolio #bottom_right h3{
	top: -555px;
}
.portfolio #bottom_right #karte_wrap{
	top: -555px;
}
.portfolio #bottom_right #lang{
	top: -555px;
}
.portfolio #bottom_right ul{
	top: -515px;
}
.portfolio #bottom_left{
	min-height: 298px;
}
.team #content_right{
	height: 700px;
	top: -763px;
}
.team #content{
	min-height: 748px;
}
.team #bottom_right{
	top: -9px;
}
.team #bottom_right h3{
	top: -735px;
}
.team #bottom_right #karte_wrap{
	top: -735px;
}
.team #bottom_right #lang{
	top: -735px;
}
.team #bottom_right ul{
	top: -695px;
}
.team #bottom_left{
	min-height: 478px;
}
.team #link_leistung{
	top:-110px;
}
/*======================================= BOTTOM ===========================================*/
#bottom_right{
	height: 157px;
	width: 760px;
	background: url("../images/bg.png") repeat-y scroll center bottom rgba(0, 0, 0, 0);
	position: relative;
	left: 120px;
	top: -8px;
	color: #fff;
	margin: 0 auto;
}
#karte_wrap{
	width: 400px;
	height: 170px;
	float: left;
	position: relative;
	top: -755px;
	left: 150px;
}
.projects{
	display: inline;
	border-bottom: 1px dotted #fff;
	width: 150px;
	position: relative;
	font-size: .8em;
	font-style:italic;
	z-index: 5;
}


.projects_left{
	float: left;
}
.projects_right{
	float: right;
	top: -256px;
}
.projects_right span{
	float:right;
}
#karte{
	background: url("../images/karte_gesamt.png") no-repeat scroll center top rgba(0, 0, 0, 0);		
	width: 194px;
	height: 154px;
	position: relative;
	top: -110px;
	left: -10px;
	z-index:20;
}
.clear{
	clear:both;
}
#marker_schaerding{
	position: relative;
	top: 17px;
	left:48px;
}
#marker_eferding{
	position: relative;
	top: 28px;
	left:41px;
}
/*
#marker_marchtrenk{
	position: relative;
	top: 8px;
	left:21px;
}
*/
#marker_sierning{
	position: relative;
	top: 37px;
	left:28px;
}
#marker_badischl{
	position: relative;
	top: 42px;
	left:-10px;
}
#marker_reutte{
	position: relative;
	top: 56px;
	left:-93px;
}
#marker_vomp{
	position: relative;
	top: 57px;
	left:-92px;
}
#marker_lienz{
	position: relative;
	top: 73px;
	left:-89px;
}
#marker_gaenserndorf{
	position: relative;
	top: -5px;
	left:173px;
}
#marker_krems{
	position: relative;
	top: -8px;
	left:123px;
}
#marker_wien{
	position: relative;
	top: -2px;
	left:127px;
}
#marker_stpoelten{
	position: relative;
	top: 0px;
	left:86px;
}
#marker_stveit{
	position: relative;
	top: 50px;
	left:37px;
}
#marker_klagenfurt{
	position: relative;
	top: 55px;
	left:13px;
}
#marker_villach{
	position: relative;
	top: 56px;
	left:-15px;
}
.bold{
	font-weight: 800;
}
.marker{
	display:inline;
	width: 15px;
	height: 23px;
}
ul#bottom_links{
	list-style-type: none;
	width: 160px;
	/*margin: 25px 20px 0 10px;*/
	float:right;
	position: relative;
	top: -715px;
	left: 50px;
}
#bottom_links li{
	border-bottom: 1px dotted #fff;
	border-left: 1px dotted #fff;
	margin-top: 5px;
	height: 20px;
}
li a {
	text-decoration: none;
}
li a:hover{
	font-weight: 800;
}
#lang{
	font-size: 0.9em;
	float: right;
	margin-right: 20px;
	position: relative;
	top: -755px;
}
#lang a{
	text-decoration: none;
	display: inline-block;
	width: 20px;
}
#lang a:hover{
	font-weight: 800;
}
#maillink{
	color: #366;
}
#freepik{
	color: #aaa;
	font-size: 0.6em;
	margin-left: 20px;
	position: relative;
	top: -20px;
	left: -200px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	body{
		background-image: none;
		overflow: hidden;
	}
    html{
	background: url("../images/bg.jpg");
	overflow-x: hidden;
	position: relative;
	left: 0;
	top: 0;
	z-index: -40;
	}
	#karte_wrap{
		top: -750px;
	}
	#graf{
		font-weight: 600;
	}
	h3{
		top: -751px;
	}
	ul{
		top: -740px;
	}
	ul#bottom_links{
		top: -722px;
	}
	#flashContent{
		top: -140px;
	}
	#content_right{
		top: -781px;
	}
	.team #content_right{
		top: -761px;
	}
	.team #bottom_right #karte_wrap{
		top: -730px;
	}
	.team #bottom_right h3{
		top: -731px;
	}
	.team #bottom_right ul{
		top: -703px;
	}
	.referenz #content_right{
		top: -1934px;
	}
	
	.referenz #bottom_right #karte_wrap{
		top: -1902px;
	}
	
	.referenz #bottom_right h3{
		top: -1902px;
	}
	
	.referenz #bottom_right ul#bottom_links{
		top: -1878px;
	}
	.referenz #bottom_right #lang{
		top: -1906px;
	}
	.geplant #content_right{
		top: -678px;
	}
	.geplant #bottom_right #karte_wrap{
		top: -649px;
	}
	.geplant #bottom_right h3{
		top: -650px;
	}
	.geplant #bottom_right ul#bottom_links{
		top: -620px;
	}
	.leistungen #content_right{
		top: -1726px;
	}
	.leistungen #bottom_right #karte_wrap{
		top: -1695px;
	}
	.leistungen #bottom_right h3{
		top: -1696px;
	}
	.leistungen #bottom_right ul#bottom_links{
		top: -1668px;
	}
	.portfolio #content_right{
		top: -581px;
	}
	.portfolio #bottom_right #karte_wrap{
		top: -550px;
	}
	.portfolio #bottom_right h3{
		top: -552px;
	}
	.portfolio #bottom_right ul#bottom_links{
		top: -522px;
	}
div#preloader {
	display: none;
}
}
@supports (-ms-ime-align:auto) {
    .selector {
        property: value;
    }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){
	#karte_wrap{
	top: -764px;
}
#graf, h3{
	font-weight: 600;
}
h3{
	top: -749px;
}
ul{
	top: -740px;
}
#flashContent{
	top: -140px;
}
#content_right{
	top: -781px;
}
#bottom_right #karte_wrap{
	top: -748px;
}
#bottom_right h3{
	top: -750px;
}
#bottom_right ul{
	top: -715px;
	top: -715px;
}
.team #content_right{
	top: -761px;
}
.team #bottom_right #karte_wrap{
	top: -730px;
}
.team #bottom_right h3{
	top: -731px;
}
.team #bottom_right ul{
	top: -697px;
}
.referenz #content_right{
	top: -1934px;
}

.referenz #bottom_right #karte_wrap{
	top: -1900px;
}
.referenz #bottom_right h3{
	top: -1903px;
}
.referenz #bottom_right ul#bottom_links{
	top: -1861px;
}
.referenz #bottom_right #lang{
	top: -1900px;
}
.geplant #content_right{
	top: -678px;
}

.geplant #bottom_right #karte_wrap{
	top: -647px;
}
.geplant #bottom_right h3{
	top: -650px;
}
.geplant #bottom_right ul#bottom_links{
	top: -616px;
}
#geplante_projekte th{
	text-align: left;
}
.leistungen #content_right{
	top: -1726px;
}
.leistungen #bottom_right #karte_wrap{
	top: -1693px;
}
.leistungen #bottom_right h3{
	top: -1696px;
}
.leistungen #bottom_right ul#bottom_links{
	top: -1661px;
}
.portfolio #content_right{
	top: -581px;
}
.portfolio #bottom_right #karte_wrap{
	top: -549px;
}
.portfolio #bottom_right h3{
	top: -550px;
}
.portfolio #bottom_right ul#bottom_links{
	top: -516px;
}
#karte_wrap a, #karte_wrap img {
	border: none;
	text-decoration: none;
}
#logo{
	border: none;
	text-decoration: none;
}
#gaenserndorf{
	margin-top: 10px;
}
div#preloader {
	display: none;
}
}
.en #bottom_right h3{
	left:-10px;
}