html {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	background: #685e5d;	
}

body {
	margin: 60px 0px 0px -450px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	background: #fff;
	border: 1px solid #685e5d;
	width: 900px;
	left: 50%;
	position: absolute;
	clear: both;
}

.schnee {
	border: 0px;
	width: 900px;
	display: block;
	position: absolute;
	z-index: 1;
}

body>.schnee{position:fixed;}

#header {
	border: 0px;
	width: 900px;
	height: 100px;
	z-index: 2;
}

#menuebereich {
	border: 0px;
	width: 400px;
	height: 250px;
	float: left;
	z-index: 2;
}

#bildbereichoben {
	border: 0px;
	left: 400px;
	height: 250px;
	z-index: 2;
}

#bildbereichoben img{
	border: 0px;
	padding-top: 140px;
	left: 400px;
}

#bildbereichobenhome {
	border: 0px;
	padding-right: 60px;
	height: 350px;
	z-index: 2;
}

#bildbereichobenhome img{
	border: 0px;
	padding-top: 0px;
}


#bildbereichlinks {
	border: 0px;
	width: 480px;
	clear: left;
	float: left;
	z-index: 2;
}

#bildbereichlinks img {
	padding-top: 3%;
	padding-right: 30px;
}

#bildbereichlinks img.home {
	padding-top: 0px;
}

#bildbereichlinks img.danke {
	padding-top: 0px;
}

#bildbereichlinks img.makingof {
	padding: 20px 0px 0px 74px;
}

#bildbereichlinks p {
	text-align: left;
	font-size: 7pt;
	margin-left: 153px;
	padding-bottom: 1px;
	width: 64%;
}

#bildbereichlinks p.makingof {
	text-align: left;
	font-size: 7pt;
	margin-left: 74px;

}

#bildbereichlinks span {
	text-align: left;
	font-size: 7pt;
	float: left;
	margin-left: 153px;
	margin-top: -10px;
	padding-bottom: 1px;
}

#textbereich {
	border: 0px;
	margin-right: 30px;
	margin-top: 0px;
	left: 480px;
	float: left;
	width: 38%;
	z-index: 10;
}

#textbereich h1 {
	font-size: 10pt;
	color: #685e5d;
	text-align: left;
	font-weight: bold;
	line-height: 18pt;
	z-index: 2;
}

#textbereich a {
	color: #685e5d;
	font-weight: bold;
	text-decoration: none;	
	z-index: 2;
}

#textbereich p {
	font-size: 8pt;
	text-align: left;
	font-weight: normal;
	line-height: 18pt;
	z-index: 2;
}

#textbereichhome {
	border: 0px;
	margin-right: 30px;
	margin-top: -80px;
	left: 480px;
	float: left;
	width: 38%;
	z-index: 10;
}
#textbereichhome h1 {
	font-size: 10pt;
	color: #685e5d;
	text-align: left;
	font-weight: bold;
	line-height: 18pt;
	z-index: 2;
}

#textbereichhome a {
	color: #685e5d;
	font-weight: bold;
	text-decoration: none;	
	z-index: 2;
}

#textbereichhome p {
	font-size: 8pt;
	text-align: left;
	font-weight: normal;
	line-height: 18pt;
	z-index: 2;
}


#textbereichanheuern {
	border: 0px;
	margin-right: 30px;
	margin-top: -235px;
	left: 480px;
	float: left;
	width: 38%;
	z-index: 10;
}
#textbereichanheuern h1 {
	font-size: 10pt;
	color: #685e5d;
	text-align: left;
	font-weight: bold;
	line-height: 18pt;
	z-index: 2;
}

#textbereich .anheuern{
	margin-bottom: 150px;
}

#textbereichanheuern a {
	color: #685e5d;
	font-weight: bold;
	text-decoration: none;	
	z-index: 2;
}

#textbereichanheuern p {
	font-size: 8pt;
	text-align: left;
	font-weight: normal;
	line-height: 18pt;
	z-index: 2;
}




#textbereich p.referenzen {
	line-height: 28.5pt;
}

#textbereich p.lieblinge {
	background: url(bild/motivlieblinge.gif) no-repeat right bottom;
}

/*#textbereich p.home {
	background: url(bild/motivhome.gif) no-repeat right bottom;
}*/

#footer {
	margin-top: 20px; 
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 0;	
	padding: 0px;
	clear: both;
	border-top: 1px solid #685e5d;
	width: 900px;
	height: 80px;
	float: left;
	background: #fff;
	z-index: 2;
}

#footer h1 {
	margin: 0px 0px 0px 73px;	
	padding: 20px 0px 0px 0px;
	font-size: 8pt;
	color: #685e5d;
	text-align: left;
	text-indent: 5px;
}

#footer span#adr {
	margin: 0px 30px 0px 0px;	
	padding: 0px 0px 0px 10px;
	border: 0px;
	width: 26em;
	float: right;
	background: #685e5d;
	font-size: 8pt;
	text-align: left;
	color: #fff;
	line-height: 13pt;
	font-weight: bold;
	height: 80px;	
}

#footer a {
	color: #fff;
	text-decoration: none;
}
	
#footer a:hover {
	color: #fff;
	text-decoration: underline;
}

#menudanke {
	position: absolute;
	margin: 0;
	padding: 0;
	z-index: 2;
}

ul#menudanke {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

ul#menudanke li {
	margin: 0;
	padding: 0;
}

ul#menudanke li span {
	display: block;
	background: url(bild/menu_dankeH.gif) no-repeat 75px 0px;
	margin-top: 0px;
	padding-top: 0px;
	width: 342px;
	font-size: 8pt;
	text-indent: 270px;
	text-align: left;
	color: #fff;
	height: 25px;
	line-height: 15px;
}

ul#menudanke li a {
	display: block;
	width: 151px;
	text-indent: 80px; 
	text-decoration: none;
	background: url(bild/menu_danke.gif) no-repeat 75px 0px transparent;
	margin-top: 0px;
	padding-top: 0px;
	text-align: left;
	color: #fff;
	font-size: 8pt;
	height: 25px;
	line-height: 15px;
}

ul#menudanke li a:hover {
	text-decoration:none;
	display: block;
	background: url(bild/menu_dankeH.gif) no-repeat 75px 0px;
	margin-top: 0px;
	padding-top: 0px;
	width: 342px;
	font-size: 8pt;
	text-indent: 270px;
	text-align: left;
	color: #fff;
	height: 25px;
	line-height: 15px; 
}

#marginbottom {
	width: 902px;
	background: #685e5d; 
	position: absolute;
	bottom: -60px;
	left: -1px;
	height: 60px;
	border-top: 1px solid #b2ada9;	
}

/*Logo */
.logo {
	margin-right: 80px;  
	margin-top: 40px;
	border: 0;
	float: right;	
}

/*Flag Menu*/
#menuflag {display:block; height:25px; margin-left:66px; margin-right: 5px; margin-top: 10px;}
#menuflag ul {margin:0; padding:0; list-style-type:none;}
#menuflag li {display:block; float:left; margin-right:1px; width:30px;}
#menuflag li.list1t {background: url(bild/flagge-de.gif) no-repeat;}
#menuflag li.list2t {background: url(bild/flagge-fr.gif) no-repeat;}
#menuflag li.list3t {background: url(bild/flagge-en.gif) no-repeat;}
#menuflag a {display:block; width:30px; padding-top:5px; color:#000; text-decoration:none; text-align:center; color:#b2ada9; font-size: 8pt; }

#menuflag a#item1t {background: url(bild/flagge-de_bg.gif) 4px 4px no-repeat;}
#menuflag a#item2t {background: url(bild/flagge-fr_bg.gif) 4px 4px no-repeat;}
#menuflag a#item3t {background: url(bild/flagge-en_bg.gif) 4px 4px no-repeat;}

#menuflag a#item1t:hover {background: url(bild/flagge-de.gif) 5px 5px no-repeat;}
#menuflag a#item2t:hover {background: url(bild/flagge-fr.gif) 5px 5px no-repeat;}
#menuflag a#item3t:hover {background: url(bild/flagge-en.gif) 5px 5px no-repeat;}

/* Menu mit rollover, menu déroulant */
#menu {
	height: 250px;
	float:left;
	width: 170px ;
	display: block;
	margin-left:10px;
}
  
ul#menu {
	margin: 0 ;
	padding: 0 ;
	list-style-type: none ;
}

ul#menu li {
	margin: 0 0 5px 0 ;
	padding: 0 0 0 0 ;
	display:block; 
	float:left;
}

ul#menu1 li a {
	display: block ; 
	top: 5px;
	width: 170px ;
	color: #000 ;
	text-indent: 80px ; 
	text-decoration: none ;
	text-align: left;
	padding: 2px;
	color: #fff;
	font-size: 8pt;
}

ul#menu li a:hover {
	display: block;
	top: 5px;
	width: 400px;
	font-size: 8pt;
	text-indent:270px;
	text-align: left;
	color: #fff; 
	float: left;
}
	
/* Item1 */	
ul#menu .li1 span {
	display: block; 
	top: 25%;
	width: 375px;
	line-height: 25px;
	color: #000;
	text-indent: 270px;
	text-align: left;
	background: url(bild/menu_zuhauseH.gif) no-repeat 0 -1px;
	color: #fff;
	font-size: 8pt;
	height: 25px;
	line-height: 33px;
}

ul#menu .li1 a {
	display: block; 
	top: 25%;
	width: 183px;
	line-height: 25px;
	color: #000;
	text-indent: 80px; 
	text-decoration: none;
	text-align: left;
	background: url(bild/menu_zuhause.gif) no-repeat 0 -1px;
	color: #fff;
	font-size: 8pt;
	height: 25px ;
	line-height: 33px;
}

ul#menu .li1 a:hover {
	display: block; 
	top: 25%;
	width: 375px;
	line-height: 25px;
	color: #000;
	text-indent: 270px;
	text-align: left;
	background: url(bild/menu_zuhauseH.gif) no-repeat 0 -1px;
	color: #fff;
	font-size: 8pt;
	height: 25px ;
	line-height: 33px;
}

/* Item2 */	
ul#menu .li2 span {
	display: block;
	width: 375px;
	background: url(bild/menu_philoH.gif) no-repeat 0 -2px;
	font-size: 8pt;
	text-indent: 270px;
	text-align: left;
	color: #fff;
	height: 25px;
	line-height: 33px;
}

ul#menu .li2 a {
	display: block; 
	width: 183px;
	line-height: 25px;
	color: #000;
	text-indent: 80px; 
	text-decoration: none;
	text-align: left;
	background: url(bild/menu_philo.gif) no-repeat 0 -2px;
	color: #fff;
	font-size: 8pt;
	height: 25px;
	line-height: 33px;	
}

ul#menu .li2 a:hover {
	display: block;
	width: 375px;
	background: url(bild/menu_philoH.gif) no-repeat 0 -2px;
	font-size: 8pt;
	text-indent: 270px;
	text-align: left;
	color: #fff;
	height: 25px;
	line-height: 33px;
}

/* Item3 */	
ul#menu .li3 span {
	display: block;
	width: 375px;
	background: url(bild/menu_lieblingeH.gif) no-repeat 0 -2px;
	font-size: 8pt;
	text-indent: 270px;
	text-align: left;
	color: #fff;
	height: 25px;
	line-height: 33px; 
}

ul#menu .li3 a {
	display: block; 
	width: 183px;
	line-height: 25px;
	color: #000;
	text-indent: 80px; 
	text-decoration: none;
	text-align: left;
	background: url(bild/menu_lieblinge.gif) no-repeat 0 -2px;
	color: #fff;
	font-size: 8pt;
	height: 25px;
	line-height: 33px;
}

ul#menu .li3 a:hover {
	display: block;
	width: 375px;
	background: url(bild/menu_lieblingeH.gif) no-repeat 0 -2px;
	font-size: 8pt;
	text-indent: 270px;
	text-align: left;
	color: #fff;
	height: 25px;
	line-height: 33px; 
}

/* Item4 */	
ul#menu .li4 span {
	display: block;
	width: 390px;
	background: url(bild/menu_portfolioH.gif) no-repeat 0 -2px;
	font-size: 8pt;
	text-indent: 270px;
	text-align: left;
	color: #fff; 
	height: 25px;
	line-height: 33px;
}

ul#menu .li4 a {
	display: block; 
	width: 200px;
	line-height: 25px;
	color: #000;
	text-indent: 80px; 
	text-decoration: none;
	text-align: left;
	background: url(bild/menu_portfolio.gif) no-repeat 0 -2px;
	color: #fff;
	font-size: 8pt;
	height: 25px;
	line-height: 33px; 
}

ul#menu .li4 a:hover {
	display: block;
	width: 390px;
	background: url(bild/menu_portfolioH.gif) no-repeat 0 -2px;
	font-size: 8pt;
	text-indent: 270px;
	text-align: left;
	color: #fff; 
	height: 25px;
	line-height: 33px;
}

/* Item5 */	
ul#menu .li5 span {
	display: block;
	width: 375px;
	background: url(bild/menu_referenzenH.gif) no-repeat 0 -2px;
	font-size: 8pt;
	text-indent: 270px;
	text-align: left;
	color: #fff;
	height: 25px;
	line-height: 33px;
}

ul#menu .li5 a {
	display: block; 
	width: 183px;
	line-height: 25px;
	color: #000;
	text-indent: 80px; 
	text-decoration: none;
	text-align: left;
	background: url(bild/menu_referenzen.gif) no-repeat 0 -2px;
	color: #fff;
	font-size: 8pt;
	height: 25px ;
	line-height: 33px; 
}

ul#menu .li5 a:hover {
	display: block;
	width: 375px;
	background: url(bild/menu_referenzenH.gif) no-repeat 0 -2px;
	font-size: 8pt;
	text-indent: 270px;
	text-align: left;
	color: #fff;
	height: 25px;
	line-height: 33px;
}

/* Item6 */	
ul#menu .li6 span {
	display: block;
	width: 390px;
	background: url(bild/menu_schatzkisteH.gif) no-repeat 0 -2px;
	font-size: 8pt;
	text-indent: 270px;
	text-align: left;
	color: #fff; 
	height: 25px;
	line-height: 33px;
}

ul#menu .li6 a {
	display: block; 
	width: 200px;
	line-height: 25px;
	color: #000;
	text-indent: 80px; 
	text-decoration: none;
	text-align: left;
	background: url(bild/menu_schatzkiste.gif) no-repeat 0 -2px;
	color: #fff;
	font-size: 8pt;
	height: 25px;
	line-height: 33px;	 
}

ul#menu .li6 a:hover {
	display: block;
	width: 390px;
	background: url(bild/menu_schatzkisteH.gif) no-repeat 0 -2px;
	font-size: 8pt;
	text-indent: 270px;
	text-align: left;
	color: #fff; 
	height: 25px;
	line-height: 33px;
}

/* Item7 */	
ul#menu .li7 span {
	display: block;
	width: 375px;
	background: url(bild/menu_anheuernH.gif) no-repeat 0 -2px;
	font-size: 8pt;
	text-indent: 270px;
	text-align: left;
	color: #fff; 
	height: 25px;
	line-height: 33px;
}

ul#menu .li7 a {
	display: block; 
	width: 183px;
	line-height: 25px;
	color: #000;
	text-indent: 80px; 
	text-decoration: none;
	text-align: left;
	background: url(bild/menu_anheuern.gif) no-repeat 0 -2px;
	color: #fff;
	font-size: 8pt;
	height: 25px;
	line-height: 33px;	 
}

ul#menu .li7 a:hover {
	display: block;
	width: 375px;
	background: url(bild/menu_anheuernH.gif) no-repeat 0 -2px;
	font-size: 8pt;
	text-indent: 270px;
	text-align: left;
	color: #fff; 
	height: 25px;
	line-height: 33px;
}

/* Item8 */	
ul#menu .li8 span {
	display: block;
	width: 375px;
	background: url(bild/menu_kontaktH.gif) no-repeat 0 -2px;
	font-size: 8pt;
	text-indent: 270px;
	text-align: left;
	color: #fff;
	height: 25px;
	line-height: 33px; 
}

ul#menu .li8 a {
	display: block; 
	width: 183px;
	line-height: 25px;
	color: #000;
	text-indent: 80px; 
	text-decoration: none;
	text-align: left;
	background: url(bild/menu_kontakt.gif) no-repeat 0 -2px;
	color: #fff;
	font-size: 8pt;
	height: 25px;
	line-height: 33px; 
}

ul#menu .li8 a:hover {
	display: block;
	width: 375px;
	background: url(bild/menu_kontaktH.gif) no-repeat 0 -2px;
	font-size: 8pt;
	text-indent: 270px;
	text-align: left;
	color: #fff;
	height: 25px;
	line-height: 33px; 
}

/* Box referenzen */	

#bildbereichreferenzen {
	border: 0px;
	width: 700px;
	padding-left: 200px;
	clear: left;
	float: left;
}
div.portfolio{
	float:left;width:30%;margin-bottom:15px;
	}
dl.portfolioContent {
	width: 196px;
	margin: 0;
	padding:0;
	background: #fff url(bild/box_verti.gif) repeat-y;
	align: center;	 
	
}
dl.portfolioContent dd{
	padding:0;
	}
.portfoliobottom , .portfoliotop{
	margin: 0;
	padding: 0;
	width: 195px;
	height: 5px;
	font-size: 1px;
	line-height:2px;
	}	
.portfoliobottom {
	background: transparent url(bild/box_bottom.gif) bottom no-repeat;
}

.portfoliotop {
	background: transparent url(bild/box_top.gif) top no-repeat;
}

.portfolioContent dt {
	background:#7ab2dd;
	font-size: .7em;
	text-transform: uppercase;
	color: #fff;
	height: 0.8em;
	line-height: 0.8em;
	padding: 0.3em 0 .3em 10px;
	font-weight: normal;
	margin:5px 10px 0 10px;
	}
.portfolioContent img{
	margin:5px 0px 0 -29px;
	}
.portfolioContent img, #thirdBox img{
	border:1px solid #ccc;
	}
.portLink {
	border-top: 1px solid #ccc;margin: 3px 10px 0 10px;
	}
.portLink a {
	line-height: 20px;
	color: #685e5d;
	text-decoration: none;
	text-align: center;
	font-size: 8pt;
	height: 25px;
	line-height: 20px;
	}	
.portLink a:hover {
	line-height: 20px;
	color: #7ab2dd;
	text-decoration:underline;

	text-align: center;
	font-size: 8pt;
	height: 25px;
	line-height: 20px;
	}
p .bildunterschrift {
	line-height: 12pt;
}	
#textbereichreferenzen {
	border: 0px;
	width: 620px;
	padding-left: 200px;
	padding-right: 100px;
	clear: left;
	float: left;
	line-height: 20px;
	color: #685e5d;
	text-decoration: none;
	text-align: left;
	font-size: 8pt;
	line-height: 20px;
	margin-bottom:15px;
}

#textbereichreferenzen h1 {
	font-size: 10pt;
	color: #685e5d;
	text-align: left;
	font-weight: bold;
	line-height: 18pt;
}

#textbereichreferenzen a {
	line-height: 20px;
	color: #7ab2dd;
	text-decoration: none;
	text-align: left;
	font-size: 8pt;
	height: 25px;
	line-height: 20px;
	}
	
#textbereichreferenzen a:hover {
	line-height: 20px;
	color: #7ab2dd;
	text-decoration:underline;
	text-align: left;
	font-size: 8pt;
	height: 25px;
	line-height: 20px;
	}