/************************************************************** ** Algemeen ***************************************************************/ .pngfix{ behavior: url(../Includes/iepngfix.php);} BODY{ text-align: center; background-color: #000;} HTML, BODY{ margin: 0; padding: 0; height: 100%; overflow: hidden; font-size: 12px; color: #000; line-height: normal; font-family: Arial, Helvetica, sans-serif;} A{ color: #FFF;} A:hover{ color: #FFE600;} A:focus, INPUT:focus{ outline: none;} P{ margin: 0; margin-bottom: 10px;} IMG{ border: none;} FORM{ margin: 0;} TABLE{ border-collapse: collapse;} H1{ font-size: 22px; line-height: auto; color:#ffde00} H2{ font-size: 20px; line-height: auto; color:#ffde00} H3{ font-size: 14px; line-height: auto; color:#ffde00} H4{ font-size: 18px; line-height: 20px;} H5{ font-size: 14px; line-height: 16px;} H6{ font-size: 12px; line-height: 14px;} H1, H2, H3, H4, H5, H6{ margin: 0 0 5px 0; font-family: Arial, Helvetica, sans-serif;} SELECT.form_text, INPUT.form_text{ float: left; height: 15px; padding-top: 1px; padding-left: 2px; font-size: 12px; font-weight: normal; color: #000; margin: 0 0 2px 0; font-family: Arial, Helvetica, sans-serif;} INPUT.form_btn{ float: left; margin: 0; font-size: 13px; color: #000; font-family: Arial, Helvetica, sans-serif;} SELECT.form_text{ padding: 0; height: 24px; font-size: 12px;} TEXTAREA{ font-family: Arial, Helvetica, sans-serif; font-size: 11px; border: #82A9EC 1px solid;} BR.clearer{ margin: 0; padding: 0; line-height: 0; font-size: 1px; height: 0; clear: both;} .clear-element:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden;} .ie_clearer{ content: "."; display: inline; height: 0; font-size: 1px; clear: both; visibility: hidden;} .spamcontrole { width: 5px; visibility: hidden;} /************************************************************** ** Inhoud v/d ***************************************************************/ .total_container{ width: 100%; height: 100%; text-align: center; vertical-align: middle;} .container{ width: 768px; height: 438px; margin: 0 auto; border: 1px solid #272727; position: relative; text-align: left;} .header{ width: 543px; float: left; padding: 30px 30px 10px 30px;} .header A{ float: left; margin: 0 10px; text-decoration: none;} /************************************************************** ** Linkerkant ***************************************************************/ .links{ width: 141px; height: 438px; position: relative; border-right: 1px solid #272727; float: left; background: url(../../Images/menu_bg.gif) no-repeat 0 0;} .links DIV.logo{ width: 142px; height: 233px; position: absolute; top: 0; left: 23px; background: url(../../Images/logo.gif) no-repeat 0 0;} .links DIV.logo A{ width: 142px; height: 233px; float:left;} .links DIV.menu{ position: absolute; bottom: 20px; right: 0; width: 100px;} .links DIV.menu DIV{ float: left; width: 100%;} .links DIV.menu DIV.recepten_btn{ position:relative;} .links DIV.menu DIV.recepten_btn A{ padding: 5px; margin-bottom: 3px; background: url(../../Images/grijs_bg.png) repeat 0 0; text-decoration: none; color: #FFE600; float:left; width:90px; font-weight:bold;} .links DIV.menu DIV.recepten_btn A:hover{ background: #FFE600; color: #000;} .links DIV.menu DIV.recepten_btn DIV.submenu{ position:absolute; left:100px; width:185px; height:81px; top:0px; z-index:800; background:url(../../Images/submenu_bg.jpg) top left;} .links DIV.menu DIV.recepten_btn DIV.submenu DIV.recepten_btn a{ width:175px;} .links DIV.menu DIV.win_btn A{ display: block; padding: 5px; text-transform: uppercase; background-color: #ee2962; text-align: center; font-size: 18px; margin-bottom: 3px; text-decoration: none; color: #FFF;} .links DIV.menu DIV.win_btn A:hover{ background: #FFE600; color: #000;} .links DIV.menu DIV.ik-doe-mee_btn A{ display: block; padding: 5px; margin-bottom: 3px; background-color: #00a160; font-size: 16px; text-align: center; text-decoration: none; color: #FFF;} .links DIV.menu DIV.ik-doe-mee_btn A:hover{ background: #FFE600; color: #000;} /************************************************************** ** Content ***************************************************************/ .content{ width: 603px; float: right; height: 100%;} .content .tekstvlak{ color:#FFFFFF; padding:0px 0px 0px 20px;} .content DIV.col_1{ width: 320px; float: left; display: inline; position: relative;} .content DIV.col_1 DIV.titel_balk{ position: absolute; left: 60px; top: 270px; white-space: nowrap; background: url(../../Images/wit_bg.png) repeat 0 0; padding: 3px 20px;} .content DIV.col_2{ width: 283px; float: left; display: inline; text-align: center;} .content DIV.col_2 P{ font-size: 30px; line-height: 30px; font-weight: bold; color: #FFE600;} .content DIV.col_2 A.verder{ text-decoration: none; font-size: 16px;} .content DIV.flippage_holder{ width: 412px; float: left; color:#FFFFFF; padding:20px 0px 0px 0px;} .content DIV.flippage_info{ width: 160px; float: left; color:#FFFFFF; padding:20px 0px 0px 10px;} .content DIV.flippage_info SPAN{ color:#FFE600; font-weight:bold; font-size:18px; padding:0px 0px 10px 0px;} .content DIV.flippage_info P{ padding:10px 0px 0px 0px;} .content DIV.info_weds{ width:530px; float:left; padding:10px 30px 20px 30px; background:#fffcd5;} .content DIV.info_weds B{ font-size:16px; line-height:40px;} .content DIV.info_weds SPAN.paars{ font-size:22px; color:#ee2962; font-weight:bold;} .content DIV.info_weds DIV.tekst1{ width:250px; float:left; padding:10px 0px 0px 0px; line-height:18px;} .content DIV.info_weds DIV.tekst2{ width:250px; float:left; padding:10px 0px 0px 20px; line-height:18px;} .content DIV.info_weds DIV.tekst2 A{ background:#00a160; text-decoration:none; padding:2px;} .content DIV.recept_form{ width:550px; float:left; padding:10px 20px 20px 20px; background:#fffcd5;} .content DIV.recept_form DIV.tekst1{ width:250px; float:left; padding:10px 0px 0px 0px; line-height:18px;} .content DIV.recept_form DIV.tekst2{ width:250px; float:left; padding:10px 0px 0px 20px; line-height:18px;} .content DIV.recept_form DIV.tekst2 A{ background:#00a160; text-decoration:none; padding:2px;} .content DIV.recept_detail{ width:550px; float:left; padding:10px 20px 10px 20px; background:#fffcd5; margin:0px 0px 10px 0px;} .content DIV.recept_detail SPAN.groot{ font-size:20px;} .content DIV.recept_detail H3{ font-size:12px; color:#FF0000; margin:0px; padding:0px;} .content DIV.recept_detail UL{ float:left; margin:0px 0px 15px 0px; padding:0px 0px 0px 20px;} .content DIV.recept_detail LI{ margin:0px; padding:0px;} .content DIV.recept_detail DIV.tekst1{ width:200px; float:left; padding:10px 0px 0px 0px; line-height:18px;} .content DIV.recept_detail DIV.tekst1 UL{ width:200px;} .content DIV.recept_detail DIV.tekst2{ width:300px; float:left; padding:10px 0px 0px 20px; line-height:18px;} .content DIV.recept_detail DIV.tekst2 UL{ width:300px;} .content DIV.recept_detail DIV.print_pagina{ width:500px; float:left; padding:20px 0px 0px 0px;} .content DIV.recept_detail DIV.print_pagina A{ color:#000000; text-decoration:none;} .content DIV.recept_detail DIV.print_pagina A:hover{ color:#000000; text-decoration:underline;} .content DIV.recept_scroll{ width:560px; height: 280px; float:left; padding:10px 10px 10px 20px; background:#fffcd5; margin:0px 0px 10px 0px;} .content DIV.recept_scroll SPAN.groot{ font-size:20px;} .content DIV.recept_scroll H3{ font-size:12px; color:#FF0000; margin:0px; padding:0px;} .content DIV.recept_scroll UL{ float:left; margin:0px 0px 15px 0px; padding:0px 0px 0px 20px;} .content DIV.recept_scroll LI{ margin:0px; padding:0px;} .content DIV.recept_scroll DIV.tekst1{ width:200px; float:left; padding:10px 0px 0px 0px; line-height:18px;} .content DIV.recept_scroll DIV.tekst1 UL{ width:200px;} .content DIV.recept_scroll DIV.tekst2{ width:300px; float:left; padding:10px 0px 0px 20px; line-height:18px;} .content DIV.recept_scroll DIV.tekst2 UL{ width:300px;} .content DIV.recept_scroll DIV.print_pagina{ width:500px; float:left; padding:20px 0px 0px 0px;} .content DIV.recept_scroll DIV.print_pagina A{ color:#000000; text-decoration:none;} .content DIV.recept_scroll DIV.print_pagina A:hover{ color:#000000; text-decoration:underline;} /* STYLE VOOR DE SCROLL BALK HOUDER */ .holder { float: left; display:inline; width: 180px; padding:0px; background:#fffcd5; z-index:1; border-right:solid 10px #000000; } .holder2 { float: left; display:inline; width: 590px; padding:0px; background:#fffcd5; z-index:1; border-right:solid 10px #000000; } .holder2 DIV.jScrollPaneContainer{ padding-right: 10px;} .content DIV.scroll_pane H2{ font-size:18px;} .content DIV.scroll_pane UL{ width:138px; margin:0px; padding:0px; float:left; list-style:none;} .content DIV.scroll_pane LI{ margin:0px 0px 10px 0px; padding:0px; list-style:none;} .content DIV.scroll_pane A{ color:#000000; text-decoration:none;} .content DIV.scroll_pane A:hover{ color:#000000; text-decoration:underline;} .scroll_pane { width: 170px; overflow: auto; float: left; height: 300px; text-align:left; left:0px; z-index:10; padding:0px 15px 0px 10px; } /* STYLE VOOR DE SCROLL BALK */ .osX .jScrollPaneTrack { background: #fffcd5; } .osX .jScrollPaneDrag { background: url(../../Images/osx_drag_middle.gif) repeat-y; } .osX .jScrollPaneDragTop { background: url(../../Images/osx_drag_top.gif) no-repeat; height: 6px; } .osX .jScrollPaneDragBottom { background: url(../../Images/osx_drag_bottom.gif) no-repeat; height: 7px; } .osX a.jScrollArrowUp { height: 24px; background: url(../../Images/osx_arrow_up.png) no-repeat 0 -30px; } .osX a.jScrollArrowUp:hover { background-position: 0 0; } .osX a.jScrollArrowDown { height: 24px; background: url(../../Images/osx_arrow_down.png) no-repeat 0 -30px; } .osX a.jScrollArrowDown:hover { background-position: 0 0; } .left .jScrollPaneTrack { left: 0; right: auto; } .left a.jScrollArrowUp { left: 0; right: auto; } .left a.jScrollArrowDown { left: 0; right: auto; } /* IE SPECIFIC HACKED STYLES */ * html .osX .jScrollPaneDragBottom { bottom: -1px; } /* /IE SPECIFIC HACKED STYLES */ /* EINDE STYLE VOOR DE SCROLL BALK */ /************************************************************** ** Formulieren Styles ***************************************************************/ table.contactform{ margin:0px; padding:0px; width:260px; float:left; } table.contactform TD{ padding:0px 0px 3px 0px; vertical-align:top; } input.contactform{ background:#ffffff; width:148px; height:18px; margin:0px; padding:0px; float:left; border:solid 1px #7f7e6a; font-size:11px; line-height:18px; } select.contactform{ background:#ffffff; width:148px; height:18px; margin:0px; padding:0px; float:left; border:solid 1px #7f7e6a; font-size:11px; line-height:18px; } input.contactform_straat{ background:#ffffff; width:118px; height:18px; margin:0px 5px 0px 0px; padding:0px; float:left; border:solid 1px #7f7e6a; font-size:11px; } input.contactform_nummer{ background:#ffffff; width:23px; height:18px; margin:0px; padding:0px; float:left; border:solid 1px #7f7e6a; font-size:11px; } input.contactform_postcode{ background:#ffffff; width:53px; height:18px; margin:0px 5px 0px 0px; padding:0px; float:left; border:solid 1px #7f7e6a; font-size:11px; } input.contactform_plaats{ background:#ffffff; width:88px; height:18px; margin:0px; padding:0px; float:left; border:solid 1px #7f7e6a; font-size:11px; } textarea.contactform{ background:#ffffff; width:148px; height:90px; margin:0px; padding:0px; border:solid 1px #7f7e6a; font-size:11px; } textarea.contactform_werkwijze{ background:#ffffff; width:258px; height:118px; margin:0px; padding:0px; border:solid 1px #7f7e6a; font-size:11px; } input.contactform_submit{ background:#ffffff; border:1px solid #094e93; } .coppenhagen_link{ width:175px; position:absolute; bottom:10px; right:10px; color:#ffe600; font-family:Arial, Helvetica, sans-serif; font-size:10px; text-decoration:none; }