@import url(shared.css);

div#site {
  position:absolute;
  top:50%;
  left:50%;
  width:1000px;
  height:500px;
  margin-left:-500px;
  margin-top:-250px;
  background : url(../design/hg/rahmen.gif) no-repeat;
  z-index : 1;
}
div#inhalt { 
  position:relative;
  top:25px;
  left:25px;
  width: 950px;
  height: 450px;
  background : url() no-repeat;
  z-index : 2;
} 
div#home { 
position: relative;
float: left;
width: 225px;
height: 208px;
padding: 0 0 0 0;
z-index: 980;
cursor: pointer;
background: url(../design/logo_home.gif) repeat-x;
}
div#home:hover { 
background: url(../design/logo_home_2.gif) repeat-x;
}
div#collection { 
position: relative;
float: left;
width: 309px;
height: 109px;
padding: 0 0 0 0;
z-index: 970;
cursor: pointer;
background: url(../design/schalt/collectionen1.gif) repeat-x;
}
div#collection:hover { 
background: url(../design/schalt/collectionen2.gif) repeat-x;
}
div#menu { 
position: relative;
float: left;
width: 225px;
height: 450px;
padding: 0 0 0 0;
z-index: 999;
background: url() repeat-x;
} 
div#haupt {
	position : relative;
	float : left;
	overflow: hidden;
	margin : 0 0 0 0;
	padding : 0 0 0 0;
	text-align : left;
	width : 725px;
	height : 450px;
	z-index : 50;
	background : url() repeat-x;
}
div#haupt_hg {
	position : relative;
	float : left;
	overflow: hidden;
	margin : 0 0 0 0;
	padding : 0 0 0 0;
	text-align : left;
	width : 725px;
	height : 450px;
	z-index : 50;
	background : url(../design/hg/hg_startseite.jpg) no-repeat;
}
/*
-------------------------------	HAUPT MENU 
*/
.menu1 { 
margin: 5px 0 0 0px;
widht: 163px;
height: 20px;
background : url(../design/schalt/salon_1.gif) no-repeat;
cursor: pointer;
list-style: none;
}
.menu1:hover { 
background : url(../design/schalt/salon_2.gif) no-repeat;
cursor: pointer;
list-style: none;
}
.menu2 { 
margin: 5px 0 0 0px;
widht: 163px;
height: 20px;
background : url(../design/schalt/works_1.gif) no-repeat;
cursor: pointer;
list-style: none;
}
.menu2:hover { 
background : url(../design/schalt/works_2.gif) no-repeat;
cursor: pointer;
list-style: none;
}
.menu3 { 
margin: 5px 0 0 0px;
widht: 163px;
height: 20px;
background : url(../design/schalt/team1.gif) no-repeat;
cursor: pointer;
list-style: none;
}
.menu3:hover { 
background : url(../design/schalt/team2.gif) no-repeat;
cursor: pointer;
list-style: none;
}
.menu4 { 
margin: 5px 0 0 0px;
widht: 163px;
height: 20px;
background : url(../design/schalt/atelier1.gif) no-repeat;
cursor: pointer;
list-style: none;
}
.menu4:hover { 
background : url(../design/schalt/atelier2.gif) no-repeat;
cursor: pointer;
list-style: none;
}
.menu5 { 
margin: 5px 0 0 0px;
widht: 163px;
height: 20px;
background : url(../design/schalt/fashion1.gif) no-repeat;
cursor: pointer;
list-style: none;
}
.menu5:hover { 
background : url(../design/schalt/fashion2.gif) no-repeat;
cursor: pointer;
list-style: none;
}
.menu6 { 
margin: 5px 0 0 0px;
widht: 163px;
height: 20px;
background : url(../design/schalt/oeffnung1.gif) no-repeat;
cursor: pointer;
list-style: none;
}
.menu6:hover { 
background : url(../design/schalt/oeffnung2.gif) no-repeat;
cursor: pointer;
list-style: none;
}
.menu7 { 
margin: 5px 0 0 0px;
widht: 163px;
height: 20px;
background : url(../design/schalt/links1.gif) no-repeat;
cursor: pointer;
list-style: none;
}
.menu7:hover { 
background : url(../design/schalt/links2.gif) no-repeat;
cursor: pointer;
list-style: none;
}
.menu8 { 
margin: 5px 0 0 0px;
widht: 163px;
height: 20px;
background : url(../design/schalt/kontakt_1.gif) no-repeat;
cursor: pointer;
list-style: none;
}
.menu8:hover { 
background : url(../design/schalt/kontakt_2.gif) no-repeat;
cursor: pointer;
list-style: none;
}

/** GALERIE --------------------------------------**/
div#liste {
	position : relative;
	margin : 0 0 0 0;
	padding : 0 0 0 0;
	text-align : left;
	width : 725px;
	height : 395px;
	z-index : 200;
	background : url() repeat-x;
}
div#galerie {
	position : relative;
	float: left;
	cursor: pointer;
	margin : 0 0 0 0;
	padding : 0 0 0 0;
	text-align : left;
	width : 201px;
	height : 210px;
	z-index : 200;
	background : url() repeat-x;
}
div#galerie_uebersicht {
	position : relative;
	float: left;
	margin : 0 0 0 0;
	padding : 9px 0px 0px 15px;
	text-align : left;
	width : 201px;
	height : 120px;
	z-index : 400;
	background : url(../design/galerie/hg_galerie_uebersicht.jpg) repeat-x;
}
div#galerie_uebersicht:hover {
	background : url(../design/galerie/hg_galerie_uebersicht2.jpg) repeat-x;
}
div#gallery {
	position : relative;
	margin : 0 0 0 0;
	padding : 0 0 0 0;
	text-align : left;
	width : 725px;
	height : 450px;
	z-index : 400;
	background : url(../design/galerie/hg_gallery.jpg) repeat-x;
}
div#gallery_head {
	position : relative;
	float: left;
	margin : 0 0 0 0;
	padding : 0 0 0 0;
	text-align : left;
	width : 535px;
	height : 45px;
	z-index : 450;
	background : url() repeat-x;
}
div#gallery_fuss {
	position : relative;
	margin : 0 0 0 0;
	padding : 0 0 0 0;
	text-align : left;
	width : 725px;
	height : 15px;
	z-index : 450;
	background : url() repeat-x;
}
div#gallery_uebersicht {
	position : relative;
	float: left;
	cursor: pointer;
	margin : 0 0 0 0;
	padding : 0 0 0 0;
	text-align : left;
	width : 190px;
	height : 45px;
	z-index : 450;
	background : url(../design/galerie/uebersicht1.jpg) repeat-x;
}
div#gallery_uebersicht:hover {
	background : url(../design/galerie/uebersicht2.jpg) repeat-x;
}
div#navigation {
	position : relative;
	float : left;
	margin : 0 10px 0 15px;
	padding : 0 0 0 0;
	text-align : left;
	width : 185px;
	height : 320px;
	z-index : 50;
}
div#platz {
	position : relative;
	float: left;
	margin : 0 0 0 0;
	padding : 0 0 0 0;
	text-align : left;
	width : 200px;
	height : 30px;
	z-index : 50;
	background : url() repeat-x;
}
div#anfang {
	position : relative;
	float: left;
	cursor: pointer;
	margin : 0 0 0 0;
	padding : 0 0 0 0;
	text-align : left;
	width : 105px;
	height : 30px;
	z-index : 50;
	background : url(../design/galerie/links1.jpg) repeat-x;
}
div#anfang:hover {
	background : url(../design/galerie/links2.jpg) repeat-x;
}
div#ende {
	position : relative;
	float: left;
	cursor: pointer;
	margin : 0 0 0 0;
	padding : 0 0 0 0;
	text-align : left;
	width : 95px;
	height : 30px;
	z-index : 50;
	background : url(../design/galerie/rechts1.jpg) repeat-x;
}
div#ende:hover {
	background : url(../design/galerie/rechts2.jpg) repeat-x;
}
div#link_partner {
	position : relative;
	float: left;
	cursor: pointer;
	margin : 0 0 0 0;
	padding : 0 0 0 0;
	text-align : left;
	width : 363px;
	height : 116px;
	z-index : 50;
	background : url(../design/schalt/link_partner1.gif) repeat-x;
}
div#link_partner:hover {
	background : url(../design/schalt/link_partner2.gif) repeat-x;
}
div#link_friends {
	position : relative;
	float: left;
	cursor: pointer;
	margin : 0 0 0 0;
	padding : 0 0 0 0;
	text-align : left;
	width : 363px;
	height : 116px;
	z-index : 50;
	background : url(../design/schalt/link_friends1.gif) repeat-x;
}
div#link_friends:hover {
	background : url(../design/schalt/link_friends2.gif) repeat-x;
}
div#link_fashion {
	position : relative;
	float: left;
	cursor: pointer;
	margin : 0 0 0 0;
	padding : 0 0 0 0;
	text-align : left;
	width : 363px;
	height : 116px;
	z-index : 50;
	background : url(../design/schalt/link_fashion1.gif) repeat-x;
}
div#link_fashion:hover {
	background : url(../design/schalt/link_fashion2.gif) repeat-x;
}
.thumb_foto {
	position : relative;
	overflow: hidden;
	margin : 1px 1px 1px 1px;
	padding : 0 0 0 0;
	float : left;
	width : 90px;
	height : 60px;
	cursor: pointer;
	z-index : 550;
	background : url() repeat-x;
}
.thumb {
	position : relative;
	overflow: hidden;
	margin : 0 0 0 0;
	padding : 0 0 0 0;
	float : left;
	width : 90px;
	height : 60px;
	cursor: pointer;
	z-index : 550;
	background : url() repeat-x;
}
.thumb:hover {
	background : #666666 url() repeat-x;
}
div#bild {
	position : relative;
	float : left;
	overflow: hidden;
	margin : 0 0 0 5px;
	padding : 0 0 0 0;
	text-align : left;
	width : 500px;
	height : 320px;
	z-index : 450;
	background : url() repeat-x;
}
div#foto {
	position : relative;
	overflow: hidden;
	margin : 0 0 0 0;
	padding : 0 0 0 0;
	text-align : left;
	width : 500px;
	height : 320px;
	z-index : 600;
	background : url() repeat-x;
}
div#beschreibung {
	position : relative;
	overflow: hidden;
	margin : 0 0 0 0;
	padding : 0 0 0 15px;
	text-align : left;
	width : 505px;
	height : 50px;
	z-index : 600;
	background : url() repeat-x;
}
.beschreibung_slide {
	position : relative;
	overflow: hidden;
	margin : 0 0 0 0;
	padding : 0 0 0 15px;
	text-align : left;
	width : 505px;
	height : 50px;
	z-index : 600;
	background : url() repeat-x;
}
/** TEAMSEITE --------------------------------------**/
div#team_left {
	position : relative;
	float: left;
	margin : 0 0 0 0;
	padding : 0 0 0 0;
	text-align : left;
	width : 365px;
	height : 450px;
	z-index : 400;
	background : url(../design/hg/hg_team_links.jpg) repeat-x;
}
div#team_left_liste {
	position : relative;
	float: left;
	margin : 0 0 0 0;
	padding : 0 0 0 0;
	text-align : left;
	width : 280px;
	height : 450px;
	z-index : 600;
	background : url() repeat-x;
}
div#team_right {
	position : relative;
	float: left;
	margin : 0 0 0 0;
	padding : 0 0 0 0;
	text-align : left;
	width : 360px;
	height : 450px;
	z-index : 400;
	background : url() repeat-x;
}
div#team_thumb {
	position : relative;
	float: left;
	cursor: pointer;
	margin : 0 0 0 5px;
	padding : 0 0 0 0;
	text-align : left;
	width : 80px;
	height : 115px;
	z-index : 450;
	background : url(../design/team/hg_thumb.jpg) repeat-x;
}
div#team_thumb:hover {
	background : url(../design/team/hg_thumb2.jpg) repeat-x;
}
/** TEAM SLIDER -----------------------------------------**/
div#slider {
position: relative;
background : url(../design/team/slider.png) repeat-x;
background-repeat:no-repeat;
background-position: bottom;
width: 360px;
height: 90px;
margin-top: 0px;
}

/** FASHION --------------------------------------**/
div#fashion {
position: relative;
overflow: hidden;
background : url() repeat-x;
width: 725px;
height: 450px;
z-index : 600;
background : url(../design/hg/hg_fashion.png) no-repeat;
}
div#fashion_foto {
position: relative;
overflow: hidden;
background : url() repeat-x;
width: 725px;
height: 450px;
margin-top: -450px;
z-index : 200;
background : url() repeat-x;
}
div#fashion_slider {
position: relative;
overflow: hidden;
background : url() repeat-x;
width: 725px;
height: 450px;
z-index : 210;
background : url() repeat-x;
}
div#leer1 {
position: relative;
float: left;
background : url() repeat-x;
width: 145px;
height: 182px;
z-index : 210;
background : url() repeat-x;
}
div#leer2 {
position: relative;
float: left;
background : url() repeat-x;
width: 65px;
height: 182px;
z-index : 210;
background : url() repeat-x;
}
div#foto1 {
position: relative;
overflow: hidden;
float: left;
background : url() repeat-x;
margin-top: 22px;
width: 250px;
height: 160px;
z-index : 210;
background : url() repeat-x;
}
div#foto2 {
position: relative;
overflow: hidden;
float: left;
background : url() repeat-x;
width: 230px;
height: 290px;
z-index : 210;
background : url() repeat-x;
}
div#foto3 {
position: relative;
overflow: hidden;
float: left;
background : url() repeat-x;
width: 195px;
height: 265px;
margin-top: -115px;
z-index : 210;
background : url() repeat-x;
}
div#foto4 {
position: relative;
overflow: hidden;
float: left;
background : url() repeat-x;
width: 265px;
height: 190px;
margin-top: -110px;
z-index : 210;
background : url() repeat-x;
}
div#fashion_text {
position: relative;
overflow: hidden;
float: left;
background : url() repeat-x;
width: 725px;
height: 200px;
margin-top: 310px;
padding-top: 10px;
z-index : 300;
background : url(../design/hg/hg_fashion_text.png) repeat-y;
}
div#fashion_textI {
position: relative;
overflow: hidden;
float: left;
background : url() repeat-x;
width: 500px;
height: 200px;
z-index : 300;
}
div#fashion_textII {
position: relative;
overflow: hidden;
float: left;
background : url() repeat-x;
width: 225px;
height: 200px;
z-index : 350;
background : url() repeat-y;
}
div#fashion_links {
position: relative;
overflow: hidden;
float: left;
width: 362px;
height: 200px;
z-index : 300;
background : url() repeat-x;
}
div#fashion_links_schalt {
position: relative;
overflow: hidden;
cursor:pointer;
width: 44px;
height: 100px;
margin-top: 50px;
z-index : 300;
background : url(../design/hg/links1.png) no-repeat;
}
div#fashion_links_schalt:hover {
background : url(../design/hg/links2.png) no-repeat;
}
div#fashion_rechts {
position: relative;
overflow: hidden;
float: left;
width: 363px;
height: 200px;
z-index : 300;
background : url() repeat-x;
}
div#fashion_rechts_schalt {
position: relative;
overflow: hidden;
cursor:pointer;
width: 44px;
height: 100px;
margin-top: 50px;
z-index : 300;
background : url(../design/hg/rechts1.png) no-repeat;
}
div#fashion_rechts_schalt:hover {
background : url(../design/hg/rechts2.png) no-repeat;
}
#footer {
    position:fixed;
    bottom:0px;
	width: 100%;
	height: 15px;
	background : url() no-repeat;
}
#playerII {
    position:relative;
    bottom:0px;
	width: 100px;
	height: 20px;
	margin-left:875px;
	background : url() no-repeat;
}