/* CSS Document */

/*-----Global Reset-----*/

html, body, h1, h2, h3, h4, h5, h6, p, blockquote, form, label, ul, ol, dl, fieldset, address{margin:0; padding:0;}

h1, h2, h3, h4, h5, h6, p, blockquote, form, label, ul, ol, dl, fieldset, address{
margin:0.5em 0;}

li, dd{margin-left:1em;}

fieldset{padding:0.5em;}

img {
border: none;
}

.clear {
clear: both;
}


/*-----BACKGROUND COLOR/FONT SIZE AND COLOR-----*/
body {
padding:0;
background:#989898;
font-size:12px; /* more consistent font sizes */
font-family:Arial, Helvetica, sans-serif;
line-height:18px; /*helps readability*/
}

/*-----ALL NON PARAGRAPH TEXT COLORS-----*/

td, p {
color: #333;
font-size:12px;
}



/*-----HEADINGS-----*/
h1, .componentheading{ font-size:21px; font-weight:bold; font-family:Georgia, "Times New Roman", Times, serif; line-height:25px;}
h2, .contentheading{font-size:18px; font-weight:bold; font-family:Georgia, "Times New Roman", Times, serif; color:#5b8307; line-height:21px;}
h3{font-size:14px; font-weight:bold; font-family:Georgia, "Times New Roman", Times, serif; line-height:20px;}
h4{font-size:1.2em;}
h5{font-size:1.1em;}
.moduletable h3, .moduletable-menu h3{margin-top:0;}

/*-----LINK TEXT COLORS-----*/
a {
color:#5b8307;
}

a:hover{
color:#000;
}
/*-----Lists-----*/
ul{
}

li{
}
/* tables */

table.contentpaneopen, table.contentpane{border-collapse:collapse;}
/*-----BLOCKQUOTE STYLE-----*/

blockquote {

}

/* MAIN MENU LINK COLOR */

#left a.mainlevel{
height:20px;
display:block;
color:#fff;
text-decoration:none;
text-transform:uppercase;
padding:2px 0px 5px 20px;
background:url(templates/selling/images/mainlevel.gif) no-repeat;
background-position:5px 11px;
}

#left a.mainlevel:hover, #left a#active_menu.mainlevel{
background-color:#487fd0;
color:#fff;
}

div.moduletable-menu div img{
float:left;
margin-left:16px;
}
#left a.sublevel{
display:block;
color:#fff;
text-decoration:none;
text-transform:uppercase;
padding:5px 0px 5px 30px;
margin-left:-4px;
}

#left a.sublevel:hover, #left a#active_menu.sublevel{
color:#fff;
background-color:#487fd0;}

ul#mainlevel-nav{
margin:0;
padding:0;
list-style:none;
}
ul#mainlevel-nav li{
float:right;
margin:0;
padding:0;
}
div.moduletable-menu td{
background:url(templates/selling/images/dot.gif) bottom left repeat-x;
}

a.mainlevel-nav{
color:#d5d5d5;
text-decoration:none;
display:block;
padding:40px 10px 16px 10px;
font-size:14px;
font-weight:bold;
}

a.mainlevel-nav:hover{
color:#ffe465;
background:url(templates/selling/images/topmenu.jpg) top left repeat-x;
}

/* Left/Right Column (GLOBAL DEFAULT STYLE) */




/* LATEST NEWS/POPULAR MODULE LINK STYLES */

a.latestnews{

}

a.latestnews:hover{

}

a.mostread{

}

a.mostread:hover{

}

/* SECTION TABLE HEADER STYLE */

td.sectiontableheader {

}

/* ALTERNATING SECTION TABLE ROW 1 BACKGROUND/TEXT STYLES */

tr.sectiontableentry1 td {

}

/* ALTERNATING SECTION TABLE ROW 2 BACKGROUND/TEXT STYLES */

tr.sectiontableentry2 td {

}

/* SECTION TABLE LINK STYLES */

.sectiontableentry2 a, .sectiontableentry1 a, .sectiontableentry2 a.category, .sectiontableentry1 a.category {

}
.sectiontableentry2 a:hover, .sectiontableentry1 a:hover, .sectiontableentry2 a.category:hover, .sectiontableentry1 a.category:hover {
 
}

/*layout*/

#bgtop{background-color:#181818;}
#bgbottom{background-color:#989898;}
.wrapper{width:95%; 
max-width:1060px;
margin:0 auto; /*center hack*/
text-align:left; /*center hack*/}
#logo{float:left; padding-top:6px;}
#logo h1{font-family:Georgia, "Times New Roman", Times, serif;
font-size:36px;
font-weight:bold;
}
#logo a{
color:#e5e5e5;
text-decoration:none;
}
#logo a:hover{
text-decoration:underline;
}
#user3{float:right; width:600px;}
#nav, #container{ border:#fff 5px solid; border-bottom:none;}
#nav{background-color:#ffd202; position:relative; height:42px;}
#container{background-color:#fff;}
#container ul{margin:10px;}
#left, #middle, #right{overflow:hidden;}
#left{width:25%; float:left;}
#left a{color:#000;}
#left a:hover{color:#666666;}
#left .moduletable-menu{
background:#3e7ad4 url(templates/selling/images/bgmenu.jpg) top left repeat-x;
margin-bottom:5px;
}
#left .moduletable-menu,#left .moduletable{
padding:3% 3% 10% 3%;
width:100%
voice-family: "\"}\""; 
voice-family:inherit;
width:100%;
}
html>body #left .moduletable-menu, html>body #left .moduletable{
width:94%;
}
.moduletable-menu h3{
color:#9cc4ff;
}
#left .moduletable{
background-color:#cfcfcf;
}
#left .moduletable, #right .moduletable{
margin-bottom:5px;
}
#main{
width:74.5% !important;
width:73.5%; float:right;}
#user12{
position:relative;
margin-bottom:5px;
}
#user12 .moduletable{
padding:10px 16px;
}
#user12 a{
color:#fff;
}
#user12 a:hover{
text-decoration:underline overline;
}
#user12 ul{
list-style:none;}


#user1{width:50%; height:270px; max-height:270px; float:left;}
#user2{width:49.5%; height:270px; max-height:270px; float:right;}
#user1{
background:#71a10b url(templates/selling/images/bggreen.jpg) top left repeat-x;
color:#fff;
}

#user2{
background:#d02e2e url(templates/selling/images/bgred.jpg) top left repeat-x;
color:#fff;
}

#top h3{
background:#71a00b url(templates/selling/images/toph3.jpg) top left repeat-x;
color:#fff;
padding:10px 0 10px 6px;
}

#middle{
float:left;
width:66%;
}

#right{
float:right;
width:33.5%;
}

#rightmodule{
background:url(templates/selling/images/dot-v.png) top left repeat-y;
}

#rightmodule .moduletable{
padding:10px;
}

#rightmodule h3, #rightmodule a{
color:#2d66b8;
}

#user4{
border-top:#0c4fb2 5px solid;
background-color:#3b77cf;
}
#user4 .moduletable{
padding:10px;
}

#footer{position:relative; text-align:center; margin-bottom:10px; clear:both;  padding:0 10%; background-color:#989898;}
#footer a{color:#fff;}
#footer .bgright{ text-align:center; color:#fff; background:url(templates/selling/images/footerright.jpg) top right no-repeat;}
#footer .bgleft{ background:url(templates/selling/images/footerleft.jpg) top left no-repeat; height:34px; padding:6px 10px 0px 10px;}

li.latestnews, li.mostread{
margin-bottom:5px;
}


 /*set the z-index for the columns that gets dropped down over*/

#left{ 
z-index:20;
}
#right{
z-index:10;
}

/*set the position and z-index for the menu moduletable */
#nav{ 
position:relative;
z-index:100;
}

/* style for the mainlevel's ul and sublevel's ul */
#mainlevel-top,#mainlevel-top ul{
list-style:none;
margin:0;
padding:0;
float:left;
}
#mainlevel-top ul{
background:#ffd204 url(templates/selling/images/dropdownbg.jpg) top left repeat-x;
width:200px;
border:#fff0ac 3px solid;
}
#mainlevel-top{
width:100%;
background-color:#ffd202;
}

/*style for the mainlevel links*/
#mainlevel-top a{
display:block;
padding:12px 16px;
text-decoration:none;
font-size:16px;
font-weight:bold;
color:#514300;
}
#mainlevel-top a:hover, #active_menu-top.mainlevel-top{
color:#947a00;
background-color:#ffe04f;
}
/* mainlevel's li */
#mainlevel-top li{
float:left;
padding:0;
margin:0;
background:none;

}
/*sublevel's ul */
#mainlevel-top li ul{
position:absolute;
left:-999em;
top:42px; /* equals to mainlevel's menu link's height */
height:auto;
width:200px;
margin:0;
}
/*sub sub level's ul */
#mainlevel-top li ul ul{
position:absolute;
left:-999em;
top:0;
margin:0;
margin-left:200px;/* equals to sublevel's menu link's width */

}
/*sublevel's li*/
#mainlevel-top li li{
width:200px;
margin:0;
background:url(templates/selling/images/dot.png) bottom left repeat-x;
}

/*sublevel's menu links */
#mainlevel-top li ul a{
float:left;
font-size:13px;
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:bold;
padding:6px 20px;
}
html>body #mainlevel-top li ul a{width:160px;}
#mainlevel-top li ul a:hover{
background:url(templates/selling/images/dot.png) bottom left repeat-x;
}
/* for hiding the sub menus */
#mainlevel-top li:hover ul ul,#mainlevel-top li:hover ul ul ul,#mainlevel-top li.sfhover ul ul,#mainlevel-top li.sfhover ul ul ul{
left:-999em;
}
/* for showing the sub menus */
#mainlevel-top li:hover ul,#mainlevel-top li li:hover ul,#mainlevel-top li li li:hover ul,#mainlevel-top li.sfhover ul,#mainlevel-top li li.sfhover ul,#mainlevel-top li li li.sfhover ul{
left:auto;
z-index:6000;
}
#mainlevel-top li li:hover,#mainlevel-top li li.sfhover{
background:url(templates/selling/images/dot.png) bottom left repeat-x; /*subleel's li's background when hovering */
}

/* eigene Ergänzungen */

#space { margin:0px; padding:5px; padding-left:0px; float:left; }
#spaceIMG { margin:0px; padding-top:5px; padding-left:0px; width:32px; float:left; }
#spaceTXT { margin:0px; padding-top:5px; padding-left:0px; width:200px; float:left; }
#space0 { margin:0px; padding-left:0px; font-weight: bold;}
#space1 { margin:0px; padding-left:4px;}
#space2 { margin:0px; padding-left:8px;}
#space3 { margin:0px; padding-left:12px;}
#space4 { margin:0px; padding-left:16px;}

#prodetail_space1 { width: 10px; height: 10px; }
#prodetail_space2 { width: 10px; height: 5px; }
#prodetail_space3 { width: 10px; height: 3px; }
#prodetail { width:100%; float:left; vertical-align:bottom; border-bottom:1px solid; padding-bottom:5px; padding-top:5px; }
#prodetail_h3 { font-size:16px; font-weight:bold; }
#prodetail_bestell_ja { display:block; background:#FFFFFF; text-align:center; padding-top:7px; padding-bottom:7px; border:1px solid; }
#prodetail_bestell_nein { background:#8B0000; color:#FFFFFF; text-align:center; padding-top:7px; padding-bottom:7px; border:1px solid; }
#prodetail_bestand_ja { background:none; color:#008000; text-align:center; padding-top:2px; padding-bottom:2px; }
#prodetail_bestand_nein { background:none; color:#800000; text-align:center; padding-top:2px; padding-bottom:2px; }
#prodetail_preis { color:#000000; font-size:18px; font-weight:bold; }
#prodetail_artnr { color:#000000; font-size:18px; font-weight:bold; }
#prodetail_zusatz { }
#prodetail_mwst { color:#000000; }
#prodetail_link { }
#prodetail_hr { border:dashed 1px; }

#proliste_space1 { width: 10px; height: 10px; }
#proliste_space2 { width: 10px; height: 5px; }
#proliste_space3 { width: 10px; height: 3px; }
#proliste { width:49%; float:left; height:170px; vertical-align:bottom; border-bottom:1px solid; padding-left:5px; padding-bottom:5px; padding-top:5px; }
#proliste_h3 { font-size:14px; font-weight:bold; }
#proliste_bestell_ja { display:block; background:#FFFFFF; text-align:center; padding-top:7px; padding-bottom:7px; border:1px solid; }
#proliste_bestell_nein { background:#8B0000; color:#FFFFFF; text-align:center; padding-top:7px; padding-bottom:7px; border:1px solid; }
#proliste_bestand_ja { font-size:10px; background:none; color:#008000; text-align:center; padding-top:2px; padding-bottom:2px; }
#proliste_bestand_nein { font-size:10px; background:none; color:#800000; text-align:center; padding-top:2px; padding-bottom:2px; }
#proliste_preis { color:#000000; font-weight:bold; }
#proliste_mwst { color:#000000; }
#proliste_link { }

#moduletable_top_table { width: 100%; table-layout: auto; border-top: 1px solid #FFFFFF; border-bottom: 1px solid #999999; }
#moduletable_top_th { font-size: 11px; font-weight: bold; text-transform: uppercase; text-align: left; height: 21px; line-height: 21px; text-indent: 8px; letter-spacing: 1px; color: #FFF; background-image: url(templates/selling/images/modul.jpg); }
#moduletable_top_td { padding-left: 0px; padding-right: 0px; }
#moduletable_top_link { color:#FFFFFF; }

#warenkorb_titel { font-size:10px; font-weight:bold; }
#warenkorb_zeile { background:#FFFFFF; vertical-align:top;}
#warenkorb_link { background:#FFFFFF; font-size:10px; }

#warenkorbliste_space1 { width: 10px; height: 10px; }
#warenkorbliste_space2 { width: 10px; height: 5px; }
#warenkorbliste_space3 { width: 10px; height: 3px; }
#warenkorbliste { width:100%; }
#warenkorbliste_h3 { font-size:14px; font-weight:bold; }
#warenkorbliste_bestell_ja { display:block; background:#FFFFFF; text-align:center; padding-top:7px; padding-bottom:7px; border:1px solid; }
#warenkorbliste_bestell_nein { background:#8B0000; color:#FFFFFF; text-align:center; padding-top:7px; padding-bottom:7px; border:1px solid; }
#warenkorbliste_bestand_ja { font-size:10px; background:none; color:#008000; text-align:center; padding-top:2px; padding-bottom:2px; }
#warenkorbliste_bestand_nein { font-size:10px; background:none; color:#800000; text-align:center; padding-top:2px; padding-bottom:2px; }
#warenkorbliste_preis { color:#000000; font-weight:bold; }
#warenkorbliste_mwst { color:#000000; }
#warenkorbliste_link { }
#warenkorbliste_titel { font-size:10px; font-weight:bold; text-align:center; padding-bottom:2px;}
#warenkorbliste_zeile { background:#FFFFFF; vertical-align:top; padding-right:5px; padding-top:5px; }

#row1 {}
#row2 {background:#FFFFFF; }

#bilder_gal { border: 1px solid; background: #FFFFFF; width:150px; height:80px; max-height:80px; float:left; padding-top:10px; }
#bilder_pic { border: 1px solid; text-align: center; background: #FFFFFF; width: 31%; float: left; height: 160px; vertical-align: bottom; margin: 2px; }
#bilder_pic_table { width: 100%; height:100%; }
#bilder_pic_td_left { min-width:10px; max-width:95px; }
#bilder_pic_td_right { }
#bilder_pic_bild { float:left; width:100%; min-width:10px; max-width:95px; }
#bilder_pic_ab18_JA { font-size:9px; background:none; color:#008000; text-align:center; padding-top:2px; padding-bottom:2px; }
#bilder_pic_ab18_NEIN { font-size:9px; background:none; color:#800000; text-align:center; padding-top:2px; padding-bottom:2px; }
#bilder_pic_infotext1 { font-size:8px; color:#000000; font-weight:bold; }
#bilder_pic_upload { text-align:left; font-size:9px; color:#000000; }
#bilder_pic_upload_datum { text-align:center; font-size:9px; color:#000000; font-weight:bold; }
#bilder_pic_kommentare { text-align:left; font-size:9px; color:#000000; }
#bilder_pic_titel { font-size:10px; font-weight:bold; text-align:center; padding-bottom:2px;}
#bilder_pic_link { font-size:9px; font-weight:bold; text-align:center; padding-bottom:2px;}
#bilder_pic_details { text-align: center; min-width:10px; max-width:100%; }
#bilder_pic_td_details { min-width:10px; max-width:100%; text-align: center; }

#anz_gal { border: 1px solid; background: #FFFFFF; width:170px; min-height:260px; float:left; padding-top:10px; text-align:center; }
#anz_gal_text_l { text-align:left; font-size:9px; color:#000000; }
#anz_gal_text_c { text-align:center; font-size:9px; color:#000000; }
#anz_gal_text_r { text-align:right; font-size:9px; color:#000000; }
#anz_gal_quick { border: 0px solid; background: #FFFFFF; width:100%; min-height:30px; float:left; padding-left:10px;padding-top:5px; text-align:left; }

#timer { width:100%; }
#timer a, a:hover { color:black; }
#timer .moduletable table { border-collapse:collapse; width:750px; }
#timer .moduletable th, td { color:black; }
#timer .row0 { background:white; color:black; }
#timer .row1 td {  }
#timer .row2 td {  }

a.blogs_a { color:#826c55; }
a.blogs_a:hover { color:#826c55; }
a.blogs_a:visited { color:#826c55; }
.blogs { border: 1px solid; background: #FFFFFF; width:95%; height:100px; float:left; }
.blogs table { width: 100%; height:90px; max-height:90px; border-collapse:collapse; margin:5px; }
.blogs tr { vertical-align:top; margin:0px; }
.blogs td { margin:0px; }
#blogs_datum { font-weight: bold; font-size: 78%; color: #777777; float:left; margin:0px; }
#blogs_titel { text-align:left; font-weight:bold; font-size: 110%; color:#826c55; text-transform: uppercase; margin:0px; }
#blogs_text { text-align:left; font-size: 100%; margin:0px; }
#blogs_kom { text-align:right; font-size:9px; margin:0px; vertical-align:bottom; }

div.zoomdiv {
z-index                 : 100;
position                : absolute;
top:0px;
left:0px;
width                   : 200px;
height                  : 200px;
background: #ffffff;
border:1px solid #CCCCCC;
display:none;
text-align: center; 
overflow: hidden;
}


img.jqzoom{
cursor:crosshair;
position:relative;
}




