*,p,a { margin: 0px; padding: 0px;line-height: 20pt; font-size: 12pt; font-family:OpenSans-Regular,Verdana;color:#565656; } body { margin:0px 0px 0px 0px; background: white; background-image:url('http://www.dekleinekaardebol.nl/img/kkb/achtergrond.png');background-repeat:repeat-y;background-position:top center; background-size:100%;} #page-wrap { position:relative; background-color:white;} #nav { display: none; } #header { position:fixed; width:100%; z-index:10000;background-color: #36AA48; border:none} #miniheader { width:100%; background-color: white; z-index:100000000;background-color:#A4CD39; } #minimenu { margin:0px;margin-top:0px; z-index:100000;} #main-content { float:left; width: 60%;padding:20px 30px 20px 30px;background-color:white;} #secondary-one { float: left; width: 29%; max-width: 300px; background-color:#A4CD39;} #secondary-two { background-color: white;} #subline {position:fixed;bottom:0px;z-index:1000;} a {text-decoration: none; color:#006BB2;} .sitebarItem > a {text-decoration: none; color:white;font-family:OpenSans-Bold;} .sitebarItem > hr { border-top: 1px solid white;margin: 12px 0px 12px 0px;} .imglink > a, .imglink > a:hover {width:auto;text-decoration:none;border:none;padding:0px;margin:0px;} h1{font-family: Bree,OpenSans-Bold;font-size:18pt;line-height: 20pt;font-weight:100;text-transform:uppercase;margin-top:-5px;color:#36AA48;} h2{font-family: Bree,OpenSans-Bold;line-height: 20pt; font-size: 14pt; font-weight: 400;border: 0px solid black;color:#36AA48;} h3{font-family: Bree,OpenSans-Bold;font-size:18pt;line-height: 18pt;font-weight:100;} h5,p{margin-top:10px;} displayNone{display:none;} textarea,input[type=text] {clear:both;width:100%;height:30px;margin-bottom:10px;} textarea {height:100px;} .menu_top { padding:1px; padding-left:3px; padding-right:3px; position:relative; height:24pt; font-size: 14pt; line-height: 24pt; float:left; } .menu_top > ul { float:left; list-style-type:none; display: inline; padding-left: 10px; padding-right: 10px; padding-bottom: 5px; border-radius:1px; position:fixed; top:90px; background-color:#ADD6E0; white-space: nowrap; } .menu_top > ul > li { border: 0px solid black; padding:1px; padding-left:3px; padding-right:3px; height:20pt; } .menu_top > ul > li:hover, .menu_top > ul > li a:hover { background-color: #77BBCC; color: white; } .menu_top > ul { visibility:hidden; opacity:0; transition:visibility 0s linear 1s,opacity 0.5s linear; -webkit-transition: visibility 0s linear 1s,opacity 0.5s linear; } .menu_top:hover > ul { visibility:visible; opacity:1; transition-delay:0.5s; -webkit-transition-delay:0.5s; } .menu_top_devider { margin-top:-3px; color: black; } .button_inline, .button_inline_social, .button_inline_social_small, .iframe_title { font-size: 10pt; line-height: 10pt; background-color:#1c7bc9; font-family: OpenSans-Regular,verdana; text-decoration:none; text-transform: uppercase; text-align:center; color: white; font-weight: normal; border-radius:5px; border:2px solid gray; padding:8px; margin-bottom:25px; cursor:pointer; } .iframe_title { margin-right:0px; width:auto; } .button_inline { background-color:#36AA48; color: white; border:1px solid #468847; } .button_inline_social_small { float:right; margin-top:0px; padding:6px; width:10px; height:10px; } .button_inline_social_small > a, .button_inline > a { color: white; } .header_margin { height:20px; width:100%; border:none; } .logo { float:left; margin-top:-30px; margin-left:8%; margin-bottom:30px; text-align:center; width:80%; padding:5px; background-color:white; margin-top:0px; box-shadow: 0px 0px 5px 1px grey; border-radius: 0px 0px 5px 5px; } .alinea, .alinea_unfolded { clear:both; width:auto; border-top:1px solid #36AA48; margin-top:15px; padding-bottom:10px; padding-top:20px; } .alinea_a, .tech_a { position:absolute;margin-top:-40px;border: none; visibility:hidden } .warning, .iframe_warning { color:#000066; padding:10px; width:auto; background-color:pink; border-radius:6px; border:none; margin-bottom:10px; } .share { position: relative; float:right; display: inline-block; } .share .share_menu { display: none; margin: 0; list-style: none; padding: 0; } .share_menu { position: absolute; right:0px; } .share:hover .share_menu { display: block; } .share button { width:30px; height:30px; font-size: 10pt; line-height: 8pt; background-color:#36AA48; font-family: OpenSans-Regular,verdana; text-decoration:none; text-transform: uppercase; color: white; font-weight: normal; border-radius:5px; border:none; padding:2px; } .share li{ font-size: 12pt; line-height: 10pt; width:250px; text-align:left; } .share a, .share_this { display: block; text-decoration: none; margin:2px; background: #36AA48; color: white; border-radius:5px; padding:5px; } .share a:hover { background: orange; color: black; } #table { line-height: 14pt; font-size: 10pt; width: 99%; border-collapse: collapse; } #table td, #table th { vertical-align:top; font-size: 1em; border: 1px solid #77BBCC; padding: 3px 7px 2px 7px; } #table th { font-size: 1.1em; text-align: left; padding-top: 5px; padding-bottom: 4px; background-color: #77BBCC; color: #ffffff; } #table tr.odd td { color: #000000; background-color: #ADD6E0; } img { max-width:100%; } .main_img_width_10 {width:10%;} .main_img_width_20 {width:20%;} .main_img_width_30 {width:30%;} .main_img_width_40 {width:40%;} .main_img_width_50 {width:50%;} .main_img_width_60 {width:60%;} .main_img_width_70 {width:70%;} .main_img_width_80 {width:80%;} .main_img_width_90 {width:90%;} .main_img_width_100 {width:100%;} .img_left_10, .img_left_20, .img_left_30, .img_left_40, .img_left_50, .img_left_60, .img_left_70, .img_left_80 { float:left; border: none; margin-right:10px; margin-bottom:10px; } .img_left_10 {width:10%;} .img_left_20 {width:20%;} .img_left_30 {width:30%;} .img_left_40 {width:40%;} .img_left_50 {width:50%;} .img_left_60 {width:60%;} .img_left_70 {width:70%;} .img_left_80 {width:80%;} .img_right_10, .img_right_20, .img_right_30, .img_right_40, .img_right_50, .img_right_60, .img_right_70, .img_right_80 { float:right; border: none; margin-left:10px; margin-bottom:10px; } .img_right_10 {width:10%;} .img_right_20 {width:20%;} .img_right_30 {width:30%;} .img_right_40 {width:40%;} .img_right_50 {width:50%;} .img_right_60 {width:60%;} .img_right_70 {width:70%;} .img_right_80 {width:80%;} .clear { clear:both; } .test1 { font-family: times ,verdana; text-transform: uppercase; } .test2 { color: red; }