body { margin: 0px; padding: 0px; background-color: #ececec; text-align:center; } #body { margin: 0px auto; width: 895px; } #wrapper { float: left; padding: 0px; width: 761px; /* JH background-color: #000000;*/ background-image: url(assets/img/bg_main-10jr.gif); background-repeat: repeat-y; text-align:left; } #contentwrapper { margin: 0px auto; padding: 0px; width: 759px; } #ad { float: left; margin: 80px 0px 0px 10px; } /* mail to a friend */ fieldset { margin: 5px 15px 5px 15px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; } fieldset textarea { margin-left: 5px; } /*--------------------------------header---------------------------------------*/ #header { margin: 0px; padding: 0px; background-color: #ffffff; /* JH */ background-image: url(assets/img/bg_header.gif); background-repeat:repeat-x; height: 79px; /* JH border-bottom: 1px solid black;*/ } #logo { margin: 10px 0px 10px 10px; padding: 0px; height: 58px; float: left; } #logo img { margin: 0px; padding: 0px; border: none; } #logo-print { display: none; } #topfuncties { margin: 0px; padding: 20px 0px 0px 0px; } #topfuncties form { margin: 0px; padding: 0px; } #topfuncties img { border: 0px; float: right; } .stippellijn { margin: 0px 15px; } .stippellijn { display:none; } .buttons { margin: 25px 0px 0px 0px; } .field { margin: 18px 6px 0px 10px; padding: 2px; width: 150px; height: 16px; border: 1px solid #61696c; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; float: right; } .pullsubmit { display:inline; } #menu { margin: 0px; padding: 0px; background-color: #7FAFBC; background-image: url(assets/img/bg_menu-10jr.gif); background-repeat:repeat-x; float: left; height: 21px; width: 759px; border-bottom:1px solid #81ABB7; border-top:1px solid #81ABB7; } #menu ul { padding: 0px; margin: 0px; color: white; font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif; text-transform: uppercase; font-weight: bold; } #menu ul li { display: inline; } #menu ul li a { padding: 3px 13px 5px 21px; margin: 0px; color: white; text-decoration: none; float: left; height:13px; } #menu ul li a:hover { background-color: white; color: #7fafbc; } #menu ul li:hover { background-color: white; color: #7fafbc; } /*****IE menu past niet fix*****/ #menu2 ul { padding: 0px; margin: 0px; color: white; float: left; font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif; text-transform: uppercase; font-weight: bold; } #menu2 { margin: 0px; padding: 0px; height: 21px; float: right; } #menu2 ul li { display: inline; } #menu2 ul li a { padding: 3px 13px 5px 16px; margin: 0px; color: white; text-decoration: none; float: left; } #menu2 ul li a:hover { background-color: white; color: #7fafbc; } #menu .menuon, #menu2 .menuon { background-color: white; color: #7fafbc; } /*--------------------------------------SUBMENU----------------------------------------------*/ #submenu { margin: 0px; padding: 0px; background-color: #b8d2d9; /* background-image: url(assets/img/bg_menu.gif); */ background-repeat:repeat-x; float: left; height: 21px; width: 759px; /* border-top: 1px solid #ffffff;*/ } #submenu ul { padding: 0px; margin: 0px; color: white; font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; } #submenu ul li { display: inline; } #submenu ul li a { padding: 3px 22px 5px 22px; margin: 0px; color: white; text-decoration: none; float: left; } #submenu ul li a:hover { background-color: #eeeeee; color: #7fafbc; } #submenu2 ul { padding: 0px; margin: 0px; color: white; float: left; font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; } #submenu2 { margin: 0px; padding: 0px; height: 21px; float: right; } #submenu2 ul li { display: inline; } #submenu2 ul li a { padding: 3px 16px 5px 16px; margin: 0px; color: white; text-decoration: none; float: left; } #submenu2 ul li a:hover { background-color: white; color: #7fafbc; } #submenu .menuon, #submenu2 .menuon { background-color: #eeeeee; color: #7fafbc; } /*--------------------------------VERS---------------------------------------*/ .tussenlijn { margin: 0px; padding: 0px; float: right; height: 187px; width: 1px; background-image: url(assets/img/tussenlijn_home.gif); background-repeat: repeat-y; } #vers { margin: 0px; padding: 0px; } #vers img { margin: 0px; padding: 0px 5px 0px 0px; float: left; border: 0px; } .versicon { width: 21px; height: 18px; float:right; margin: 0px; padding: 3px; } .versicon img { margin: 0px; padding: 0px; border: 0px; } .verslinks { padding: 0px; margin: 0px; width: 280px; height: 187px; float: right; display: inline; background-color: #333333; border-bottom: solid 1px black; } .verslinks { behavior: url(/hover.htc); } .verslinks p { margin: 0px; padding: 5px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF; line-height: 15px; } .verslinks a { text-decoration: none; color: #FFFFFF; } .verslinks h1 { margin: 0px; padding: 5px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF; text-transform: uppercase; } .verslinks:hover, .hover { background-color: white; } .verslinks:hover p, .hover p { color: #333333; } .verslinks:hover h1, .hover h1 { color: #333333; } .verslinks:hover a, .hover a { color: #333333; } .versrechts { behavior: url(/hover.htc); } .versrechts { padding: 0px; margin: 0px; width: 280px; height: 187px; float: right; display: inline; background-color: #333333; border-bottom: solid 1px black; } .versrechts p { margin: 0px; padding: 5px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF; line-height: 15px; } .versrechts a { text-decoration: none; color: #FFFFFF; } .versrechts h1 { margin: 0px; padding: 5px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF; text-transform: uppercase; } .versrechts:hover, .hover { background-color: white; } .versrechts:hover p, .hover p { color: #333333; } .versrechts:hover h1, .hover h1 { color: #333333; } .versrechts:hover a, .hover a { color: #333333; } /*--------------------------------FEATURES---------------------------------------*/ #features { margin: 0px; padding: 0px; /* JH background-image: url(assets/img/bg_extras.gif);*/ background-repeat:repeat-y; height: 344px; } .featureslinks { margin: 0px 1px 0px 0px; padding: 0px; height: 85px; width: 379px; float: left; display: inline; border-bottom: 1px solid #ffffff; background-color: #d4e1e4; } .featureslinks { behavior: url(/hover.htc); } .featureslinks:hover, .hover { background-color: #ffffff; } .featuresrechts { margin: 0px; padding: 0px; height: 85px; width: 379px; float: left; display: inline; border-bottom: 1px solid #ffffff; background-color: #d4e1e4; } .featuresrechts { behavior: url(/hover.htc); } .featuresrechts:hover, .hover { background-color: #ffffff; } .featuresimg { margin: 0px; padding: 0px; height: 85px; width: 85px; border: 0px; float: left; } .featuresimg img { margin: 0px; padding: 0px; height: 85px; width: 85px; border: 0px; } .featurestekst { margin: 0px; padding: 0px; height: 85px; float: left; } .featurestekst a { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; padding: 3px 5px 3px 5px; margin: 0px; line-height: 13px; display: block; height: 75px; width: 260px; text-decoration: none; float: left; } .featureskop { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #01c0f4; font-weight: bold; text-transform: uppercase; padding: 0px; margin: 0px; } .featuresgenre { margin: 5px 0px 0px 0px; padding: 0px; width: 21px; border: 0px; } .featuresicon { margin: 0px; padding: 0px; } .ernaast td { color: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; } .ernaast:hover td { color: #637984; } .ernaast td.n { text-align: right; } .ernaast-nohover p { margin: 0px; padding: 5px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF; } .ernaast-nohover a { text-decoration: none; color: #FFFFFF; } .ernaast-nohover a:hover { color: #01C0F4; } .ernaast-nohover td { color: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; } /*--------------------------------------FOOTER----------------------------------------------*/ #footer { margin: 0px; padding: 0px; background-color: #637984; height: 23px; clear: both; text-align: center; /* border-top: 1px #ffffff solid;*/ } #footer ul { margin: 0px; padding: 0px; } #footer li { display: inline; list-style-type: none; /* padding-left: 10px; */ margin-left: 25px; } #footer ul li a { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #ffffff; font-weight: bold; text-transform: uppercase; text-decoration: none; } #footer ul li a:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #01c0f4; font-weight: bold; text-transform: uppercase; } /*--------------------------------------LOSSE CLASSES----------------------------------------------*/ .bandnaam { color: #01C0F4; font-weight: bold; } .hidden { display: none; } .bold { font-weight: bold; } .spacingbottom { margin-bottom: 15px !important; } .spacingtop { margin-top: 0px !important; } .smaller { font-size: 90% !important; } #id_id_id_frame{ margin-bottom: -5px; } /* Face book commets box */ .fb-comments{ margin: 15px 0 0 15px; background-color: #ECECEC; border: 1px solid #B0B4B4; clear: none; color: #333333; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 11px; font-weight: normal; line-height: 15px; padding: 6px; width: 588px; }