@charset "UTF-8";
/* beige E5DEBD , dunkelgrau 504F4B , hellbeige EBE8D2 */


html {
	overflow-x: hidden; 
	}

body {
	background-color: #FFF;
	font-family: Mako, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	background-attachment: fixed;
	margin:0px;
	padding:0px;
	width: 100%;
	height: 30000px;
	overflow-x: hidden;
	}
	
ul { 
	list-style-type: none; 
	} 

	
a	{
	color: #504F4B;
	text-decoration:none;
	outline: none;
	}
	
a:hover {
	color: #AAA;
	text-decoration: none; 
}

a:active {
    color: #AAA; 
    text-decoration: none;
}

a:focus {
    color: #AAA; 
    text-decoration: none;   
}
	
	
a img { border:none;}	
 	
	
a.wunder	{
	color: #BFAE71;
	text-decoration:none;
	outline: none;
	}	
	
a.wunder:hover	{
	color: #504F4B;
	text-decoration:none;
	outline: none;
	}		
	
a.wunder img	{
	display:none;
	}	
	
a.wunder:hover img	{
	color: #504F4B;
	text-decoration:none;
	outline: none;
	display: inherit;
	}			
	
a.wunder:focus	{
	color: #123;
	text-decoration:none;
	outline: none;
	}	
	
		
h1 {
	color: #504F4B;
	font-size: 15px;
	font-family: Mako, Arial, Helvetica, sans-serif;
	font-style: normal ;
	font-weight:100;
	line-height: 22px;
	letter-spacing: 0.1em;
	width: 515px;
	z-index: 100;
	}
		
h2 {
	color: #CCC;
	background: #;
	font-size: 15px;
	font-family: Mako, Arial, Helvetica, sans-serif;
	font-weight:100;
	line-height: 195px;
	width: 515px;
	z-index: 100;
	}
	
	
p { 
	background: #;
	color: #504F4B;
	font-size: 15px;
	font-family: Mako, Arial, Helvetica, sans-serif;
	font-style: normal;
	line-height: 22px;
	letter-spacing: 0.0em;
	position: absolute;
	padding-top: 215px;
	width: 515px;
	z-index: 100;
	} 	

.versal{
	color: #504F4B;
	font-size: 12px;
	letter-spacing: 0.1em;
}

.versal_grau{
	color: #AAA;
	font-size: 12px;
	letter-spacing: 0.1em;
}

.verweis{
	color: #504F4B;
	font-size: 12px;
	letter-spacing: 0.05em;
	text-decoration: none; 
    outline: none;
	}
	
.referenzen{
	color: #504F4B;
	font-size: 12px;
	line-height: 25px;
	letter-spacing: 0.09em;
	text-decoration: none; 
    outline: none;
	}
	
a.vor{
	background: #;
	position: absolute;
	color: #504F4B;
	font-size:15px;
	padding-top: 196px;
	padding-left: 445px;
	letter-spacing: 0.05em;
	text-decoration: none; 
    outline: none;
    z-index: 129;
	}
	
a.vor:hover{
	background: #;
	position: absolute;
	color: #AAA;
	text-decoration: none; 
    outline: none;
	}
	
a.back{
	background: #;
	position: absolute;
	color: #AAA;
	font-size:15px;
	padding-top: 196px;
	padding-left: 400px;
	letter-spacing: 0.05em;
	text-decoration: none; 
    outline: none;
    z-index: 130;
	}	
	
a.back:hover{
	background: #;
	position: absolute;
	color: #504F4B;
	text-decoration: none; 
    outline: none;
	}

	
/* -------------------------------------------------------------------------- */

#box_img { 
	background: #;
	position: absolute;
	top: 303px;
	left: 0px;
	z-index: 8;
	}
	
#box_img2 { 
	background: #;
	position: absolute;
	top: 325px;
	left: 0px;
	z-index: 8;
	}
	
#box_img3 { 
	background: #;
	position: absolute;
	top: 281px;
	left: 0px;
	z-index: 8;
	}
	
#box0 { 
	background: #;
	position: absolute;
	top: 0px;
	left: 260px;
	z-index: 105;
	}
	
#box1 { 
	background: #;
	position: absolute;
	top: 1000px;
	left: 260px;
	z-index: 100;
	}
	
#box2 { 
	background: #;
	position: absolute;
	top: 2000px;
	left: 260px;
	z-index: 100;
	}
	
#box3 { 
	background: #;
	position: absolute;
	top: 3000px;
	left: 260px;
	z-index: 102;
	}
	
#box3_img1 { 
	background: #;
	position: absolute;
	top: 500px;
	left: 0px;
	z-index: 102;
	}
	
#box3_img2 { 
	background: #;
	position: absolute;
	top: 130px;
	left: 150px;
	z-index: 102;
	}
	
#box4 { 
	background: #;
	position: absolute;
	top: 4000px;
	left: 260px;
	z-index: 100;
	}
	
#box5 { 
	background: #;
	position: absolute;
	top: 5000px;
	left: 260px;
	z-index: 100;
	}
	
#box6 { 
	background: #;
	position: absolute;
	top: 6000px;
	left: 260px;
	z-index: 100;
	}
	
#box7 { 
	background: #;
	position: absolute;
	top: 7000px;
	left: 260px;
	z-index: 7;
	}
	
#box7_ref  { 
	background: #E5DEBD;
	position: absolute;
	top: 7400px;
	left: 260px;
	width: 515px;
	padding-left: 0px;
	margin: 0px;
	z-index: 107;
	}
	
#box8 { 
	background: #;
	position: absolute;
	top: 8000px;
	left: 260px;
	width:800px;
	height:900px;
	z-index: 7;
	}
	
#box9 { 
	background: #;
	position: absolute;
	top: 9000px;
	left: 260px;
	z-index: 7;
	}
	
#box10 { 
	background: #;
	position: absolute;
	top: 10000px;
	left: 260px;
	z-index: 7;
	}
	
#box11 { 
	background: #;
	position: absolute;
	top: 11000px;
	left: 260px;
	z-index: 7;
	}
	
#box12 { 
	background: #;
	position: absolute;
	top: 12000px;
	left: 260px;
	z-index: 7;
	}
	
#box13 { 
	background: #;
	position: absolute;
	top: 13000px;
	left: 260px;
	z-index: 7;
	}
	
#box14 { 
	background: #;
	position: absolute;
	top: 14000px;
	left: 260px;
	z-index: 7;
	}
	
#box15 { 
	background: #;
	position: absolute;
	top: 15000px;
	left: 260px;
	z-index: 7;
	}
	
#box16 { 
	background: #;
	position: absolute;
	top: 16000px;
	left: 260px;
	z-index: 7;
	}
	
#box17 { 
	background: #;
	position: absolute;
	top: 17000px;
	left: 260px;
	z-index: 7;
	}
	
#box18 { 
	background: #;
	position: absolute;
	top: 18000px;
	left: 260px;
	z-index: 7;
	}
	
#box19 { 
	background: #;
	position: absolute;
	top: 19000px;
	left: 260px;
	z-index: 7;
	}
	
#box20 { 
	background: #;
	position: absolute;
	top: 20000px;
	left: 260px;
	z-index: 7;
	}
	
#box21 { 
	background: #;
	position: absolute;
	top: 21000px;
	left: 260px;
	z-index: 7;
	}

	
#box_kontakt { 
	background: #;
	position: absolute;
	top: 23000px;
	left: 260px;
	z-index: 100;
	}
		
	
#box_impressum { 
	background: #;
	position: absolute;
	top: 24000px;
	left: 260px;
	z-index: 100;
	}
	
#box_ende { 
	background: #;
	position: absolute;
	top: 30720px;
	left: 260px;
	z-index: 100;
	}
	
	

/* -------------------------------------------------------------------------- */

#bar1 { top: 1000px;margin-top: 250px; background: #;}
#bar2 { top: 2000px;margin-top: 275px; background: #;}
#bar3 { top: 3000px;margin-top: 300px; background: #;}
#bar4 { top: 4000px;margin-top: 325px; background: #;}
#bar5 { top: 5000px;margin-top: 350px; background: #;}
#bar6 { top: 6000px;margin-top: 375px; background: #;}
#bar7 { top: 7000px;margin-top: 400px; background: #;}
#bar23 { top: 23000px;margin-top: 450px; background: #;}

.bar_farbe{ 
	background: #504F4B;
	position: absolute;
	left: 50px;
	width: 15px;
	height: 1px; 
	z-index: 120;
	}

/* -------------------------------------------------------------------------- */
#trans  {
	background: #E5DEBD;
	position: fixed;
	top: 300px;
	left: 240px;
	width:100%;
	height: 200px;
	opacity: .7;
	filter:alpha(opacity=70);
	z-index: 100;
}

#linie   {
	background: #999;
	position: fixed;
	top: 220px;
	left: 260px;
	width:100%;
	height: 1px;
	z-index: 101;
}

#linie_w   {
	background: #FFF;
	position: absolute;
	top: 220px;
	left: 260px;
	width:100%;
	height: 500px;
	z-index: 102;
}


#megapostit   {
	background: #FFF;
	position: fixed;
	top: 1000px;
	left: 240px;
	width: 100%;
	height: 1000px;
	z-index: 103;
}

#teppich   {
	background: #FFF;
	position: absolute;
	top: 0px;
	left: 240px;
	width: 700px;
	height: 6990px;
	z-index: 9;
}


#teppich2   {
	background: #FFF;
	position: absolute;
	top: 22000px;
	left: 240px;
	width: 700px;
	height: 9000px;
	z-index: 9;
}


/* -------------------------------------------------------------------------- */

#streifen6   {
	background: #E5DEBD;
	position: absolute;
	top: 1650px;
	left: 240px;
	width:100%;
	height: 140px;
	z-index: 14;
}

#streifen7   {
	background: #E5DEBD;
	position: absolute;
	top: 2000px;
	left: 240px;
	width:100%;
	height: 181px;
	z-index: 14;
}

#streifen8   {
	background: #E5DEBD;
	position: absolute;
	top: 3700px;
	left: 240px;
	width:100%;
	height: 407px;
	z-index: 14;
}

#streifen9   {
	background: #E5DEBD;
	position: absolute;
	top: 22000px;
	left: 240px;
	width: 100%;
	height: 700px;
	z-index: 14;
}


#streifen11   {
	background: #504F4B;
	position: absolute;
	top: 23125px;
	left: 240px;
	width:100%;
	height: 8px;
	z-index: 14;
}

#streifen_ref   {
	background: #E5DEBD;
	position: absolute;
	top: 7200px;
	left: 240px;
	width:100%;
	height: 280px;
	z-index: 2;
}


#weiss1   {
	background: #789;
	position: absolute;
	top: 800px;
	left: 240px;
	width: 2000px;
	height: 3000px;
	z-index: 11;
}


#foot   {
	background: #504F4B;
	position: fixed;
	bottom: 15px; 
	left: 240px;
	width:100%;
	height: 8px;
	padding-left: 20px;
	z-index: 120;

}

#streifen_ganz_unten   {
	background: #123;
	position: absolute;
	top: 21000px; 
	left: 240px;
	width: 2000px;
	height: 80px;
	z-index: 120;

}

/* ---------------------------------------------------------- */


#navi0  { 
	background: transparent;
	position: fixed;
	top: 145px;
	left: 50px;
	width: 190px;
	height: 35px;
	z-index: 121;
}

#navi0 a  { 
    text-decoration: none; 
    outline: none;
    color: #FFF; 
    background-color: #;
}

#navi0 a:hover  { 
    text-decoration: none; 
    color: #AAA; 
    background-color: #;
}

#navi_left {
	background:#;
	padding-left: 0px;
	top: 217px;
	left: 50px;
	position: fixed;
	width: 190px;
	height: 300px;
	background-color: #;
}

#navi_left a {
    outline: none;
    color: #504F4B; 
    text-decoration: none;
}

#navi_left a:hover {
    color: #AAA; 
    text-decoration: none;
}

#navi_left a:active {
    color: #123; 
    text-decoration: none;
}

#navi_left a:focus {
    color: #AAA; 
    text-decoration: none;
}

#navi_rechts {
	background:#;
	top: 6px;
	left: 260px;
	position: fixed;
	width: 515px;
	height: 175px;
	background-color: #;
	display: inline;
	padding-left: 0px;
	margin: 0px;
	z-index: 8;
}

#navi_rechts li {display: inline;}

#navi_rechts a {
    outline: none;
	color: #AAA;
	text-decoration: none; 
}

#navi_rechts a:hover {
	color: #504F4B;
	text-decoration: none; 
}

#navi_rechts a:active {
	color: #BFAE71;
	text-decoration: none; 
}

#navi_rechts a:focus {
	color: #504F4B;
	text-decoration: none; 
}

#navi_rechts2 {
	background:#;
	top: 8190px;
	left: 700px;
	position: absolute;
	background-color: #;
	margin: 0px;
	z-index: 130;
}

#navi_rechts2 a {
	color: #AAA;
	background-color: #123;
	text-decoration: none; 
}

#navi_rechts2 a:hover {
	color: #504F4B;
	background-color: #789;
	text-decoration: none; 
}

#navi_rechts2 a:active {
	color: #FF3333;
	background-color: #E5DEBD;
	text-decoration: none; 
}

#navi_rechts2 a:focus {
	color: #504F4B;
	background-color: #BFAE71;
	text-decoration: none; 
}


#navi_unten {
	background:#;
	bottom: 15px;
	left: 50px;
	position: fixed;
	width: 185px;
	height: 10px;
	background-color: #;
	display:inline;
	padding-left: 0px;
	margin: 0px;
	z-index: 100;
}

#navi_unten li {display: inline;}

#navi_unten a {
	color: #504F4B;
	text-decoration: none; 
}

#navi_unten a:hover {
	color: #AAA;
	text-decoration: none; 
}

#navi_unten a:active {
	color: #FF3333;
	text-decoration: none; 
}

#navi_unten a:focus {
	color: #504F4B;
	text-decoration: none; 
}




/* -------------------------------------------------------------------------- */

.menu0 {
	color: #FFF;
	font-family: Mako, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 17px;
	font-style: normal;
	letter-spacing: 0.08em;
	margin: 0; 
    padding: 0;
	z-index: 121;
}

	
.menu_left {
	color: #AAA;
	font-family: Mako, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 25px;
	font-style: normal;
	letter-spacing: 0.09em;
	z-index: 121;
}

.menu_bildwechsel {
	color: #AAA;
	font-family: Mako, Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 22px;
	font-style: normal;
	letter-spacing: 0.0em;
	z-index: 121;
}


.menu_unten {
	color: #504F4B;
	font-family: Mako, Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 10px;
	font-style: normal;
	letter-spacing: 0.08em;
	z-index: 121;
}

/* -------------------------------------------------------------------------- */

#header {
	background: #;
	position: fixed;
	left: 0px;
	width: 239px;
	text-align: left;
	z-index: 120;
}

.logo1{
	background: #;
	top: 0;
	height: 107px;
	background-color: #E5DEBD;
}


.logo2   {
	background: #;
	top: 125px;
	height: 8px;
	background-color: #504F4B;
}

.logo3   {
	background: #;
	top: 141px;
	height: 40px;
	background-color: #504F4B;
}

#header_r {
	background: #;
	position: absolute;
	left: 240px;
	width:100%;
	z-index: 120;
}

#ladebalken {
	background: #;
	position: absolute;
}


#counter {
	background: #;
	position: absolute;
	width: 100px; 
	text-align: left;
	z-index: 105;
}

#status {
	background: #FFF;
	position: absolute;
	top:233px; 
	left: 260px; 
	width:0px; 
	height: 16px; 
	font-size:8px;
    border: none; 
	z-index: 104;
}


#ladebalken_start   {
	background: #504F4B;
	position: absolute;
	top: 236px;
	left: 260px;
	width: 220px;
	height:10px;
	font-family: Mako, Arial, Helvetica, sans-serif;
	font-style: normal;
	color: #504F4B;
	font-size: 12px;
	letter-spacing: 0.1em;
	z-index: 103;
}

#preload {
	display: none
}

#preload img {
	height: 0; width: 0; border: none;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: -30;
}

.noscript {
	color: #FFF;
	background-color: #FF3300;
	font-size: 25px;
	font-family: Mako, Arial, Helvetica, sans-serif;
	font-style: normal ;
	letter-spacing: 0.05em;
	width: 515px;
	top: 300px;
	left: 260px;
	height: 100px;
	width: 500px;
	text-align: center;
	position: fixed;
	z-index: 130;
	}