*{border:0px solid #eee;margin:0;padding:0;list-style:none}
html,body,#bg,#bg table,#bg td,#cont{width:100%;height:100%;overflow:hidden}

#bg {
    position: fixed;
}

#login{

position: absolute;
left: 10px;
top: 10px;
z-index: 100000;
}

body{font-family:Arial,Helvetica,sans-serif;font-size:12px;cursor:default;color:#fff;}
h1.large,.left{font-family:"Century Gothic","Lucida Grande",Arial,sans-serif;font-size:40px}

a{text-decoration:none;color:#fff;outline:0}
img{display:inline}

p{font-family:Arial,Helvetica,sans-serif;
	color:#fff;}
	
p.noscript {

	position: absolute;
	top: 50px;
	left: 50px;
	color: #red;
	z-index: 100000;
	font-size: 28px;
	
	}

#bg div{position:absolute;width:200%;height:200%;top:-50%;left:-50%}
#bg td{vertical-align:middle;text-align:center}
#bg img{min-height:50%;min-width:50%;margin:0 auto}

#supersize {display:none}

#cont{position:absolute;top:0;left:0;z-index:70;overflow:hidden}

#logo{position:absolute;bottom:29px;right:20px;z-index:70;z-index:120; display:;}

#logoA{position:absolute;bottom:29px;right:20px;z-index:70;z-index:120; display:none;}

/*h1{position:relative;left:-141px;margin-bottom:-71px;width:140px;opacity:0.99;filter:alpha(opacity=99)}
h1 a{padding:49px 10px 10px 0;color:#fff;background:#000 url(go.gif) 0 -30px repeat-x;font-size:11px;text-align:right;display:block}*/

.h2,.h3,.h4,.h5,.h6,.h7,.h8,.hS3,.h9,.hS6,.hS5,.hS4,.hSC,.hSHOME,.hSDETAILS,.hSGOOGLE,.hSDETAILS1,.hSDETAILS2,.hSBANDPLAN{background:#000;color:#fff;font-size:12px;font-weight:;text-transform:uppercase;opacity:0.8;filter:alpha(opacity=80);padding:4px 25px 3px 20px;clear:both}
.HS5A{background:#000;color:#fff;font-size:12px;font-weight:;text-transform:uppercase;opacity:0.9;filter:alpha(opacity=90);padding:4px 25px 3px 20px;clear:both}
h3{font-weight:bold; display: inline;}
.close{position:absolute;right:0%;top:0%;z-index:90;display:inline;padding:3px 7px}
.close a{color:white;opacity:0.8;filter:alpha(opacity=80);font-size:14px;font-weight:;display:inline}
.close a:hover{opacity:1.0;filter:alpha(opacity=100)}

/*.bottom_space{background:white;color:white;opacity:1;font-size:10px}*/


/* definition of navigation bar*/


#blackbox1{position:absolute;left:-140px;width:130px;font-size:12px;line-height:13px;}

#blackbox{position:absolute;left:0px;width:130px;font-size:12px;line-height:13px;}

#blackbox div{position:absolute;right:0px;top:0px;padding:8px;padding-right:15px}
#blackbox1 div{position:absolute;right:0px;top:0px;padding:8px;padding-right:15px}

#blackbox a{color:#777;text-transform:uppercase;font-weight:normal;}
#blackbox1 a{color:#777;text-transform:uppercase;font-weight:normal;}

#blackbox a:hover{color:#white}
#blackbox1 a:hover{color:#white}


#blackbox{background:black;padding:5px;padding-top:8px;height:54px;bottom:20px;z-index:90}
#blackbox1{background:black;padding:5px;padding-top:8px;height:54px;bottom:20px;z-index:90}


#menu1{display:block;background-image:url('img_system/background.png');background-repeat:repeat;position:absolute;left:141px;bottom:-70px;width:100%;padding-left:19px;padding:5px;padding-top:8px;height:54px;z-index:90}
#menu{background-image:url('img_system/background.png');background-repeat:repeat;position:absolute;left:141px;bottom:20px;width:100%;padding-left:19px;padding:5px;padding-top:8px;height:54px;z-index:90}

.topmenu{float:left;font-size:12px;line-height:13px;text-transform:uppercase;padding-right:50px;padding-left:14px;overflow:hidden;z-index:100}
.mlist{float:left;position:relative;top:-2px;padding-bottom:1px;width:258px;font-size:13px;line-height:13px;text-transform:lowercase;overflow:hidden;z-index:100;display:none}

/*.topmenu a{font-weight:normal}
.mlist{width:270px}
.mlist a{text-transform:lowercase;font-size:12px;font-weight:normal}*/


#menu a{color:#777}
#menu1 a{color:#777}

#cur a{color:white}
#menu p{color:#777}
#menu a:hover{color:white}
#menu1 p{color:#777}
#menu1 a:hover{color:white}

.mlist p{display:inline}

.frame{border: 1px solid red}

.salesdetailsgf,.sales2,.sales1,.intro4,.intro3,.intro2,.intro,.plan,.google,.bandplan,.project,.overview,.overview1,.overview2,.overview3,.overview4,.slogan,.media,.home,.contact,.about{position:absolute;bottom:110px;left:141px}


/* Referenz page Max width ist comment to actual width IE fix*/

.overview{width:625px}
#overview_content{line-height:1.2em;background-image:url('img_system/background.png');background-repeat:repeat;padding:15px 20px 0px 5px;overflow:hidden}

/* In Progress Page Max width ist comment to actual width IE fix*/

.overview1{width:475px}
#overview_content1{line-height:1.2em;background-image:url('img_system/background.png');background-repeat:repeat;padding:15px 20px 0px 5px;overflow:hidden}


/* Sales Page Max width ist comment to actual width IE fix*/

.overview2{width:175px}
#overview_content2{line-height:1.2em;background-image:url('img_system/background.png');background-repeat:repeat;padding:15px 20px 0px 5px;overflow:hidden}


/* Usa Page Max width ist comment to actual width IE fix*/
.overview3{width:325px}
#overview_content3{line-height:1.2em;background-image:url('img_system/background.png');background-repeat:repeat;padding:15px 20px 0px 5px;overflow:hidden}

/* Usa Page Max width ist comment to actual width IE fix*/
.overview4{width:775px}
#overview_content4{line-height:1.2em;background-image:url('img_system/background.png');background-repeat:repeat;padding:15px 20px 0px 5px;overflow:hidden}

.slogan{max-width:488px}
#overview_contentslogan{background-image:url('img_system/background.png');background-repeat:repeat;padding:10px 20px 10px 20px;overflow:hidden}
#overview_contentslogan1{width:468px;padding:10px 20px 10px 20px;overflow:auto;z-index:10000;}

#jack {
position: absolute;
left: 40px;
top: 40px;
}


.slogan{
position:absolute;
bottom:110px;
left:-600px;
display:;
}

.slogan1{
position:absolute;
display:none;
z-index:11500;
left: 138px;
bottom: 108px;
background-image:url('img_system/background.png');background-repeat:repeat;
}


.slogantext {
font-weight:; 
font-size:20px; 
color:#C8C8C8;
text-align: justify ;
line-height:24px;
}

.slogantextcolor {
font-weight:; 
font-size:20px; 
color:#fff;
text-align: justify ;
line-height:24px;
}



.media{right:40px; width:564px;}
.home{width:450px}
.project{width:450px}
.contact{width:580px}
.about{width:710px}
.google{width:715px}
.bandplan{width:815px}
.plan{width:546px}

/* Sechs Bilder */

.intro{width:640px}

/* Vier Bilder */

.intro2{width:436px}

/* Fuenf Bilder */

.intro3{width:540px}

/* drei Bilder */

.intro4{width:340px}

.sales1{width:745px}

.sales2{width:805px}

.salesdetailsgf{width:475px}



#project_content{line-height:1.3em;background-image:url('img_system/background.png');background-repeat:repeat;padding:13px 25px 30px 20px;overflow:auto}
#project_contentgoogle{line-height:1.3em;background-image:url('img_system/background.png');background-repeat:repeat;padding:13px 25px 30px 20px;overflow:hidden}
#project_intro{line-height:1.3em;background-image:url('img_system/background.png');background-repeat:repeat;padding:13px 0px 15px 20px;overflow:hidden;}
#project_intro2{line-height:1.3em;background-image:url('img_system/background.png');background-repeat:repeat;padding:13px 0px 15px 20px;overflow:hidden;}
#project_intro3{line-height:1.3em;background-image:url('img_system/background.png');background-repeat:repeat;padding:13px 0px 15px 20px;overflow:hidden;}
#project_intro4{line-height:1.3em;background-image:url('img_system/background.png');background-repeat:repeat;padding:13px 0px 15px 20px;overflow:hidden;}







#project_introIE6{line-height:1.3em;background-image:url('img_system/background.png');background-repeat:repeat;padding:13px 0px 15px 20px;overflow:hidden}

#project_introlofts{line-height:1.3em;background-image:url('img_system/background.png');background-repeat:repeat;padding:13px 0px 35px 20px;overflow:hidden}
#project_introloftssales{line-height:1.3em;background-image:url('img_system/background.png');background-repeat:repeat;padding:13px 0px 15px 20px;overflow:hidden}



#media_content,#home_content{line-height:1.3em;background-image:url('img_system/background.png');background-repeat:repeat;padding:13px 25px 10px 20px;overflow:hidden}

#contact_content{line-height:1.3em;background-image:url('img_system/background.png');background-repeat:repeat;padding:13px 0px 10px 20px;overflow:hidden}


#home_content{max-height:200px}
#project_content{max_height:175px}
/*#contact_content{max-height:200px}*/
#overview_content{max-height:330px}
#about_content{max-height:330px}
#about_thumbs{width:480px;float:left}



#about_content{line-height:1.2em;background-image:url('.');background-repeat:repeat;padding:15px 20px 0px 5px;overflow:auto}


#about_content{padding-right:0px}

#about_text{width:170px;float:left;padding:0px 0px 10px 30px}

p.about { 
	margin-top: 170px 
	}

p.about1 { 
	margin-top: 170px 
	}
	

#contact_content a{border-bottom-style:dotted;border-bottom-width:thin;border-bottom-color:#fff}
#contact_content a:hover{font-weight:; color:#fff;}

.two_cols{float:left;width:48%;}


/* groesse des thumbs previews */
.thumbs{/*width:450px;float:left;padding:0px 15px 5px 0px;*/}


/* single thumbs float left and set padding */
.thumbs div{float:left;padding:0px 0px 12px 15px;margin:0px;background:none;}
.thumbs90 div{float:left;padding:0px 0px 17px 15px;margin:0px;}
.thumbsside div{float:left;padding:0px 0px 19px 0px;margin:0px;}
.thumbssmall div{float:left;padding:0px 12px 7px 0px;margin:0px;}

/* size of single thumbs images */
.thumbs img{width:135px;height:101px;padding:0px;margin:0px}
.thumbs90 img{width:135px;height:135px;padding:0px;margin:0px}
.thumbssmall img{width:90px;height:68px;padding:0px;margin:0px}
.thumbs p{padding:0px;text-align:center;width:100%;font-weight:bold;text-transform:;font-size:12px; color:#fff;}
.thumbs90 p{padding:0px;text-align:center;width:100%;font-weight:bold;text-transform:;font-size:12px; color:#fff;}
.thumbsbio p{padding:0px;text-align:center;width:100%;font-weight:;text-transform:;font-size:12px; color:#fff;}
.thumbs a{padding:0px}



/* set attributes of overviewtext */
/*.overviewtext{width:27%;float:left;padding:0px 15px 10px 10px}*/

/*h3{font-size:12px;margin:0px;padding:0px;padding-bottom:12px}*/
.overview h2{overflow:hidden;max-height:16px;line-height:16px}


#bio_head{display:inline}
#bio_details{position:absolute;left:150px;top:4px;padding-right:20px}

.bio {display:; color:#fff;}
.bio p{display:block;}
.bio_name{text-transform:;font-weight:bold}
.bio_name1{text-transform:uppercase;font-weight:bold; margin-top: 168px}
.bio_name2{text-transform:uppercase;font-weight:bold; margin-top: 338px}
.bio_job{font-weight:normal;text-transform:;margin-bottom:12px}
.bio_contact{font-weight:normal;text-transform:uppercase}
.bio a{font-weight:normal;text-transform:;display:block; color:#777;}
.bio a:hover{font-weight:; color:#fff;}

.fake{visibility:hidden}

.media_entry{padding-bottom:3px; max-width:515px;}
.media_entry p{display:inline}
.media_entry a{border-bottom-style:dotted;border-bottom-width:thin;border-bottom-color:#888; color:#888;}
.media_entry a:hover{font-weight:; color:#fff;}



.white{color:#fff}

dl{margin:10px 0}
dt,dd p{padding:15px 0 25px 0;display:block;border-top-width:1px;width:440px}
dt{text-transform:uppercase;padding:0 5px;cursor:pointer;line-height:20px;height:20px;font-weight:bold;width:430px}
dd{height:0px;overflow:hidden;width:440px}

 {position:absolute;bottom:42px;right:40px;height:20px;overflow:hidden;display:none;opacity:0.7;filter:alpha(opacity=70);z-index:90;}

#fotos a{z-index:90;height:18px;width:18px;line-height:17px;font-size:11px;text-align:center;cursor:pointer;color:#fff;float:left;margin-left:0px;background:#000;font-weight:bold;overflow:hidden}
#fotos a:hover{background:#fff;color:#000}

#navlist li
{
display: inline;
list-style-type: none;
padding-right: 0px;
}

table.sample {
border-collapse:collapse;
color:#fff;
font-family:Verdana,Arial,Tahoma,sans-serif;
font-size:12px;
line-height:1.3em;
}

table.sample td {
border:1px solid #FFFFFF;
color:#fff;
padding:0 15px;
text-align:left;
}

#rotate {
position:absolute;
left:146px;
bottom:112px;
z-index:120;
display: none;
}

#rotatelofts {
position:absolute;
left:147px;
bottom:115px;
z-index:120;
display: none;
}

.back {
position:absolute;
left:250px;
bottom:67px;
z-index:470;
display:none;
}

.back1 {
position:absolute;
left:250px;
bottom:81px;
z-index:470;
display:none;
}

.backusa {
position:absolute;
left:250px;
bottom:27px;
z-index:470;
display:none;
}

.backsales {
position:absolute;
left:250px;
bottom:39px;
z-index:470;
display:none;
}

.backip {
position:absolute;
left:250px;
bottom:53px;
z-index:470;
display:none;
}


/* vorher nachher fade 12 or 6 images */











.vorherveit {
position:absolute;
left:530px;
top:113px;
z-index:470;
display:none;
width: 90;
height: 69;
list-style: none;
}

#vorherveitlink {
position:absolute;
left:530px;
top:113px;
z-index:111471;
display:block;
width: 190;
height: 69;
list-style: none;
}

.vorherveit li {
	padding: 0;
	margin: 0 px;
	float: left;
	position: relative;
	text-align: center;
	width: 90px;
	height: 69px;
	padding: 0px 0px 0px 0px;
	/*background-image:url('vorher.png');
	background-repeat:repeat;*/
	background: #000;
	opacity:0.7;filter:alpha(opacity=70);
}

.vorherkranz6 {
position:absolute;
left:326px;
top:113px;
z-index:111470;
display:none;
list-style: none;
width: 204px;
display: inline;
}

#vorherkranzlink1 {
position:absolute;
left:326px;
top:113px;
z-index:111470;
display:block;
list-style: none;
width: 90px;

}

#vorherkranzlink2 {
position:absolute;
left:426px;
top:113px;
z-index:111470;
display:block;
list-style: none;
width: 90px;

}



.vorherkranz6 li {
	padding: 0;
	margin: 0 px;
	float: left;
	position: relative;
	text-align: center;
	width: 90px;
	height: 75px;
	padding: 0px 0px 0px 0px;
	/*background-image:url('vorher.png');
	background-repeat:repeat;*/
	background: #000;
	opacity:0.7;filter:alpha(opacity=70);
	display: inline;
}

.vorherkranz8 {
position:absolute;
left:428px;
top:113px;
z-index:470;
display:none;
width: 90;
height: 68;
list-style: none;
}

#vorherkranzlink {
position:absolute;
left:428px;
top:113px;
z-index:111471;
display:block;
width: 90;
height: 68;
list-style: none;
}



.vorherkranz8 li {
	padding: 0;
	margin: 0 px;
	float: left;
	position: relative;
	text-align: center;
	width: 90px;
	height: 70px;
	padding: 0px 0px 0px 0px;
	/*background-image:url('vorher.png');
	background-repeat:repeat;*/
	background: #000;
	opacity:0.7;filter:alpha(opacity=70);
}

.vorherschott {
position:absolute;
left:530px;
top:34px;
z-index:470;
display:none;
width: 90;
height: 68;
list-style: none;
}

#vorherschottlink {
position:absolute;
left:530px;
top:34px;
z-index:11470;
display:block;
width: 90;
height: 68;
list-style: none;
}



.vorherschott li {
	padding: 0;
	margin: 0 px;
	float: left;
	position: relative;
	text-align: center;
	width: 90px;
	height: 69px;
	padding: 0px 0px 0px 0px;
	/*background-image:url('vorher.png');
	background-repeat:repeat;*/
	background: #000;
	opacity:0.7;filter:alpha(opacity=70);
}

.vorherschind {
position:absolute;
left:428px;
top:113px;
z-index:470;
display:none;
width: 90;
height: 68;
list-style: none;
}

#vorherschindlink {
position:absolute;
left:428px;
top:113px;
z-index:11470;
display:block;
width: 90;
height: 68;
list-style: none;
}



.vorherschind li {
	float: left;
	position: relative;
	text-align: center;
	width: 90px;
	height: 68px;
	padding: 0px 0px 0px 0px;
	/*background-image:url('vorher.png');
	background-repeat:repeat;*/
	background: #000;
	opacity:0.7;filter:alpha(opacity=70);
}

.vorhersieben {
position:absolute;
left:428px;
top:34px;
z-index:470;
display:none;
width: 90;
height: 68;
list-style: none;
}

#vorhersiebenlink {
position:absolute;
left:428px;
top:34px;
z-index:11470;
display:block;
width: 90;
height: 68;
list-style: none;
}



.vorhersieben li {
	padding: 0;
	margin: 0 px;
	float: left;
	position: relative;
	text-align: center;
	width: 90px;
	height: 69px;
	padding: 0px 0px 0px 0px;
	/*background-image:url('vorher.png');
	background-repeat:repeat;*/
	background: #000;
	opacity:0.7;filter:alpha(opacity=70);
}

.vorherhoern {
position:absolute;
left:224px;
top:113px;
z-index:470;
display:none;
list-style: none;
width: 192px;
}

#vorherhoernlink1 {
position:absolute;
left:224px;
top:113px;
z-index:11470;
display:block;
list-style: none;
width: 90px;
}

#vorherhoernlink2 {
position:absolute;
left:326px;
top:113px;
z-index:11470;
display:block;
list-style: none;
width: 90px;
}



.vorherhoern li {
	padding: 0;
	margin: 0 px;
	float: left;
	position: relative;
	text-align: center;
	width: 90px;
	height: 68px;
	padding: 0px 0px 0px 0px;
	/*background-image:url('vorher.png');
	background-repeat:repeat;*/
	background: #000;
	opacity:0.7;filter:alpha(opacity=70);
	display: inline;
}

.vorherneubau {
position:absolute;
left:428px;
top:34px;
z-index:470;
display:none;
width: 90;
height: 68;
list-style: none;
}

#vorherneubaulink {
position:absolute;
left:428px;
top:34px;
z-index:111470;
display:block;
width: 90;
height: 68;
list-style: none;
}



.vorherneubau li {
	padding: 0;
	margin: 0 px;
	float: left;
	position: relative;
	text-align: center;
	width: 90px;
	height: 69px;
	padding: 0px 0px 0px 0px;
	/*background-image:url('vorher.png');
	background-repeat:repeat;*/
	background: #000;
	opacity:0.7;filter:alpha(opacity=70);
}

.vorherneubau1 {
position:absolute;
left:20px;
top:34px;
z-index:470;
display:none;
width: 90;
height: 68;
list-style: none;
}



.vorherneubau1 li {
	padding: 0;
	margin: 0 px;
	float: left;
	position: relative;
	text-align: center;
	width: 90px;
	height: 69px;
	padding: 0px 0px 0px 0px;
	/*background-image:url('vorher.png');
	background-repeat:repeat;*/
	background: #000;
	opacity:0.7;filter:alpha(opacity=70);
}

.vorhertraz {
position:absolute;
left:122px;
top:113px;
z-index:470;
display:none;
width: 306px;
height: 68;
list-style: none;

}

#vorhertrazlink1 {
position:absolute;
left:122px;
top:113px;
z-index:11470;
display:block;
width: 90px;
height: 68;
list-style: none;

}

#vorhertrazlink2 {
position:absolute;
left:222px;
top:113px;
z-index:11470;
display:block;
width: 90px;
height: 68;
list-style: none;

}

#vorhertrazlink3 {
position:absolute;
left:322px;
top:113px;
z-index:11470;
display:block;
width: 90px;
height: 68;
list-style: none;

}



.vorhertraz li {
	padding: 0;
	margin: 0 px;
	float: left;
	position: relative;
	text-align: center;
	width: 90px;
	height: 68px;
	padding: 0px 0px 0px 0px;
	/*background-image:url('vorher.png');
	background-repeat:repeat;*/
	background: #000;
	opacity:0.7;filter:alpha(opacity=70);
	display: inline;
}

.vorhersal {
position:absolute;
left:326px;
top:113px;
z-index:470;
display:none;
width: 90;
height: 68;
list-style: none;
}

#vorhersallink {
position:absolute;
left:326px;
top:113px;
z-index:111470;
display:block;
width: 90;
height: 68;
list-style: none;
}



.vorhersal li {
	padding: 0;
	margin: 0 px;
	float: left;
	position: relative;
	text-align: center;
	width: 90px;
	height: 69px;
	padding: 0px 0px 0px 0px;
	/*background-image:url('vorher.png');
	background-repeat:repeat;*/
	background: #000;
	opacity:0.7;filter:alpha(opacity=70);
}




/* vorher nachher muehl */


.vorhermuehl {
position:absolute;
left:569px;
bottom:245px;
z-index:470;
display:none;
width: 90;
height: 68;
list-style: none;
}





.vorhermuehl li {
	padding: 0;
	margin: 0 px;
	float: left;
	position: relative;
	text-align: center;
	width: 90px;
	height: 68px;
	padding: 0px 0px 0px 0px;
	/*background-image:url('vorher.png');
	background-repeat:repeat;*/
	background: #000;
	opacity:0.7;filter:alpha(opacity=70);
}



























.menu {
	margin: 0px 0 0;
	padding: 0px 0px 0px 6px;
	list-style: none;
}
.menu li {
	padding: 0;
	margin: 0 px;
	float: left;
	position: relative;
	text-align: center;
	width: 145px;
	height: 145px;
	padding: 0px 13px 28px 0px;
}
.menu a {
	padding: 0px 10px;
	display: block;
	color: #000000;
	width: 135px;
	text-decoration: none;
	font-weight: ;
	z-index: 3000;
}
.menu li em {
	background: #000;
	position: absolute;
	top: 0px;
	left: 0px;
	text-align: center;
	padding: 0px 0px 0px;
	font-style: normal;
	z-index: 2;
	display: none;
	width: 135px;
	top: 115px;
	left: 10px
}

.menu li p {
	
	position: absolute;
	top: 0px;
	left: 0px;
	text-align: center;
	padding: 0px 0px 0px;
	font-style: normal;
	z-index: 2;
	display: none;
	width: 145px;
	top: 105px;
	left: 10px
}

#map { width:670px; height:370px; }