/*******************************/ /** CSS DOCUMENT **/ /** OWNED BY DROOMSLICING **/ /** COPYRIGHT 2009 - 1010 **/ /** www.idroom.nl **/ /*******************************/ /*******************************/ /* REGULAR COMMANDS */ /*******************************/ html{ height:100%; width:100%; background:url(../images/bg.jpg) repeat-x #2d2d2d;} body{ margin:0; padding:0; color:#2a2a2a; font-size:0.75em; font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif; text-decoration:none; background:url(../images/bg_content.jpg) repeat-y top;} body a{ text-decoration:none; color:#004f83; font-weight:bold;} body a:hover{text-decoration:none; color:#004f83;font-weight:bold;} .clear{clear:both; overflow:hidden; height:0px;} .clear2{ clear:both; } img{border:0px; display:block;} ul, li{list-style:none; margin:0px; padding:0px; } form, fieldset {margin:0px;padding:0px;border:0;} h1, h2, h3, h4, h5 {margin:0px; padding:0px; font-size:1.1em;} /* CONTAINER DIVISION */ #container { position:relative; width:998px; margin:0 auto; background:url(../images/bg_container.jpg) no-repeat; } /* TOP DIVISION */ #container #top {width:979px; padding:0px 0px 0px 19px; background:url(../images/bg_top.jpg) no-repeat top;} #container #top h1{display:none;} #container #top em{display:none;} #container #top ul#menu { font-family:"Trebuchet MS"; position: relative; height:51px; width:942px; margin:8px 0px 2px 8px; padding:0px 1px 0px 1px; background:url(../images/bg_menu.jpg) no-repeat;} #container #top ul#menu li { display:block; float:left; margin:0px 1px 0px 0px; } #container #top ul#menu li a{ display:block; float:left; line-height:50px; padding:0px 23px 0px 23px; color:#fff; outline:none; height:51px;} #container #top ul#menu li a:hover{ background:url(../images/bg_li.jpg) repeat-x; color:#ffc300;} #container #top ul#menu li.menuactive{ background:url(../images/bg_li.jpg) repeat-x; color:#fff;} #container #top #slider1{width:942px; height:206px; position:relative; overflow: hidden; margin:0px 0px 0px 8px; border:1px solid #c2c2c2;} #container #top #slider1 #slider1Content {width: 942px; position: absolute;top: 0;margin-left: 0;} #container #top #slider1 #slider1Content .slider1Image {float: left; position: relative;display: none;} #container #top #slider1 #slider1Content .slider1Image span {font-size:0.95em; position: absolute; padding:15px 22px 0px 22px; background-color:#000; filter:alpha(opacity=70);-moz-opacity: 0.7;-khtml-opacity: 0.7;opacity: 0.7; color: #fff; display: none;} #container #top #slider1 #slider1Content .slider1Image span strong {font-size:1.6em; font-family:"Trebuchet MS";} #container #top #slider1 #slider1Content .left {top:0px;left: 0; width:233px !important; height: 191px;} #container #top #slider1 #slider1Content .right {right:0; top:0px; width:233px !important; height: 191px;} #container #top #header{width:942px; height:206px; position:relative; overflow: hidden; margin:0px 0px 0px 8px; border:1px solid #c2c2c2;} #container #top #header img{width:942px; height:206px; } #container #midle{padding:8px 27px 0px 27px;} #container #midle #left{width:279px; float:left;} #container #midle #left .blok{width:249px; padding:0px 14px 12px 14px; margin:0px 0px 8px 0px; border:1px solid #b4b4b4; background:url(../images/bg_left.jpg) no-repeat #e4e4e4;} #container #midle #left .blok h2{display:block; height:44px; margin:0px 0px 16px 0px; line-height:41px; text-indent:25px;} #container #midle #left .blok h2.nieuwsbrief{background:url(../images/icon_nieuwsbrief.jpg) no-repeat left;} #container #midle #left .blok h2.nieuws{background:url(../images/icon_nieuws.jpg) no-repeat left;} #container #midle #left .blok h2.cursus{background:url(../images/icon_cursus.jpg) no-repeat left;} #container #midle #left .blok form{ position:relative;} #container #midle #left .blok form fieldset{ position:relative;} #container #midle #left .blok form input{width:173px; font-family:"Trebuchet MS"; color:#636363; height:21px; padding:4px 0px 0px 5px; margin:0px 0px 2px 0px; border:1px solid #b6b6b6;} #container #midle #left .blok form button{width:64px; height:27px; position:absolute; right:0px; bottom:3px; border:0; cursor:pointer; background:url(../images/btn_verstuur.jpg) no-repeat;} #container #midle #left .blok form button:hover{filter:alpha(opacity=60); opacity:0.6;} #container #midle #left .blok ul.nieuws li{ display:block; width:249px; height:29px; } #container #midle #left .blok ul.nieuws li a{ display:block; width:249px; height:24px; background:url(../images/bg_linieuws.jpg) no-repeat; line-height:24px; color:#2a2a2a; text-indent:24px; } #container #midle #left .blok ul.nieuws li a:hover{color:#000000; } #container #midle #left .blok ul.nieuws li span{display:none;} #container #midle #left .blok ul.nieuws li.selected a{ background:url(../images/bg_linieuwsover.jpg) no-repeat; color:#fff; } #container #midle #left .blok ul.samenvatting{ font-size:0.95em; } #container #midle #left .blok ul.samenvatting li a{ font-weight:normal; } #container #midle #right{width:657px; float:right;} /* Rotator styles */ #rotator {color:#fff; width:642px; padding:0px 0px 0px 15px; height:321px; position:relative; margin:0px 0px 8px 0px; background:url(../images/bg_cursus.jpg) no-repeat;} /* Tabs */ li.ui-tabs-nav-item a, li.ui-tabs-nav-item a:link, li.ui-tabs-nav-item a:visited {margin:0px 0px 4px 0px; display:block; outline:none; height:27px; width:189px; padding:0px 0px 0px 8px; font-weight:normal; line-height:27px; font-size:0.95em; } ul.ui-tabs-nav {position:absolute; right:15px; top:60px;} /* Non-Selected Tabs */ li.ui-tabs-nav-item a:link, li.ui-tabs-nav-item a:visited { color:#fff; background:url(../images/bg_licursus.gif) no-repeat; } /* Hovered Tab */ #rotator .ui-tabs-nav-item a:hover, #rotator .ui-tabs-nav-item a:active { text-decoration:none; background:url(../images/bg_licursus.gif) no-repeat; color:#fff;} #rotator .ui-tabs-nav-item a span {cursor:pointer; z-index:101;} /* Active Tab */ #rotator .ui-tabs-selected a:link, #rotator .ui-tabs-selected a:visited, #rotator .ui-tabs-selected a:hover, #rotator .ui-tabs-selected a:active {text-decoration:none; background:url(../images/bg_licursusover.gif) no-repeat; color:#fff;} /* Content Panels */ #rotator .ui-tabs-panel {clear:left; color:#fff; width:415px;} #rotator .ui-tabs-panel img{width:415px; height:120px; padding:0px 0px 0px 0px; z-index:2;} #rotator .ui-tabs-hide {display:none;} #rotator h3 { font-size:0.95em; font-weight:bold; padding:14px 0px 8px 0px;} #rotator h2 { height:60px; line-height:47px; text-indent:27px; } #rotator p {color:#d5d5d5; font-size:0.9em; z-index:2; line-height:18px; margin:0px; padding:0px 0px 20px 0px;} #container #midle #right .blok{position:relative; width:627px; padding:0px 14px 14px 14px; margin:0px 0px 8px 0px; border:1px solid #b4b4b4; background:url(../images/bg_blok.jpg) no-repeat #e4e4e4;} #container #midle #right .blok h1{display:block; height:44px; margin:0px 0px 16px 0px; line-height:41px; color:#000000;} #container #midle #right .blok p{line-height:18px; margin:0px; padding:0px 0px 18px 0px;} #container #midle #right .blok #informatie{overflow:hidden; width:627px; border-bottom:1px solid #1c1c1a; padding:12px 0px 14px 0px; color:#fff; background:url(../images/bg_informatie.jpg) no-repeat;} #container #midle #right .blok #informatie #praktisch{float:left; width:155px; padding:0px 15px 0px 16px;} #container #midle #right .blok #informatie #prijs{float:left; width:436px;} #container #midle #right .blok #informatie strong{display:block; color:#ffc300; padding:0px 0px 2px 0px;} #container #midle #right .blok #informatie span{font-weight:bold;} #container #midle #right .blok #data{width:627px; padding:12px 0px 0px 0px; color:#fff; background:url(../images/bg_data.jpg) no-repeat; border-bottom:1px solid #1c1c1c; margin-top:17px;} #container #midle #right .blok #data ul{ margin:0px; padding:0px; } #container #midle #right .blok #data ul li{ margin:0px; padding:0px; background:none; display:block; height:20px; border-bottom:1px dashed #3c3c3c; } #container #midle #right .blok #data ul li strong{ display:block; float:left; width:170px; padding:0px 0px 0px 16px; } #container #midle #right .blok #data ul li em{ font-style:normal; display:block; float:left; width:436px; padding:0px; } #container #midle #right .blok #data ul li span{ display:block; color:#ffc300; padding:0px 0px 2px 0px; } #container #midle #right .blok em.inschrijven{display:inline;} #container #midle #right .blok em.inschrijven a{display:block; position:absolute; right:10px; top:5px; padding:0px; text-indent:-3333px; width:106px; height:36px; background:url(../images/btn_inschrijven.jpg) no-repeat; cursor:pointer; } #container #midle #right .blok em.inschrijven a:hover{filter:alpha(opacity=60); opacity:0.6;} #container #midle #right .blok h2{font-size:1.1em; padding:0px 0px 0px 0px; font-style:italic; color:#000000;} #container #midle #right .blok h3{font-size:1.0em; color:#151515;} #container #midle #right .blok em{padding:0px 0px 18px 0px; margin:0px; display:block;} #container #midle #right .blok p{padding:0px 0px 18px 0px; margin:0px 0px 0px 0px; display:block;} #container #midle #right .blok ul{padding:0px 0px 18px 20px; margin:0px; display:block;} #container #midle #right .blok ul.opsomming{padding:0px 0px 18px 20px; margin:-18px 0px 0px 0px; display:block;} #container #midle #right .blok ul li{display:block; background:url(../images/bg_opsomming.jpg) no-repeat; padding:0px 0px 0px 20px;} #container #midle #right .blok ul li{display:block; background:url(../images/bg_opsomming.jpg) no-repeat; padding:0px 0px 0px 20px;} #container #midle #right .blok form label{width:200px; display:block; float:left;} #container #midle #right .blok ul.cursusaanbod{ margin:0px; padding:0px; } #container #midle #right .blok ul.cursusaanbod li{ margin:0px 0px 0px 0px; padding:0px; display:block; overflow:hidden; background:url(../images/bg_cursusaanbod.jpg) no-repeat; color:#fff; } #container #midle #right .blok ul.cursusaanbod li span{ float:left; display:block; width:56px; padding:13px 0px 10px 14px; } #container #midle #right .blok ul.cursusaanbod li a{ float:left; display:block; width:540px; color:#fff; padding:13px 0px 10px 10px; } #container #midle #right .blok ul.cursusaanbod li a:hover{ color:#d6a911; } #container #midle #right .blok input{ border:1px solid #bbbbbb; margin-bottom:5px; padding:3px ; } #container #midle #right .blok select{ border:1px solid #bbbbbb; margin-bottom:5px; padding:3px ; } #container #midle #right .blok textarea{ border:1px solid #bbbbbb; margin-bottom:5px; width:300px; padding:3px; font-family:arial; font-size:1.0em; } #dhtmlgoodies_slideshow{clear:both; padding:0px 0px 15px 0px; background:url(../images/bg_opdracht.jpg) repeat-x; border:1px solid #b4b4b4; } #dhtmlgoodies_slideshow h2{display:block; height:44px; float:left; margin:0px 0px 12px 15px; background:url(../images/icon_nieuwsbrief.jpg) no-repeat left;} #dhtmlgoodies_slideshow h2 span{display:block; text-indent:25px; line-height:41px; text-indent:25px;} #galleryContainer{ clear:both; } #previewPane{text-align:center;vertical-align:middle;position:relative; } #previewPane img{ } #previewPane #largeImageCaption{ /* CSS styling of image caption below large image */text-align:center;} #galleryContainer{height:69px; /* Height of the images + 2 */border:0px solid #CCCCCC;position:relative;overflow:hidden;} #theImages{position:absolute;height:1000px;width:100000px;} #theImages #slideEnd{float:left;} #theImages img{float:left;padding:0px 30px 0px 30px;cursor:pointer;border:0px; } #theImages a img{filter:alpha(opacity=100); opacity:1.0; } #theImages .imageCaption{display:none;} #waitMessage{display:none;position:absolute;background-color:#FFF;border:3px double #000;padding:4px;color:#555;font-size:0.9em;font-family:arial; } #container #bottom{ font-size:0.95em;width:940px; color:#fff; padding:20px 29px 0px 29px; margin:0 auto; height:30px; background:url(../images/bg_bottom.jpg) no-repeat right;} #container #bottom p{ margin:0px; padding:0px; float:left; display:block;} #container #bottom span{ margin:0px; padding:0px; float:right; display:block;} #container #bottom a{ color:#fff;} #container #bottom a strong{ color:#ffcc25;}