body
{
 font: 22px "helvetica neue light", "helvetica neue", "helvetica", "tahoma", "arial","trebuchet ms", "sans-serif";
 margin: 0;
 padding: 0;
}

div#Rahmen 
{
 padding: 0;
 background-color: #464646;
}

div#Rahmen div 
{
 clear: left;
}

ul#Navigation 
{
 margin: 0; 
 padding: 0;
 background: #464646;
 height: 36px
}

ul#Navigation li 
{
 list-style: none;
 float: left;
}

ul#Navigation li ul 
{
 margin: 0; 
 padding: 0;
 position: absolute;
 width: 120px;
 display: none;  /* Unternavigation ausblenden */
 z-index: 1000;
}

ul#Navigation li:hover ul 
{
 display: block;  /* Unternavigation in modernen Browsern einblenden */
}

ul#Navigation li ul li 
{
 float: none;
 display: block;
 margin-bottom: 0;
}

ul#Navigation a, 
ul#Navigation span 
{
 display: block;
 padding: 0.2em 1em;
 text-decoration: none; 
 color: #fff; 
 background-color: #464646;
}

ul#Navigation a:hover, 
ul#Navigation span, 
li a#aktuell 
{
 color: #08d0f2; 
 background-color: #464646;
}

li a#aktuell 
{  /* aktuelle Rubrik kennzeichnen */
 color: #fff; 
 background-color: #464646;
}

ul#Navigation li ul span 
{  /* aktuelle Unterseite kennzeichnen */
 background-color: #464646;
}

#rollovers
{
 list-style: none;
 padding: 0;
 margin: 0;
 position: absolute;
 left: 40px;
 top: 130px;
 width: 248px
}

#rollovers li a
{
 border: 10px solid white;
 display: block;
 width: 100px;
 height: 100px;
 margin-bottom: 6px;
}

/* "Off Left" */
#rollovers li em,
h1#logo_animiert em,
h2#different em,
h3#since em,
h1#video,
#references em,
#good em,
#specials_line em
{
 position: absolute;
 left: -3000px;
}

#rollovers li#roll_references a { background: url(fotos/home_fotos/references.jpg);}
#rollovers li#roll_photo a { background: url(fotos/home_fotos/photo.jpg); position: absolute; right: 0; top: 0}
#rollovers li#roll_video a { background: url(fotos/home_fotos/video.jpg); position: absolute; top: 126px;}
#rollovers li#roll_extras a{ background: url(fotos/home_fotos/extras.jpg); position: absolute; right: 0; top: 126px}

#rollovers li#roll_references a:hover{ background: url(fotos/home_fotos/references_rollover.jpg); }
#rollovers li#roll_photo a:hover{ background: url(fotos/home_fotos/photo_rollover.jpg); }
#rollovers li#roll_video a:hover{ background: url(fotos/home_fotos/video_rollover.jpg); }
#rollovers li#roll_extras a:hover{ background: url(fotos/home_fotos/extras_rollover.jpg); }

#inhalt
{
 margin: 0 20px 20px 20px;
}

#start #inhalt {margin: 0;}

#inhalt p
{
 font: 16px "helvetica neue Light", "helvetica neue",helvetica, arial, "trebuchet ms", sans-serif;
}

#events_slices
{
 position: absolute;
 top: 100px;
 left: 350px;
 display: block;
 width: 520px;
 height: 520px;
 margin-bottom: 15px;
}


#specials_slices
{
 position: absolute;
 top: 200px;
 left: 20px;
 display: block;
 width: 1000px;
 height: 256px;
 margin-bottom: 15px;
}

#specials_line
{
 background: url(fotos/specials_fotos/balken.jpg) repeat;
 width: 100%;
 height: 85px;
 position: absolute;
 top: 480px;
 left: 0;
 list-style: none;
}

#impressum
{
 list-style: none;
 position: fixed;
 bottom: 0;
 left: -20px;
 font: 12px  "helvetica neue", "helvetica", "arial",
       "trebuchet ms", "sans-serif";
}

#impressum a
{
 text-decoration: none;
 color: #464646;
}

#ueberschrift
{
  font: 30px "helvetica neue", "helvetica", "arial",
       "trebuchet ms", "sans-serif";
  color: #464646;
  position: relative;
  left: 20px;
  top: 50px;
}

#impressum_text
{
  font: 20px "helvetica neue", "helvetica", "arial",
       "trebuchet ms", "sans-serif";
  color: #464646;
  position: relative;
  left: 20px;
  top: 130px;
}

#impressum_inhalt a
{
 color: #464646;
 text-decoration: none;
}

#impressum_inhalt a:hover
{
 text-decoration: underline;
}

/* ================= KONTAKT-SEITE ================= */

#inhalt_contact
{
 background: url(fotos/contact_fotos/punkt.gif) no-repeat;
 width: 500px;
 height: 500px;
 font: 22px  "helvetica neue light", "helvetica neue", "helvetica", "arial","trebuchet ms", "sans-serif";
 text-align: center;
 color: #464646;
 position: absolute;
 top: 18%;
 left: 30%;

}

#contact a
{
 color: #464646;
 text-decoration: none;
}

#contact a:hover
{
 text-decoration: underline;
}

#who
{
 font-size: 28px;
 text-align: center;
 margin: 80px 0 20px 0;
}

#good
{
 background: url(fotos/contact_fotos/fashionshows.gif) no-repeat;
 position: absolute;
 width: 740px;
 height: 67px;
 top: 50px;
 left: 250px;
}

/* =============== VIDEO =============== */

#VideoPlayback
{
 position:  absolute;
 left: 35%;
 top: 250px;
}

.video_text
{
 background: #c8c8c8;
 font: 40px "helvetica neue light", "helvetica neue", "helvetica", "tahoma", "arial","trebuchet ms", "sans-serif";
 color: #464646;
 text-align: center;
 border: 20px solid #c8c8c8;
 position:  center absolute;
}

/* =============== STARTSEITE =============== */

#start
{
 background: url(fotos/home_fotos/verlauf.gif) repeat-y;
}

h1#logo_animiert
{
 background: url(fotos/home_fotos/logo_animation.gif) no-repeat;
 height: 88px;
 width: 100%;
 border-bottom: 3px solid #464646;
 position: absolute;
 top: 410px;
 left: 0;
}

h2#different
{
 background: url(fotos/home_fotos/different_1.gif) no-repeat;
 width: 562px;
 height: 66px;
 position: absolute;
 top: 100px;
 right: 0;
}

h3#since
{
 background: url(fotos/home_fotos/since.gif) no-repeat;
 width: 149px;
 height: 31px;
 position: absolute;
 top: 550px;
 right: 200px;
}

/* =============== ABOUT =============== */

.text
{
 font: 19px "tahoma", "helvetica neue", "helvetica", "arial",
       "trebuchet ms", "sans-serif";
 color: #464646;
 border-bottom: 20px solid #9bebf9;
 margin: 10px 20px 0 20px;
}

.text_gross
{
 font: 24px "tahoma", "helvetica neue", "helvetica", "arial",
       "trebuchet ms", "sans-serif";
 color: #464646;
 border-top: 5px solid #464646;
 margin: 0 20px 10px 20px;
}

.text_gross a
{
 color: #464646;
 text-decoration: none;
}

.text_gross a:hover
{
 text-decoration: underline;
}

/* =============== REFERENCES =============== */

#references
{
 background: url(fotos/liste.jpg) no-repeat;
 width: 900px;
 height: 524px;
 position: absolute;
 top: 80px;
 left: 100px;
}