/*** CSS Reset ***/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,
blockquote,th,td {margin:0; padding:0;}
table {border-collapse:collapse; border-spacing:0;}
fieldset,img {border:0;}
ol,ul {list-style:none;}
a {text-decoration:none;margin:0;padding:0;}
td {vertical-align:top;}

/*** Color key
 ***
 *** #e8e8e8        Gray (Background)
 *** #0f2655        Blue (Background)
 *** #000000    #000    Black (Text)
 *** #cc0033    #c03    Rot (H1)
 *** #0099cc    #09c    Blue (Link, Topmenu active/hover)
 *** #a4a4a4        Gray (Topmenu)
 *** #eeeeee    #eee    Gray (Background for pictures on left side)
 ***/


/*** Template ***/
body {
    background-position:top center; background-repeat:repeat-x;
    background-image:url('../upload/designpics/body_bg.png'); background-color:#0f2655;
}
#wrapper {
    width:980px; margin:0 auto;
}
#top {
    margin-top:20px; height:64px;
}
#topmenu {}
#title {}
#title a.homelink {}
#content {
    height:371px; background-position:0 0; background-repeat:no-repeat;
    /*background-image:url('../upload/designpics/content_bg2.png');*/
    background-image:url('../upload/designpics/content_bg3.png');
}
#content_overlay_top {
    background-image:url('../upload/designpics/content_overlay_top.png'); height:16px; width:980px;
    background-position:0 0; background-repeat:no-repeat; position:absolute !important; top:94px;
    z-index:900; /*required for simplegallery*/
}
#content_overlay_bottom {
    background-image:url('../upload/designpics/content_overlay_bottom.png'); height:16px; width:980px;
    background-position:0 0; background-repeat:no-repeat; position:absolute; top:450px;
    z-index:900; /*required for simplegallery*/
}
#bottom {
    /*width:970px;*/
}
.clear {
    clear:both; font-size:0px; height:0px; line-height:0px; overflow:hidden;
}
.clearspace {
    height:10px;
}


/*** Template Variants ***/
#content .content_area {
    width:960px; height:353px; overflow:hidden; padding:0; margin:0; position:relative; top:9px;
    left:9px;
}
#content .content_1col {
    width:960px; height:353px; overflow:hidden; padding:0; margin:0;
}
#content .content_2col_left {
    width:397px; height:353px; overflow:hidden; padding:0; margin:0; float:left;
}
#content .content_2col_right {
    width:563px; height:353px; overflow:hidden; padding:0; margin:0; float:right;
}
#content .content_3col_header {
    width:563px; height:55px; overflow:hidden; padding:0; margin:0;
}
#content .content_3col_left {
    width:281px; height:298px; overflow:hidden; padding:0; margin:0; float:left;
}
#content .content_3col_right {
    width:282px; height:298px; overflow:hidden; padding:0; margin:0; float:right;
}
#content .content_4col {
    width:240px; height:353px; overflow:hidden; padding:0; margin:0; float:left;
}
#content .grey {
    background:#fff;
}
#content .paddingbox {
    padding:10px 14px 10px 24px;
}

#content .paddingbox .scrollbox
{
height:320px;
padding:0px 10px 0px 0px;
margin:10px 0px 0px 0px;

/* Mozilla */
overflow: -moz-scrollbars-vertical; /* Mozilla Extensions*/

/* IE */
overflow-y: scroll;
overflow-x: hidden;
}

/*** Content Elements ***/
a, td, label, input, textarea, span, div, p, h1, h2, h3, h4, h5, h6, ul, ol, li
{   
    font-family:Verdana,Tahoma,Arial,Helvetica,sans-serif; font-weight:normal; font-size:11px;
    color:#000;
}
p, h1, h2, h3, li {
    line-height:1.2em; padding:2px 0px;
}
p {
    margin-bottom:4px; font-size:11px;
}

h1 {font-size:18px; font-weight:normal; color:#cc0033;}
h2 {font-size:15px; font-weight:bold; color:#003d85;}
h3 {font-size:13px; font-weight:bold; color:#003d85;}

a:link, a:visited, a:active {
    font-weight:bold; text-decoration:underline; color:#0099cc;
}
a:hover {
    color:#cc0033;
}
ul {
    list-style-type:disc; list-style-position:inside;
}
li {}


/* topmenu */
#topmenu ul {list-style:none;}
#topmenu ul li {float:left;}
#topmenu ul li a {
    font-size:11px; color:#a4a4a4; font-weight:bold; text-decoration:none; display:block;
    width:76px; /*height:64px;*/ text-align:center; padding:40px 0px 8px 0px;
}
#topmenu ul li.startseite a {
    background-image:url('../upload/designpics/btn_startseite.png');
    background-position:0px 16px; background-repeat:no-repeat;
}
#topmenu ul li.kontakt a {
    background-image:url('../upload/designpics/btn_kontakt.png');
    background-position:0px 16px; background-repeat:no-repeat;
}
#topmenu ul li.impressum a {
    background-image:url('../upload/designpics/btn_impressum.png');
    background-position:0px 16px; background-repeat:no-repeat;
}
#topmenu ul li a:hover,
#topmenu ul li.active a {
    color:#0099cc; background-position:0px -34px;
}


/* logo */
#logo {
    width:340px; float:right; margin-top:8px;
}


/* mainmenu */
#mainmenu ul {
    padding-left:4px; list-style:none;
}
#mainmenu ul li {
    float:left;
}
#mainmenu ul li a {
    height:26px; width:135px; float:left; display:block; color:#fff; font-weight:normal;
    text-decoration:none; text-align:center; padding-top:10px; background-position:0px 0px;
    background-image:url('../upload/designpics/mainmenu.png'); background-repeat:no-repeat;
}
#mainmenu ul li a:hover,
#mainmenu ul li a.active {
    background-position:0px -36px;
}


/* *** EVENTUALLY NEEDED ******************************************************/

/* content elements (aktuelles) */
#content div.box-news div.ueberschrift-news {margin-top:32px;}
#content div.box-news div.ueberschrift-news p.datum {
    background-color:#d7d6e6; color:#000; font-weight:bold; width:90px; text-align:center;
    float:left; margin:0px 10px 0px 0px; padding:1px;
}
#content div.box-news div.ueberschrift-news h2 {font-size:14px; padding:0;}

.box-hinweis {font-size:18px; font-weight:bold; padding:6px 0px 6px 0px;}
.box-hinweis-2 {font-size:16px; font-weight:bold; padding:6px 0px 6px 0px;}


/* gallery */
/* NO NEED: div#simplegallery1 div.navpanellayer div.gallerystatus {color:#fff;} */


/* content elements (allgemein) */
#content .fett, .fett {font-weight:bold;}
#content .farbig, .farbig {color:#00f;}
#content .fett-farbig, .fett-farbig {font-weight:bold; color:#00f;}
#content .farbe-rot, .farbe-rot {color:#f00;}
#content .abstand-unten-0 {padding-bottom:0px;}
#content .abstand-unten-1 {padding-bottom:10px;}
#content .abstand-unten-2 {padding-bottom:20px;}
#content .abstand-unten-3 {padding-bottom:30px;}
#content .abstand-unten-5 {padding-bottom:40px;}
#content .abstand-unten-7 {padding-bottom:70px;}
#content .abstand-unten-10 {padding-bottom:220px;}
#content .abstand-oben-0 {padding-top:0px;}
#content .abstand-oben-1 {padding-top:10px;}
#content .abstand-oben-2 {padding-top:20px;}
#content .abstand-oben-3 {padding-top:30px;}
#content .abstand-oben-5 {padding-top:40px;}
#content .abstand-oben-7 {padding-top:70px;}
#content .abstand-oben-8 {padding-top:130px;}
#content .abstand-oben-10 {padding-top:220px;}
#content .abstand-links-oben-unten-10-10-10 {padding:10px 0px 10px 10px;}
#content .abstand-links-oben-unten-20-20-20 {padding:20px 0px 20px 20px;}
#content .abstand-links-oben-unten-30-0-30 {padding:0px 0px 30px 30px;}
#content .abstand-links-oben-unten-30-20-20 {padding:20px 0px 20px 30px;}
#content .abstand-links-10 {padding-left:10px;}
#content .abstand-links-20 {padding-left:20px;}
#content .abstand-links-30 {padding-left:30px;}
#content .abstand-links-40 {padding-left:40px;}
#content .abstand-links-50 {padding-left:50px;}
#content .abstand-rechts-10 {padding-right:10px;}
#content .abstand-rechts-20 {padding-right:20px;}
#content .abstand-rechts-30 {padding-right:30px;}
#content .abstand-rechts-40 {padding-right:40px;}
#content .abstand-rechts-50 {padding-right:50px;}

img.float-left {float:left; margin:0px 20px 20px 0px;}
img.float-right {float:right; margin:0px 0px 20px 20px;}


/* Partner -------------------------------------------------------------------------------*/ 

#content table.tbl-partner{border-collapse:collapse; border-spacing:0px; margin:0px 0px 5px 0px; border:none;}
    #content table.tbl-partner td{}
    #content table.tbl-partner .td-1{width:100px; padding:0px 0px 5px 0px;}
    #content table.tbl-partner .td-2{width:250px; padding:0px 30px 5px 15px;}
    #content table.tbl-partner .td-3{width:100px; padding:0px 0px 5px 0px;}
    #content table.tbl-partner .td-4{width:250px; padding:0px 0px 5px 15px;}
      #content table.tbl-partner td img{}



/* Bestellformular / Kontaktformular -------------------------------------------------------------------------------*/ 

div.form-error {border:2px solid #f00; padding:6px; width:80%;}
div.form-success {border:2px solid #080; padding:6px; margin-top:30px; width:80%;}
input[type=text] {border:1px solid #000; padding:2px;}
textarea {border:1px solid #000; padding:2px;}
input[type=checkbox] {padding:2px;}
input.form-error {border:1px solid #f00;}
textarea.form-error {border:1px solid #f00;}
/*input#submit {font-weight:bold;}*/

form#orderform div.content_3col_left div.paddingbox div.checklabel{padding:3px 0px 3px 0px; line-height:0px; float:left; width:250px;} /* checkboxen + labels */
  form#orderform div.content_3col_left div.paddingbox div.checklabel input{padding:0px; margin:0px 5px 0px 0px; line-height:0px; float:left;} /* checkboxen */
  form#orderform div.content_3col_left div.paddingbox div.checklabel label{padding:0px; margin:0px; line-height:10px; float:left; width:220px;} /* labels */
  
form#orderform div.content_3col_right div.orderform_send {padding-top:130px;}
form#orderform p.order_notice {font-size:10px;}

form#orderform .quantity{width:20px; margin-bottom:3px;}


/* Kontakt */

.kontakt_left p{line-height:0px; font-size:0px; padding:0px; margin:0px;} /* p-tag verursacht sonst weißen Rand */

#box-contactform-left{width:245px; float:left;}
  #box-contactform-left input[type=text]{width:170px;}

#box-contactform-right{width:240px; float:right; padding-left:10px;}
  #box-contactform-right label{}
  #box-contactform-right .nachricht{width:230px; height:131px; margin-top:5px;}

/* Produktübersicht -------------------------------------------------------------------------------*/ 

#box-auflistung-produkte
{
padding-top:15px;
}

  #box-auflistung-produkte .box-auflistung-produkte-einzelprodukt
  {
  width:136px; 
  height:129px; 
  float:left; 
  text-align: center;
  margin-right:15px; 
  overflow:hidden;
  }
  /* Reihe oben */
  #box-auflistung-produkte .box-auflistung-produkte-einzelprodukt-bg-1
  {
  margin-bottom:15px;
  background-image:url('../upload/designpics/box-auflistung-produkte-einzelprodukt-1.jpg'); 
  background-repeat:no-repeat;
  }
  /* Reihe unten */
  #box-auflistung-produkte .box-auflistung-produkte-einzelprodukt-bg-2
  {
  margin-bottom:0px;
  background-image:url('../upload/designpics/box-auflistung-produkte-einzelprodukt-2.jpg'); 
  background-repeat:no-repeat;
  }

    #box-auflistung-produkte .box-auflistung-produkte-einzelprodukt a{text-decoration:none; font-weight:normal;}
      #box-auflistung-produkte .box-auflistung-produkte-einzelprodukt a h2
      {
      color:#0099CC;
      font-weight:normal;
      font-size:12px;
      padding:10px 0px 0px 0px;
      text-align:center;
      text-decoration:none;
      height:30px;
      }
      #box-auflistung-produkte .box-auflistung-produkte-einzelprodukt img
      {
  
      }


/* Produktdetailansicht -------------------------------------------------------------------------------*/ 

/* Bilder */
.img-hauptbild{padding:7px 0px 9px 0px;}
.img-thumbnail{float:left; margin-right:9px;}

/* Überschriften auf der rechten Seite */
#section-right-product-details h2{font-size:13px;}
#section-right-product-details h3{font-size:11px;}


/* Menür Blätter (auf verschiedenen Seiten im Einsatz) -------------------------------------------------------------------------------*/

#box-menue-blaettern{text-align:right; position:absolute !important; top:330px; right:20px; z-index:900; /*required for simplegallery*/}
  #box-menue-blaettern #box-menue-blaettern-seite{float:left; color:#0099CC;}
  #box-menue-blaettern ul {list-style-type:none; float:left;}
    #box-menue-blaettern ul li{float:left; display:inline; color:#0099CC; padding:0px; margin:0px; font-weight:normal;}
      #box-menue-blaettern ul li a{float:left; display:inline; font-weight:normal; text-decoration:none; padding:0px; margin:0px;}
      #box-menue-blaettern ul li a:hover, #box-menue-blaettern ul li a.active{color:#CC0033;}



#button-partner-zurueck{text-align:left; position:absolute !important; top:325px; left:20px; z-index:900; /*required for simplegallery*/}



/* Box aktueller Artikel auf Startseite ------------------------------------------------------ */

/* Eingabe und Ausgabe */

#box-aktueller-artikel
{
margin-top:20px;
margin-bottom:20px;
width:495px;
height:160px;
padding:30px 0px 0px 20px;
background:url('../upload/designpics/hg-box-startseite-aktuelles.jpg');
}

  #box-aktueller-artikel #box-links
  {
  float:left;
  width:310px;
  }
    #box-aktueller-artikel #box-links .ueberschrift
    {
    padding:0px 0px 10px 0px;
    }
    #box-aktueller-artikel #box-links .content
    {
    padding:0px 0px 10px 0px;
    }
    

  #box-aktueller-artikel #box-rechts
  {
  float:right;
  width:140px;
  padding:4px 20px 0px 0px;
  }

    #box-aktueller-artikel #box-rechts .box-auflistung-produkte-einzelprodukt
    {
    width:138px; 
    height:136px; 
    float:left; 
    text-align: center;
    overflow:hidden;
    margin-bottom:15px;
    background-image:url('../upload/designpics/hg-box-startseite-aktuelles-bild.jpg'); 
    background-repeat:no-repeat;
    }
  
      #box-aktueller-artikel #box-rechts .box-auflistung-produkte-einzelprodukt a{text-decoration:none; font-weight:normal;}
        #box-aktueller-artikel #box-rechts .box-auflistung-produkte-einzelprodukt a h2
        {
        color:#0099CC;
        font-weight:normal;
        font-size:12px;
        padding:12px 0px 0px 0px;
        text-align:center;
        text-decoration:none;
        height:34px;
        }


/* Eingabeschablone */

#auswahl-artikel
{
background-color:#FFD3AF;
padding:0px 5px 0px 5px;
}


#eingabeschablone-startseite-aktuelles #box-aktueller-artikel
{
margin-top:10px;
margin-bottom:15px;
width:515px;
height:120px;
padding:30px 0px 0px 20px;
overflow:auto;
}
    #eingabeschablone-startseite-aktuelles #box-aktueller-artikel #box-links .ueberschrift
    {
    padding:0px 0px 5px 0px;
    }
    #eingabeschablone-startseite-aktuelles #box-aktueller-artikel #box-links .content
    {
    padding:0px 0px 5px 0px;
    }