/********************************************
 $Id: layout.css,v 1.12 2006/08/31 07:32:10 scout Exp $

*/

/* Für alles */
* {
    font-family: Arial, Helvetica, sans-serif;
    margin: 0;
    padding: 0;
}

body {
    background-color: #ffffff;
    color: #000000;
  }

h1,h2,h3,h4,h5 {
    margin:0;
}

img { border: none;}

table, tr, td {margin:0;padding:0;clear:both;}
/********************************************
 Seitencontainer
 legt die Gesamtbreite fest
*/

#page {
    background-color: #ffffff;
    color: #000000;
    width: 1007px;
    border-top: 3px solid #0579c1;
    text-align: left;
}

.heightHeadRow{
    height: 218px;
}

.heightMidRow{
    height: 150px;
}
.heightFootRow{
    height: 5px;
    margin:0px;
    padding: 0px;
}

.wLeftCols{
    width: 252px;
}
.wRightCols{
    width: 328px;
}

.wMidCols{
    width: 426px;
}

.wNewslist {
    width: 260px;
}

.wMenu {
    width: 204px;
}
/********************************************
Kopfzeile
*/

#headRow {
  }

#headLeftCol {
}

#headMidCol{
}

#headRightCol{
    background-color: #ebf7fe;
    border-bottom: 1px solid #fbbe6d;
}

#headRightCol h1 {
    font-size: 20px;
    font-weight: normal;
    color: #0079c1;
    margin: 139px 0px 5px 78px;
    position: relative;
    bottom: 0px;
}

/********************************************
Mittlere Zeile, umschließt leftSidebar, rightSidebar, mainContent
*/
#midRow {
    background-color: #ffffff;
    color: #000000;
    float: left;
    overflow: hidden;
  }

/********************************************
Fusszeile
*/
#footRow {
    color: #999999;
    font-size: 11px;
    text-align: center;
    border-top: 1px solid #D60000;
  }

#footRightCol{
    background-color: #fbbe6d;
}

/********************************************
linke Spalte, enthält die Hauptnavigation
*/
#leftSidebar {
    background-color: #ffffff;
    color: #000000;
  }

/********************************************
* mittlere Spalte, Inhaltsbereich
* umschliesst #breadcrumbs, .contentSubPart
*/
#mainContent {
    background-color: #F5F5F7;
    color: #000000;
    padding: 10px 20px 30px 20px;
/*     border-bottom: 1px solid #D60000; */
/*    border-left: 1px solid #fbbe6d;*/
  }

#spaceCol {
    width: 224px;
}

/********************************************
rechte Spalte, enthält Aktuelles o. Bildergalerie
*/
#rightSidebar {
    background-color: #ebf7fe;
    color: #000080;
/*     overflow: hidden; */
  }
/********************************************
Sprachauswahl
*/

#selectLanguage{
    display: block;
    float: right;
    overflow: hidden;
    margin: 10px 0px 0px 0px;

}


/********************************************
Hautnavigation
*/

#menu{
    display: block;
    float: left;
    width: 170px;
/*     overflow: hidden; */
    border-bottom: 1px solid #D60000;
    margin-top: 40px;
    margin-bottom: 0px;
}

ul.menu {
    list-style:none;
    background-color: #d9d9d9;
}

li.menuLevel0 {
/*     background-color: #b2b2b2; */
/*     background-image: url('../images/bgmenuLevel.gif'); */
/*     background-repeat:no-repeat; */
}
/* Menu 1.Ebene */
li.menuLevel0 a:link,  li.menuLevel0 a:visited, li.menuLevel0 a:active{
    display: block;
    background-color: #b2b2b2;
    color: #ffffff;
    font-size: 16px;
    font-weight: bold;
    font-style: normal;
    text-decoration: none;
    text-align: right;
    line-height: 32px;
    padding: 0px 10px 0px 0px;
    border-top: 1px solid #D60000;
    width: 160px;
  }

li.menuLevel0 a:hover {
    background-color: #b2b2b2;
    color: #D60000;
    background-color: #d9d9d9;
    }

li.menuLevel0 a:link.highlighted,li.menuLevel0 a:visited.highlighted,li.menuLevel0 a:active.highlighted, li.menuLevel0 a:hover.highlighted {
    color: #D60000;
    background-color: #d9d9d9;
}

/* Menu 2.Ebene */
li.menuLevel1 a:link,  li.menuLevel1 a:visited, li.menuLevel1 a:active{
    display: block;
    background-color: #d9d9d9;
    color: #D60000;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    text-align: right;
    padding: 0px 16px 0px 0px;
    margin: 0px;
    width: 154px;
  }

li.menuLevel1 a:hover {
    color: #000000;
}

li.menuLevel1 a:link.highlighted, li.menuLevel1 a:visited.highlighted, li.menuLevel1 a:active.highlighted, li.menuLevel1 a:hover.highlighted {
color: #000000;font-style: italic;
}


/* Menu 3.Ebene */
.menuLevel2 {
  }



/* Sitemap */
 ul.sitemap {
    list-style: none;
}
/* Sitemap 1.Ebene */
li.sitemap0 a {
    list-style-type: none;
    display: block;
    width: 400px;
    background-color: #ffffff;
    color: #0a45f5;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    text-align: left;
    line-height: 26px;
    padding: 0px 0px 0px 10px;
    margin: 0px 10px 0px 0px;
  }

/* Sitemap 2.Ebene */
li.sitemap1 a {
    list-style-type: none;
    display: block;
    background-color: #ffffff;
    color: #0a45f5;
    font-size: 12px;
    font-weight: normal;
    text-decoration: none;
    text-align: left;
    line-height: 22px;
    padding: 0px 0px 0px 20px;
  }

/* Sitemap 3.Ebene */
li.sitemap2 {
    list-style-type: none;
    display: block;
    background-color: #ffffff;
    color: #0a45f5;
    font-size: 12px;
    font-weight: normal;
    text-decoration: none;
    text-align: left;
    line-height: 20px;
    padding: 0px 0px 0px 30px;
  }

.description{
    font-size: 12px;
    line-height: 20px;
}
/* Kategorie als Spacer: Zwischenraum in der Navigation */
.menuSpacer{
    display: block;
    height: 20px;
}

/********************************************
Utility (Links für Sitemap, Impressum, AGB etc.)
*/

#utility {
    list-style: none;
    background-color:#caeafb;
    display: block;
    height: 45px;
    overflow: hidden;
    padding-left: 78px;
}
#utility li {
    float: left;
}
#utility a:link, #utility a:visited, #utility a:hover, #utility a:active {
   display: block;
    color: #0079c1;
    font-size: 7px;
    font-weight: normal;
    text-decoration: none;
    margin: 28px 2px 5px 0px;
}


/********************************************
 Klickpfad
*/
#breadcrumbs{
margin: 30px 0px 0px 10px;
font-size: 11px;
float: left;
}

#breadcrumbs a:link, #breadcrumbs a:visited, #breadcrumbs a:active  {
font-size: 11px;
color: #000000;
text-decoration: none;
}

#breadcrumbs a:hover{
font-size: 11px;
color: #999999;
}

/* Durch einzelne Seiten browsen - Links Listenansicht und Suchergebnis  */

ul.pager{
    list-style: none;
    font-size: 11px;
    color: #000000;
    margin: 30px 15px 0px 0px;
    padding: 0;
    float: right;
}

ul.pager li {
    display: inline;
    float: left;
    clear: right;
    margin: 0px 0px 0px 5px;
}
ul.pager li a:link, .pager li a:active, .pager li a:visited{
    color: #000000;
    text-decoration: none;
}
ul.pager li a:hover{
    color: #999999;
}



/********************************************
Formatierungen fuer den Inhaltsbereich
*/

/* Container für alle nachfolgenden Elemente */
.contentSubPart {
    background-color: #f5f5f7;
    margin: 0px 10px 0px 10px;
    color: #000000;
    padding: 10px 0px 40px 0px;
    border-top: 1px solid #D60000;
  }

/*  Titelzeile */
.title{
    display: none;
    visibility: hidden;
    font-size: 18px;
    font-weight: bold;
    background-color: inherit;
    color: #fbbe6d;
    margin:0px 0px 3px 0px;
    font-weight: bold;
}

/* Überschrift */
.heading{
    background-color: #f5f5f7;
    color: #D60000;
    font-size: 18px;
    font-weight: bold;
    line-height: 120%;
    margin: 0px 0px 16px 0px;
    display: block;
    width: 99%;
}
/*  Anreisser */
.teaser{
    font-size: 13px;
    line-height: 120%;
    background-color: inherit;
    color: #000000;
    margin:0px 0px 16px 0px;
    font-weight: bold;
}


.bodytext{
    font-size: 13px;
    background-color: inherit;
    color: #000000;
}


.bodytext h1 {
    background-color: inherit;
    color: #D60000;
    font-size: 20px;
    font-weight: bold;
    line-height: 100%;
}

.bodytext h2 {
    background-color: inherit;
    color: #D60000;
    font-size: 16px;
    line-height: 100%;
}

.bodytext h3 {
    background-color: inherit;
    color: #999999 !important;
    font-size: 14px;
}
.bodytext h4 {
    background-color: inherit;
    color: #D60000;
    font-size: 12px;
}
.bodytext h5 {
    background-color: inherit;
    color: #D60000;
    font-size:10px;
}
.bodytext h6 {
    background-color: inherit;
    color: #D60000;
    font-size: 8px;
}


.bodytext a:link, .bodytext a:visited, .bodytext a:active {
    color: #D60000;
}

.bodytext a:hover {
    color: #D60000;
}


/* Listenelement */
.bodytext li.listitem{
    list-style: none;
    display:block;
    font-size: 13px;
    font-weight:normal;
    color: #D60000;
    width: 99%;
    clear: both;
    margin: 0px 0px 10px 0px;
}

/* Titel Liste */
.bodytext li h1.listtitle{
    font-size: 13px;
    color: #D60000;
    line-height: 120%;
    font-weight:bold;
    text-decoration: none;
}


 .bodytext li h1 a.listtitle:link,   .bodytext li h1 a.listtitle:active,   .bodytext li h1 a.listtitle:visited{
    color: #D60000;
    text-decoration: none;
}

/* Anreißer Liste */
.bodytext li p.listteaser{
    display:block;
    font-size: 13px;
    font-weight:normal;
    color: #000000;
}

 .bodytext li p.listteaser img {
    float: left;
    margin: 3px 3px 3px 0;
}

/* Link zur Detailseite */
  .bodytext li p.lndetail{
    clear: both;
    text-align: right;
    text-decoration: none;
    font-size: 12px;
    font-weight:bold;
    padding-right: 20px;
  }

 .bodytext li p a.lndetail:link,  .bodytext li p a.lndetail:active, .bodytext li p a.lndetail:visited, .bodytext li p a.lndetail:hover{
  text-decoration: none;
}


/********************************************
Links 'vorheriger Artikel' + 'nächster Artikel'
*/
ul.browse_entries{
    list-style: none;
    font-size: 10px;
    color: #000000;
    float: right;
    margin: 30px 5px 0px 0px;
}

ul.browse_entries li {
float: left;
/* clear: right; */
}
ul.browse_entries li a:link, .browse_entries li a:active, .browse_entries li a:visited{
    font-size: 10px;
    color: #000000;
    text-decoration: none;
}
ul.browse_entries li a:hover{
    color: #999;
}


/********************************************
Formulare
*/

form {
/* border: 1px solid #000000; */
padding: 0px;
/* background-color: #999999; */
display: block;
}
.input{
    border: 1px solid #D60000;
}

.select{
    border: 1px solid #D60000;
}

label{
    font-size: 9pt;
    font-weight: bold;
    color:#D60000;
}

/********************************************
Hilfsklassen
*/

.floatRight {float: right;}

.floatLeft {float: left;}

.bgBlue{
    background-color: #D60000;
    color: #ffffff;
}
.blue{
    color: #D60000;
}
.red{
    color: #ca473f;
}
.green{
    color:#219141;
}

.orange{
    color: #FF8000;
}


/********************************************
Prop-Clear: CSS min-height hack
min-height im IE erzwingen
Fuer Hinweise siehe auch:
http://www.greywyvern.com/code/min-height-hack
*/
.prop {
    float:right;
    width:1px;
  }

.clear {
    clear:both;
    height:1px;
    overflow:hidden;
  }

.minHeight5 { height: 5px; }
.minHeight26 { height: 26px; }
.minHeight50 { height: 50px; }
.minHeight90 { height: 90px; }
.minHeight100 { height: 100px; }
.minHeight100 { height: 1000px; }
.minHeight150 { height: 150px; }
.minHeight350 { height: 350px;}
.minHeight450 { height: 450px; }
.height37 { height: 37px; }
.w100 {
    width: 100px;
}

.w250 {
    width: 250px;
}
.w350 {
    width: 350px;
}
.lpad10 {
    padding-left: 10px;
}



.blue{
    color: #D60000;
}
.red{
    color: #ca473f;
}
.green{
    color:#219141;
}

.orange{
    color: #FF8000;
}
.xsmall{font-size: 6pt;}
.small{font-size: 8pt;}
.normal{font-size: 10pt;}
.big{font-size: 11pt;}
.xbig{font-size: 13pt;}

#searchform{
    padding: 2px;
}

.search{
    border: 1px solid #f5f5f7;
    line-height: 16px;
    font-size: 12px;
    font-weight: bold;
    background-color:#D60000;
    width:110px;
    padding: 3px;
    margin-right:5px;
    margin: 0px 3px 0px 10px;
    color: #fff;
    }

.searchbtn{
 /*  position: absolute;
    top: 80px;
    left: 169px;*/
line-height: 14px; font-size: 12px; padding: 2px 4px; background-color:#D60000;  margin: 0;
border: 1px solid #f5f5f7;
}



#searchmessage{
  font-size: 13px;
  color: #293462;
  display: block;
  text-align: center;
  background-color: #FFFFFF;
  border: solid 1px #5A659C;
  margin: 16px;
  padding: 3px;
}

.searchword{
  font-size: 12px;
  font-weight: bold;
  font-style: italic;
  color: #293462;
}
.select_language {
    background-color: #D60000;
    color: #ffffff;
    width: 140px;
    padding: 2px;
    font-size: 12px;
    font-weight: bold;
    margin: 5px 16px 10px 10px;
    border: 1px solid #f5f5f7;
    }

/*  Produkte */

.preis {
  font-size: 18px;
  font-style: normal;
  font-weight: bold;
  color: #D60000;
}
.detaillogo {  display: block; height: 40px;
 float: left; vertical-align:center;}
.artikelname, .serienname {
  font-size: 20px;
  font-weight:bold;
  line-height: 40px;
  color: #D60000;
  float: left;
   margin-left: 15px;
}
.serienname {
  margin-left: 5px;
  margin-right: 25px;
}

.artikelbeschreibung {
  font-size: 13px;
  font-weight: normal;
  color: #000000;
  margin: 3px;
}
.artikelbeschreibung div img {
    border-style: solid;
    border-width: 2px;
    border-color: #999;
    margin-bottom: 5px;
}

.preis {
  font-size: 14px;
  font-weight: bold;
  line-height:14px;
  color: #999999;
  margin-left: 5px;
  padding: 0;
}

.artikelnr {
  font-size: 11px;
  line-height:16px;
  font-weight: bold;
  color: #999999;
  padding: 0;
  margin-left: 5px;
}

.eannr {
  font-size: 14px;
  line-height:18px;
  font-weight: bold;
  color: #999999;
}

.tech {
  font-size: 12px;
  font-weight: bold;
  color: #D60000;
  text-align: left;
}

#features, #plistteaser {
    display: block;
}

#features ul , #plistteaser ul {
    list-style: none;
    list-style-image:url('../images/pfeil_rot.gif');
    list-style-position: outside;
    padding: 0px;
}

#features  li , #plistteaser li{
    font-size: 12px;
    font-weight: normal;
    line-height:12px;
    text-align: left;
    margin: 5px 5px 5px 20px;
}

#techdata {
  padding: 0px;
}

#techdata ul {
    list-style: none;
    list-style-image:url('../images/pfeil_rot.gif');
    list-style-position: outside;
    padding: 0px;
}

#techdata ul li {
    font-size: 12px;
    font-weight: normal;
    line-height:12px;
    list-style-position: outside;
    margin: 5px 5px 5px 20px;
}

.techlabel {
  font-weight: normal;
  line-height:12px;
}
.techitem {
  font-weight: normal;
  line-height:12px;
}
.thumbnail {
}
.tdthumb{
  padding: 2px;
  }

a.plisttitle:link,a.plisttitle:active,a.plisttitle:visited {
  font-size: 14px;
  font-weight: bold;
  color: #D60000;
  padding-left: 5px;
  text-decoration: none;
}

.listartikelnr {
  font-size: 14px;
  font-weight: bold;
  font-variant: small-caps;
  color: #D60000;
}

.listuvp {
  font-size: 12px;
  font-style: normal;
  font-weight: bold;
  color: #999999;
}


a.producer:link,a.producer:active,a.producer:visited{
  color: #D60000;
}

a.producer:hover{
  background: #D60000;
  color: #FFFFFF;
}

#lieferbar {
  background: url('../icons/info.gif') no-repeat;
  color: #D60000;
  font-size: 12px;
  font-weight:normal;
  line-height: 16px;
  text-align: left;
  margin-top: 10px;
  padding-left: 20px;
}

a.plndetail:link, a.lndetail:active, a.plndetail:visited {
    font-size: 12px;
    font-weight: bold;
    color: #999999;
    text-decoration: none;
  padding-left: 10px;
}
a.plndetail:hover {
    color: #D60000;
}

.pheading{
    font-size: 12px;
    font-weight: bold;
    background-color:#F5F5F7;
    color: #000000;
    margin-bottom: 5px;
}

#cname {
display: block; width:99%; margin: 0px;
}

#cname h1 {font-size: 16px; color: #999999; margin: 0px 0px 5px 0px;
}
#subcname {
display: block; width:99%; margin: 0px 0px 15px 0px;
}
#subcname h2 a {text-decoration: none; font-size: 12px; font-weight: bold; color: #999999;
}

#submenu {
    background-color:#F5F5F7;
    clear: left;
    border-bottom: 1px solid #999;
    margin: 0px 0px 16px 0px;
}
#submenu h3 {
    margin: 0px 0px 10px 0px;
}

a.submenu:link, a.submenu:visited, a.submenu:active  {
    background-image: url('../images/pfeil_rot.gif');
    background-repeat: no-repeat;
    background-position: left center;
    font-size: 11px;
    line-height: 16px;
    padding: 0px 8px 0px 8px;
    margin: 10px 0px 10px 0px;
    color: #000000;
    text-decoration: none;
    }

a.submenu:hover{
    color: #999999;
}


ul.downloads {
    list-style: none;
    list-style-position: outside;
    text-align: left;
    margin: 0px 0px 0px 20px;
    padding: 0px;
    list-style-image:url('../images/pfeil_rot.gif');
}

ul.downloads li {
    line-height: 12px;
    margin: 0px 0px 10px 0px;
    }

ul.downloads li a:link, ul.downloads li a:visited, ul.downloads li a:active  {
    font-size: 12px;
    font-weight: bold;
    color: #D60000;
    margin: 0px 0px 10px 0px;
    text-decoration: none;
    width: 540px;
}

ul.downloads li a:hover{
    font-size: 12px;
    color: #999999;
}

/********************************************
 Newsliste in rechter Spalte
*/
#newslist {
    list-style: none;
    background-color: #ebf7fe;
    color: #000080;
    padding: 10px 0px 37px 0px;
/*     border-bottom: solid 37px #ebf7fe; */
/*     margin-left: 68px; */
}

div{ margin: 0; padding: 0;}