*{
margin:0;
padding:0;
}

body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
margin: 0;
padding: 0;
text-align:center;
}


#wrapper {
width: 997px;
background-color:rgb(255,255,255);
text-align:left;
margin:auto;
}

/**********************************************/

#language{
width:100%;
height:45px;
text-align:right;
}

/**********************************************/

#head{
width:100%;
height: 133px;
background-image:url(img/bg_head.jpg);
background-repeat:no-repeat;
background-color:rgb(255,255,255);
margin-bottom:10px;
position:relative;
}

#bg_top_nav{
position:absolute;
right:20px;
top:75px;
height:30px;
background-image:url(img/bg_top_nav.jpg);
background-repeat:repeat-x;
}

#bg_top_nav_left{
position:absolute;
left:0;
top:0;
width:10px;
height:30px;
background-image:url(img/bg_top_nav_left.jpg);
background-repeat:no-repeat;
}

#bg_top_nav_right{
position:absolute;
right:0;
top:0;
width:10px;
height:30px;
background-image:url(img/bg_top_nav_right.jpg);
background-repeat:no-repeat;
}

#top_nav{
padding:5px 12px;
}

#top_nav ul li {
display:inline;
margin-left:3px;
margin-right:3px;
}

/**********************************************/

#main {
width:100%;
background-image:url(img/bg_main.jpg);
background-repeat:repeat-y;
margin-bottom:10px;
}

#bg_main_top {
height:20px;
width:100%;
background-image:url(img/bg_main_top.jpg);
background-repeat:no-repeat;
}

#nav_left {
float:left;
width: 195px;
}

#nav_left div.module{
width: 195px;
background:url(img/bg_module_left.jpg) left transparent repeat-y;
margin-bottom:10px; padding:0;
}
#nav_left div.module div{
width: 195px;
background:url(img/bg_module_left_top.jpg) transparent top left no-repeat;
padding:0; margin:0;
}
#nav_left div.module div div{
background:url(img/bg_module_left_bottom.jpg) transparent  bottom left no-repeat;
padding-top:10px;
padding-bottom:10px;
padding-left:5px;
}

#nav_left div.module div div div{
background:none; padding:0; margin:0;
}

#nav_right {
float:right;
width: 240px;
margin-right:17px;
}

#nav_right h3{
text-align:right;
padding-right:15px;
padding-bottom:10px;
}

#nav_right div.module{
width: 240px;
background:url(img/bg_module_right.jpg) left transparent repeat-y;
margin-bottom:10px; padding:0;
}
#nav_right div.module div{
width: 240px;
background:url(img/bg_module_right_titte.jpg) transparent top left no-repeat;
padding:0; margin:0;
}
#nav_right div.module div div{
background:url(img/bg_module_right_bottom.jpg) transparent  bottom left no-repeat;
padding-top:10px;
padding-bottom:10px;
padding-left:5px;
}

#nav_right div.module div div div{
background:none; padding:0; margin:0;
}


#content {
margin-left: 10px;
float: left;
width: 520px;
}
* html #content {
margin-left: 0;
float: left;
width: 485px;
}

#bg_main_bottom {
clear:both;
height:20px;
width:100%;
background-image:url(img/bg_main_bottom.jpg);
background-repeat:no-repeat;
}

#footer {
width:100%;
height: 58px;
background-image:url(img/bg_footer.jpg);
background-repeat:no-repeat;
}

#footer p{
text-align:center;
padding-top:15px;
font-size:0.85em;
}

/* Navigation Kategorien */

/**/ul.navilist{
width:95%;
list-style-type:none;
margin:0px;
padding:0px
}

li.maincat{
padding:0px;
margin:0
}


/**/.maincat{
list-style-type:none;
margin:0;
padding:0;
border-bottom:1px solid #ffffff
}


.maincat a{
font-size:11px;
color:#101010;
padding:5px;
display:block;
background:rgb(220,220,220);
text-decoration:none;
}


.maincat a:hover{
background:rgb(180,220,150);
color:#ffffff;
text-decoration:underline;
}


.maincat a.gewaehlt{
background:rgb(180,220,150);
color:#ffffff;
}


.maincat a.gewaehlt:hover{
background:rgb(180,220,150);
color:#ffffff;
}


/**/.subcatlevel1{
margin:0;
padding:0;
border-bottom:1px solid #ffffff;
}


.subcatlevel1 a{
font-size:11px;
color:#101010;
padding:5px 5px 5px 15px;
display:block;
background:rgb(235,235,235);
text-decoration:none;
}


.subcatlevel1 a:hover{
background:rgb(180,220,150);
color:#ffffff;
text-decoration:underline;
}


.subcatlevel1 a.gewaehlt{
background:rgb(180,220,150);
color:#ffffff;
}


.subcatlevel1 a.gewaehlt:hover{
background:rgb(180,220,150);
color:#ffffff;
text-decoration:underline;
}


/**/.subcatlevel2{
margin:0;
padding:0;
border-bottom:1px solid #ffffff
}


.subcatlevel2 a{
font-size:11px;
color:#101010;
padding:5px 5px 5px 25px;
display:block;
background:#f1f1f1;
text-decoration:none;
}


.subcatlevel2 a:hover{
background:rgb(180,220,150);
color:#ffffff;
text-decoration:underline;
}


.subcatlevel2 a.gewaehlt{
background:rgb(180,220,150);
color:#ffffff
}


.subcatlevel2 a.gewaehlt:hover{
background:rgb(180,220,150)
;
color:#ffffff;
text-decoration:none
}


/**/.subcatlevel3{
margin:0;
padding:0;
border-bottom:1px solid #ffffff
}


.subcatlevel3 a{
font-size:11px;
color:#101010;
padding:5px 5px 5px 35px;
display:block;
background:#f1f1f1
}


.subcatlevel3 a:hover{
background:rgb(180,220,150);
color:#ffffff;
text-decoration:none;
}


.subcatlevel3 a.gewaehlt{
background:rgb(180,220,150);
color:#ffffff;
}


.subcatlevel3 a.gewaehlt:hover{
background:rgb(180,220,150);
color:#ffffff;
text-decoration:none;
}

/* allgemeine Link-Definition in den Boxen */
.menucontent{
font-size:11px;
}

a{
color:rgb(0,0,0);
text-decoration:none;
}


a:hover{
color:rgb(200,200,200);
text-decoration:underline;
}

/* Überschriften der Boxen */

.module h3 {
padding-bottom:10px;
font-size:13px;
}

.module h3:first-letter{
color:rgb(105,175,34);
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
}

/* Überschriften 1. Rangordnung*/
.h1topic, .contentsTopics{
color:rgb(105,175,34);
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
padding-top:10px;
padding-bottom:15px;
}

/* Listen im Content-Bereich*/

#content ul, #content ol{
width:95%;
padding-left:5px;
}

/*2-Spaltiger Content-Bereich*/

#content_l{
width:42%;
float:left;
}

#content_r{
width:53%;
float:right;
}

/* Kategorie Namen im Content-Bereich */
.subcat {
width: 172px;
overflow: hidden;
text-align: center;
float: left;
}

.subcat a {
display: block;
width: 160px;
padding: 5px;
background: rgb(200,200,200);
border: 1px solid rgb(105,175,34);  
}

.subcat a:hover {
background: rgb(180,220,150);
color: #ffffff;
text-decoration: none;
}

/*Boxen für in Kategorie-Übersicht*/
.boxlisting {
width: 170px;
padding-bottom:10px;
border: 1px solid rgb(200,200,200);
text-align:center;
float: left;
margin: 0;
}

.h2topiclist {
font-size: 11px;
margin: 0 0 8px 0;
padding: 10px;
border-bottom: 1px dashed rgb(200,200,200);
overflow: hidden;  
}
.h2topiclist a {color: rgb(0,0,0);}

.pprice {
padding: 5px;
margin: 0;
}

.taxinfo {
font-size: 10px;
}

.clr {
clear: both;
margin: 0;
padding: 0;
}
.clrsmall {clear: both; margin: 0; padding: 0; height: 1px; overflow: hidden;}
.clrnone {clear: both; margin: 0; padding: 0; height: 0px; overflow: hidden;}
.clrmiddle {clear: both; margin: 0; padding: 0; height: 4px; overflow: hidden;}

.smallText {
font-size: 11px;
}

.listhori {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.listhori li {
float: left;
}

.historytabtop {
  border-bottom: 1px solid rgb(180,220,150);
  font-weight: bold;
  padding: 2px 0 2px 0;
}

.fieldset {
border: 1px solid rgb(180,220,150);
padding: 5px 5px 5px 10px;
}

.checkoutbox {
  width: 125px;
  padding: 4px 2px 4px 2px;
  overflow: hidden;
  text-align: center;
  float: left;
  margin: 0;
  background: #cccccc;
  font-size: 10px;
  border-left:1px solid rgb(180,220,150);
}

.checkoutboxa {
  width: 125px;
  padding: 4px 2px 4px 2px;
  overflow: hidden;
  text-align: center;
  float: left;
  margin: 0;
  background: rgb(180,220,150);
  font-size: 10px;
}

.historyinvoice {
  width: 45%;
  height: 100px;
  padding: 5px;
  float: left;
  border-bottom: 1px solid #cccccc;
  border-top: 1px solid #cccccc;  
  font-size: 11px;
}

.trenner {
  height: 1px;
  overflow: hidden;
  background: rgb(180,180,180);
  margin: 4px 0 4px 0;
}

.payartbox {
  border: 1px dashed rgb(180,220,150);
  padding: 4px;
  margin: 3px 0 6px 0;
  background: #f7fbff;
  width:45%;
  float:left;
}

#checkout_payment strong{
clear:both;
padding-top:10px;
padding-bottom:10px;
}

.agbcheckbox {
font-size:0.9em;
background: rgb(180,220,150);
border:1px solid rgb(240,240,240);
padding: 10px;
margin: 3px 3px 15px 0;
}

/* shopping_cart */

.headmessage {
padding: 10px;
border: 1px dashed #ff9900;
background-color:#ffdd98;
}

.historyvalue{
width:80%;
text-align:right;
}

.historytabtop{
background-color: #ffcc66;
border: 1px solid #ffcc66;
color: #ffffff;
font-weight: bold;
text-align:center;
}

.histsub{
border: solid #cccccc
border-bottom-width: 1px;
padding-top: 7px;
padding-bottom: 7px;
}