html {height: 100.01%}
body
{
font-size: 12px;
font-family: tahoma, trebuchet ms, arial, verdana;
margin: 0px;
background-color: #d6d9e2;
/*SOMMER background-color: #a2b528; */
background-repeat: no-repeat;
background-position: top;
color: #fff;
margin-bottom: 300px;
}

.transparenz{
position: absolute;
left: 0px;
top: 0px;
bottom: 0px;
right: 0px;
height: 100%;
width: 100%;
z-index: 10;
background-color: #3e3f40;
filter: alpha(opacity=80);
opacity: 0.8;
}




.transparenz_dunkel
{
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
right: 0px;
z-index: 10;
background-color: #1f1f1f;
filter: alpha(opacity=80);
opacity: 0.80;
}


* HTML .boxhead
{
background-color: #1f1f1f;
}

* HTML .boxbody
{
background-color: #3e3f40;
}

.contentarea
{
position: relative; z-index: 20; padding: 10px 10px 10px 10px;
}


.box{margin-bottom: 10px;}
h1{position: relative; font-size: 120%; line-height: 115%; font-weight: bold; margin: 0px; color: #B3E02E}



.regform_textbox, .textbox
{
border: solid #B3E02E 1px;
background-color: #3b3b3b;
margin: 0px 5px 0px 5px;
color: #fff;
}
.regform_textbox
{
width: 100%;
}


#main {width: 530px; margin: auto; position: relative;}
#left {width: 170px; position: absolute; left: -180px; top: 112px;}
#center {}
#right {width: 170px; position: absolute; right: -180px; top: 10px;}

textarea{font-size: 10px; font-family: trebuchet ms, arial, verdana; padding: 0px;}
fieldset{border-width: 0px;}
input{font-size: 10px; font-family: trebuchet ms, arial, verdana; border-width: 1px;}
ul { margin: 7px 0px 0px 20px; padding: 0px;}
#right ul { margin: 0px 0px 10px 0px;}
#right li {     list-style: none;
    margin: 0; padding: 0;
}

h2
{
font-size: 105%;
font-weight: bold;
padding: 4px 0px 0px 0px;
margin: 0px;
color: #fff;
letter-spacing: 1px;
}
h3
{
font-size: 100%;
font-weight: bold;
padding: 0px 0px 0px 0px;
margin-bottom: 3px;
border-bottom: 1px dotted #fff;
margin: 0px;
color: #fff;
}

#middle h1
{
font-size: 120%;
font-weight: bold;
margin: 0px 0px 15px 0px;
padding: 0px;
letter-spacing: 1px;
}
#middle h2
{
font-size: 100%;
font-weight: bold;
margin: 0px 0px 15px 0px;
padding: 0px;
letter-spacing: 1px;
}
#middle p {}

#right  { font-size: 95%;}
#right h2{letter-spacing: 1px; font-size: 110%; font-weight: bold; padding: 4px 0px 0px 0px; margin: 0px; color: #fff; text-transform: uppercase;}
#right span, #right p, #right td, #right a { font-size: 95%;}
#right .newsitem {border-bottom: dotted 0px #fff; padding: 0px 0px 7px 0px;}


a {color: #8cb229; text-decoration: none;}
a:link {color: #8cb229; text-decoration: none;}
a:visited {color: #8cb229; text-decoration: none;}
a:hover {color: #8cb229; text-decoration: underline;}
a:active {color: #8cb229; text-decoration: none;}


#right a {color: #a9ea03; text-decoration: none;}
#right a:link {color: #a9ea03; text-decoration: none;}
#right a:visited {color: #a9ea03; text-decoration: none;}
#right a:hover {color: #a9ea03; text-decoration: underline;}
#right a:active {color: #a9ea03; text-decoration: none;}

#navi a {line-height: 150%; padding: 0px 9px 0px 9px;}
#navi a:hover
{
display: block;
background-color: #8CB229;
}

#left a {text-decoration: none; font-size: 100%; display: block;}
#left a:link {color: #fff; text-decoration: none;}
#left a:visited {color: #fff; text-decoration: none;}
#left a:hover {color: #fff; text-decoration: none;}
#left a:active {color: #fff; text-decoration: none;}

#left a.navi_inaktiv {
color: #fff;
display: block;
background-color: #8CB229;
padding: 0px 9px 0px 9px;
}



.teaser_produktgruppe
{
padding: 10px;
background-color: #fff;
border-right: 1px solid #ddd;
border-bottom: 1px solid #ddd;
margin: -4px 5px 10px -1px;
color: #000;
font-size: 90%;
}

.teaser_produkt
{
padding: 10px 10px 8px 10px;
background-color: #fff;
border-right: 1px solid #ddd;
border-bottom: 1px solid #ddd;
margin: -1px 3px 10px -1px;
position: relative;
color: #000;
cursor: pointer;
}
.bild_website
{
margin-right: 10px;
float: left;
border: 1px solid #538000;
position: relative;
height: 120px;
width: 120px;
overflow: hidden;
}
.bild_detailthumb
{
border: 1px solid #ADEE0C; margin: 0px 5px 0px 0px; z-index: 999; cursor: -moz-zoom-in;
}
.regform_textbox{width: 98%;}
.regform_body{width: 70%;}
a.teaserlink { font-weight: bold;}

.thumb_border
{
  border: solid 1px #B3E02E;
}

#warenkorbteaser table
{
border-collapse: collapse;
}
#warenkorbteaser td
{
padding: 0px;
vertical-align: top;
}
@media print
{
  body{color: #000;}
  #left, #right{display: none;}
  #main{width: 100%;}
  .suche{display: none;}
}