/*----------------------------------------------------------------------------- Coolworld Screen Stylesheet version:1.0 date:06/09/07 author:Jeroen van de Ven email:jeroen@4webdesign.nl website:www.coolworld-rentals.com -----------------------------------------------------------------------------*/ /* Remove margin, padding and border from everything -----------------------------------------------------------------------------*/ *{margin:0;padding:0;border:0;}
/* Set up the document -----------------------------------------------------------------------------*/ html{height:100%;}
body{height:100%;font-family:arial;font-size:11px;color:#000;background:url(getfile.php?id=1062) repeat-x #fff;behavior:url("csshover.htc");}
#cleardiv{clear:both;height:35px;}
.articlebody{background:#fff;}
/* Typography -----------------------------------------------------------------------------*/ h1{/*font-size:16pt;color:#378fc1;line-height:21px;padding-bottom:10px;*/ font-size:16pt;color:#378fc1;margin-bottom:10px;font-weight:normal;}
h2{font-size:16pt;color:#96a5be;padding-bottom:10px;}
.txtHeading1{font-size:16pt;color:#96a5be;margin-bottom:20px;}
.txtHeading2{font-size:16pt;color:#4e4e4e;margin-bottom:22px;}
#contactcoolworld .txtHeading2{font-size:16pt;color:#4e4e4e;margin-bottom:5px;}
.txtHeading3{font-size:16pt;color:#378fc1;margin-bottom:10px;}
.txtHeading4{font-size:16pt;color:#cea030;margin-bottom:22px;}
.txtTitel1{font-size:22px;color:#4e4e4e;font-weight:normal;}
.txtTitel2{font-size:18px;color:#378fc1;font-weight:normal;}
.producttitle{padding-left:5px;color:#fff;font-size:10px;font-weight:bold;display:block;}
.productarticle{color:#fff;font-size:10px;font-weight:normal;padding-left:5px;padding-bottom:2px;vertical-align:top;}
.productpdf{text-align:right;padding:1px 5px 1px 1px;color:#c42b02;}
p{font-size:11px;}
#col2 #contactcoolworld .redbtn{background:#FF0000 url(getfile.php?id=1097) no-repeat scroll right top;border:1px solid #FF0000;display:block;height:16px;margin-bottom:5px;padding-left:5px;padding-top:3px;width:96%;}
a{outline-color:-moz-use-text-color;outline-style:none;outline-width:0;}
a, a:link, a:active, a:visited{text-decoration:none;color:#0251B8;font-weight:bold;}
a:hover{text-decoration:underline;color:#0251B8;font-weight:bold;}
a.redbtnlink:link, a.redbtnlink:active, a.redbtnlink:visited{color:#4e4e4e;font-weight:bold;text-decoration:none;}
a.redbtnlink:hover{color:#666666;}
li.articlebody{list-style-image:url(getfile.php?id=32);margin-left:20px;}
#content ol{list-style:decimal;margin-left:20px;}
#content #col2_2cols li, #content #col3 li, #content #col3_branches li, #content #col2_3cols li{list-style-position:outside;list-style-type:inherit;margin-left:20px;}
#searchhits{text-align:left;}
#wdContentBlockSearch td{padding-bottom:10px;}
#wdContentBlockSearch img{padding-right:3px;}
/* Header -----------------------------------------------------------------------------*/ #header{height:275px;/* background:url(getfile.php?id=1062) repeat-x;*/}
#header #topnavigation{height:75px;z-index:1000;position:relative;}
#header #topnavigation #logo{height:32px;left:5px;position:absolute;top:34px;width:210px;}
#header #topnavigation #menu{color:#FFFFFF;height:20px;left:244px;position:absolute;top:55px;width:475px;}
#menuleft{color:#000000;left:0px;position:relative;top:0px;width:231px;padding:0px 7px;margin-bottom:10px;}
#branchemenu{padding:0 0 0 5px;margin-bottom:75px;}
#col1 #contactcoolworld{padding:0 0 0 5px;}
#contactcoolworld .redbtn{background:#FF0000 url(getfile.php?id=1097) no-repeat scroll right top;border:1px solid #FF0000;display:block;height:16px;margin-bottom:5px;padding-left:5px;padding-top:3px;width:224px;}
#header #topnavigation #sitenav{color:#FFFFFF;height:20px;right:0px;position:absolute;top:50px;width:315px;text-align:right;}
#header #visual{/*background:url(getfile.php?id=1069) no-repeat top left;*/ width:980px;height:169px;padding-top:30px;position:relative;z-index:400;}
#header #visual #alpha{background:black;height:179px;left:0;opacity:0.3;Filter:Alpha(Opacity=30);position:absolute;top:0;width:245px;}
#header #visual #newshighlights{position:absolute;top:0;left:0;}
#quicklinks{background:#212658;border:1px solid #3586B9;left:0px;padding:10px;position:absolute;text-align:left;top:24px;width:165px;z-index:500;}
#quicklinks a{color:#fff;font-weight:normal;}
#closediv{position:absolute;right:5px;top:5px;}
/* Navigation -----------------------------------------------------------------------------*/ /***** Main menu horizontal *****/ #menu ul{list-style:none;padding:0px;height:18px;float:left;margin:0px;z-index:500;}
#menu li{position:relative;}
#menu ul ul{position:absolute;z-index:500;width:160px;height:auto;color:#fff;background:#212658;margin:0px;padding:10px 0px;}
#menu ul ul ul{position:absolute;top:0px;left:100%;border:0px;background:#ffdfa4;}
#menu ul ul ul ul{position:absolute;top:0px;left:100%;border:0px;background:#ffdfa4;}
#menu ul ul ul ul ul{position:absolute;top:0px;left:100%;border:0px;font-weight:normal;border-bottom:0px;background:#ffdfa4;}
#menu ul a.first{background:none;color:#ffffff;text-decoration:none;font:11px Arial, Helvetica, sans-serif;display:block;margin:0px 0px 0px 0px;padding:0px 5px;border-right:1px solid #fff;}
#menu ul a{color:#ffffff;text-decoration:none;font:11px Arial, Helvetica, sans-serif;display:block;margin:0px;padding:0px 5px;border-right:1px solid #fff;}
#menu ul ul a{background:none;color:#fff;padding:2px 5px;border-right:0px;}
#menu ul ul a:hover{background:#0072b6;color:#fff;}
#menu ul a:hover{color:#ffffff;}
#menu ul a.first:hover{color:#ffffff;}
div#menu ul ul, div#menu ul li:hover ul ul, div#menu ul ul li:hover ul ul, div#menu ul ul ul li:hover ul ul{display:none;}
div#menu ul li:hover ul, div#menu ul ul li:hover ul, div#menu ul ul ul li:hover ul, div#menu ul ul ul ul li:hover ul{display:block;}
/***** Left menu vertical *****/ #menuleft ul{list-style:none;padding:0px;margin-bottom:10px;z-index:300;background-image:url(getfile.php?id=1097);background-repeat:no-repeat;background-position:top left;}
#menuleft li{position:relative;}
#menuleft ul ul{position:absolute;z-index:500;left:231px;top:0px;width:180px;color:#fff;background:none;padding-left:6px;border-top:0px solid #ffffff;}
#menuleft ul ul ul{position:absolute;top:0px;left:100%;border:0px;background:#ffdfa4;}
#menuleft ul a.first{background:none;color:#000;text-decoration:none;font:11px Arial, Helvetica, sans-serif;font-weight:bold;display:block;padding:3px 5px;border-right:0px solid #fff;width:200px;}
#menuleft ul a{background:none;color:#000;text-decoration:none;font:11px Arial, Helvetica, sans-serif;font-weight:bold;display:block;padding:3px 5px;border-right:0px solid #fff;width:200px;}
#menuleft ul ul a{background:#212658;font-weight:normal;color:#fff;padding:2px 10px;width:160px;}
#menuleft ul ul a:hover{background:#368ec0;color:#fff;width:160px;}
#menuleft ul a:hover{color:#666;}
#menuleft ul a.first:hover{color:#666;}
div#menuleft ul ul, div#menuleft ul ul ul, div#menuleft ul li:hover ul ul, div#menuleft ul li:hover ul ul ul, div#menuleft ul ul li:hover ul ul, div#menuleft ul ul li:hover ul ul ul, div#menuleft ul ul ul li:hover ul ul{display:none;}
div#menuleft ul li:hover ul, div#menuleft ul ul li:hover ul, div#menuleft ul ul ul li:hover ul, div#menuleft ul ul ul ul li:hover ul{display:block;}
/***** Left menu vertical *****/ #branchemenu ul{list-style:none;padding:0px;margin-bottom:10px;z-index:300;background-image:url(getfile.php?id=1097);background-repeat:no-repeat;background-position:top left;}
#branchemenu li{position:relative;}
#branchemenu ul ul{position:absolute;z-index:500;left:231px;top:0px;width:180px;color:#fff;background:none;padding-left:6px;border-top:0px solid #ffffff;}
#branchemenu ul ul ul{position:absolute;top:0px;left:100%;border:0px;background:#ffdfa4;}
#branchemenu ul a.first{background:none;color:#000;text-decoration:none;font:11px Arial, Helvetica, sans-serif;font-weight:bold;display:block;padding:3px 5px;border-right:0px solid #fff;width:200px;}
#branchemenu ul a{background:none;color:#000;text-decoration:none;font:11px Arial, Helvetica, sans-serif;font-weight:bold;display:block;padding:3px 5px;border-right:0px solid #fff;width:200px;}
#branchemenu ul ul a{background:#212658;font-weight:normal;color:#fff;padding:2px 10px;width:160px;}
#branchemenu ul ul a:hover{background:#368ec0;color:#fff;width:160px;}
#branchemenu ul a:hover{color:#666;}
#branchemenu ul a.first:hover{color:#666;}
div#branchemenu ul ul, div#branchemenu ul ul ul, div#branchemenu ul li:hover ul ul, div#branchemenu ul li:hover ul ul ul, div#branchemenu ul ul li:hover ul ul, div#branchemenu ul ul li:hover ul ul ul, div#branchemenu ul ul ul li:hover ul ul{display:none;}
div#branchemenu ul li:hover ul, div#branchemenu ul ul li:hover ul, div#branchemenu ul ul ul li:hover ul, div#branchemenu ul ul ul ul li:hover ul{display:block;}
/* Body -----------------------------------------------------------------------------*/ #content{width:980px;}
#content #col1{width:236px;border-right:1px solid #A8A9A8;float:left;padding-right:8px;min-height:302px;}
*html #content #col1{height:302px;}
#content #col1 #nieuwsbrief{padding-left:4px;}
#phone{border:1px solid black;padding:5px 8px;}
#content #col2{width:220px;border-right:1px solid #A8A9A8;float:left;padding:0px 13px;}
#content #col2_2cols{width:650px;float:left;padding:0px 13px;}
#content #col2_branches{width:237px;border-right:1px solid #A8A9A8;float:left;padding-right:8px;min-height:302px;}
*html #content #col2_branches{height:302px;}
#content #col2_3cols{width:468px;float:left;padding:0px 13px;}
#content #col3{float:left;padding:0px 5px;width:460px;}
#content #col3_3cols{float:left;padding:0px 10px;width:220px;border-left:1px solid #A8A9A8;}
#content #col3_branches{float:left;padding:0px 10px;width:680px;}
#content #col2 #contactcoolworld #productpromotie{margin-top:20px;}
#content #col2 #contactcoolworld #phone{position:relative;}
/* Footer -----------------------------------------------------------------------------*/ #nonFooter{margin:0px auto;min-height:100%;position:relative;width:980px;}
*html #nonFooter{height:100%;}
#footer{height:25px;margin:-26px auto 0px;position:relative;width:980px;}
#footer #copyright{position:absolute;width:300px;height:20px;right:0px;top:3px;text-align:right;}
#footer #footermenu{position:absolute;width:300px;height:20px;left:0px;top:3px;}
/* Forms -----------------------------------------------------------------------------*/ label{font-size:11px;margin:0;height:18px;text-align:left;width:140px;float:left;}
input.textfield{font-size:11px;Arial, Helvetica, sans-serif;height:18px;border:solid 1px #C4CCD6;width:170px;margin-bottom:10px;}
select.textfield{font-size:10px;Arial, Helvetica, sans-serif;height:18px;border:solid 1px #C4CCD6;width:100px;}
textarea{font-size:11px;Arial, Helvetica, sans-serif;border:solid 1px #C4CCD6;height:75px;width:225px;}
input.textfield2{font-size:11px;Arial, Helvetica, sans-serif;height:18px;border:solid 1px #C4CCD6;width:100px;margin-bottom:10px;}
.searchfield{height:15px;border:1px solid #bcc1c5;background:#FFF;width:125px;font-family:arial;font-size:11px;padding-left:5px;}
.redsubmit{color:#666;background:url(getfile.php?id=1201) no-repeat top left;font-weight:bold;width:113px;height:20px;font-size:11px;text-align:left;padding-left:10px;}
input.radiobutton{margin:2px;}
input.checkbox{margin:4px;}
form{/* width:100px;*/ display:inline;}
/* Tables -----------------------------------------------------------------------------*/ table{border-spacing:0;border-collapse:collapse;}
td{text-align:left;font-weight:normal;}