/*
.green {color: #C6E423;}
.purple {color: #4A0042;}
.purpleLight {color: #885782;}
*/
/* -----------------------------------------------------------------------
BlueTrip CSS Framework
Mike Crittenden
mike@capsizedesigns.com
Copyright 2008 Mike Crittenden
License - MIT or GPL (whichever suits you better)
----------------------------------------------------------------------- */
/* MEYER RESET v1.0*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}
/* BASIC TYPOGRAPHY */
html { font-size: 63.5%; font-family: Arial, sans-serif; }
strong, th, thead td, h1, h2, h3, h4, h5, h6 { font-weight: bold; }
cite, em, dfn { font-style: italic; }
code, kbd, samp, pre, tt, var, input[type='text'], input[type='password'], textarea { font-size: 92%; font-family: Arial, Tahoma, Helvetica, sans-serif }
del { text-decoration: line-through; color: #666; }
ins, dfn { border-bottom: 1px solid #ccc; }
small, sup, sub { font-size: 85%; }
abbr, acronym { text-transform: uppercase; font-size: 85%; letter-spacing: .1em; }
a abbr, a acronym { border: none; }
abbr[title], acronym[title], dfn[title] { cursor: help; border-bottom: 1px solid #ccc; }
sup { vertical-align: super; }
sub { vertical-align: sub; }
/* QUOTES */
blockquote { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; color: #666; }
blockquote *:first-child:before { content: "\201C"; }
blockquote *:first-child:after { content: "\201D"; }
/* FORMS */
fieldset { padding:1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc; }
legend { font-weight: bold; font-size:1.2em; }
label { font-weight: bold; }
textarea, input[type='text'], input[type='password'], select { border: 1px solid #CECECE;border-right: 1px solid #CECECE; background: #f4f4f4; }
textarea:hover, input[type='text']:hover, input[type='password']:hover, select:hover { border-color: #aaa; }
textarea:focus, input[type='text']:focus, input[type='password']:focus, select:focus { border-color: #888; outline: 2px solid #ffffaa; }
input, select { cursor: pointer; }
input[type='text'],input[type='password'] { cursor: text; height: 22px;border: none; border-right: 1px solid #CECECE;background: #f4f4f4 url(/gfx/input2.gif) left top repeat-x;}
/* BASE SIZES */
.container { font-size: 1.2em; line-height: 1.6em; }
h1 { font-size: 1.7em; font-weight: bold;line-height: 1.2em;letter-spacing: -0.035em; }
h2 { font-size: 1.4em; font-weight: bold;line-height: 1.2em;letter-spacing: -0.035em; }
h3 { font-size: 1em;font-weight: bold; line-height: 1.2em}
h4 { font-size: 1em; line-height: 1.1em}
h5 { font-size: 0.9em; }
h6 { font-size: 1em; }
h1, h2, h3, h4, h5, h6 {font-family: 'Quicksand',Arial, serif; }
/* LISTS */
ul li { margin-left: .85em; }
ul { list-style-type: disc; }
ul ul { list-style-type: square; }
ul ul ul { list-style-type: circle; }
ol { list-style-position: outside; list-style-type: decimal; }
dt { font-weight: bold; }
/* TABLES
table { border-top: 1px solid #ccc; border-left: 1px solid #ccc; }
th, td { border-bottom: 1px solid #ddd; border-right: 1px solid #ccc; } */
/* MARGINS & PADDINGS */
blockquote *:first-child { margin: .8em 0; }
hr, p, ul, ol, dl, pre, blockquote, address, table, form { margin-bottom: 1.6em; }
/* NOTE: Calulate header margins: TOP: 1.6em/size, BOTTOM: 1.6em/size/2 */
h1 { margin: 0; }
h2 { margin: 0; }
h3 { margin: 0; }
h4 { margin: 0; }
h5 { margin: 1.33em 0 .67em; }
h6 { margin: 1.6em 0 .8em; }
th, td { padding: 3px; }
caption { padding-bottom: .8em; } /* padding instead of margin for IE */
blockquote { padding: 0 ; margin: 0.5em 0; }
fieldset { padding: 0 1em 1em 1em; margin: 1.6em 0; } /* padding-top is margin-top for fieldsets in Opera */
legend { padding-left: .8em; padding-right: .8em; }
legend+* { margin-top: 1em; } /* compensates for the opera margin bug */
textarea, input { padding: .3em .4em .15em .4em; }
select { padding: .1em .2em 0 .2em; }
option { padding: 0 .4em; }
a { position: relative; padding: 0.3em 0 .1em 0; } /* for larger click-area */
dt { margin-top: .8em; margin-bottom: .4em; }
ul { margin-left: 1.5em; }
ol { margin-left: 2.35em; }
ol ol, ul ol { margin-left: 2.5em; }
form div { margin-bottom: .8em; }
/* COLORS */
a:link { text-decoration: none; color: #4A0042; }
a:visited { text-decoration: none; color: #5A0051; }
a:hover { text-decoration: none; color: #3C0037;text-decoration: underline; }
a:active, a:focus { text-decoration: none; color: #000; }
code, pre { color: #c33; } /* very optional, but still useful. W3C uses about the same colors for codes */
.tradedoubler{
margin: 10px 0;
}
/* 24 COLUMN GRID */
.container {width:950px;margin:0 auto;}
.showgrid {background:url(/gfx/grid.png);}
body {margin: 0;}
div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, div.span-21, div.span-22, div.span-23 {float:left;margin-right:10px;}
div.span-24 {float:left;}
div.last {margin-right:0;}
.span-1 {width:30px;}
.span-2 {width:70px;}
.span-3 {width:110px;}
.span-4 {width:150px;}
.span-5 {width:190px;}
.span-6 {width:230px;}
.span-7 {width:270px;}
.span-8 {width:310px;}
.span-9 {width:350px;}
.span-10 {width:390px;}
.span-11 {width:430px;}
.span-12 {width:470px;}
.span-13 {width:510px;}
.span-14 {width:550px;}
.span-15 {width:590px;}
.span-16 {width:630px;}
.span-17 {width:670px;}
.span-18 {width:710px;}
.span-19 {width:750px;}
.span-20 {width:790px;}
.span-21 {width:830px;}
.span-22 {width:870px;}
.span-23 {width:910px;}
.span-24, div.span-24 {width:950px;}
.suffix-1 {padding-right:40px;}
.suffix-2 {padding-right:80px;}
.suffix-3 {padding-right:120px;}
.suffix-4 {padding-right:160px;}
.suffix-5 {padding-right:200px;}
.suffix-6 {padding-right:240px;}
.suffix-7 {padding-right:280px;}
.suffix-8 {padding-right:320px;}
.suffix-9 {padding-right:360px;}
.suffix-10 {padding-right:400px;}
.suffix-11 {padding-right:440px;}
.suffix-12 {padding-right:480px;}
.suffix-13 {padding-right:520px;}
.suffix-14 {padding-right:560px;}
.suffix-15 {padding-right:600px;}
.suffix-16 {padding-right:640px;}
.suffix-17 {padding-right:680px;}
.suffix-18 {padding-right:720px;}
.suffix-19 {padding-right:760px;}
.suffix-20 {padding-right:800px;}
.suffix-21 {padding-right:840px;}
.suffix-22 {padding-right:880px;}
.suffix-23 {padding-right:920px;}
.prefix-1 {padding-left:40px;}
.prefix-2 {padding-left:80px;}
.prefix-3 {padding-left:120px;}
.prefix-4 {padding-left:160px;}
.prefix-5 {padding-left:200px;}
.prefix-6 {padding-left:240px;}
.prefix-7 {padding-left:280px;}
.prefix-8 {padding-left:320px;}
.prefix-9 {padding-left:360px;}
.prefix-10 {padding-left:400px;}
.prefix-11 {padding-left:440px;}
.prefix-12 {padding-left:480px;}
.prefix-13 {padding-left:520px;}
.prefix-14 {padding-left:560px;}
.prefix-15 {padding-left:600px;}
.prefix-16 {padding-left:640px;}
.prefix-17 {padding-left:680px;}
.prefix-18 {padding-left:720px;}
.prefix-19 {padding-left:760px;}
.prefix-20 {padding-left:800px;}
.prefix-21 {padding-left:840px;}
.prefix-22 {padding-left:880px;}
.prefix-23 {padding-left:920px;}
div.border {padding-right:4px;margin-right:5px;border-right:1px solid #eee;}
div.colborder {padding-right:24px;margin-right:25px;border-right:1px solid #eee;}
.pull-1 {margin-left:-40px;}
.pull-2 {margin-left:-80px;}
.pull-3 {margin-left:-120px;}
.pull-4 {margin-left:-160px;}
.pull-5 {margin-left:-200px;}
.pull-6 {margin-left:-240px;}
.pull-7 {margin-left:-280px;}
.pull-8 {margin-left:-320px;}
.pull-9 {margin-left:-360px;}
.pull-10 {margin-left:-400px;}
.pull-11 {margin-left:-440px;}
.pull-12 {margin-left:-480px;}
.pull-13 {margin-left:-520px;}
.pull-14 {margin-left:-560px;}
.pull-15 {margin-left:-600px;}
.pull-16 {margin-left:-640px;}
.pull-17 {margin-left:-680px;}
.pull-18 {margin-left:-720px;}
.pull-19 {margin-left:-760px;}
.pull-20 {margin-left:-800px;}
.pull-21 {margin-left:-840px;}
.pull-22 {margin-left:-880px;}
.pull-23 {margin-left:-920px;}
.pull-24 {margin-left:-960px;}
.pull-1, .pull-2, .pull-3, .pull-4, .pull-5, .pull-6, .pull-7, .pull-8, .pull-9, .pull-10, .pull-11, .pull-12, .pull-13, .pull-14, .pull-15, .pull-16, .pull-17, .pull-18, .pull-19, .pull-20, .pull-21, .pull-22, .pull-23, .pull-24 {float:left;position:relative;}
.push-1 {margin:0 -40px 1.5em 40px;}
.push-2 {margin:0 -80px 1.5em 80px;}
.push-3 {margin:0 -120px 1.5em 120px;}
.push-4 {margin:0 -160px 1.5em 160px;}
.push-5 {margin:0 -200px 1.5em 200px;}
.push-6 {margin:0 -240px 1.5em 240px;}
.push-7 {margin:0 -280px 1.5em 280px;}
.push-8 {margin:0 -320px 1.5em 320px;}
.push-9 {margin:0 -360px 1.5em 360px;}
.push-10 {margin:0 -400px 1.5em 400px;}
.push-11 {margin:0 -440px 1.5em 440px;}
.push-12 {margin:0 -480px 1.5em 480px;}
.push-13 {margin:0 -520px 1.5em 520px;}
.push-14 {margin:0 -560px 1.5em 560px;}
.push-15 {margin:0 -600px 1.5em 600px;}
.push-16 {margin:0 -640px 1.5em 640px;}
.push-17 {margin:0 -680px 1.5em 680px;}
.push-18 {margin:0 -720px 1.5em 720px;}
.push-19 {margin:0 -760px 1.5em 760px;}
.push-20 {margin:0 -800px 1.5em 800px;}
.push-21 {margin:0 -840px 1.5em 840px;}
.push-22 {margin:0 -880px 1.5em 880px;}
.push-23 {margin:0 -920px 1.5em 920px;}
.push-24 {margin:0 -960px 1.5em 960px;}
.push-1, .push-2, .push-3, .push-4, .push-5, .push-6, .push-7, .push-8, .push-9, .push-10, .push-11, .push-12, .push-13, .push-14, .push-15, .push-16, .push-17, .push-18, .push-19, .push-20, .push-21, .push-22, .push-23, .push-24 {float:right;position:relative;}
hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none;}
hr.space {background:#fff;color:#fff;}
.clearfix:after, .container:after {content:".";display:block;height:0;clear:both;visibility:hidden;max-height:0;}
.clearfix, .container {display:inline-block;}
* html .clearfix, * html .container {height:1%;}
.clearfix, .container {display:block;}
.clear {clear:both;}
/* to create serif italic dramatic text, use this class */
.fancy {
color: #666;
font-family: "Warnock Pro", "Goudy Old Style","Palatino","Book Antiqua", Georgia, serif;
font-style: italic;
font-weight: normal;
}
/* creates small caps */
.caps {
font-variant: small-caps;
letter-spacing: 1px;
text-transform: lowercase;
font-size:1.2em;
font-weight:bold;
padding:0 2px;
}
/* Use this class if a link gets an icon when it shouldn't. */
body a.noicon { background:none !important; padding:0 !important; margin:0 !important; }
/* Make sure the icons are not cut */
a[href^="http:"], a[href^="mailto:"], a[href^="http:"]:visited,
a[href$=".pdf"], a[href$=".doc"], a[href$=".xls"], a[href$=".rss"],
a[href$=".rdf"], a[href^="aim:"] {
padding: 0;
margin:0;
background-repeat: no-repeat;
background-position: right center;
}
/* External links */
/*a[href^="http:"] { background-image: url(/gfx/external.png); padding-right: 14px; } */
a[href^="mailto:"] { background-image: url(/gfx/email.png); padding-right: 18px; }
/* Files */
a[href$=".pdf"] { background-image: url(/gfx/pdf.png);padding-right: 18px; }
a[href$=".doc"] { background-image: url(/gfx/doc.png); padding-right: 18px; }
a[href$=".xls"] { background-image: url(/gfx/xls.png);padding-right: 18px; }
/* Misc */
a[href$=".rss"],
a[href$=".rdf"] { background-image: url(/gfx/feed.png); }
a[href^="aim:"] { background-image: url(/gfx/im.png); }
/*a[href^="http:/data.kasteelovernachtingen.nl/"] { background:none; padding:0; margin:0; } */
/*a[href^="http:"]:visited { background-image: url(/gfx/visited.png); } */
/* TEXT CLASSES */
.small {font-size:.8em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;font-weight: bold;}
.highlight {background:#ff0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}
.thin {font-weight: lighter;}
.error, .notice, .success {padding:.8em;margin-bottom:1.6em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11; background:none; padding:0; margin:0; }
.notice a {color:#514721; background:none; padding:0; margin:0; }
.success a {color:#264409; background:none; padding:0; margin:0; }
.center {text-align: center;}
/*---------STYLES FOR BUTTONS----------*/
/* Demo: particletree.com/features/rediscovering-the-button-element */
/*
Change Password
Cancel
*/
a.button, button {
display: inline-block;
float: left;
margin:0 0.583em 0.667em 0;
padding:5px 10px 5px 7px; /* Links */
border:1px solid #dedede;
border-top:1px solid #eee;
border-left:1px solid #eee;
background-color:#f5f5f5;
font-family: Arial, Tahoma, sans-serif;
font-size:100%;
line-height:130%;
text-decoration:none;
font-weight:bold;
color:#565656;
cursor:pointer;
}
button {
width:auto;
overflow:visible;
padding:4px 10px 3px 7px; /* IE6 */
}
button[type] {
padding:4px 10px 4px 7px; /* Firefox */
line-height:17px; /* Safari */
}
*:first-child+html .container button[type] {
padding:4px 10px 3px 7px; /* IE7 */
}
button img, a.button img{
margin:0 3px -3px 0 !important;
padding:0;
border:none;
width:16px;
height:16px;
float:none;
}
/* Standard Buttons */
button:hover, a.button:hover{
background-color:#dff4ff;
border:1px solid #c2e1ef;
color:#666;
}
a.button:active, button:active{
background-color:#6299c5;
border:1px solid #6299c5;
color:#fff;
}
/* Positive */
body .positive {
color:#529214;
}
a.positive:hover, button.positive:hover {
background-color:#E6EFC2;
border:1px solid #C6D880;
color:#529214;
}
a.positive:active, button.positive:active {
background-color:#529214;
border:1px solid #529214;
color:#fff;
}
/* Negative */
body .negative {
color:#d12f19;
}
a.negative:hover, button.negative:hover {
background:#fbe3e4;
border:1px solid #fbc2c4;
color:#d12f19;
}
a.negative:active, button.negative:active {
background-color:#d12f19;
border:1px solid #d12f19;
color:#fff;
}
#Headerlogo {
background: transparent url(/gfx/design/logo.png) left top no-repeat;
position:relative;
cursor: pointer;
height:50px;
left: 0;
top: 0;
}
#Headerlogo a, .Headerlogo a:visited {
display:none;
position:relative;
}
.toptxt {
position: absolute;
width: 450px;
left: 0;
top: 48px;
}
body {
background: #fff;
font-family: Arial, Helvetica, sans-serif;
color: #4B4B4B;
}
.wrapper {background: #fff url(/gfx/bg-wrapper2.jpg) left top repeat-x;}
.main{
position:relative;
left: 0;
top: 0;
height: 75px;
}
.mainfull {
position:relative;
left: 0;
top: 0;
}
#map_canvas {height: 450px;}
.crumbContainer {background: #4A0040 url(/gfx/bg-default.jpg) left top repeat-x;}
.askContainer {background: #4A0040 url(/gfx/bg-default.jpg) left top repeat-x;}
.pageContainer-1 {background: #fff url(/gfx/bg-fleur.jpg) left top repeat-x;}
.pageContainer-6 {background: #fff url(/gfx/bg-kasteel.jpg) left top repeat-x; color:#4A0042;}
.pageContainer-9 {background: #fff; color:#4A0042;}
.arrBg {background: #fff url(/gfx/bg-arrangement.gif) left top repeat-x; color:#5F634C;}
.subContainer {background: #E5D9E3;min-height: 85px;}
.articleHead {height: 190px;margin: 20px 0;}
.payOff {
font-weight: bold;
}
th {text-align: left;}
.bestelTop {padding: 0;margin:0;}
.ccadeau {
background: transparent url(/gfx/ccadeau.png) left top no-repeat;
padding-left: 80px;
clear: both;
position: relative;
top: 15px;
font-size: 8pt;
height: 45px;
font-weight: normal;
line-height: 12pt;
}
.noCcadeau {
background: transparent url(/gfx/noCcadeau.png) left top no-repeat;
padding-left: 80px;
clear: both;
position: relative;
top: 15px;
font-size: 8pt;
height: 45px;
font-weight: normal;
line-height: 12pt;
color:#4b4b4b;
}
.opinieContainer{background: #fff url(/gfx/bg-react.jpg) left top repeat-x;border-bottom: 1px solid #F0D8ED;}
.opinie, .opinie loud, .opinie a, .opinie a:visited {color:#000;}
.opinie .left, .opinie .right, .opinie .links, .opinie .intro {font-weight: bold;color:#4A0042;}
.reactot, .reactot .intro {color:#4D4D4D;}
#google_translate_element {margin: 0px 0;}
.goog-te-menu-value {font-size: 8pt;width: 50px;}
/* Navigatie horizontaal boven */
.n {
position: absolute;
top: 12px;
width: 290px;
margin:0;
padding: 0;
float:right;
}
.n ul {
margin: 0;
float:right;
padding: 0;
font: bold 8pt/11pt Arial, sans-serif;
}
.n ul li {
display: inline;
margin: 0;
padding: 0;
}
.n ul li a, .n ul li a:visited {
padding: 0 0 0 10px;
margin:0 0 0 5px;
text-align:right;
color: #4B4B4B;
text-decoration: none;
float: left;
text-transform: uppercase;
background: transparent url(/gfx/point_active.gif) 1px 5px no-repeat;
}
.n ul li a.cart, .n ul li a.cart:visited {
padding: 0 3px 0 10px;
margin:0 0 0 5px;
text-align:right;
color: #3A0033;
text-decoration: none;
float: left;
text-transform: uppercase;
background: transparent url(/gfx/point_active.gif) 1px 5px no-repeat;
}
.n ul li a:hover{
color: #4A0042;
background: transparent url(/gfx/point_active2.gif) left 4px no-repeat;
}
.space{width: 100%;clear:both;position:relative;width: 100%;height:18px;}
/*breadcrumb*/
.crumb {
clear:both;
position: relative;
height:40px;
margin: 0;
top: 12px;
left: 0;
text-transform:lowercase;
color:#fff;
}
.crumb ul {
padding: 0;
width: 100%;
margin: 0;
}
.crumb ul li {
margin:0 0 0 0;
padding: 0;
float:left;
list-style-type: none;
font: normal 10pt/12pt Arial,Geneva, sans-serif;
}
.crumb ul li a, .crumb ul li a:visited {
float:left;
margin:0;padding:0;
text-decoration: none;
color: #fff;
}
.crumb ul li a:hover {
text-decoration: none;
color: #C6E424;
}
.crumb ul li a.current {
color: #C6E423;
}
.next {width:24px;height: 20px;background: transparent url(/gfx/point_white.gif) center 7px no-repeat;}
.left-3, .left-4, .left-5, .left-8, .left-10, .left-15 {
position:relative;
top:0;
}
.left-3 {left: 3px;}
.left-4 {left: 4px;}
.left-5 {left: 5px;}
.left-8 {left: 8px;}
.left-10 {left:10px;}
.left-15 {left: 15px;}
.zoektop {
position:relative;
top: 20px;
left: 6px;
text-align: right;
color:#333333;
}
.submit3 {
cursor: pointer;
font : bold 9pt/12pt Arial, "Lucida Grande", sans-serif;
border: 1px solid #9B9897;
height:25px;
margin : 0 0 0 0;
color: #fff;
background: #971D20;
}
.fieldAbo {margin:3px 0;}
.SearchRight {margin: 10px 0 10px 10px;}
.search_input {
position: absolute;
font : normal 9pt/12pt Arial, "Lucida Grande", sans-serif!important;
right: 70px;
width: 172px !important;
height: 16px !important;
margin: 0;
border: none !important;
background: url(/gfx/search_input.png) no-repeat !important;
}
.input2 {height: 16px !important;width:135px;background: url(/gfx/design/search_input.png) no-repeat !important;}
.search_submit {
position: absolute;
right: 20px;
cursor: pointer;
font : bold 9pt/12pt Arial, "Lucida Grande", sans-serif;
height:22px;
width: 46px;
border: none;
margin : 0 0 0 0;
color: #fff;
background: url(/gfx/design/search_button.png) no-repeat;
}
/*
navigatie menu
*/
.navcontainer {
margin:0;
padding:5px 0 0 0 ;
font-family: Arial;
}
ul.navlist,ul.navlist li ul.subnavlist {
list-style-type: none;
margin:0 5px;
padding:0;
}
ul.navlist li,ul.navlist li ul.subnavlist li {
display: inline;
margin:0;
padding: 0;
}
ul.navlist li a, ul.navlist li a:visited {
font-size: 10pt;
line-height: 12pt;
width:auto;
text-decoration: none;
margin:5px 0 0 0;
display: block;
padding: 0;
}
ul.navlist li a:hover,ul.navlist li a:focus {
text-decoration: underline;
}
ul.navlist li.active a, ul.navlist li.active, ul.navlist li.active a:visited {
text-decoration:none;
}
ul.navlist li ul.subnavlist li a, ul.navlist li ul.subnavlist li a:visited {
background: transparent url(/gfx/point_white.gif) left 8px no-repeat;
color: #fff;
padding: 4px 0 4px 10px;
font-size: 9pt;
font-weight: normal;
text-decoration: none;
margin:0;
}
ul.navlist li ul.subnavlist li a:hover, ul.navlist li ul.subnavlist li a:focus {
color: #C6E423;
text-decoration: none;
}
ul.navlist li.active ul.subnavlist li.subactive a {
color: #C6E423;
font-weight: bold;
text-decoration:none;
}
.lastLine {
border-left: 10px solid #F18F34;
border-right: 10px solid #F18F34;
height: 10px;
background: transparent url(/gfx/nav_bot.gif) left bottom repeat-x;
}
/* Navigatie HOOFD horizontaal boven */
.subNavContainer {
position: relative;
margin: 0;
height: 100px;
background:#4A0042;
}
.z2 {
position:relative;
top: 12px;
margin:0;
text-align:left;
padding:0 0 0 0;
}
.t {
position:relative;
width:950px;
left: 0;
margin:0;
text-align:left;
padding:0;
}
.t ul {
visibility: visible;
background: transparent;
margin:0;
padding:0;
font: bold 14px/18px 'Quicksand',Arial, sans-serif;
}
.t ul li {
list-style-type: none;
display: inline; float: left;
margin:0;
padding:0;
}
.t ul li a,.t ul li a:visited {
color: #fff;
text-decoration: none;
float: left;
margin: 0;
padding:0 !important;
white-space: nowrap;
display: block;
width: 237px;
height: 20px;
}
.t ul li a:hover {
color: #C6E423;
}
.t ul li a.current, .t ul li a:active, .t ul li a:focus {
color: #C6E423;
}
.oan {
margin: 0;
}
.topsub {
padding: 10px 0;
margin: 0 0 0 0;
}
.topsub:after { content: ""; display: block; height: 0; clear: both; }
.topsub ul {
visibility: visible;
padding: 0;
margin: 0;
color: #4A0042;
font: bold 10pt/14pt Arial, sans-serif;
}
.topsub ul li { display: inline; float: left; margin:0;padding:0;}
.topsub ul li a, .topsub ul li a:visited {
padding: 1px 0;
color: #885782;
text-decoration: none;
margin: 0;
display: block;
width: 237px;
overflow: hidden;
}
.topsub ul li a:link.topsubcurrent, .topsub a:visited.topsubcurrent {
color:#4A0042;
text-decoration: none;
}
.topsub ul li a:hover, .topsub ul li a:active, .topsub ul li a:focus {
color: #4A0042;
text-decoration: none;
}
li.subactive a, li.subactive a:visited {color: #000;text-decoration: underline;}
.external {
white-space: nowrap;
padding-right: 12px;
background: url(/gfx/ext-link.gif) no-repeat 100% 50%;
zoom: 1;
}
.counter{width: 35px; float: left; margin:5px 5px 5px 0;font-size: 9pt;line-height: 12pt;}
.backlink{width: 170px; margin:5px 5px 5px 0;float: left; font-size: 9pt;line-height: 12pt;}
/* Navigatie horzontaal beneden */
.f_nav {
position:relative;
left:0;
padding: 0;
margin:0;
}
.f_nav ul {
visibility: visible;
position: relative;
padding: 0;
margin: 0 0 0 0;
font-size: 9pt;
background: transparent;
}
.f_nav ul li { list-style: none; clear: both;margin:0 0 8px 0; }
.f_nav ul li a, .f_nav ul li a:visited {
padding: 0 0 7px 10px;
text-align:left;
margin:0 20px 0 0;
color: #cecece;
text-decoration: none;
font-weight: bold;
line-height: 12pt;
text-transform: uppercase;
background: transparent url(/gfx/point_active.gif) 1px 5px no-repeat;
}
.f_nav ul li a:hover {
color: #fff;
text-decoration: none;
background: transparent url(/gfx/point_active2.gif) left 4px no-repeat;
}
.datum {
font-size: 7pt;
height: 50px;
padding:5px 0 0 0;
position: relative;
overflow: hidden;
text-align: right;
}
.auteur {
position: relative;
top: 4px;
}
.inlezerSmall {
position: relative;
height: 55px;
font-size: 8pt;
}
.inlezerSmall h4 {
position: relative;
top: 7px;
}
.introtekst {
margin:0;
background: #F1F9C6;
height: 363px;
}
.introtekst h2 {
margin:5px 0 5px 0;
color:#606449;
}
.introtekst img {
margin:10px 0 0 10px;
}
.introtekst2 {
background-color: #ececec;
height: 363px;
margin-bottom:10px;
}
.introtekst2 h2 {
margin:5px 0 5px 0;
color:#606449;
}
.introtekst2 img {
margin:10px 0 0 10px;
}
a.isLink {
color:green;
text-decoration: none;
}
a:hover.isLink {
text-decoration: underline;
}
.l, .r {
padding: 8px 8px 5px 8px;
vertical-align: top;
border-bottom:1px solid #eee;
}
.showBorder {
border-top: 1px solid #999;
}
.txt table td {
border-bottom: 1px solid #999;
border-right: 1px solid #999;
}
.txt table {
border-top: 1px solid #999;
border-left: 1px solid #999;
}
.box {
position: relative;
width: 286px;
margin: 8px 0;
padding: 5px;
background:#8D1518;
color: #fff;
}
.headerGrey {
margin-bottom: 10px;
}
.notities .headerGrey {
background: #FCFBF7;
border: 1px solid #E6E6E6;
margin-bottom: 0;
}
.divider {
background: #fff url(/gfx/titleDivider.gif) center top no-repeat;
padding:5px 10px;
color:#5A5A5A;
font-size: 8pt;
}
.notities .left-8 {
border-top: 1px solid #EDEDEB;
width: 210px;
margin: 3px 0;
padding: 2px 0 0 0;
}
.notities .left-8 a, .notities .left-8 a:visited {
color:#666;
}
.endRule {
background: transparent url(/gfx/notitie.jpg) center -3px no-repeat;
height: 7px;
margin-bottom: 10px;
}
.header {
position: relative;
top: 0;
color:#444;
font-weight: bold;
width: 210px;
margin: 5px 0 3px 4px;
padding:0 0 0 3px;
border-bottom: 1px solid #EDEDEB;
}
.notities .header {
font-size: 12pt;
color:#4A0042;
font-weight: bold;
border-bottom: 1px solid #FCFBF7;
}
.br {
margin: 0 0 0 10px;
}
.verplicht {
background: #FBE3E4;
}
.pt {
font-size: 8pt;
position:relative;
top:10px;
padding:0;
color: #000;
clear:both;
height:75px;
margin:0;
}
.ptTxt {
font-size: 8pt;
position:relative;
top:10px;
padding:0;
color: #000;
clear:both;
margin:0;}
.pager {
padding:0;
margin:5px 0;
}
a.PTLink, a:visited.PTLink {
font-size: 9pt;
line-height: 10pt;
border:1px solid #ccc !important;
padding: 5px 0 0 0;
text-align:center;
letter-spacing : -1px;
width:25px;
height:19px;
float : left;
display:block;
margin :0 2px 0 0;
background:#fff url(/gfx/gradient.gif) 1px 1px no-repeat ;
text-decoration : none;
color: #333366;
}
.PTsel, a:visited.PTsel {
font-size: 9pt;
line-height: 10pt;
border:1px solid #EC7100 !important;
padding: 5px 0 0 0;
text-align:center;
letter-spacing : -1px;
width:25px;
height:19px;
float:left;
display:block;
margin-right:2px;
background:#fff url(/gfx/gradient.gif) 1px 1px no-repeat ;
text-decoration : none;
color: #000;
}
a:hover.PTLink {
background:#fff url(/gfx/gradient.gif) 1px 1px no-repeat ;
border:1px solid #EC7100 !important;
}
.PTgif {
display:block;
float:left;
}
/* footer */
.botNavContainer {
position: relative;
clear:both;
background: #fff url('/gfx/bg-extra-footer.jpg') left top repeat-x;
margin: 0 0 0 0;
height:375px;
}
.z3 {
position: relative;
top: 10px;
}
.footerContainer {
position: relative;
clear:both;
background: #3C3C3C url('/gfx/bg-footer.jpg') left top repeat-x;
margin: 0 0 0 0;
padding: 10px 0;
height: 160px;
}
.footer {
position: relative;
color: #cecece;
font-size: 8pt;
}
.footer a, .footer a:visited {
color: #cecece;
text-decoration: underline;
}
.footer a:hover{
text-decoration: underline;
}
.footer_extra {
position: relative;
top: 20px;
height: 375px;
}
.fe_content {
height: 320px;
}
.newsletter {
position: relative;
background: #C6E423 url(/gfx/chateau_nieuws.png) 19px 105px no-repeat;
color: #4f5b0e;
}
.registerform {position: absolute; top: 225px;width: 205px;left: 10px;margin: 0;padding:0;}
.chateauCadeau .fe_content {color: #fff;}
.chateauCadeau {background: #4a0042;}
.chateauCadeau img {margin: 5px 0;}
.chateauCadeau a, .chateauCadeau a:visited {color: #fff;}
.footer_login {
background-color: #fff;
}
.footer_navigation {
background-color: #fff;
}
.fe_content {
position: relative;
top: 10px;
left: 10px;
width: 220px;
font-size: 10pt;
}
.ehio {
cursor: pointer;
position:relative;
top: 4px;
float:right;
background: transparent url(/gfx/ehio_tag.gif) right top no-repeat;
}
.ehio b a {
font-size:8pt;
font-weight:normal;
display:none;
}
.simplePagerNav {margin: 0;padding:0;}
.pagerTitle {
padding: 5px 0 0 0;
border-top: 1px solid #cecece;
width: 100%;
margin: 10px 0 5px 0;
font-size: 8pt;
color:#666;
}
ul.simplePagerNav li{
float: left;
padding: 0;
width: 26px;
height: 26px;
text-align: center;
margin: 0 8px 10px 0;
font-family: Arial;
font-weight: bold;
border: 1px solid #5A5148;
list-style-type: none;
}
ul.simplePagerNav li a {
color: #5A5148;
display:block;
text-decoration: none;
}
li.currentPage {
background: #4A0042;
border: 1px solid #4A0042;
}
ul.simplePagerNav li.currentPage a {
color: #fff;
}
/* Kasteel vd Maand */
#nav {position: absolute; left: -150px; bottom: 95px; z-index: 0;}
#nav a {border: 1px solid #885782;background: transparent; text-decoration: none; margin: 0 3px; padding: 4px;color: #45013E;font-size: 0; }
#nav a.activeSlide { background: #885782; color:#885782; }
#nav a:focus { outline: none;}
.white, a.white {color: #fff;}
.grey, a.grey {color: #444;}
.green, a.green {color: #C6E423;}
.purple, a.purple {color: #4A0042;}
.purpleLight, a.purpleLight {color: #885782;}
.greenBox {background-color: #C6E423;padding: 5px;}
.whiteBox {background-color: #fff;}
.purpleBox {background-color: #4A0042;padding: 5px;color:#fff;margin: 0 0 15px 0;}
.purpleBox h2 {margin: 5px}
.kasteelvdm-text {
position: relative;
top: 30px;
height: 150px;
color: #fff;
}
.zoeken { background: #4A0042 url(/gfx/boekje-klein.jpg) right 10px no-repeat;}
.zoeken h2 {width: 130px;}
.kasteelvdm-text h1 a, .kasteelvdm-text h1 a:visited {
color: #C6E423;
font-size: 20pt;
margin: 3px 0;
}
.kasteelvdm-text h1 a:hover {
color: #fff;
}
.kasteelvdm-text a, .kasteelvdm-text a:visited {
color: #fff;
}
.kasteelvdm-text h3 {
font-size: 12pt;
line-height: 14pt;
margin:0 0 5px 0;
padding:0;
color: #fff;
}
.kasteelvdm-img {
position: absolute;
top: -20px;
padding: 0;
margin:0;
right: 0;
z-index: 10;
height: 301px;
width: 470px;
background: transparent url(/gfx/design/photos.gif) left top no-repeat;
}
.vaantje {
position: absolute;
top: 7px;
left: 20px;
z-index: 1000;
width: 57px;
height: 81px;
}
.cyclepack {
position: absolute;
top: 23px;
left: 32px;
height: 260px;
width: 408px;
margin:0;
padding:0;
overflow: hidden;
}
.cyclepack .polaroid {
width: 408px;
height: 260px;
background: #fff;
padding: 0;
}
.castleImg {
width: 394px;
height: 245px;
margin:7px;
}
.cyclepack img.vaantje {
border: none;
background: transparent;
}
.vraaganne-info {
position: relative;
height: 210px;
}
.vraaganne-info h1 {
position: absolute;
top: 10px;
left: 210px;
font-size: 18pt;
}
.vraaganne-info img {
position: absolute;
top: 5px;
width: 190px;
}
.vraaganne-info p {
position: absolute;
top: 45px;
left: 210px;
font-size: 10pt;
}
.vraaganne-form {
position: relative;
top: 60px;
height: 100px;
left: 10px;
}
.vraaganne-form input[type='text'] {
position: absolute;
top: 35px;
left: 0;
background: url('/gfx/anne_input.png') no-repeat;
border: none;
font-size: 12pt;
padding:3px 12px;
/* This disables webkit resizing of textarea */
width:446px !important;
min-width:446px !important;
max-width:446px !important;
height:20px !important;
min-height:20px !important;
max-height:20px !important;
overflow: hidden;
}
.vraaganne-form input[type='submit'] {
position: absolute;
font-family: Arial, Geneva, sans-serif;
top: 70px;
left: 0px;
background: url('/gfx/anne_button.png') no-repeat;
border: none;
font-size: 11pt;
padding:0;
width:473px;
height:30px;
color:#4A0042;
text-transform: uppercase;
font-weight: bold;
}
.relative {
position: relative;
top: 0;
left: 0;
}
.colorA { color: #C6E423; }
.colorB { color: #4a0042; }
.colorC { color: #e4d9e3; }
.colorD { color: #f1f8c8; }
.bgColorA { background-color: #C6E423; }
.bgColorB { background-color: #4a0042; }
hr.bgColorC { background-color: #94658F; height: 1px; margin:3px 0;}
.bgColorD { background-color: #f1f8c8; }
.rightHome{background:#fff;padding: 0 0 0 0;}
.rightHome h2 {position: relative; top: -3px;}
.rightKasteel{background:#fff;padding: 0 0 0 0;}
.normArticle {
position: relative;
background-color: #ececec;
height: 363px;
margin-bottom: 10px;
}
.normArticle2 {
position: relative;
background-color: #ececec;
height: 363px;
margin-bottom: 10px;
overflow: hidden;
}
.normArticle2 .leesverder {
background-color: #ececec;
width: 100%;
}
.normArticle2 h2 {
margin: 10px 0px 5px 0px;
}
.lisChateau {
position: relative;
background-color: #e4d9e3;
height: 363px;
margin-bottom: 10px;
line-height: 12pt;
}
.lisChateau .lightGreen, .lightGreen {background:#F1F9C6;}
.chapeau {
margin: 0 0 0 0;
font-size: 9pt;
color: #444;
font-weight: bold;
text-transform:uppercase;
}
.lisChateau b a, .lisChateau b a:visited {
color: #444;
}
.lisChateau h2 a, .lisChateau h2 a:visited {
font-size: 14pt;
font-weight: bold;
line-height: 14pt;
}
.lisArrangement {
position: relative;
margin-bottom: 10px;
border-bottom: 1px solid #DBCDDA;
}
.createBorder {
margin: 10px ;
background: #fff;
padding: 4px 4px 0 4px;
border: 1px solid #BAB1B9;
}
.createBorder img {
margin: 0 ;padding: 0;
}
.zoekBoekborder {
position: relative;
margin: 3px 0 10px 0 ;
background: #fff;
padding: 4px 4px 0 4px;
border: 1px solid #BAB1B9;
}
.zoekBoekborder .arrLabel {position: absolute; top: 8px; left: 8px;background: #cc0000;color: #fff;font-size: 7pt;line-height: 10pt;font-weight: bold;padding: 0 3px;}
.chateauLabel {position: absolute; top: 18px; left: 18px;background: #CC0000;color: #fff;font-size: 7pt;line-height: 10pt;font-weight: bold;padding: 0 3px;}
.kasteelvdm-text .chateauLabel {position: absolute; top: -17px; left: 0;}
.lisArrangement .chateauLabel {position: relative; top: 0; left: 0;margin:5px 0}
.OfferteBox .chateauLabel {position: absolute; top: 5px; left: 10px;margin:5px 0;z-index:10;}
.OfferteBox .createBorder {position: relative;}
/* artikel stijlen */
.lisChateau .inlezer {
position: absolute;
top: 175px;
left: 10px;
margin: 0;
padding:0;
width: 210px;
}
.inlezer {
position: relative;
top: 5px;
left: 10px;
margin: 0;
padding:0;
width: 210px;
}
.lisArrangement .description {
position: relative;
margin: 0 5px;
padding:0 0 5px 0;
width: 350px;
font-size: 9pt;
}
.lisArrangement .green {height: 100px;background: transparent url(/gfx/bg-BoekNu.jpg) left -10px repeat-x !important;padding: 10px 0;margin: 0 0 5px 0;}
.lisArrangement .prijs {
padding:10px 0 0 0;
margin: 0;
clear: both;
width: 110px;
text-align: center;
letter-spacing: -1px;
color: #4a0042;
font : bold 16pt/16pt Arial, "Lucida Grande", sans-serif!important;
}
.boekNu {
font : bold 10pt/14pt Arial, "Lucida Grande", sans-serif!important;
text-transform: uppercase;
letter-spacing: -1px;
width: 85px!important;
height: 30px;
padding:0;
margin: 0 0 0 13px;
color: #4F0747;
border: none !important;
background: transparent url(/gfx/arrBoekNuGroen2.gif) left 1px no-repeat !important;
}
.boekNuLarge {
font : bold 10pt/14pt Arial, "Lucida Grande", sans-serif!important;
text-transform: uppercase;
letter-spacing: -1px;
width: 125px !important;
height: 30px;
padding:0 0 0 23px !important;
margin: 0 0 0 13px;
color: #4F0747;
border: none !important;
text-align: left;
zoom: 1;
background: transparent url(/gfx/arrBoekNuGroenLarge.gif) left 2px no-repeat !important;
}
.facebook {
font : bold 10pt/14pt Arial, "Lucida Grande", sans-serif!important;
text-transform: uppercase;
letter-spacing: -1px;
width: 195px!important;
height: 45px;
padding:0;
margin: 10px 0 10px 0;
color: #4F0747;
border: none !important;
background: transparent url(/gfx/facebookBut.png) left top no-repeat !important;
}
.greyLine{clear: both;height:8px;border-bottom: 1px solid #dcdcdc;width:220px;margin:15px auto;}
button.boekNu:hover{color:#333F0A;}
button.boeken:hover{color:#ccc;}
.gMap {
font : bold 10pt/14pt Arial, "Lucida Grande", sans-serif!important;
text-transform: uppercase;
float: right;
text-align: right;
letter-spacing: -1px;
width: 85px!important;
height: 30px;
padding:0 0 0 0;
margin: 0 -3px 0 0;
color: #fff;
border: none !important;
background: transparent url(/gfx//gMap.gif) left 1px no-repeat !important;
}
.gList {
font : bold 10pt/14pt Arial, "Lucida Grande", sans-serif!important;
text-transform: uppercase;
float: right;
text-align: right;
letter-spacing: -1px;
width: 85px!important;
height: 30px;
padding:0 0 0 0;
margin: 0 -3px 0 0;
color: #fff;
border: none !important;
background: transparent url(/gfx//lijst.gif) left 1px no-repeat !important;
}
.lisArrangement h3 {
margin: 3px 0;
}
.lisArrangement h3 a, .lisArrangement h3 a:visited {
font-size: 12pt;
color: #4a0042;
}
.inlezer h2 {
margin: 0 0 2px -1px;
}
.leesverder {
position: absolute;
bottom: 5px;
left: 10px;
width: 200px;
padding: 3px 0 0 12px;
color: #885782;
font-weight: bold;
border-top: 1px solid #C4A2C4;
background: url(/gfx/bullet_purpleMedium.png) left 6px no-repeat;
}
.leesverder a, .leesverder a:visited {
color: #885782;
}
.leesverder a:hover, .leesverder a:active, .leesverder a:focus {
font-weight: bold;
color: #4A0042;
}
.normArticle .leesverder {
border-top: 1px solid #999;
width: 200px;
background: url(/gfx/bullet_grey.png) left 8px no-repeat;
}
.normArticle .leesverder a, .normArticle .leesverder a:visited {
color: #4B4B4B;
}
.leesverder a:hover, .leesverder a:active, .leesverder a:focus {
font-weight: bold;
color: #4A0042;
}
.arrKasLis {
position: absolute;
font-weight: bold;
bottom: 30px;
left: 10px;
color: #885782;
padding: 0 0 2px 0;
width: 210px;
}
.lisChateau .boekNu {margin: 0 0 0 0;}
.arrKasLisHome {
font-weight: bold;
color: #885782;
border-bottom: 1px solid #C4A2C4;
padding: 5px 0;
margin: 5px 0;
width: 100%;
font-size: 12pt;
}
.moreHome {background: url(/gfx/bullet_white.png) left 5px no-repeat;padding-left: 12px}
.moreHome a, .moreHome a:visited {
font-weight: bold;
color: #fff;
font-size: 10pt;
}
.moreHome a:hover, .moreHome a:active, .moreHome a:focus {
font-weight: bold;
color: #885782;
text-decoration: underline;
}
.arrangement {
margin: 0 0;
padding:5px 0 0 0;
}
.arrangement .chapeau {
color: #4A0042;
padding: 3px 5px;
font-size: 8pt;
line-height: 10pt;
font-weight: normal;
}
.greenLine {clear: both;height:8px;border-bottom: 1px solid #B9C096;width:210px;margin:0 auto;}
.arrangement a, .arrangement a:visited {
font-weight: bold;
}
.arrangement a:hover, .arrangement a:active, .arrangement a:focus {
color: #4A0042;
}
.arrInlezer {
position: relative;
text-align: left;
padding:0 5px;
}
.arrLabel {letter-spacing: 0;position: relative; top: 3px; left: 5px;background: #CC0000;color: #fff;font-size: 7pt;line-height: 10pt;font-weight: bold;padding: 0 3px;margin: 0 0 5px 0;}
.prijs {
padding:5px 0;
}
.arrPrijs {
position: relative;
float: right;
letter-spacing: -1px;
font-size: 12pt;
line-height: 14pt;
font-weight: bold;
width: auto;
min-width: 35px;
padding:3px 5px;
margin: 0 5px 0 0;
color: #4A0042;
cursor: pointer;
background-color: #F1F9C6;
}
.ListPrijs{text-align:right;}
#bestel {
padding: 10px 10px;
border: 1px solid #C9C9C9;
background:#F1F8C8;
}
.bestelBox {
font-size: 10pt;
padding: 10px;
font-weight: bold;
line-height: 14pt;
color: #4A0042;
background:#E4D8E2;
}
.bestelBox .prijs {
padding: 5px 0 0 20px;
font-size: 18pt;
font-weight: bold;
line-height: 14pt;
text-align: left;
}
.arr .prijs {
padding: 0;
font-size: 14pt;
font-weight: bold;
line-height: 14pt;
text-align: left;
}
.bestelBox .vanvoorprijs {font-size: 10pt;text-decoration: line-through; color:#444;font-weight: normal;line-height: 10pt;}
.vanvoorprijs {font-size: 10pt;text-decoration: line-through; color:#444;font-weight: normal;}
.articleHead h1 {font-size: 18pt;margin:0;}
.articleHead h3 {font-size: 12pt;color:#444;margin:0 0 5px 0;}
.articleHead .chapeau {color:#444;margin:0;}
.bgPicture {background: url(/gfx/bgPictureSmall.gif) left top no-repeat;height: 175px;}
.articleHead .chateauLabel {top: 35px;}
.articleHead .quote {font-size: 10pt; font-weight: bold; font-style:italic; text-align: center;}
.articleHead .arr {font-size: 10pt; font-weight: bold;letter-spacing: 0; }
.arrBg .articleHead h1 {color:#5F634C;}
.fitPic {
position: relative;
top: 11px;
left: 14px;
width: 211px;
height: 150px;
cursor: pointer;
}
.input_text {
font : bold 9pt/12pt Arial, "Lucida Grande", sans-serif!important;
width: 182px!important;
height: 50px;
padding-left: 8px;
margin: 5px 0 0 0;
color: #4a4a4a;
border: none!important;
background: url(/gfx/input_text.png) no-repeat !important;
}
.thumb {cursor: pointer;background:#F1F9C6;margin: 0 0 10px 0;}
.pic110 {width: 110px;float: left;}
.pic200 {width: 200px;float: left;}
div.bgBox {
position:relative;
margin:0 0;
padding:0 0 4px 0;
width:200px;
height:140px;
overflow:hidden;
}
div.bgBoxTitle {
position: absolute;
background: transparent url(/gfx/bgbox-green-50.png) left top repeat;
bottom:10px;
left:10px;
margin:0 0;
padding:0;
width:180px;
height:70px;
overflow:hidden;
font-size: 10pt;
line-height: 14pt;
font-weight: bold;
}
.boxPadding {
margin:5px;
}
.thumb a, .thumb a:visited {
font-weight: bold;
color: #606449;
margin: 0 0 3px 3px;
}
.input_button1 {
font : bold 11pt/14pt Arial, "Lucida Grande", sans-serif!important;
text-transform: uppercase;
width: 195px!important;
height: 30px;
padding:0px 8px;
margin: 5px 0 0 0;
color: #4a4a4a;
border: none!important;
background: url(/gfx/input_button1.png) no-repeat !important;
}
.input_button2 {
font : bold 11pt/14pt Arial, "Lucida Grande", sans-serif!important;
text-transform: uppercase;
width: 195px!important;
height: 30px;
padding:0px 8px;
margin: 10px 0;
color: #4a4a4a;
border: none !important;
background: url(/gfx/input_button2.png) no-repeat !important;
}
.input_button3 {
font : bold 11pt/14pt Arial, "Lucida Grande", sans-serif!important;
text-transform: uppercase;
width: 195px!important;
height: 30px;
padding:0px 8px;
margin: 10px 0 20px;
color: #fff;
border: none !important;
background: url(/gfx/ccknop.png) no-repeat !important;
}
.boeken {
font : bold 10pt/13pt Arial, "Lucida Grande", sans-serif!important;
text-transform: uppercase;
letter-spacing: 0px;
width: 207px!important;
height: 35px;
padding:0 0 0 0;
margin: 10px 0;
color: #fff;
border: none !important;
background: transparent url(/gfx/arrBoeken.png) no-repeat left 2px !important;
}
.bigbox {
font : bold 11pt/14pt Arial, "Lucida Grande", sans-serif !important;
text-transform: uppercase;
letter-spacing: 0;
height: 35px;
padding:0 10px;
margin: 10px 0;
color: #fff;
border: none !important;
background: transparent url(/gfx/bigbox2.png) left top repeat-x !important;
}
.arrBoeken {
font : normal 14pt/12pt Arial, "Lucida Grande", sans-serif!important;
margin: 10px 0;
color: #5F634C;
}
.opinieSubmit {
background: transparent url(/gfx/opinieSubmit.png) no-repeat !important;
width: 311px!important;
height: 27px;
}
.login {
text-align:left;
color: #4a0042;
width:100%;
margin:0 0 5px 0;
}
.login td {
font-size:9pt;
line-height: 12pt;
padding: 1px 0 1px 0;
}
.login th {
text-align:left;
/*background: #F36E5A;*/
color: #4a0042;
font-size:14pt;
padding: 3px 0 3px 0;
font-weight: bold;
}
.login th a, .login th a:hover, .login th a:visited {
color: #58307C;
}
.sliderTotal{
width:690px;
height: 80px;
position: relative;
left: 0;
top: 0;
margin:5px 0 5px 0;
padding: 0;
}
.slider {
position: absolute;
left: 10px;
width:650px;
height: 40px;
padding:0;
/*
background:#ccc;
*/
}
.sliderValue {
position: relative;
left: 0;
top: 0;
height: 30px;
font-size: 8pt;
color:#000;
}
.valLeft {position: absolute;left: -10px;}
.valRight {position: absolute;right: -10px;}
.sliderControl {
float:left;
width: 645px;
height: 20px;
margin:0;
}
.totCount {
position: absolute;
left: 0;
bottom: 3px;
}
#prodcount {font-weight: bold;}
#priceValueMin, #priceValueMax, .colorIt {font-size: 9pt;color:#666;}
#stepPrice {display: none;}
.brCap {
float:left;
width:120px;
height: 120px;
margin: 0 5px 0 0;
padding: 0;
}
.showArticle {
font-size: 8pt;
width:650px;
height: 50px;
float: left;
position: relative;
left: 37px;
top: 0;
margin:0;
padding: 0;
}
.brTot {
float:left;
width:270px;
height: 120px;
margin: 0 10px 10px 0;
padding: 0;
border: 1px solid #E8DFB9;
background: #fff;
}
.brTot h2 a, .brTot h2 a:visited {
font-size: 10pt;
line-height: 10pt;
}
.loading{
height: 25px;
width: 25px;
background: transparent url(/gfx/loading.gif) left top no-repeat;
}
.loadIt {
height: 50px;
width: 150px;
padding: 0 0 0 50px;
background: transparent url(/shared/gfx/colorbox/loading.gif) left top no-repeat;
}
.appendIt {
position: relative;
height: 50px;
width: 150px;
padding: 0 0 0 50px;
background: transparent url(/shared/gfx/colorbox/loading.gif) left top no-repeat;
display: none;
}
.ehioAppend {
display: block;
position: fixed;
z-index: 100;
bottom: 10px;
text-align:center;
}
.ehioAppend .eaMore {
display: none;
width: 600px;
margin: 10px 0;
padding: 20px 0 10px 0;
color: #fff;
background: transparent url(/gfx/bgBoxGrey.png) left top repeat;
}
.ehioAppend .eaEnd {
display: none;
width: 600px;
margin: 10px 0;
padding: 25px 0 10px 0;
color: #fff;
background: transparent url(/gfx/bgBoxGrey.png) left top repeat;
}
.CartRow {
padding:0 3px;
border-bottom:1px solid #C6E423;
}
.OfferteBox {
width: auto;
margin:15px 0;
}
.OfferteBox .input {
margin: 3px;
}
.OfferteBox h1 {
font-size: 12pt;
margin: 5px 0;
}
.OfferteBox td {
padding: 3px 10px;
font-size: 9pt;
vertical-align: top;
}
.OfferteBox th {
background: #C6E423;
text-align: left;
padding:3px 10px;
}
.step {
text-align:right;
color:#4A0042;
width: 20%;
padding:3px 3px 0 3px;
}
.verplicht {border-right: 2px solid red !important;}
.blue, .blue a, .blue a:visited, a.blue, a:visited.blue {color: #0668b3;}
.green, .green a, .green a:visited, a.green, a:visited.green, .popover a, .popover a:visited {color: #C6E423;}
.yellow, .yellow a, .yellow a:visited, a.yellow, a:visited.yellow {color: #fdbb30;}
.rood, .rood a, .rood a:visited, a.rood, a:visited.rood {color: #cb1639 !important;}
.black, .black a, .black a:visited, a.black, a:visited.black {color: #666;}
.white, .white a, .white a:visited, a.white, a:visited.white {color: #fff;}
.grey, .grey a, .grey a:visited, a.grey {color:#666;}
.grey a:hover, a:hover.grey, .black:hover, .black a:hover, a:hover.black, a:hover.white, .white a:hover, .white li a:hover {color:#ffd451;}
.rood a:hover, a:hover.rood, .blue a:hover, a:hover.blue {color: #666;}
.yellow a:hover, a:hover.yellow {color: #666;}
/*
* jQuery UI CSS Framework
* Copyright (c) 2010 AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
*/
/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }
/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }
/* Component containers
----------------------------------*/
.ui-widget { font-family: Arial, sans-serif; font-size: 1.1em; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Arial, sans-serif; font-size: 1em; }
.ui-widget-content { color: #333333; }
.ui-widget-content a { color: #333333; }
.ui-widget-header { color: #000; font-weight: bold; font-size: 14pt;}
.ui-widget-header a { color: #ffffff; }
/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default {font-weight: bold; color: #1c94c4;}
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {color: #B091B0; text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { font-weight: bold; color: #4A0042; }
.ui-state-hover a, .ui-state-hover a:hover { color: #000; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active {color: #eb8f00; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
color: #4A0042; text-decoration: none; }
.ui-widget :active { outline: none; }
/* Tabs
----------------------------------*/
.ui-tabs { position: relative; padding: 0; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav { margin: 0; padding: 0; }
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 0 0 0; padding: 0; white-space: nowrap; }
.ui-tabs .ui-tabs-nav li a { display: block; float: left; padding: 0; margin: 0 0 0 0;text-decoration: none; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin: 0; padding: 0; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; border: 0; padding: 0 0; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }
/* Vertical Tabs
----------------------------------*/
.ui-tabs-vertical .ui-tabs-nav { padding:0; float: left; width: 230px; }
.ui-tabs-vertical .ui-tabs-nav li {clear: left; width: 100%; margin: 0 0 6px 0; }
.ui-tabs-vertical .ui-tabs-nav li a { display:block; width: 220px; text-align: right;}
.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-selected {
padding: 0; margin: 0 0 10px 0;}
.ui-tabs-vertical .ui-tabs-panel { padding:3px 0 0 0; float: right; width: 710px; margin: 0 0 0 10px;}
/*
ColorBox Core Style
The following rules are the styles that are consistant between themes.
Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:visible;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
/*
ColorBox example user style
The following rules are ordered and tabbed in a way that represents the
order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:url(/shared/gfx/colorbox/overlay.png) 0 0 repeat;}
#colorbox{}
#cboxTopLeft{width:14px; height:14px; background:url(/shared/gfx/colorbox/controls.png) 0 0 no-repeat;}
#cboxTopCenter{height:14px; background:url(/shared/gfx/colorbox/border.png) top left repeat-x;}
#cboxTopRight{width:14px; height:14px; background:url(/shared/gfx/colorbox/controls.png) -36px 0 no-repeat;}
#cboxBottomLeft{width:14px; height:43px; background:url(/shared/gfx/colorbox/controls.png) 0 -32px no-repeat;}
#cboxBottomCenter{height:43px; background:url(/shared/gfx/colorbox/border.png) bottom left repeat-x;}
#cboxBottomRight{width:14px; height:43px; background:url(/shared/gfx/colorbox/controls.png) -36px -32px no-repeat;}
#cboxMiddleLeft{width:14px; background:url(/shared/gfx/colorbox/controls.png) -175px 0 repeat-y;}
#cboxMiddleRight{width:14px; background:url(/shared/gfx/colorbox/controls.png) -211px 0 repeat-y;}
#cboxContent{background:#fff;}
#cboxLoadedContent{margin-bottom:5px;}
#cboxLoadingOverlay{background:url(/shared/gfx/colorbox/loading_background.png) center center no-repeat;}
#cboxLoadingGraphic{background:url(/shared/gfx/colorbox/loading.gif) center center no-repeat;}
#cboxTitle{position:absolute; bottom:-25px; left:0; text-align:center; width:100%; font-weight:bold; color:#7C7C7C;}
#cboxCurrent{position:absolute; bottom:-25px; left:58px; font-weight:bold; color:#7C7C7C;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{position:absolute; bottom:-29px; background:url(/shared/gfx/colorbox/controls.png) 0px 0px no-repeat; width:23px; height:23px; text-indent:-9999px;}
#cboxPrevious{left:0px; background-position: -51px -25px;}
#cboxPrevious.hover{background-position:-51px 0px;}
#cboxNext{left:27px; background-position:-75px -25px;}
#cboxNext.hover{background-position:-75px 0px;}
#cboxClose{right:0; background-position:-100px -25px;}
#cboxClose.hover{background-position:-100px 0px;}
.cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px; right:27px;}
.cboxSlideshow_on #cboxSlideshow.hover{background-position:-150px 0px;}
.cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px; right:27px;}
.cboxSlideshow_off #cboxSlideshow.hover{background-position:-125px 0px;}