/* CSS Document */
/* 
PINK: #ff006e;
GRIJS: #333;
LICHTGRIJS: #f6f6f6
*/

html,body { margin: 0; padding: 0; height: 100%; font-size: 12px; }

img, div, a { behavior: url(/javascripts/iepngfix.php) }

@font-face {  
  font-family: myCalibri;  
  src: local("Calibri"),  
  local("calibri"),  
  url(calibri.ttf);  
  font-weight: normal;  
}  

*:active { outline: none; }
*:focus { outline: none; }

form { margin: 0; padding: 0; }

p { font-size:12px; line-height:20px; color:#333; max-width:600px;  }

a { color: #ff006e; text-decoration: none; }
a:hover { text-decoration: none; border-bottom:1px dotted; }
a img { border:0px; }

h1 { margin: 0; padding: 0; }
h1,h2,h3,h4,h5 { font-weight: normal; }
h5 {font-size:12px;}

li {color:#333;}

input.nomacsubmit { background: #FF006E; border: none; color: #FFF; }

textarea,input.text { font-size: 12px; color: #999; border: 1px solid #fff;  padding: 5px; margin-bottom: 8px; width: 96%; }
textarea.hover,input.text.hover { color: #FF006E; border:1px dotted #FF006E; }
textarea.focus,input.text.focus { color: #000; border:1px dotted #FF006E; }

/*h1,h2,h3,h4,#balk h2 a, #menu, #menu ul a, .next, .prev { font-family: "Calibri", "Calibri normal", "Helvetica rounded", "Helvetica Neue", Helvetica, Trebuchet MS, Arial, sans-serif; }*/

* { font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;}

#menu ul a, #balk h2 a, h1, h2, h3, h4, .prev span, .next span { font-family: "myCalibri","Calibri", "Helvetica rounded", "Helvetica Neue", Helvetica, Trebuchet MS, Arial, sans-serif; }

.margintop{ height: 150px;}
.arrow { padding-left: 15px; background: url(../images/pijltjeklein.gif) left center no-repeat; }
.arrow2 { padding-left: 15px; background: url(../images/pijltjekleinroze.gif) left center no-repeat; }

table td { vertical-align: top; line-height:20px;}

#container { width: 1200px; margin: 0 auto;  position: relative;  }

#flashcase { }
#showcase { height: 350px; overflow-y: hidden; position: relative; }
#showcase img { position: absolute; top: 0; }
#showcase img.shadow { right: 350px; z-index: 1; }

#browse { background: #fff; height: 0; overflow: hidden; line-height: 35px; width: 250px; position: relative; position: absolute; left: 50px; bottom: 0px; z-index: 10; border-top: 0px solid #ff006e;}
#browse .prev, #browse .next { font-size: 16px; position: absolute; top: 0; }
#browse .prev { background: url(../images/pijltjelinkswit.gif) left center no-repeat; left: 20px; padding-left: 35px;  }
#browse .next { background: url(../images/pijltjerechtswit.gif) right center no-repeat;  right: 20px; padding-right: 35px; }
#browse .prev:hover, #browse .next:hover { text-decoration: none; }

#loading { height: 2px; position: absolute; width: 0; bottom: 0px; left: 0; background: #ff006e; overflow: hidden; z-index: 2; }

#case { margin: 50px 360px 10px 25px; min-height:150px;}
#case h2 { color: #ff006e; font-size:36px; letter-spacing:normal; line-height: 20px; }
#case h2 + p {margin-top: -12px;}

#case h3 { color: #ff006e; font-size:28px; letter-spacing:normal; line-height: 20px; }
#case h3 + p {margin-top: -12px;}

#case strong {background:#ff006e; color:#FFF; display:inline; font-size:12px; margin-right:5px; padding:3px 10px 3px 10px;width:auto; line-height:20px;  }
#case h4 + p { display: inline; }

#case p { margin: 24px 0; }

#info { width: 300px; height: 300px; padding: 25px; overflow: hidden; right: 0; top: 150px; position: relative; position: absolute; background: #f6f6f6 ; line-height: 20px; z-index: 1; }
#info h2 { color: #ff006e; font-size:20px; letter-spacing:normal; }
#info p { font-size:11px; line-height: 20px;  }
#info a {  background: url(../images/pijltjeklein.gif) left center no-repeat; padding-left: 18px; font-size:11px; }
#info p a { background:none; padding:0; font-size:11px; }
#info .content { position: absolute; width: 300px; height: 300px;  }

#items { width: 325px; position: absolute; right: 0; top: 520px; z-index: 1; }
#items h3 { line-height: 30px; margin: 0; padding: 0; margin-bottom:10px; font-size: 20px; color: #ff006e; }
#items h2 { line-height: 30px; margin: 0; padding: 0; margin-bottom:10px; font-size: 20px; color: #FFFFFF; }
#items ul { list-style: none; margin: 0; padding: 0; line-height: 24px; }
#items ul li{ padding-left: 25px; font-size:11px; }
#items ul li.selected { margin-left: 10px; font-weight: bold; }

#ads { position: absolute; top: 0; width: 100%; min-width: 1200px; }
#ads .inner { min-width: 980px; width: 1200px; margin: 0 auto; height: 90px; position: relative; }
#ads .inner .inner{ min-width: 600px; width: 850px; margin: 0 350px 0 0; height: 90px; position: relative; }
#ads .ad { height: 60px; background: #f6f6f6; padding: 13px 5px 17px 25px; overflow: hidden;  }
#ads .ad h4 { color: #ff006e; margin: 0; padding: 0; font-size: 16px; line-height: 24px; }
#ads .ad h4 span{  font-size: 12px; }
#ads .ad p { margin: 0; padding: 0; font-size: 11px; line-height: 18px; width: 333px; }
#ads .ad a { padding-right: 15px; background: url(../images/pijltjeklein.gif) right center no-repeat; }

#more { position: absolute; top: 0; height: 40px; width: 100%; min-width: 1200px; }
#more h2{ position: absolute; top: 0; right: 0; background: #ff006e url(../images/pijltjebenedenklein.gif) 68px center no-repeat; line-height: 40px; margin: 0; padding: 0 34px 0 18px; color: #FFF; font-size: 16px; letter-spacing: normal;  } 

#menu { position: absolute; top: -140px; width: 100%; min-width: 1200px; background: #ff006e; height: 140px; }
#menu .inner { min-width: 980px; width: 1200px; margin: 0 auto; height: 140px; position: relative; }
#menu h1 { background: url(/images/logogroot.gif) no-repeat 0 50px; width: 980px; height: 138px; margin-left: 25px; color: #FFF; }
#menu h1 a { display: block; width: 980px; height: 140px; text-decoration:none; border:none; }
#menu ul { position: absolute; right: 0; width: 450px; list-style: none; margin: 0; top: 15px;  }
#menu ul li {  width: 150px; float: left; line-height: 36px; height: 36px; overflow: hidden; }
#menu ul li.selected a { background: #FFF; color: #FF006E; font-size: 24px; margin-left: 10px; }
#menu ul a{ color: #FFF; font-size: 16px; width:120px; height:36px; display:block; font-weight:normal; padding-left: 10px; }
#menu ul a:hover { font-size: 18px; text-decoration: none; border: none; font-weight:normal; }

#balk { height: 40px; line-height: 40px; letter-spacing: 1px; width: 100%; min-width: 1200px; position: absolute; color:  #ff006e; top: 85px; margin: 0; padding: 0; overflow: hidden; }
#balk .inner { min-width: 980px; width: 1200px; margin: 0 auto; position: relative; }
#balk .crumb { height: 40px; text-align: center; position: absolute; left: 25px; font-size:11px; }
#balk h2 { top: 0; margin: 0; padding: 0; font-size: 36px;  display: inline; letter-spacing:normal; }
#balk h2 a:hover { border: none; }
#balk a { color: #ff006e; }
#balk a:hover { text-decoration:none; border-bottom:1px dotted #ff006e; }

#balk .prev, #balk .next { font-size: 14px; position: absolute; top: 0; }

#balk .prev { background: url(../images/pijltjelinks.gif) left center no-repeat; right: 250px; padding-left: 35px;  }
#balk .next { background: url(../images/pijltjerechts.gif) right center no-repeat;  right: 20px; padding-right: 35px; }

#balk .prev:hover, #balk .next:hover { text-decoration: none; }

#content { background: #ff006e;  }
#content .content { margin-right: 350px; height: 300px; padding: 25px; background: #f6f6f6; }
#content h2 { color: #ff006e; font-size: 60px; line-height: 48px; font-weight: bold; margin:0; }
#content h3 { color: #ff006e; font-size: 30px; line-height: 20px; font-weight: normal; margin:0; margin-top:20px; }

#contentspecial { margin-top: 60px; }
#contentspecial .inner{ width: 1200px; margin: 0 auto;  position: relative; }
#contentspecial .content { padding: 0 25px;  min-width: 550px; position: relative;  }  
#contentspecial h2 { font-size: 48px; margin: 0; color: #ff006e;  }


#subcontent { background: #ff006e; margin-top: 60px; color: #FFF; }
#subcontent .inner{ width: 1200px; margin: 0 auto;  position: relative; }
#subcontent .content { padding: 25px; width: 800px; margin: 0 350px 0 0; position: relative;  }  
#subcontent * { color: #FFF; }

#subheader { min-width: 980px; width: 1200px; margin: 60px auto 0 auto;  position: relative; height: 41px;  }
#subheader .inner h2 { margin: 0; line-height: 41px; background: #ff006e url('../images/driehoek.gif') center right no-repeat; padding: 0 48px 0 25px; color: #FFF; font-size: 24px; cursor: pointer; position: absolute; }
#subheader .inner h2 a { color: #FFF; }
#subheader .inner h2 a:hover { border-bottom: none; }

#subcontent h2 { font-size: 48px; margin: 0; }
#subcontent h3 {display:inline; font-size:18px; margin-right:10px;}
#subcontent h4, 
#subcontent strong { background:#FFF; color:#ff006e; display:inline; font-size:12px; margin-right:5px; padding:3px 10px 3px 10px;width:auto; line-height:20px; }
#subcontent img {margin-left:5px;}
#subcontent td, #subcontent p {font-size:11px;}
#subcontent td {padding-top:15px;}

#subcontentwide { margin-top: 60px;}
#subcontentwide .inner{ min-width: 980px; width: 1200px; margin: 0 auto;  position: relative; }
#subcontentwide .content { padding: 0 25px;  min-width: 550px; position: relative;  }  

#subcontentwide h2 { font-size: 48px; margin: 0; color: #ff006e;  }
#subcontentwide h3 { font-size:18px; margin-right:10px; margin-top: 0; }
#subcontentwide h3 a{ display: block; text-indent: -999em; height: 100px; width: 100%; }
#subcontentwide h3 a:hover{ border:none; }

#subcontentwide h4, 
#subcontentwide strong { background:#ff006e; color:#FFF; display:inline; font-size:12px; margin-right:5px; padding:3px 10px 3px 10px; width:auto; line-height:20px; }
#subcontentwide img {margin:0px;}
#subcontentwide td, #subcontentwide p {font-size:11px;}
#subcontentwide td {  }

#bottombar { background: #f6f6f6; margin-top: 60px; }
#bottombar .inner{ min-width: 980px; width: 1200px; margin: 0 auto;  position: relative; height: 222px; overflow: hidden; }
#bottombar .content { padding: 0 25px;  min-width: 550px; position: relative; }  
#bottombar .content h4 { color: #ff006e; font-size: 24px; margin: 0; padding: 0; }
#bottombar .content p { font-size: 11px; margin: 12px 0; padding: 0;  }
#bottombar .content ul li a { line-height: 20px; }
#bottombar .content a { background: url('/images/pijltjeklein.gif') left center no-repeat; padding-left: 20px; }

#bottombar .content ul li.over { width: 375px; }
#bottombar .content ul li.nieuwsbrief { width: 375px; }
#bottombar .content ul li.nieuwsbrief p { margin-bottom: 5px; }
#bottombar .content ul li.nieuwsbrief input.text { width: 173px; padding: 3px 5px; margin-bottom: 3px; font-size: 11px; } 
#bottombar .content ul li.nieuwsbrief input.submit { margin-top: 10px; }
#bottombar .content ul li.ontdek { width: 300px; }
#bottombar .content ul li.ontdek ul { margin-top:12px; }

#footer { background: #FF006E; }
#footer .inner {  margin: 0 auto; width: 1200px; position: relative; height: 70px;  }
#footer address { color: #fff; letter-spacing:1px; font-size: 11px; line-height: 40px; position: absolute; bottom: 0; left: 170px; font-style: normal;}
#footer address a { color: #FFF; } 
#footer h1 { color: #ff006e; position: absolute; bottom: 0; left: 25px; margin: 0; padding: 0; width: 135px; height: 50px; background: url(../images/logo2.gif) left center no-repeat;  }
#footer h1 a { display: block; text-indent: -999em; width: 135px; height: 50px; }
#footer h1 a:hover { border: none; }

#contactinformatie { position: absolute; right: 0; }
#contactinformatie { margin: 0; padding: 0; line-height: 24px; list-style: none; color: #FFF; height:75px; font-size:11px; } 
#contactinformatie  li { position: relative; float: left; width: 200px; } 
#contactinformatie  li:first-child { width: 190px; }
#contactinformatie  li ul { position: relative; margin: 0; padding: 0; margin-right: 75px; top: auto; left: auto; list-style: none;  } 
#contactinformatie  li ul li { float: none; } 

#notoptimaloverlay { position: fixed !important; position: absolute; top: 0; width: 100%; min-width: 1200px; height: 100%; background: #000; filter:alpha(opacity=25);-moz-opacity:.25;opacity:.25; z-index: 100; }
#notoptimal { position: absolute; top: 0; width: 100%;  z-index: 200; }
#notoptimal .inner{ width: 1200px; margin: 0 auto; }
#notoptimal .content { background: #FF006E; width: 800px; height: 50px; padding: 20px 25px;  }
#notoptimal .content p { max-width: none; font-family: Georgia, "Times New Roman", Times, serif; font-size: 18px; margin-top: 0; margin-bottom: 15px; padding-bottom: 0px;   color: #FFF; }
#notoptimal .content a { padding-left: 20px; background: url('/images/pijltjekleinroze.gif') no-repeat center left; color: #FFF;  }

/* -------------- kolommen --- */

ul.cols-2,
ul.cols-3,
ul.cols-4,
ul.cols-5 { padding: 0; margin: 0; list-style: none; }

ul.cols-2 ul, ul.cols-2 ul li,
ul.cols-3 ul, ul.cols-3 ul li,
ul.cols-4 ul, ul.cols-4 ul li,
ul.cols-5 ul, ul.cols-5 ul li{ margin: 0; padding: 0; float: none; }

ul.cols-2 li,
ul.cols-3 li,
ul.cols-4 li,
ul.cols-5 li { float: left; overflow: hidden; margin: 25px 50px 0 0; }

ul.cols-2 li { width: 550px; } /* (1200 / 2) - 50 */
ul.cols-3 li { width: 350px; } /* (1200 / 3) - 50 */
ul.cols-4 li { width: 250px; } /* (1200 / 4) - 50 */
ul.cols-5 li { width: 190px; } /* (1200 / 5) - 50 */


#content ul.cols-2 li { width: 375px; margin-top: 0px; } /* (850 / 2) - 50 */
#content ul.cols-3 li { width: 233px; margin-top: 0px; } /* (850 / 3) - 50 */
#content ul.cols-4 li { width: 162px; margin-top: 0px; } /* (850 / 4) - 50 */

#contentspecial ul.cols-2 li { width: 375px; margin-top: 0px; } /* (850 / 2) - 50 */
#contentspecial ul.cols-3 li { width: 233px; margin-top: 0px; } /* (850 / 3) - 50 */
#contentspecial ul.cols-4 li { width: 162px; margin-top: 0px; } /* (850 / 4) - 50 */
	
#subcontent ul.cols-2 li { width: 375px; } /* (800 / 2) - 50 */
#subcontent ul.cols-3 li { width: 233px; } /* (800 / 3) - 50 */
#subcontent ul.cols-4 li { width: 162px; } /* (800 / 4) - 50 */