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





body {
background-color: #fff;/*f7f6f9 f7f6f9*/
color: #494B54;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 12px;
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;
background-image: url(../Material/07/bgblackTex.gif);
background-repeat: repeat-y;
background-position: center bottom;}

a:link {

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

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


a:hover {color: #e48fba;
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 #635E65 inherit;
height: 500px;
position: relative;
top: 20px;
width: 900px;
z-index: 1;
margin : 0px auto; text-align : left;
margin: 0px auto 10px auto;
border-bottom: 2px #635E65;}

#maincontent {
background-color: #ffffff;

left: 250px;
overflow: auto;
position: absolute;
z-index: 10;
top: 0px;
border-right: 1px #ecedf2 solid;
padding-left: 15px;
right: 130px;
width: 500px;
height: 500px;}

#maincontent>p {
width: 470px;}

#maincontent>p.images{
width: 470px;}

#promo {left: 15px;
position: relative;

float: right;
top: 0px;
background-color: #ffffff;
width: 125px;
height: 500px;
font-weight: normal;
border: 1px #635E65 dotted;
padding-left: 5px;}



#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;}

#navigation {
background-color: #fff;/*D4D0D5;ffe8fe;*/
height: 500px;
position: absolute;
top: 0px;
width: 100px;
z-index: 12;
left: 100px;
border-left: 1px #635E65 dashed;
border-right: 1px #635e65 dashed;
background-image: url(../Material/07/navbgweiss30.gif);
background-repeat: repeat;
background-position: bottom;
border: 1px #635E65 dotted;}

#navigation ul
{
margin: 0;
padding: 0;
list-style-type: none;
border-top: 1px #e0e0e0 dotted;
}

#navigation li { margin: 0px 0px 0px 0px; }

 #navigation a
{
display: block;
color: #FFF;
background-color: #f2f3f6;
width: 90px;
padding: 2px 5px 2px 5px;
text-decoration: none;
border-bottom: 1px #e0e0e0 dotted;
color: #494B54;
background-color: #ffffff;
font-size: 11px;}

#navigation a.bottom {top:470px;
position: absolute;}

#navigation a:visited {
color: #979baf;}
#navigation a:hover
{
background-color: #f2f3f6;
border-bottom: 1px #ffffff dotted;
color: #494b54;}

#navigation a.current {
font-weight: normal;
font-style: normal;
text-decoration: underline;}

#navigation ul ul {
border-top: none;
border-bottom: 1px #e0e0e0 dotted;}
#navigation li li a {
padding-left: 20px;
width: 70px;
border: none;}

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

.navbarbottom {
position: absolute;
bottom: 30px;}

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

.navbar a:visited {
text-decoration: none;
margin-top: 2px;
margin-bottom: 2px;
padding-top: 3px;
padding-left: 2px;
padding-bottom: 3px;
display: block;
border-top: 1px #e0e0e0 dotted;
border-bottom: 1px #e0e0e0 dotted;
color: #6f7280;
background-color: #ffffff;}


.navbar a:hover  {background-color: #fff;
color: #e48fba;
background-image: url(../Material/07/navbgweis.gif);

border-top: 1px #494b54 solid;
border-bottom: 1px #494b54 solid;}


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


#email {
position: absolute;
top: 0px;
left: 68px;
z-index: 4;
border-right: 1px #635E65 dotted;
padding-top: 430px;
border-bottom: 1px #635E65 dotted;
padding-right: 1px;
padding-bottom: 1px;}



#gondel {position: absolute;
top:0px;
left: 211px;
z-index: 4;
border-left: 1px #635E65 dotted;
padding-top: 430px;
border-bottom: 1px #635E65 dotted;}



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

a img {border: none; }

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

p.webdesign {width: 470px;
height: auto;
clear: both;}

p.webdesign img {
margin-right: 10px;
padding: 4px;
border: 1px #e0e0e0 solid;}

.boxleft{float:left; width: 120px;
font-size: x-small;}
.boxright{float:right; width: 340px;
margin: 0px;
padding: 0px;}
.boxleft img {
margin-right: 10px;
padding: 4px;
border: 1px #e0e0e0 solid;
}



.clear{clear:both;
height: 1px;}
.small{font-size:0.8em;}
.hide{display:none;}
.textcenter{text-align:center;}
.textright{text-align:right;}
.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 }