/* Styles and navigation */

body {
    position: relative;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    width: 844px;
    text-align: left;
}

a {
    text-decoration: none; 
}

#Logo {
    position:absolute;
    left:9px;
    top:13px;
    width:260px;
    height:99px;
    z-index: 1;
}

#Pics {
    position:absolute;
    left:59px;
    top:121px;
    width:744px;
    height:336px;
    z-index:2;
    background-color: #F1F1F1;
}

#mainnav {
    left: 7px;
    top: 484px;
}

#mainnav ul li {
    font-weight: bold;
}

#productnav {
    left: 94px;
    top: 484px;
}

.nav ul li {
    font-family: Helvetica, sans-serif;
    font-size: 12px;
}

.nav ul li,
.nav ul li a {
    color: #555555;
}

.nav {
    position: absolute;
    z-index:3
}

.nav ul {
    margin-top: 0px;
    list-style: none;
}

.nav ul li {
    margin: 0px;
    padding: 0px;
    height: 17px;
}

.nav ul li a {
    display: inline-block;
    width: 100%;
    height: 17px;
}

.nav ul li:hover,
.nav ul li.active {
    background-image: url(pics/arrow.gif);
    background-repeat: no-repeat;
    background-position: 0px 5px;
}

.nav ul li a:hover,
.nav ul li.active,
.nav ul li.active a {
    color: black;
}

p, #textf {
    font-family:Verdana, Arial, Helvetica, sans-serif; 
    font-size: 11px;
}

#textf, p #textf {
    position:absolute;
    left: 351px;
    top:484px;
    width: 397px;
    margin: 0px;
    padding: 0px;
    z-index:4;
}

#textf a,
#nac a {
    color: #000000;
    text-decoration: underline;
}

.lit {
    font-size: 9px;
}

/* Slider */

#slide_Container{margin:0 auto; position:absolute;width:745px;height:338px;background-color:#fff;overflow:hidden;}
#LoadContainer{height:25%;width:50%;position:absolute;top:40%; left:25%;text-align:left;z-index:1}
#PhotoContainer{visibility:hidden;}
#CaptionBlock{height:18px; padding-left: 0px; color:#678921; width:745px; top: 0px;}
#Counter{float: right; font-size: 10px; font-family:Verdana, Arial, Helvetica, sans-serif; color: #000000; right: 0;}
#Caption{float: right; font-size: 10px; font-family:Verdana, Arial, Helvetica, sans-serif; color: #000000}
#myPrevLink { position: absolute; top: 362px; left: 710px; z-index:105}
#myNextLink { position: absolute; top: 362px; left: 730px; z-index:106}
#LinkContainer{display:none;position:absolute;top:20px;left:0;height:200px;width:200px;z-index:100;}
#myLinkContainer {float: right; font-size:10px}
#PrevLink {z-index:100;position:absolute;top:0%;left:0%;height:200px;width:50%;display:block}
#NextLink {z-index:100;position:absolute;top:0%;left:50%;height:200px;width:50%;display:block}
#PrevLink:hover,#NextLink:hover{text-decoration:none}
#PrevLink span,#NextLink span{display:none}
#slideshow{margin:0;height:338px;position:relative;}
#slideshow[id]{display:table;position:static}
#slide_InnerWrapper{position:relative;top:50%;left:0; height: 50%;}
#slide_InnerWrapper[id]{display:table-cell;position:static}

/*  Navigation before 01.02.2012 */

/*#mainnav {
	position:absolute;
	left:45px;
	top:484px;
	width:716px;
	height:218px;
	z-index:3
}
#mainnav span {visibility: hidden}

#Profil, #Produkt, #Presse, #Links, #Kontakt, #Katalog  {background-repeat:no-repeat; height: 16px; position: absolute; width: 80px; left: 0px;}
A:hover#Profil, #Profil.active, #Produkt.active, A:hover#Produkt, A:hover#Presse, #Presse.active, A:hover#Links, #Links.active, A:hover#Kontakt, #Kontakt.active, A:hover#Katalog, #Katalog.active {BACKGROUND-POSITION: -102px 0px}
#Profil{background-image:url(pics/n_profil.gif); top: 0px; }
#Produkt{background-image:url(pics/n_produkte.gif); top: 34px; }
#Katalog{background-image:url(pics/n_katalog.gif); top: 17px; }
#Kontakt{background-image:url(pics/n_kontakt.gif); top: 51px; }
#Presse{background-image:url(pics/n_presse.gif); top: 68px; }
#Links{background-image:url(pics/n_links.gif); top: 85px; }
#mainnav li {margin: 0px 0px; list-style-type: none;}*/


/*#Novelle, #Geschenkpapiere, #MontessoriSchule, #Puddingbuch, #Kartenorakel, #Ollis, #Karten-Edition, #Ewiger-Kalender, #Kartenorakel2, #Sternbilder, #FACELIFT {
	background-repeat:no-repeat;
	height: 16px;
	position: absolute;
	width: 216px;
	left: 92px;
}
A:hover#Novelle, A:hover#Geschenkpapiere, A:hover#MontessoriSchule, A:hover#Ollis, A:hover#Puddingbuch, A:hover#Kartenorakel, A:hover#Karten-Edition, A:hover#Ewiger-Kalender, A:hover#Sternbilder, A:hover#FACELIFT, #Ollis.active, #Novelle.active, #Geschenkpapiere.active, #MontessoriSchule.active, #Puddingbuch.active, A:hover#Kartenorakel2, #Kartenorakel.active, #Kartenorakel2.active, #Karten-Edition.active, #Ewiger-Kalender.active, #Sternbilder.active, #FACELIFT.active {BACKGROUND-POSITION: -254px 0px}

A:hover#Surfshot, #Surfshot.active {BACKGROUND-POSITION: -238px 0px}
#Surfshot {background-repeat:no-repeat; height: 16px; position: absolute; width: 225px; left: 92px;}
A:hover#Yearbook, #Yearbook.active {BACKGROUND-POSITION: -238px 0px}
#Yearbook {background-repeat:no-repeat; height: 16px; position: absolute; width: 225px; left: 92px;}

#FACELIFT { background-image:url(pics/Facelift.gif); top: 0px;}
#Yearbook{background-image:url(pics/yearbook.gif); top: 17px;}
#Surfshot{background-image:url(pics/surfshot.gif); top: 34px;}
#Geschenkpapiere{background-image:url(pics/fogepa.gif); top: 51px; }
#MontessoriSchule{background-image:url(pics/montessori.gif); top: 68px; }
#Puddingbuch{background-image:url(pics/puddingbuch.gif); top: 85px; }*/
/*#Kartenorakel{background-image:url(pics/entscheide_dich.gif); top: 103px; }*/
/*#Karten-Edition{background-image:url(pics/frohes_neues.gif); top: 103px; }
#Ewiger-Kalender{background-image:url(pics/ewiger_kalender.gif); top:120px;  }
#Sternbilder{background-image:url(pics/sternbilder.gif); top: 137px; }
#Novelle {background-image:url(pics/novelle_fotographie.gif); top: 154px;}
#Ollis { background-image:url(pics/ollis_kantine.gif); top: 171px; }
#Kartenorakel2 { background-image:url(pics/entscheide_dich2.gif); top: 188px; }*/