/* Stylesheet ontikkeld door Internetbureau Websight - http://www.websight.nl */

/*-------------------------------------------------------*/
/* HTML Elements----------------------------------------*/
/*(http://www.w3.org/TR/html4/index/elements.html) ----*/
/*----------------------------------------------------*/

html{
    height:100%;
}

body{
    margin:0px;
    /*overflow:-moz-scrollbars-vertical;*/
}

/* Start overall font definitie */

body{
    font-family:Arial, Verdana, Helvetica, sans-serif;
    letter-spacing: .1em;
    font-size:70%;
    text-decoration:none;
    font-variant:normal;
    font-style:normal;
    color:#000000;
    line-height:125%;
/*  background-color:#EE1C23; */
    background-color:#FF0000;
}

body.plain {
    background-color: white;
    overflow: auto;
    margin: 20px;
    height: auto;
}

div.plain {
    margin: 20px;
    height: 250px;
}

.plain a, .plain a:link, .plain a:visited, .plain a:hover {
    color: #EE1C23;
}

.textBody {
    font-family:Arial, Verdana, Helvetica, sans-serif;
    letter-spacing: .1em;
    text-decoration:none;
    font-variant:normal;
    font-style:normal;
    line-height:125%;
}

/* Einde overall font definitie */


a{
    color:#ffffff;
    text-decoration:underline;
}

a:hover{
    color:#ffffff;
    text-decoration:underline;
}

a:active{
    color:#ffffff;
}

a:visited{
    color:#ffffff;
}

abbr{
    border:0px none #ffffff; /* mozilla-based browsers geven deze tag weer met dotted underline */
}

blockquote{
}

button{
}

img{
    border:0px none #000000;
}


/* -------Start: (Un)ordered Lists + List items----- */

ol{
    padding-top:0px;
    padding-bottom:0px;
    margin-top:0px;
    margin-bottom:0px;
}

ul{
    padding-top:0px;
    padding-bottom:0px;
    margin-top:0px;
    margin-bottom:0px;
}

li{
    margin:0px 0px 0px 0px;
}

dl{
}

dt{
}

dd{
}


/* -------Einde: (Un)ordered Lists + List items----- */


/* -------Start: Forms + Form items ----------------*/


form{
    margin:0px 0px 0px 0px;
}

input{
    height:13px;
    font-family:Arial, Verdana, Helvetica, sans-serif;
    font-size:11px;
}

textarea{
    border:1px solid #000000;
}

fieldset{
    background-color:#b1b1b1;
    border-color:#d6d6d6;
}

.formCheckbox{
}

.searchBoxButton{
    height:21px;
    font-family:Arial, Verdana, Helvetica, sans-serif;
    font-size:11px;
}


/* -------Einde: Forms + Form items ----------------*/



/*---- Start: Tekst, paragrafen, etc. -------------*/

h1{
    font-size:100%;
    font-weight:bold;
}

h2{
    font-size:100%;
    font-weight:bold;
}

p{
}


/*---- Einde: Tekst, paragrafen, etc. -------------*/

hr{
}


/*--------------------------------------------------------------------------*/
/* HTML Template ----------------------------------------------------------*/
/*------------------------------------------------------------------------*/


/* Start definitie van blokken o.b.v. id's */

#header{
    padding: 0;
    marging: 0;
}

#header img {
    padding: 0;
    margin: 0;
}

div#menu{
}

#content{
}

#illustraties{
}

#column{
}

#productContentContainer{
    height:100%;
}


/* Einde definitie van blokken o.b.v. id's */


/* Start overigen */


/*------------------------------------------------------*/
/* CMS ------------------------------------------------*/
/*----------------------------------------------------*/


/*------------Menumodule--------*/

#menu{
    padding-top: 0px;
}

#menu .languageSelect {
    padding-left: 15px;
}

#column .languageSelect {
    padding: 13px 0px 13px 13px;
}
/* All <ul> tags in the menu including the first level */
.menu, ul.menu  ul{
    margin: 0;
    padding: 0;
    list-style: none;
}

/* Submenus (<ul> tags) are hidden and absolutely positioned downwards from their parent */
ul.menu ul {
    visibility: hidden;
    position: absolute;
    top: 0px;
    left: 198px;
    width: 198px;
    margin: 0px;
    padding: 0px;
}

/* Second and third etc. level submenus - position across from parent instead */
ul.menu ul ul {
}

/*
 All menu items (<li> tags). 'float: left' lines them up horizontally, and they are
 positioned relatively to correctly offset submenus. Also, they have overlapping borders.
*/
ul.menu li {
    _width: 198px;
    padding: 0;
    font-family: Arial;
    letter-spacing: 1pt;
    font-size: 12px;
    font-weight: bold;
    position: relative;
    margin: 0;
    _margin-bottom: -3px;
    border: 0;
}

/* Items in submenus - override float/border/margin from above, restoring default vertical style */
ul.menu ul li {
    float: none;
    padding: 0px;
    margin: 0px;
    color: #ffffff;
    padding-left: 15px;
}

ul.menu ul li.firstChild {
    padding-top: 9px;
    margin: 0;
}

ul.menu ul > li:first-child {
    margin: 0;
}

ul.menu ul li.lastChild {
    padding-bottom: 12px;
}

ul.menu ul > li:last-child {
    padding-bottom: 12px;
    margin: 0px;
}

/* Links inside the menu */
ul.menu li a {
    display: block;
    margin: 0px;
    padding: 0px;
    padding-left: 15px;
    height: 40px;
    line-height: 40px;
    color: #ffffff;
    text-decoration:none;
}
ul.menu ul a {
    display: inline;
    padding: 0px;
    line-height: 22px;
    height: 22px;
}

/* Lit  items: 'hover' is mouseover, 'highlighted' are parent items to visible menus */
ul.menu a:visited {
    color: #ffffff;
    text-decoration:none;
}
ul.menu a:hover, .menu a.highlighted:hover, .menu a:focus {
    color: #ffffff;
    text-decoration:underline;
}
ul.menu  a.highlighted {
}

/* Only style submenu indicators within submenus. */
ul.menu a .subind {
 display:  none;
}
ul.menu ul a .subind {
 display:  block;
 float: right;
}

/* 'Escaped Comment' hack for horizontal menubar width in IE5/Mac */
ul.menu a {
 float: left;
}
ul.menu ul a {
 float: none;
}
/* \*/
ul.menu a {
 float: none;
}
/* */


/* This semi-commented section exists to fix bugs in IE/Windows (the 'Holly Hack'). \*/
* html ul.menu  ul li {
 float: left;
 height: 1%;
}
* html ul.menu  ul a {
 height: 1%;
}
/* End Hack */



/*----------- Textmodule -----------*/



/*-------Tree----------*/
.treeItem1, .treeItem1Active{
    margin:0px 0px 0px 20px;
}

.treeItem2, .treeItem2Active{
    margin:0px 0px 0px 40px;
}

.treeItem3, .treeItem3Active{
    margin:0px 0px 0px 60px;
}

.treeItem4, .treeItem4Active{
    margin:0px 0px 0px 80px;
}


/*--------------------------------------------------------------*/
/* Custom/Contentstyles ---------------------------------------*/
/*------------------------------------------------------------*/

.taalkeuzeContainer{
    margin:16px 0px 9px 15px;
}

.taalkeuzeContainer img{
    padding:0px 3px 0px 0px;
}
table.productSpecifications, table.productContentSpecifications {
    background-color: #ffffff;
    border-style: solid;
    border-width: 1px;
    border-collapse: collapse;
    margin-top: 15px;
    width: 385px;
    clear: both;
}
table.productContentSpecifications {
    width: 100%;
}
table.productSpecifications td, table.productContentSpecifications td {
    padding-left: 5px;
    border-right-style: solid;
    border-right-width: 1px;
    text-align: center;
}
div.productNormalOverview {
    margin-bottom: 50px;
}
h2.productTitle, h2.productContentTitle {
    font-size: 140%;
}
h2.productTitle a {
    text-decoration: none;
}
img.productImage {
    float: right;
    border: none;
}
p.productContentBackLink {
    margin-top: 20px;
}

div#manualHomepageInput {
    background-color: #ffffff;
    color: #000000;
    padding:20px 20px 20px 20px;
    vertical-align: top;
    height: 360px;
    overflow: auto;
}

div#manualHomepageInput a{
    color: #000000;
}

#column td{
    padding:3px 3px 3px 3x;
}

#column .tekstje{
    padding:0px 10px 0px 14px;
    color:#FFFFFF;
    overflow:visible;
    line-height:15px;
    height: 125px;
    
}

#column .linkjes{
    font-family: Arial;
    letter-spacing:1pt;
    font-size: 11px;
    font-weight: bold;
    margin-top:5px;
    padding:10px 5px 0px 15px;
    color: #ffffff;
    line-height:15px;
    text-decoration: none;
}

#column .linkjes .treeItem1, #column .linkjes .treeItem1Active {
    margin: 0;
}

#column .linkjes a{
    text-decoration: none;
}

#column .linkjes a:hover{
    text-decoration: underline;
}

#column .tekstje a{
    color:#FFFFFF;
}

.contentContainer{
    border:3px solid #ffffff;
    height:394px;
}

.homeTekst{
    color:#FFFFFF;
    float:left;
    width:180px;
    text-align:left;
    margin:5px 5px 5px 5px;
    height:380px;
    overflow:auto;
}

.homeAfbeelding{
    color:#FFFFFF;
    float:right;
    width:195px;
}

 
.textTitle{
    font-size:13px;
    font-weight:bold;
}

td#contentWhite {
    background-color: #ffffff;
    color: #000000;
}

td#contentWhiteTxt {
    background-color: #ffffff;
    color: #ffffff;
}

td#contentWhiteTxt a, td#contentWhiteTxt a:link, td#contentWhiteTxt a:visited, td#contentWhiteTxt a:hover {
    color: white;
}

td#contentBlackTxt {
    background-color: #ffffff;
    color: black;
}

table.searchResults {
    color: #ffffff;
}

div#productPath {
    font-family:"Arial Narrow";
    height: 50px;
    margin-bottom: 20px;
    color: #ffffff;
    padding-left: 20px;
    font-size: 22px;
    line-height: 50px;
}

div#productText {
    padding: 20px;
    padding-top: 0px;
}

div#productText a, div#productText a:link, div#productText a:visited, div#productText a:hover {
    color: black;
    text-decoration: underline;
}

div#infoTxt{
    _height:495px;
    margin: 0px 50px 10px 50px;
    padding: 30px;
}

div#infoTxtNoPadding {
    margin: 0px 50px 10px 50px;
}

div#categoryOverview {
    margin: 0px 50px 10px 50px;
    padding: 30px 30px 30px 10px;
    font-weight: bold;
    _height:495px;
    min-height:495px;
    font-family: Arial;
    letter-spacing:1pt;
    font-size: 12px;
    font-weight: bold;
    line-height:22px;
}

div#categoryOverview div a {
    color: #ffffff;
    text-decoration: none;
    display: block;
    margin-bottom: 30px;
    text-decoration: none;
}

div#categoryOverview a:hover {
    text-decoration: underline;
}

h1.category {
    font-family: "Arial Narrow";
    font-size: 30px;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin: 50px;
    margin-left: 49px;
    margin-top: 30px;
    margin-bottom:1px;
}

table.productContentSpecTable {
    border-top: 1px solid #ffffff;
    width: 235px;
    margin-top: 15px;
}
table.productContentSpecTableWide {
    width: 300px;
    margin-top: 0px;
}
table.productContentSpecTable tr {
    vertical-align: top;
}
table.productContentSpecTable tr td {
    border-bottom: 1px solid #ffffff;
}
div.productContentTopLeft {
    float: left;
}
div.productContentTopRight {
    float: right;
    text-align: right;
    width: 250px;
}
div.productContentStandingImage {
    width: 300px;
    float: left;
    text-align: right;
    margin-right: 10px;
}
p.productContentText {
    margin-top: 20px;
    clear: both;
}
div.productText {
    width: 385px;
}
p.productMore {
    margin-top: 10px;
    width: 385px;
    text-align: right;
}
img.productContentSmall1, img.productContentSmall2 {

}
img.productContentSmall1 {
	margin-left: 5px;
    float: right;

}
img.productContentSmall2 {
	margin: 10px 0;
}
table.productContentSpecTable {
    float: right;
}

img.productContentBottom {
}
h2 a:link, h2 a:visited, h2 a:hover, h2 a:active {
    color: #000000;
}
p.productMore a:link, p.productMore a:visited, p.productMore a:hover, p.productMore a:active {
    color: #000000;
}
p.productContentBackLink a:link, p.productContentBackLink a:visited, p.productContentBackLink a:hover, p.productContentBackLink a:active {
    color: #000000;
}

span.searchResultsBody {
    font-weight: normal;
}

table.searchResultsTable {
    margin-bottom: 20px;
}
div#logoContainer {
    margin-top: 25px;
    margin-bottom: 32px;
}

table.searchBox {
    margin-left: 13px;
    margin-bottom: 16px;
    _margin-bottom: 14px;   /* IE hack */
}

table.searchBox input {
    margin-right: 4px;
}

.pager {
    width: 300px;
    margin: auto;
}

.pagerSelection {
    width: 200px;
    text-align: center;
}

.pagerFirst, .pagerPrevious, .pagerNext, .pagerLast {
    width: 25px;
    text-align: center;
}

.pagerAbstract {
    text-align: center;
}

.searchResultsTitle {
    font-weight: bold;
}

ul.menu li#menuItem42, li#menuItem42 ul, ul.menu li#menuItem201, li#menuItem201 ul {
    background-color: #E0C298;
}
ul.menu li#menuItem43, li#menuItem43 ul, ul.menu li#menuItem202, li#menuItem202 ul {
    background-color: #A0A1A5;
}
ul.menu li#menuItem44, li#menuItem44 ul, ul.menu li#menuItem203, li#menuItem203 ul {
/*  background-color: #EE1C23;*/
    background-color: #FF0000;

}
ul.menu li#menuItem45, li#menuItem45 ul, ul.menu li#menuItem204, li#menuItem204 ul {
    background-color: #A9D72E;
}
ul.menu li#menuItem46, li#menuItem46 ul, ul.menu li#menuItem205, li#menuItem205 ul {
    background-color: #EC509E;
}
ul.menu li#menuItem47, li#menuItem47 ul, ul.menu li#menuItem206, li#menuItem206 ul {
    background-color: #F68428;
}
ul.menu li#menuItem48, li#menuItem48 ul, ul.menu li#menuItem207, li#menuItem207 ul {
    background-color: #BA9CC9;
}
ul.menu li#menuItem49, li#menuItem49 ul, ul.menu li#menuItem208, li#menuItem208 ul {
    background-color: #00B6DF;
}
ul.menu li#menuItem50, li#menuItem50 ul, ul.menu li#menuItem209, li#menuItem209 ul {
    background-color: #66C7C6;
}
ul.menu li#menuItem51, li#menuItem51 ul, ul.menu li#menuItem210, li#menuItem210 ul {
    background-color: #0074B1;
}

p.productBuy, div.productBuy {
    float: left;
    margin-top: 5px;
}

input.button, input.formSubmitSend, input.submitBtn {
    height: auto;
    margin-top: 5px;
}

input.shopButton {
    height: auto;
    color: white;
    font-weight: bold;
    border: 1px solid #900002;
    border-left: 1px solid #F8A8A9;
    border-top: 1px solid #F8A8A9;
    background-color: #E91B25;
}

table.basket tr td {
    height: 40px;
}

table.basket tr td {
    padding: 3px;
    border-bottom: 1px solid white;
}

table.basket tr th {
    padding: 3px;
/*  background-color: #EE1C23;*/
    background-color: #FF0000;

    color: white;
}

table.basket .bold {
    font-weight: bold;
}

table.basket input.text {
    color: black;
    border: 1px solid #AAABAD;
    width: 30px;
    padding: 3px;
    padding-left: 5px;
    font-weight: bold;
}

table.basket th.right {
    width: 60px;
    text-align: right;
}

p.productPrice {
    font-size: 14px;
    margin-top: 10px;
    margin-bottom: 10px;
}

tr.basketSend {
    background-color: #FCDEDE;
    font-weight: bold;
}

div.basketButtons {
    text-align: right;
    margin: 0px 50px 10px 50px;
}

div.basketEmpty {
    font-weight: bold;
    padding: 20px;
}

div.infoTxtPadding {
    padding: 30px;
}

div.infoTxtPadding a, div.infoTxtPadding a:hover,
    div.infoTxtPadding a:link, div.infoTxtPadding a:visited {
    color: #EE1C23;
}

div.infoTxtPadding div.pageRegister {
    margin-top: 1em;
}

tr.formRow ul {
    margin: 10px;
    padding: 0;
    padding-left: 10px;
    color: #EE1C23;
}

div.orderHeader {
/*  background-color: #EE1C23;*/
    background-color: #FF0000;

    padding: 3px;
    height: 1em;
}

table.orderInfo {
    margin: 20px;
}

iframe.opsDefaultIFrame {
    width: 480px;
    height: 600px;
}

div.loggedIn {
    margin: 15px;
    margin-bottom: 0;
    color: white;
    font-weight: bold;
}

div.loggedIn b {
    color: black;
}

td.errorText {
    color: #EF1C21;
    font-weight: bold;
}

form.searchForm {
    margin-left: 13px;
}

form.searchForm input.button {
    width: 50px;
}

div.elementRadioContainer {
    float: left;
    margin-right: 10px;
}

td.formColumnLeft {
    width: 150px;
}

p.status-loggedin, p.status-loggedout {
    padding-left: 15px;
    color: white;
    font-weight: bold;
}

p.status-loggedin a, p.status-loggedout a {
    text-decoration: none;
}

p.status-loggedin a:hover, p.status-loggedout a:hover {
    text-decoration: underline;
}

select.elementSelect {
    font-size: 100%;
}