/* Theme Name: WP-blomatelier Theme URI: http://level-level.com/ Version: 0.1 Description: A custom WordPress theme for Blomatelier.nl. This theme is based on the amazing WP Framework by Ptah Dunbar. Author: Taeke Reijenga Author URI: http://level-level.com Tags: one-column, two-columns, three-columns, fixed-width, sticky-post, threaded-comments, microformats */ /* Reset Browser Defaults */ html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,code,del,dfn,em,img,q,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}:focus{outline:none;}table{border-collapse:separate;border-spacing:0;}caption,th,td{text-align:left;font-weight:normal;}table,td,th{vertical-align:middle;}blockquote:before,blockquote:after,q:before,q:after{content:"";}blockquote,q{quotes:"" "";}a img{border:none;}.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}.clearfix{display:block;}.clear{clear:both;}body,input,textarea{font:13px/1.5 Georgia,"Times New Roman",Times,serif;}.serif{font-family:Georgia,"Times New Roman",Times,serif;}.sans-serif{font-family:"lucida sans",Verdana,Arial,Helvetica,sans-serif;}.entry-meta{margin-bottom:10px;}p,pre,ul,ol,dl,dd,blockquote,address,table,fieldset,form,.gallery-row,.comment-list ul,.comment-list ol{margin-bottom:20px;}.hentry,.widget,.comment,.navigation-links{margin-bottom:40px;}#logo,#logo a{font-size:28px;line-height:30px;color:#000;font-weight:bold;}#logo a:hover{color:#2361a1;text-decoration:none;}#tagline{color:#333;}.nav{float:left;line-height:1;width:100%;}.nav,.nav *{list-style:none;margin-left:0;}.nav li{float:left;padding:0;position:relative;}.nav ul li{width:100%;}.nav a{display:block;position:relative;padding:8px 10px;}.nav ul{position:absolute;top:-9999em;width:20em;}.nav li:hover ul,.nav li.nav-hover ul{left:-1px;top:41px;z-index:99;}.nav li:hover li ul,.nav li.nav-hover li ul,.nav li li:hover li ul,.nav li li.nav-hover li ul,.nav li li li:hover li ul,.nav li li li.nav-hover li ul{top:-999em;}.nav li li:hover ul,.nav li li.nav-hover ul,.nav li li li:hover ul,.nav li li li.nav-hover ul,.nav li li li li:hover ul,.nav li li li li.nav-hover ul{left:20em;top:-1px;}.nav{border:1px solid;border-color:#aaa #ddd #ddd #aaa;}.nav ul{border:none;border-bottom:none;}.nav ul li a{border-bottom:1px solid #ddd;}.nav li:hover ul,.nav li.nav-hover ul{background:transparent;}.nav a{color:#666;}.nav a:hover{text-decoration:none;background:#fafafa;}.nav ul a{border-right:none;}.nav li:hover,.nav li.nav-hover,.nav a:focus{background:#dc006c;color:white;}.ie7 .nav:hover{visibility:inherit;}.sf-shadow ul.sf-shadow-off{background:transparent;}a{color:#2361a1;text-decoration:none;}a:hover{text-decoration:underline;}.entry-content a:link,.entry-content a:active,.entry-content a:visited{color:#2361a1;text-decoration:underline;}.entry-content a:hover{text-decoration:none;}h1,h2,h3,h4,h5,h6{font-weight:normal;clear:both;}h1{font-size:24px;line-height:28px;padding:5px 0;}h2{font-size:20px;line-height:22px;padding:5px 0;}h3{font-size:16px;line-height:20px;padding:5px 0;}h4{font-size:14px;line-height:18px;padding:5px 0;}h5{font-size:12px;line-height:18px;padding:5px 0;}h6{font-size:10px;line-height:16px;}.page-title{font-size:14px;font-weight:bold;}.page-title span{font-style:italic;font-weight:normal;}.entry-title,.entry-title a{color:#000;font-size:24px;line-height:28px;}.entry-title a:hover{color:#2361a1;text-decoration:none;}address{font-style:italic;}abbr[title],acronym[title],dfn[title]{cursor:help;border-bottom:1px dotted #666;}blockquote{color:#666;font-style:italic;border-left:1px solid #ddd;margin-left:15px;padding-left:10px;}strong{font-weight:bold;}em,dfn,cite{font-style:italic;}dfn{font-weight:bold;}sup{bottom:1ex;}sub{top:.5ex;}small{font-size:12px;}del{text-decoration:line-through;}ins{text-decoration:underline;}code,pre{line-height:15px;}var,kbd,samp,code,pre{font:12px/1.4 Consolas,"Andale Mono",Courier,"Courier New",monospace;background:#fafafa;}kbd{font-weight:bold;}samp,var{font-style:italic;}pre{white-space:pre;overflow:auto;padding:10px;border:1px solid #ddd;clear:both;}code{padding:0 3px;}ul,ol,dl{margin-left:15px;}.nav{margin-left:0;}.entry-content ul,.entry-content ol,#search-query{margin-left:25px;}li ul,li ol{margin-bottom:0;}ul ul,ol ol,ul ol,ol ul{margin-bottom:0;}ol{list-style-type:decimal;}ul{list-style-type:disc;}ul ul{list-style-type:circle;}ul ul ul{list-style-type:square;}dt{font-weight:bold;}.fat li{margin-bottom:10px;}table{border:1px solid #ccc;border-width:1px;line-height:18px;margin:0 0 22px 0;text-align:left;padding:0 5px;}table .even{background:#ddd;}caption{text-align:left;}tr{border-bottom:1px solid #ccc;}th,td{padding:5px 3px;}input,textarea,button{background:#fafafa;border-color:#aaa #ddd #ddd #aaa;border-style:solid;border-width:1px;color:#444;font-size:14px;}input,textarea,button{font-family:Cambria,Georgia,"Times New Roman",Times,serif;padding:3px;}button{font-size:12px;padding:2px 10px;cursor:pointer;}input:focus,textarea:focus,button:hover{background:#fff;border-color:#777 #ccc #ccc #777;}.safari input{padding:0 3px;}.chrome input{padding:1px 3px;}.comment-list,.comment-list .children{list-style:none;}.comment-list{margin-left:10px;}.comment{margin-bottom:40px;}.comment-list .children{margin-top:40px;}.comment-meta{margin-bottom:10px;}.commenter{font-size:16px;}.avatar{float:right;margin:0 0 10px 20px;border:1px #ddd solid;padding:1px;}#comment-form .form-section input{margin-right:10px;}.form-section{margin-bottom:10px;}.form-section label{cursor:pointer;}#commenter-details input{margin-right:10px;}#allowed-tags{font:11px Verdana,Arial,Helvetica,sans-serif;padding:5px 10px;background:#fff;border:1px #ddd dotted;border-top:none;width:573px;}img.alignleft{float:left;margin-right:20px;margin-top:5px;}img.alignright{display:block;float:right;margin-left:20px;margin-top:5px;}img.aligncenter{margin-left:auto;margin-right:auto;display:block;clear:both;margin-top:5px;}.wp-caption{text-align:center;}.wp-caption img{margin:0;padding:0;border:0 none;}.wp-caption .wp-caption-text{margin:0;padding:5px;}.wp-smiley{max-height:13px;margin:0!important;}.gallery{margin:auto;}.gallery-image{border:2px solid #cfcfcf;margin-left:0;}.gallery-caption{margin-left:0;}.gallery-item{float:left;text-align:center;margin-left:0;}.gallery-columns-2{width:50%;}.gallery-columns-3{width:33%;}.gallery-columns-4{width:25%;}.gallery-columns-5{width:20%;}.gallery-columns-6{width:16%;}.gallery-columns-7{width:14%;}.gallery-columns-8{width:12%;}.gallery-columns-9{width:11%;}.page-navigation .nav-next{float:left;}.page-navigation .nav-previous{float:right;}.single-page-navigation .nav-next{float:right;}.single-page-navigation .nav-previous{float:left;}.gallery-row:after,.navigation-links:after,.container:after,.menu:after{content:".";display:block;height:0;clear:both;visibility:hidden;}.gallery-row,.navigation-links,.container,.menu{display:block;}.alignleft{float:left;}.alignright{float:right;}.aligncenter{margin-left:auto;margin-right:auto;display:block;clear:both;} /* Apply base theme styles and colors @import url( 'library/media/css/base.css' );*/ /* Basic 2 Column Layout */ /** * Basic 2 column (content)(aside) fixed layout * * @package WPFramework * @subpackage Layouts * @beta */ .container { width: 940px; margin: 0 auto; } #primary { width: 440px; float: left;padding: 15px 15px 0;display: inline } #secondary { width: 440px; float: right;padding: 15px 15px 0;display: inline } .footer { clear: both; } /* Stylistic CSS Styles */ /* These empty css selectors are temporarily here for compatiability with the WordPress theme repository checklist. */ .aligncenter {} .alignleft {} .alignright {} .wp-caption {} .wp-caption-text {} /** * CSS - Stylistic CSS Styles * * @package WPFramework * @subpackage Media */ body{background: #82CC1E url(library/media/images/Body-BG2.gif) top center repeat-y; } body, html{font-family: Tahoma, Arial, sans-serif} /*load each sprite once*/ div.header #logo, .sf-sub-indicator, div#header_language_list ul li, div#header_language_list ul li a, div#header-bar form.searchform, form span input, form span input:focus, div.ginput_container input.medium, div.ginput_container textarea.medium{background: transparent url(library/media/images/sprite.gif) 0 0 no-repeat;} div#grass, .ad-gallery .ad-image-wrapper .ad-next .ad-next-image, .ad-gallery .ad-back, .ad-gallery .ad-forward, .ad-gallery .ad-back:hover,.ad-gallery .ad-forward:hover {background: transparent url(library/media/images/sprite.png) 0 0 no-repeat;} /* FONTS */ h1{text-transform: uppercase} h2{margin: 0 0 10px;} h3{font-size: 20px;line-height: 24px;} p{margin-bottom: 10px} a{font-weight: normal, } /* FONT-STYLE */ div.menu ul.nav a{font-weight: normal;} p{font-size: 13px;} div.menu ul.nav a{font-size: 14px;} div.menu ul.nav li.nav-hover ul li a{font-size: 13px} div#header-bar div.left h1{font-size: 20px;font-weight: bold} a, .entry-content a:link, .entry-content a:active, .entry-content a:visited{text-decoration: none} a:hover, .entry-content a:hover{text-decoration: underline} /* FONT COLORS */ h1{color: #414141} div#header-bar h1{color: #fff} .entry-title a:hover{color: #414141} h1 span{color: #000} p, div.menu ul.nav a, label.gfield_label{color: #414141} div.menu ul.nav li.current_page_ancestor a, div.menu ul.nav a:hover, div.menu ul.nav a:active, div.menu ul.nav a:focus, div.menu ul.nav li.current_page_item a, div.menu ul.nav li.current_page_parent a{color: #fff} a, .entry-content a:link, .entry-content a:active, .entry-content a:visited{color: #dc006b} p#copyright,p#credits{color: #c0e58a} p#copyright a,p#credits a{color: #d9fcc5;text-shadow: #c0e58a 1px 1px 1px;} /* HEADER */ div.header #logo{width: 940px;height: 175px;overflow: hidden;text-indent: -9000px;} div.header #logo a{width: 320px;height: 115px;margin: 0;padding: 0;display: block} .cufon-canvas, #header-bar h1, h1 span.cufon, h1 span.cufon-vml{position: relative;z-index: 1} /* MENU */ div.menu ul.nav{height: 40px;border-style: solid none; border-color: #c0e58a; border-width: 1px;margin: 0;background-color:#c0e58a } div.menu ul.nav a{line-height: 16px;padding: 11px 15px 13px 15px ;border: none;} div.menu ul.nav a:hover, div.menu ul.nav a:active, div.menu ul.nav li.current_page_item, div.menu ul.nav li.current_page_parent, div.menu ul.nav li.current_page_ancestor, div.menu ul.nav li a:focus {background-color: #dc006c} div.menu ul.sf-menu li a.sf-with-ul {padding-right: 25px;} div.menu ul.sf-menu li a.sf-with-ul span{top:15px} div.menu ul.sf-menu ul li a.sf-with-ul span{top:8px} .sf-sub-indicator {right: 0.5em} div.menu ul.nav li.nav-hover ul li a {background-color: #F4FCE7!important;color: #333!important;padding: 5px 5px 5px 15px ;border-bottom: solid 1px #DAF0B8;line-height: 15px;} div.menu ul.nav li.nav-hover ul li a:hover{background-color: #DAF0B8!important;color: #000!important} div.menu ul.sf-menu li ul li a {padding-right: 5px;} div.menu ul.nav li.nav-hover a, div.menu ul.nav li.nav-hover a:hover, div.menu ul.nav li.nav-hover a:active, div.menu ul.nav li.nav-hover a:focus{color: white} /*** arrows **/ .sf-menu a.sf-with-ul { padding-right: 2.25em;min-width:1px; } .sf-sub-indicator {position:absolute;display:block;right:.75em;top:1.05em; width:10px;height:10px;text-indent:-999em;overflow:hidden;background-color: #c0e58b; background-position: -2010px 0px;background-repeat: no-repeat } a > .sf-sub-indicator { /* give all except IE6 the correct values */ top: .8em; background-position: -2010px 0; /* use translucent arrow for modern browsers*/ } /* apply hovers to modern browsers */ a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator, li.nav-hover > a > .sf-sub-indicator, li.current_page_ancestor >a > .sf-sub-indicator, li.current_page_item >a > .sf-sub-indicator { background-position: -2010px -10px; /* arrow hovers for modern browsers*/ } /* point right for anchors in subs */ .sf-menu ul .sf-sub-indicator { background-position: -2020px 0; } .sf-menu ul a > .sf-sub-indicator { background-position: -2020px 0; } /* apply hovers to modern browsers */ .sf-menu ul a:focus > .sf-sub-indicator, .sf-menu ul a:hover > .sf-sub-indicator, .sf-menu ul a:active > .sf-sub-indicator, .sf-menu ul li:hover > a > .sf-sub-indicator, .sf-menu ul li.sfHover > a > .sf-sub-indicator { background-position: -2020px -10px; /* arrow hovers for modern browsers*/ } /* HEADER-BAR */ div#header-bar{width: 910px;height: 40px;padding: 0 15px;position: relative;z-index: 1} div#header-bar div.left{width: 550px;float: left;z-index: 1} div#header-bar div.left h1{padding: 12px 0 8px;margin: 0;line-height: 20px;z-index: 1} div#header-bar div.right{width: 350px;float: right} div.right div.languages{height: 20px;width: 105px;padding: 10px 20px 10px 0;float: right} div#header_language_list ul{list-style: none;margin: 0;padding: 0;} div#header_language_list ul li{margin: 0 5px 0 0; padding: 0;float: left;display: inline;width: 30px;height: 20px;background-repeat: no-repeat; text-indent: -9999px;} div#header_language_list ul li a {display: block;width: 30px;height: 20px;background-repeat: no-repeat; text-indent: -9999px;} div#header_language_list ul li.nl a, div#header_language_list ul li.nl{background-position: -1465px 0;} div#header_language_list ul li.en a, div#header_language_list ul li.en{background-position: -1495px 0;} div#header_language_list ul li.ja a, div#header_language_list ul li.ja{background-position: -1525px 0;} div#header_language_list ul li.en a:hover{background-position: -1495px -20px;} div#header_language_list ul li.ja a:hover{background-position: -1525px -20px;} div#header_language_list ul li.nl a:hover{background-position: -1465px -20px;} ul.nav ul, ul.nav ul li, ul.nav ul li a{z-index: 9999} div.entry-content table{width: 100%;padding: 0 2px;} div.entry-content table td.column-4{white-space: nowrap} /*div.entry-content table td{width: 25%}*/ table .even{background-color: #DAF0B8} div.right div.search{width: 185px;height: 20px;padding: 10px 0px;float: right;display: inline;overflow: hidden} div#header-bar form.searchform{position: relative;background-repeat: no-repeat;background-position: -1555px 0px;margin: 0px;} body.msie div#header-bar form.searchform input.search{width: 179px;height: 14px;border: none;padding: 1px 3px 6px;background: transparent;font-family: Arial;font-size: 12px} div#header-bar form.searchform input.search{width: 179px;height: 14px;border: none;padding: 4px 3px 3px;background: transparent;font-family: Arial;font-size: 12px} div#header-bar form.searchform button.search-btn{width: 20px;height: 20px;position: absolute;right: 0;top:0;background: transparent;border: none;padding: 0;margin: 0;text-indent: -9999px;font-size: 1px;color: transparent;} div#content{background-color: white;float: left;} div.container{height: 100%;position: relative} div#grass{width: 186px;height: 98px;display: block;margin: 0 0 0 -510px; left:50%;background-repeat: no-repeat;z-index: 50;position:fixed; bottom:0;} .ad-gallery { width: 440px;} .ad-gallery, .ad-gallery * { margin: 0; padding: 0;} .ad-gallery .ad-image-wrapper {width: 100%;height: 335px;margin-bottom: 5px;position: relative;overflow: hidden;background-color: #f1f1f1} .ad-gallery .ad-image-wrapper .ad-loader {position: absolute;z-index: 10;bottom: 0;right: 0;border: none;} .ad-gallery .ad-image-wrapper .ad-next {position: absolute;right: 0;top: 0; width: 25%;height: 100%;cursor: pointer; display: block;z-index: 100;} .ad-gallery .ad-image-wrapper .ad-prev {position: absolute;left: 0;top: 0;width: 25%;height: 100%;cursor: pointer;display: block;z-index: 100;} .ad-gallery .ad-image-wrapper .ad-prev .ad-prev-image, .ad-gallery .ad-image-wrapper .ad-next .ad-next-image {background-color: transparent;background-repeat: no-repeat;background-position: -270px 0px;width: 25px;height: 25px;display: none;position: absolute;top: 47%;left: 0;z-index: 101;} .ad-gallery .ad-image-wrapper .ad-next .ad-next-image {background-color: transparent;background-repeat: no-repeat;background-position: -295px 0px;width: 25px;height: 25px;right: 0;left: auto;} .ad-gallery .ad-image-wrapper .ad-image {position: absolute;overflow: hidden;top: 0;left: 0;z-index: 9;} .ad-gallery .ad-image-wrapper .ad-image img {position: absolute;overflow: hidden;top: 0;left: 0;z-index: 9;} .ad-gallery .ad-image-wrapper .ad-image .ad-image-description {position: absolute;bottom: 0px;left: 0px;padding: 7px;text-align: left;width: 100%;z-index: 2;/*background: url(opa75.png);*/color: #000; display: none;} .ad-gallery .ad-controls {display:block;float:left;height:20px;width:440px;} .ad-gallery .ad-info {float: left;} .ad-gallery .ad-slideshow-controls {float: right;} .ad-gallery .ad-slideshow-controls .ad-slideshow-start, .ad-gallery .ad-slideshow-controls .ad-slideshow-stop {padding-left: 5px;cursor: pointer;} .ad-gallery .ad-slideshow-controls .ad-slideshow-countdown {padding-left: 5px;font-size: 0.9em;} .ad-gallery .ad-slideshow-running .ad-slideshow-start {cursor: default;font-style: italic;} .ad-gallery .ad-nav {width: 100%;position: relative;height: 100px;} .ad-nav{height: 80px;} .ad-gallery .ad-forward, .ad-gallery .ad-back {position: absolute;top: 0;height: 80px;z-index: 100;} * html .ad-gallery .ad-forward, .ad-gallery .ad-back {height: 80px;} .ad-gallery .ad-back {cursor: pointer;left: 0px;width: 40px;display: block;background-color: transparent;background-repeat: no-repeat;background-position: -190px 0px;} .ad-gallery .ad-forward {cursor: pointer;display: block;right: -1px;width: 40px;background-color: transparent;background-repeat: no-repeat;background-position: -230px 0px;} .ad-gallery .ad-back:hover {background-color: transparent;background-repeat: no-repeat;background-position: -190px -80px;} .ad-gallery .ad-forward:hover {background-color: transparent;background-repeat: no-repeat;background-position: -230px -80px;} .ad-gallery .ad-nav .ad-thumbs {overflow: hidden;width: 100%;} .ad-gallery .ad-thumbs .ad-thumb-list {float: left;width: 9000px;list-style: none;} .ad-gallery .ad-thumbs li {float: left;padding-right: 5px;} .ad-gallery .ad-thumbs li a {display: block;} .ad-gallery .ad-thumbs li a img {border: none;display: block;} /* Can't do display none, since Opera won't load the images then */ .ad-preloads { position: absolute; left: -9000px; top: -9000px;} /* ------------------------------------ forms.css v1.2.1 Gravity Forms Front End Form Styles http://www.gravityforms.com a rocketgenius project http://www.rocketgenius.com ------------------------------------ */ .gform_wrapper{ overflow:hidden; margin-bottom:10px; max-width:600px} .gform_wrapper h1, .gform_wrapper h2, .gform_wrapper h3{font-weight:normal; border:none; outline:none; background:none} .gform_wrapper:focus{ outline:none} .gform_wrapper form{ text-align:left} .gform_wrapper input{ outline-style:none; font-size:11px; font-family:verdana,sans-serif; padding:2px 0 2px 0; letter-spacing:normal} .gform_wrapper textarea{ outline-style:none; font-size:11px; font-family:verdana,sans-serif; letter-spacing:normal; padding:2px 0 2px 0; resize:none; /* doesn't validate but added for Safari field resizing */} .gform_wrapper ul{ margin:0; list-style-type:none} html >body .entry ul, .gform_wrapper ul{text-indent:0px} .gform_wrapper li, .gform_wrapper form li{ list-style-type:none!important; background-image:none!important; overflow:hidden} .gform_wrapper ul.right_label li, .gform_wrapper form ul.right_label li, .gform_wrapper ul.left_label li, .gform_wrapper form ul.left_label li {margin-bottom:14px} .gform_wrapper ul li:before, .gform_wrapper ul li:after, .entry ul li:before, .entry ul li:after{content:""; /* for safari */} /*.gform_wrapper ul li:before, .gform_wrapper ul li:after, .entry ul li:before, .entry ul li:after{content:none; # /* for other browsers */ /*}*/ .gform_wrapper ul#gform_fields{ padding:0px; margin:0px} .gform_wrapper select{ font-size:11px; font-family:verdana,sans-serif; padding:2px 0 2px 0; letter-spacing:normal} .gform_wrapper #field_settings{ margin:0 0 12px} .gform_wrapper #field_settings ul li label{ display:block} .gform_wrapper .inline{ display:inline!important} .gform_wrapper #gform_heading{ width:98%; padding-bottom:12px; margin-bottom:18px; border-bottom:1px dotted #ccc} .gform_wrapper .gfield_time_hour, .gform_wrapper .gfield_time_minute, .gform_wrapper .gfield_date_month, .gform_wrapper .gfield_date_day, .gform_wrapper .gfield_date_year{ width:70px; float:left} .gform_wrapper .gfield_date_month, .gform_wrapper .gfield_date_day, .gform_wrapper .gfield_date_year {margin-right:12px} .gform_wrapper .gfield_time_ampm select{ width:60px!important} .gform_wrapper .gfield_time_hour input, .gform_wrapper .gfield_time_minute input, .gform_wrapper .gfield_date_month input, .gform_wrapper .gfield_date_day input, .gform_wrapper .gfield_date_year input{ width:70%!important} .gform_wrapper .gfield_date_month, .gform_wrapper .gfield_date_day, .gform_wrapper .gfield_date_year{ width:50px; float:left} .gform_wrapper .gfield_date_month input, .gform_wrapper .gfield_date_day input, .gform_wrapper .gfield_date_year input{ width:85%!important} .gform_wrapper .field_hover{ border:1px dashed #2175A9!important; cursor:pointer} .gform_wrapper .field_selected{ background-color:#DFEFFF; border:1px solid #C2D7EF!important} .gform_wrapper .field_name_first, .gform_wrapper .field_name_last{ width:50%; float:left} .gform_wrapper .ginput_complex{overflow:hidden} .gform_wrapper .field_name_first input, .gform_wrapper .ginput_complex .ginput_left input{ width:90%!important} .gform_wrapper .field_name_last input{ width:93%!important} .gform_wrapper .datepicker{ width:100px!important} .gform_wrapper .ginput_complex .ginput_left, .gform_wrapper .ginput_complex .ginput_right{ width:48%; float:left} .gform_wrapper .gfield_error .ginput_complex .ginput_left, .gform_wrapper .gfield_error .ginput_complex .ginput_right { width:50%} .gform_wrapper .gfield_error .ginput_complex .ginput_left input { width:90%!important} .gform_wrapper .gfield_error .ginput_complex .ginput_right input { width:100%!important} .gform_wrapper .ginput_complex input, .gform_wrapper .ginput_complex select{ width:92%!important} .gform_wrapper .ginput_complex label, .gform_wrapper .gfield_time_hour label, .gform_wrapper .gfield_time_minute label, .gform_wrapper .gfield_date_month label, .gform_wrapper .gfield_date_day label, .gform_wrapper .gfield_date_year label, .gform_wrapper .instruction { display:block; margin:3px 0 8px 0; font-size:10px; letter-spacing: 1px} .gform_wrapper .ginput_complex .name_prefix{ float:left; width:30px!important; margin-right:14px} .gform_wrapper .ginput_complex .name_suffix{ float:left; width:30px!important} .gform_wrapper .ginput_complex .name_first, .gform_wrapper .ginput_complex .name_last{ float:left; width:100px; margin-right:8px} .gform_wrapper .top_label .gfield_label{ margin:10px 0 4px 0; font-weight:bold; display:-moz-inline-stack; display:inline-block; clear:both} .gform_wrapper .left_label .gfield_label{ float:left; margin:2px 15px 0 0; width:29%; font-weight:bold} .gform_wrapper .right_label .gfield_label{ float:left; margin:2px 15px 0 0; width:29%; font-weight:bold; text-align:right} .gform_wrapper .left_label ul.gfield_checkbox, .gform_wrapper .right_label ul.gfield_checkbox, .gform_wrapper .left_label ul.gfield_radio, .gform_wrapper .right_label ul.gfield_radio{ margin-left:32%} .gform_wrapper .top_label input.small, .gform_wrapper .top_label select.small{ width:25%} .gform_wrapper .top_label input.medium, .gform_wrapper .top_label select.medium{ width:50%} .gform_wrapper .top_label input.large, .gform_wrapper .top_label select.large, .gform_wrapper .top_label textarea.textarea{ width:92%} .gform_wrapper .right_label input.small, .gform_wrapper .right_label select.small, .gform_wrapper .left_label input.small, .gform_wrapper .left_label select.small{ width:15%} .gform_wrapper .right_label input.medium, .gform_wrapper .right_label select.medium, .gform_wrapper .left_label input.medium, .gform_wrapper .left_label select.medium{ width:35%} .gform_wrapper .right_label input.large, .gform_wrapper .right_label select.large, .gform_wrapper .left_label input.large, .gform_wrapper .left_label select.large, .gform_wrapper textarea.textarea{ width:59%} .gform_wrapper .right_label div.ginput_complex, .gform_wrapper .left_label div.ginput_complex{ width:64%; float:left} .gform_wrapper h2.gsection_title{ margin:0!important; padding:0!important; letter-spacing:normal!important} .gform_wrapper .gsection .gfield_label, .gform_wrapper h2.gsection_title, .gform_wrapper h3#gform_title{ font-weight:bold; font-size:16px; font-family:Helvetica,sans-serif} .gform_wrapper h3#gform_title{ letter-spacing:normal!important; margin:10px 0 6px 0} .gform_wrapper span.gform_description{font-weight:normal} .gform_wrapper h2.gsection_title, .gform_wrapper .gsection_description, .gform_wrapper h3#gform_title{ width:98%} .gform_wrapper .gsection{ border-bottom:1px dotted #ccc!important; padding:0 0 8px 0; margin:8px 0 16px 0} .gform_wrapper .gfield_checkbox, .gform_wrapper .gfield_radio{ padding:5px 0; margin:0} .gform_wrapper .gfield_checkbox li, .gform_wrapper .gfield_radio li{ padding:3px 0 0 0!important; line-height:0; width:auto} .gform_wrapper .gfield_checkbox label, .gform_wrapper .gfield_radio label{ margin-left:6px; display:inline} .gform_wrapper .description, .gform_wrapper .gfield_description, .gform_wrapper .gsection_description,.gform_wrapper .instruction { font-size:10px; line-height:150%; clear:both; font-family:verdana,sans-serif; letter-spacing:normal} .gform_wrapper .description, .gform_wrapper .gfield_description, .gform_wrapper .gsection_description{padding:4px 0 8px 0} .gform_wrapper .gfield_description {padding: 10px 0 8px 0; font-style: italic} .gfield_date_year+.gfield_description {padding:0 0 8px 0} .gform_wrapper .gsection_description {font-style: italic} .ginput_complex + .gfield_description {padding-top:0!important} .gform_wrapper .right_label .gfield_description, .gform_wrapper .left_label .gfield_description, .gform_wrapper .left_label .instruction, .gform_wrapper .right_label .instruction{ margin-left:29%; padding-left:15px} .gform_wrapper .left_label .gsection .gsection_description, .gform_wrapper .right_label .gsection .gsection_description{ margin-left:0; padding-left:0; padding-top:4px; line-height:150%} .gform_wrapper .gfield_required{ color:#f00; margin-left:4px} .gform_wrapper textarea.small{ height:80px} .gform_wrapper textarea.medium{ height:150px} .gform_wrapper textarea.large{ height:250px} .gform_wrapper .gfield_error{ background-color:#FFDFDF!important; margin-top:4px!important; margin-bottom:6px; padding:6px 6px 4px 6px!important; border:1px dotted #C89797} .gform_wrapper .top_label .gfield_error .ginput_container {max-width:99%} .gform_wrapper .top_label .gfield_error{ width:92%} .gform_wrapper .top_label .gfield_error input.large, .gform_wrapper .top_label .gfield_error select.large, .gform_wrapper .top_label .gfield_error textarea.textarea{ width:100%} .gform_wrapper .right_label .gfield_error input.large, .gform_wrapper .right_label .gfield_error select.large, .gform_wrapper .right_label .gfield_error textarea.textarea, .gform_wrapper .left_label .gfield_error input.large, .gform_wrapper .left_label .gfield_error select.large, .gform_wrapper .left_label .gfield_error textarea.textarea { width:66%} .gform_wrapper .gfield_error .gfield_label{ color:#f00} .gform_wrapper .validation_error{ color:#f00; font-weight:bold; font-size:14px; line-height:150%; font-family:Helvetica,sans-serif} .gform_wrapper .validation_message{ color:#f00!important; font-size:11px; font-family:verdana,sans-serif; letter-spacing:normal} .gform_wrapper .gform_footer{ padding:16px 0 10px 0; margin:16px 0 0 0; border-top:1px dotted #ccc!important} .gform_wrapper .gform_footer.right_label, .gform_wrapper .gform_footer.left_label { padding:16px 0 10px 31%} .gform_wrapper input.button{ font-size:100%; color:#222} .gform_wrapper input.button:hover{ color:#000} #gforms_confirmation_message{background-color:#fffac6; border:1px solid #feda70; margin-top:10px; margin-bottom:10px; padding:20px 0; font-size:14px; color:#252525; text-align:center} /* a few IE specific hacks ------------------------------------------------------------------------- */ .gform_wrapper .gfield_time_hour{*width:80px} .gform_wrapper .gfield_time_minute{*width:70px} .gform_wrapper .gfield_time_ampm{*padding-top:2px} .gform_wrapper .gfield_time_hour input, .gform_wrapper .gfield_time_minute input{*margin-left:-10px} .gform_footer input.button {*padding:3px} ul.top_label .clear-multi {overflow:hidden; clear:both} /* date picker ---------------------------------------------------------------------------------------*/ .ui-datepicker-div, .ui-datepicker-inline, #ui-datepicker-div{ /*resets*/margin:0; padding:0; border:0; outline:0; line-height:1.3; text-decoration:none; font-size:100%; list-style:none; font-family:"lucida sans", "lucida grande", lucida ,sans-serif; background:#fff; font-size:1.0em; border:4px solid #C1C1C1; width:15.5em; padding:2.5em .5em .5em .5em; position:relative} .ui-datepicker-div, #ui-datepicker-div{ z-index:9999; /*must have*/ display:none} .ui-datepicker-inline{ float:left; display:block} .ui-datepicker-control{ display:none} .ui-datepicker-current{ display:none} .ui-datepicker-next, .ui-datepicker-prev{position:absolute; left:.5em; top:.5em; background:#eee} .ui-datepicker-next{ left:14.6em} .ui-datepicker-next:hover, .ui-datepicker-prev:hover{ background:#dadada} .ui-datepicker-next a, .ui-datepicker-prev a{ text-indent:-999999px; width:1.3em; height:1.4em; display:block; font-size:1em; background:url(library/media/images/datepicker_arrow_left.gif) 50% 50% no-repeat; border:1px solid #d3d3d3; cursor:pointer} .ui-datepicker-next a{ background:url(library/media/images/datepicker_arrow_right.gif) 50% 50% no-repeat} .ui-datepicker-header select{ border:1px solid #d3d3d3; color:#555; background:#e6e6e6; font-size:1em; line-height:1.4em; position:absolute; top:.5em; margin:0 !important} .ui-datepicker-header option:focus, .ui-datepicker-header option:hover{ background:#dadada} .ui-datepicker-header select.ui-datepicker-new-month{ width:7em; left:2.2em} .ui-datepicker-header select.ui-datepicker-new-year{ width:5em; left:9.4em} table.ui-datepicker{ width:15.5em; text-align:right} table.ui-datepicker td a{ padding:.1em; display:block; color:#555; background:#e6e6e6; cursor:pointer; border:1px solid #fff; text-align:center} table.ui-datepicker td a:hover{ border:1px solid #fff; color:#212121; background:#dadada; text-decoration: none} table.ui-datepicker td a:active{ border:1px solid #aaa; color:#212121; background:#fff; text-decoration: none} table.ui-datepicker .ui-datepicker-title-row td{ padding:.2em 0; text-align:center; font-size:.9em; color:#222; text-transform:uppercase} table.ui-datepicker .ui-datepicker-title-row td a{ color:#222; padding:.3em 0} .ui-datepicker-cover{ display:none; display/**/:block; position:absolute; z-index:-1; filter:mask(); top:-4px; left:-4px; width:193px; height:200px} img.ui-datepicker-trigger {position:relative; top:3px; left:4px} /* tame those pesky hidden fields --------------------------------------------------------------------*/ .gform_wrapper input[type="hidden"], .gform_wrapper input.gform_hidden {display:none} /* FORM */ ul.gform_fields li{margin: 0 0 5px 0;display: block} label.gfield_label, .gform_wrapper .left_label .gfield_label{width: 135px!important;display: block;float: left;font-weight: normal!important} form span input, form span input:focus, div.ginput_container input.medium {width: 260px!important;float: left;margin-bottom: 5px;padding: 3px 5px 2px;background-color: white;background-repeat: no-repeat;background-position: -1740px 0;height: 15px;border: none;font-family: arial, sans-serif;font-size: 13px;} div.ginput_container textarea.medium {width: 260px!important;float: left;height: 160px;border: none;background-color: white;background-repeat: no-repeat;background-position: -1195px 0;padding: 5px;font-family: arial, sans-serif;font-size: 13px;} /* REQUIRED BUTTON STYLES: */ button { position: relative; border: 0; padding: 0; cursor: pointer;overflow: visible; /* removes extra side padding in IE */} button::-moz-focus-inner { border: none; /* overrides extra padding in Firefox */} button span { position: relative;display: block; white-space: nowrap;} @media screen and (-webkit-min-device-pixel-ratio:0) {/* Safari and Google Chrome only - fix margins */ button span {margin-top: -1px;} } .gform_wrapper .gform_footer input.button{width: 101px;height: 30px;background: transparent url(library/media/images/button2.png) 0 0 no-repeat;display: block;border: none;margin: 0;cursor: pointer;color: white} input.button:hover{background-position: 0px -30px} body.page ul.left_label div.validation_message{margin-left: 165px;float: left;display: inline;padding: 0} body.page .gform_wrapper .gfield_error{padding: 4px 0px!important} button.submitBtn {padding: 0 15px 0 0;margin-right:5px;font-size:13px; text-align: center; background: transparent url(library/media/images/button.png) no-repeat right -60px;} button.submitBtn span {padding: 8px 0 8px 15px; height:14px; background: transparent url(library/media/images/button.png) no-repeat left top; color:#fff; } button.submitBtn:hover, button.submitBtnHover { /* the redundant class is used to apply the hover state with a script */background-position: right -90px;} button.submitBtn:hover span, button.submitBtnHover span {background-position: 0 -30px;} body.page .gform_wrapper .gform_footer{border-top: none!important;margin: 0;padding: 0;} body.page .gform_wrapper .gform_footer.left_label{float: right;padding: 0;} body.page-template-page-nieuws-php div.hentry{margin-bottom: 10px} div.menu{float: left;width: 940px} div.header{float: left} div#header-bar{float: left} div.menu{position:relative; z-index: 200!important} div#header-bar{z-index: 1!important} /*div.menu ul.nav ul{z-index: 1000;}*/ /* FOOTER */ p#copyright{width: 49%;padding: 15px 0 0 15px;display: inline;float: left;} p#credits{width: 49%;float: right;display: inline;text-align: left;padding: 15px 0px 0 0}