/* main colors: text war: #333366
main grau: 404040
hellgrau 1 f9f9f9
hellgrau 2 e0e0e0 
main dark blu: 333366
pink: f25adb
-------*/
/*
neu webijou
logo: #181A1B
schrift: #494B54
rahmen: #ecedf
pink: #f195e6, ffafff
*/





body {
background-color: #ffffff;
color: #494B54;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 11px;
line-height: 18px;

scrollbar-face-color:#f9f9f9;
scrollbar-highlight-color:#ecedf;
scrollbar-3dlight-color:#FFFFFF;
scrollbar-darkshadow-color:#FFFFFF;
scrollbar-shadow-color:#ecedf;
scrollbar-arrow-color:#F25ADB;
scrollbar-track-color:#ffffff;
text-align: center;}

a:link {

text-decoration: none;
color: #ff77d4;
}

/*#ff77d4;*/
a:visited {
color: #ffafff;
text-decoration: none;}

a:hover {color: #ff50ca;
text-decoration: none;}


p {
font-weight: normal;}

h1 {
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 11px;
font-weight: bold;
font-style: normal;
letter-spacing: 1px;
line-height: 16px;}

h2 {
font-size: 12px;
font-weight: bold;
}

h3 {
font-size: 10px;
font-weight: bold;
}

h4 {
font-size: 9px;
font-weight: bold;
}

h5 {}

h6 {}

#container {
background-color: #ffffff;
border: 1px #ecedf2 solid;
height: 420px;
position: relative;
top: 20px;
width: 750px;
z-index: 1;
margin : 0px auto; text-align : left;
margin: 0px auto 10px auto;}

#navigation {
/*background-color: #f9f9f9;border e0e0e0*/

height: 420px;
position: absolute;
top: 0px;
width: 100px;
z-index: 2;
left: 100px;
border-left: 1px #f0eaf1 dashed;
border-right: 1px #f0eaf1 dashed;
background-color: #fef8ff;}

.navbar {font-family: Verdana, Helvetica, Arial, sans-serif;
font-weight: bold;
font-weight: bold;
width: 100px;
font-size: 10px;}


.navbar a:link, .navbar a:visited {
text-decoration: none;
margin-top: 1px;
margin-bottom: 1px;
padding-top: 3px;
padding-left: 2px;
padding-bottom: 3px;
display: block;
border-top: 1px #ffffff solid;
border-bottom: 1px #e0e0e0 dotted;
color: #494B54;}


.navbar a:hover {background-color: #fff;
color: #ff77d4;}


.navbar a.current {background-color: #ffffff;
border-left: 10px #f6f0f7 solid;
border-right: 10px #f6f0f7 solid;
text-decoration: overline;}


#email {
position: absolute;
top: 369px;
left: 69px;
z-index: 4;}



#gondel {position: absolute;
top: 369px;
left: 205px;
z-index: 4;}



#logo {
position: absolute;
top: 190px;
left: 0px;
z-index: 5;}

a img {border: none; }

p.images {
width: 300px;
height: auto;
z-index: 7;
border: 1px #e0e0e0 solid;
text-align: center;
padding-top: 10px;
padding-bottom: 10px;}


#maincontent {
background-color: #ffffff;
height: 420px;
left: 250px;
overflow: auto;
position: absolute;
width: 330px;
z-index: 3;
top: 0px;
border-right: 1px #ecedf2 solid;
padding-left: 15px;}

#promo {
position: absolute;
left: 600px;
top: 1px;
background-color: #ffffff;
width: 120px;
height: 418px;
font-weight: normal;
}


#picleiste {
background-color: #ffffff;
height: 375px;
left: 224px;
position: absolute;
top: 0px;
width: 50px;
z-index: 6;
text-align: center;}

#counter {
bottom: 0px;
right: 30px;
width: auto;
height: auto;
position: absolute;}


.blockleft {
position: absolute;
width: 45%;
height: auto;
left: 0px;
font-family: Verdana, Helvetica, Arial, sans-serif;}


.blockright {
position: absolute;
width: 45%;
height: auto;
right: 0px;
font-family: Verdana, Helvetica, Arial, sans-serif;}


.stripepink  { border-style: solid; border-width: 1px; padding-left: 4px; padding-right: 4px; 
               padding-top: 1px; padding-bottom: 1px; background-color: #FFCCFF }
.stripewhite { border-style: solid; border-width: 1px; padding-left: 4px; padding-right: 4px; 
               padding-top: 1px; padding-bottom: 1px; background-color: #FFFFFF }
.stripeblack { color: #CCCCCC; border-style: solid; border-width: 1px; padding-left: 4px; 
               padding-right: 4px; padding-top: 1px; padding-bottom: 1px; 
               background-color: #414141 }
.stripegold  { border-style: solid; border-width: 1px; padding-left: 4px; padding-right: 4px; 
               padding-top: 1px; padding-bottom: 1px; background-color: #FFCC00 }
.stripesilver { border-style: solid; border-width: 1px; padding-left: 4px; padding-right: 4px; 
               padding-top: 1px; padding-bottom: 1px; background-color: #CCCCCC }
.stripeviol  { border-style: solid; border-width: 1px; padding-left: 4px; padding-right: 4px; 
               padding-top: 1px; padding-bottom: 1px; background-color: #CC99FF }
.stripeyell  { border-style: solid; border-width: 1px; padding-left: 4px; padding-right: 4px; 
               padding-top: 1px; padding-bottom: 1px; background-color: #FFFFCC }
.stripeorange { border-style: solid; border-width: 1px; padding-left: 4px; padding-right: 4px; 
               padding-top: 1px; padding-bottom: 1px; background-color: #FF9933 }
.stripegreen { border-style: solid; border-width: 1px; padding-left: 4px; padding-right: 4px; 
               padding-top: 1px; padding-bottom: 1px; background-color: #CCFF33 }
.stripered   { border-style: solid; border-width: 1px; padding-left: 4px; padding-right: 4px; 
               padding-top: 1px; padding-bottom: 1px; background-color: #FF6699 }
.stripeblue  { border-style: solid; border-width: 1px; padding-left: 4px; padding-right: 4px; 
               padding-top: 1px; padding-bottom: 1px; background-color: #99CCFF }