body
{
 background-color: #ffffff;
}

#design li
{
 background: url(fotos/nahaufnahmen.jpg) no-repeat;
 width: 260px;
 height: 343px;
 position: absolute;
 top: 250px;
 left: 100px;
 list-style: none;
}

#tikitaki li
{
 background: url(fotos/logo.jpg) no-repeat;
 width: 283px;
 height: 143px;
 position: absolute;
 top: 15px;
 left: 375px;
 list-style: none;
}

#foto li
{
 background: url(fotos/marafoto.jpg) no-repeat;
 width: 260px;
 height: 343px;
 position: absolute;
 top: 250px;
 left: 700px;
 list-style: none;
}

#startseite li
{
 background: url(fotos/tasche.jpg) no-repeat;
 width: 518px;
 height: 343px;
 position: absolute;
 top: 250px;
 left: 700px;
 list-style: none;
}

#skizzen li
{
 background: url(fotos/tikitaki_taschen_animiert.gif) no-repeat;
 width: 300px;
 height: 300px;
 position: absolute;
 top: 300px;
 left: 750px;
 list-style: none;
}

#anti li
{
 background: url(fotos/tikitaki_acce_animiert.gif) no-repeat;
 width: 300px;
 height: 300px;
 position: absolute;
 top: 300px;
 left: 750px;
 list-style: none;
}

#news li
{
 background: url(fotos/tikitaki_animiert.gif) no-repeat;
 width: 300px;
 height: 300px;
 position: absolute;
 top: 300px;
 left: 750px;
 list-style: none;
}

#kollektion
{
 position: absolute;
 left: 279px;
 top: 200px;
}

#kollektion li
{
 font: 15px "courier new", "courier", "arial", "trebuchet ms", "sans-serif";
 position: relative;
 list-style: none;
 left: 35px;
}

#kollektion li a
{
 color: #4a4a4a;
 text-decoration: none; 
}

#kollektion a:hover
{
 color: #d05b84;
}

.herz
{
 font: 30px "helvetica neue UltraLight","helvetica neue", "helvetica", "arial", "trebuchet ms", "sans-serif";
 color: #d05b84; 
 position: absolute;
 top: 250px;
 left: 385px;
}

.start
{
 font: 18px "courier new","courier","helvetica","arial","trebuchet ms", "sans-serif";
 color: #4a4a4a;
 position: absolute;
 top: 420px;
 left: 385px;
}

.news
{
 font: 16px "courier new","courier","helvetica","arial","trebuchet ms", "sans-serif";
 color: #4a4a4a;
 position: absolute;
 top: 300px;
 left: 385px;
}

.text
{
 font: 16px "courier new","courier","helvetica","arial","trebuchet ms", "sans-serif";
 color: #4a4a4a;
 position: absolute;
 top: 465px;
 left: 385px;
}

#dawanda li
{
 list-style: none;
 position: absolute;
 top: 275px;
 left: 600px;
}

#hokohoko li
{
 list-style: none;
 position: absolute;
 top: 272px;
 left: 389px;
}

#namensbaender
{
 position: absolute;
 top: 432px;
 left: 389px;
}

#modelle
{
 position: absolute;
 top: 250px;
 left: 386px;
}
 

/* "Off Left" */
#tikitaki em,
#design em,
#good em,
#foto em,
#contactfoto em,
#skizzen em,
#startseite em,
#anti em,
#impressum_inhalt em,
#news em
{
 position: absolute;
 left: -3000px;
}

div#content 
{
 font: 13px "helvetica neue Light", "helvetica neue", "helvetica", "arial", "trebuchet ms", "sans-serif";
 position: fixed;
 left: 110px;
 bottom: 30px;
}

#navigation
{
 position: absolute;
 left: 41px;
 top: 168px;
}

#navigation li
{
 font: 22px "Helvetica Neue", "Helvetica", "Arial", "Trebuchet ms", "Sans-serif";
 list-style: none;
 position: relative;
 display: inline;
 margin: 30px;
}

#navigation li a
{
 color: #4a4a4a;
 text-decoration: none; 
}

#navigation a:hover
{
 color: #d05b84;
}

#contact
{
 font: 16px "courier new","courier","helvetica", "arial", "trebuchet ms", "sans-serif";
 list-style: none;
 position: absolute;
 color: #4a4a4a;
 top: 450px;
 left: 385px;
}

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

#contact a:hover
{
 color: #d05b84;
}

#contactfoto li
{
 background: url(fotos/marafoto2.jpg) no-repeat;
 width: 260px;
 height: 343px;
 position: absolute;
 top: 250px;
 left: 700px;
 list-style: none;
}

#impressum_inhalt
{
 font: 15px "courier new","courier","helvetica", "arial", "trebuchet ms", "sans-serif";
 list-style: none;
 color: #4a4a4a;
 position: absolute;
 top: 260px;
 left: 385px;
}

#impressum
{
 font: 22px "helvetica neue UltraLight","helvetica neue Light", "helvetica neue", "helvetica", "arial", "trebuchet ms", "sans-serif";
 list-style: none;
 left: 75px;
 bottom: 40px;
}

#ueberschrift
{
 font: 20px "helvetica neue Light", "helvetica neue", "helvetica", "arial", "trebuchet ms", "sans-serif";
 list-style: none;
}

#impressum_text a
{
 text-decoration: none;
 color: #4a4a4a;
}

#impressum_text a:hover
{
 color: #d05b84;
}