/*
	960 Grid System ~ Core CSS.
	Learn more ~ http://960.gs/

	Licensed under GPL and MIT.
*/

/* `Containers
----------------------------------------------------------------------------------------------------*/

.container_12,
.container_16 {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
	text-align:left;
}

/* `Grid >> Global
----------------------------------------------------------------------------------------------------*/

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12,
.grid_13,
.grid_14,
.grid_15,
.grid_16 {
	display: inline;
	float: left;
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
}

.container_12 .grid_3,
.container_16 .grid_4 {
	width: 220px;
}

.container_12 .grid_6,
.container_16 .grid_8 {
	width: 460px;
}

.container_12 .grid_9,
.container_16 .grid_12 {
	width: 700px;
}

.container_12 .grid_12,
.container_16 .grid_16 {
	width: 940px;
}

/* `Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
	margin-left: 0;
}

.omega {
	margin-right: 0;
}

/* `Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .grid_1 {
	width: 60px;
}

.container_12 .grid_2 {
	width: 140px;
}

.container_12 .grid_4 {
	width: 300px;
}

.container_12 .grid_5 {
	width: 380px;
}

.container_12 .grid_7 {
	width: 540px;
}

.container_12 .grid_8 {
	width: 620px;
}

.container_12 .grid_10 {
	width: 780px;
}

.container_12 .grid_11 {
	width: 860px;
}

/* `Grid >> 16 Columns
----------------------------------------------------------------------------------------------------*/

.container_16 .grid_1 {
	width: 40px;
}

.container_16 .grid_2 {
	width: 100px;
}

.container_16 .grid_3 {
	width: 160px;
}

.container_16 .grid_5 {
	width: 280px;
}

.container_16 .grid_6 {
	width: 340px;
}

.container_16 .grid_7 {
	width: 400px;
}

.container_16 .grid_9 {
	width: 520px;
}

.container_16 .grid_10 {
	width: 580px;
}

.container_16 .grid_11 {
	width: 640px;
}

.container_16 .grid_13 {
	width: 760px;
}

.container_16 .grid_14 {
	width: 820px;
}

.container_16 .grid_15 {
	width: 880px;
}

/* `Prefix Extra Space >> Global
----------------------------------------------------------------------------------------------------*/

.container_12 .prefix_3,
.container_16 .prefix_4 {
	padding-left: 240px;
}

.container_12 .prefix_6,
.container_16 .prefix_8 {
	padding-left: 480px;
}

.container_12 .prefix_9,
.container_16 .prefix_12 {
	padding-left: 720px;
}

/* `Prefix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .prefix_1 {
	padding-left: 80px;
}

.container_12 .prefix_2 {
	padding-left: 160px;
}

.container_12 .prefix_4 {
	padding-left: 320px;
}

.container_12 .prefix_5 {
	padding-left: 400px;
}

.container_12 .prefix_7 {
	padding-left: 560px;
}

.container_12 .prefix_8 {
	padding-left: 640px;
}

.container_12 .prefix_10 {
	padding-left: 800px;
}

.container_12 .prefix_11 {
	padding-left: 880px;
}

/* `Prefix Extra Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/

.container_16 .prefix_1 {
	padding-left: 60px;
}

.container_16 .prefix_2 {
	padding-left: 120px;
}

.container_16 .prefix_3 {
	padding-left: 180px;
}

.container_16 .prefix_5 {
	padding-left: 300px;
}

.container_16 .prefix_6 {
	padding-left: 360px;
}

.container_16 .prefix_7 {
	padding-left: 420px;
}

.container_16 .prefix_9 {
	padding-left: 540px;
}

.container_16 .prefix_10 {
	padding-left: 600px;
}

.container_16 .prefix_11 {
	padding-left: 660px;
}

.container_16 .prefix_13 {
	padding-left: 780px;
}

.container_16 .prefix_14 {
	padding-left: 840px;
}

.container_16 .prefix_15 {
	padding-left: 900px;
}

/* `Suffix Extra Space >> Global
----------------------------------------------------------------------------------------------------*/

.container_12 .suffix_3,
.container_16 .suffix_4 {
	padding-right: 240px;
}

.container_12 .suffix_6,
.container_16 .suffix_8 {
	padding-right: 480px;
}

.container_12 .suffix_9,
.container_16 .suffix_12 {
	padding-right: 720px;
}

/* `Suffix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .suffix_1 {
	padding-right: 80px;
}

.container_12 .suffix_2 {
	padding-right: 160px;
}

.container_12 .suffix_4 {
	padding-right: 320px;
}

.container_12 .suffix_5 {
	padding-right: 400px;
}

.container_12 .suffix_7 {
	padding-right: 560px;
}

.container_12 .suffix_8 {
	padding-right: 640px;
}

.container_12 .suffix_10 {
	padding-right: 800px;
}

.container_12 .suffix_11 {
	padding-right: 880px;
}

/* `Suffix Extra Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/

.container_16 .suffix_1 {
	padding-right: 60px;
}

.container_16 .suffix_2 {
	padding-right: 120px;
}

.container_16 .suffix_3 {
	padding-right: 180px;
}

.container_16 .suffix_5 {
	padding-right: 300px;
}

.container_16 .suffix_6 {
	padding-right: 360px;
}

.container_16 .suffix_7 {
	padding-right: 420px;
}

.container_16 .suffix_9 {
	padding-right: 540px;
}

.container_16 .suffix_10 {
	padding-right: 600px;
}

.container_16 .suffix_11 {
	padding-right: 660px;
}

.container_16 .suffix_13 {
	padding-right: 780px;
}

.container_16 .suffix_14 {
	padding-right: 840px;
}

.container_16 .suffix_15 {
	padding-right: 900px;
}

/* `Push Space >> Global
----------------------------------------------------------------------------------------------------*/

.container_12 .push_3,
.container_16 .push_4 {
	left: 240px;
}

.container_12 .push_6,
.container_16 .push_8 {
	left: 480px;
}

.container_12 .push_9,
.container_16 .push_12 {
	left: 720px;
}

/* `Push Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .push_1 {
	left: 80px;
}

.container_12 .push_2 {
	left: 160px;
}

.container_12 .push_4 {
	left: 320px;
}

.container_12 .push_5 {
	left: 400px;
}

.container_12 .push_7 {
	left: 560px;
}

.container_12 .push_8 {
	left: 640px;
}

.container_12 .push_10 {
	left: 800px;
}

.container_12 .push_11 {
	left: 880px;
}

/* `Push Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/

.container_16 .push_1 {
	left: 60px;
}

.container_16 .push_2 {
	left: 120px;
}

.container_16 .push_3 {
	left: 180px;
}

.container_16 .push_5 {
	left: 300px;
}

.container_16 .push_6 {
	left: 360px;
}

.container_16 .push_7 {
	left: 420px;
}

.container_16 .push_9 {
	left: 540px;
}

.container_16 .push_10 {
	left: 600px;
}

.container_16 .push_11 {
	left: 660px;
}

.container_16 .push_13 {
	left: 780px;
}

.container_16 .push_14 {
	left: 840px;
}

.container_16 .push_15 {
	left: 900px;
}

/* `Pull Space >> Global
----------------------------------------------------------------------------------------------------*/

.container_12 .pull_3,
.container_16 .pull_4 {
	left: -240px;
}

.container_12 .pull_6,
.container_16 .pull_8 {
	left: -480px;
}

.container_12 .pull_9,
.container_16 .pull_12 {
	left: -720px;
}

/* `Pull Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .pull_1 {
	left: -80px;
}

.container_12 .pull_2 {
	left: -160px;
}

.container_12 .pull_4 {
	left: -320px;
}

.container_12 .pull_5 {
	left: -400px;
}

.container_12 .pull_7 {
	left: -560px;
}

.container_12 .pull_8 {
	left: -640px;
}

.container_12 .pull_10 {
	left: -800px;
}

.container_12 .pull_11 {
	left: -880px;
}

/* `Pull Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/

.container_16 .pull_1 {
	left: -60px;
}

.container_16 .pull_2 {
	left: -120px;
}

.container_16 .pull_3 {
	left: -180px;
}

.container_16 .pull_5 {
	left: -300px;
}

.container_16 .pull_6 {
	left: -360px;
}

.container_16 .pull_7 {
	left: -420px;
}

.container_16 .pull_9 {
	left: -540px;
}

.container_16 .pull_10 {
	left: -600px;
}

.container_16 .pull_11 {
	left: -660px;
}

.container_16 .pull_13 {
	left: -780px;
}

.container_16 .pull_14 {
	left: -840px;
}

.container_16 .pull_15 {
	left: -900px;
}

/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://perishablepress.com/press/2009/12/06/new-clearfix-hack */

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

/*
	The following zoom:1 rule is specifically for IE6 + IE7.
	Move to separate stylesheet if invalid CSS is a problem.
*/
* html .clearfix,
*:first-child+html .clearfix {
	zoom: 1;
}/* --------------------------------------------------------------

   reset.css
   * Resets default browser CSS.

-------------------------------------------------------------- */

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,
article, aside, dialog, figure, footer, header,
hgroup, nav, section {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
}

article, aside, dialog, figure, footer, header,
hgroup, nav, section {
    display:block;
}

body {
  line-height: 1.5;
}

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }
/* -------------------------------------------------------------- 

   typography.css
   * Sets up some sensible default typography.
   
-------------------------------------------------------------- */

/* Default font settings. 
   The font-size percentage is of 16px. (0.75 * 16px = 12px) */
html { font-size:100.01%; }
body { 
  font-size: 75%;
  color: #222; 
  background: #fff;
  font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
}


/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #111; }

h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 2em; margin-bottom: 0.75em; }
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }

h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img {
  margin: 0;
}


/* Text elements
-------------------------------------------------------------- */

p           { margin: 0 0 1.5em; }
p img.left  { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }

a:focus, 
a:hover     { color: #000; }
a           { color: #009; text-decoration: underline; }

blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }

abbr, 
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#666; }

pre 				{ margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }


/* Lists
-------------------------------------------------------------- */

li ul,
li ol       { margin: 0; }
ul, ol      { margin: 0 1.5em 1.5em 0; padding-left: 3.333em; }

ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }

dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}


/* Tables
-------------------------------------------------------------- */

table       { margin-bottom: 1.4em; width:100%; }
th          { font-weight: bold; }
thead th 		{ background: #c3d9ff; }
th,td,caption { padding: 4px 10px 4px 5px; }
tr.even td  { background: #e5ecf9; }
tfoot       { font-style: italic; }
caption     { background: #eee; }


/* Misc classes
-------------------------------------------------------------- */

.small      { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.hide       { display: none; }

.quiet      { color: #666; }
.loud       { color: #000; }
.highlight  { background:#ff0; }
.added      { background:#060; color: #fff; }
.removed    { background:#900; color: #fff; }

.first      { margin-left:0; padding-left:0; }
.last       { margin-right:0; padding-right:0; }
.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }
.fg-button { outline: 0; margin:0 4px 0 0; padding: .4em 1em; text-decoration:none !important; cursor:pointer; position: relative; text-align: center; zoom: 1; }
	.fg-button .ui-icon { position: absolute; top: 50%; margin-top: -8px; left: 50%; margin-left: -8px; }
	
	a.fg-button { float:left; }
	
	/* remove extra button width in IE */
	button.fg-button { width:auto; overflow:visible; }
	
	.fg-button-icon-left { padding-left: 2.1em; }
	.fg-button-icon-right { padding-right: 2.1em; }
	.fg-button-icon-left .ui-icon { right: auto; left: .2em; margin-left: 0; }
	.fg-button-icon-right .ui-icon { left: auto; right: .2em; margin-left: 0; }
	
	.fg-button-icon-solo { display:block; width:8px; text-indent: -9999px; }	 /* solo icon buttons must have block properties for the text-indent to work */	
	
	.fg-buttonset { float:left; }
	.fg-buttonset .fg-button { float: left; }
	.fg-buttonset-single .fg-button, 
	.fg-buttonset-multi .fg-button { margin-right: -1px;}
	
	.fg-toolbar { padding: .5em; margin: 0;  }
	.fg-toolbar .fg-buttonset { margin-right:1.5em; padding-left: 1px; }
	.fg-toolbar .fg-button { font-size: 1em;  }
/* --------------------------------------------------------------

   forms.css
   * Sets up some default styling for forms
   * Gives you classes to enhance your forms

   Usage:
   * For text fields, use class .title or .text
   * For inline forms, use .inline (even when using columns)

-------------------------------------------------------------- */

label       { font-weight: bold; display:block; }
fieldset    { padding:1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc; }
legend      { font-weight: bold; font-size:1.2em; }


/* Form fields
-------------------------------------------------------------- */

input[type=text], input[type=password],
input.text, input.title,
textarea, select {
  background-color:#fff;
  border:1px solid #bbb;
}
input[type=text]:focus, input[type=password]:focus,
input.text:focus, input.title:focus,
textarea:focus, select:focus {
  border-color:#666;
  background-color:#FAFFC0;
}

input[type=text], input[type=password],
input.text, input.title,
textarea, select {
  margin:0.3em 0 0 0;
}

input.text,
input.title   { width: 300px; padding:5px; }
input.title   { font-size:1.5em; }
textarea      { width: 390px; height: 150px; padding:5px; font-size:110%; font-family:"Helvetica Neue", Arial, Helvetica, sans-serif; }

input[type=checkbox], input[type=radio],
input.checkbox, input.radio {
  position:relative; top:.25em;
}

form.inline { line-height:3; }
form.inline p { margin-bottom:0; }
form .description{ font-size:0.9em; color:#777; margin-left:10px;}
form p{margin-bottom:1.4em}

/* Success, notice and error boxes
-------------------------------------------------------------- */
ul.error,
ul.notice,
ul.success,
ul.warning	{ list-style-type:none; margin:0 0 1em 0;}

.error,
.notice,
.success,
.warning    { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; }

.error      { background: #FFD5D5; color: #CE2222; border-color: #E04343; }
.warning    { background: #FCF1A9; color: #514721; border-color: #fad42e; }
.notice     { background: #BFD9F2; color: #2C3E67; border-color: #4591C9; }
.success    { background: #E2FFA6; color: #638400; border-color: #99CC00; }

.error a    { color: #8a1f11; }
.notice a   { color: #514721; }
.warning a  { color: #264409; }
.success a  { color: #264409; }
html,body{
	font-family:"Tahoma",Arial, Helvetica, sans-serif;
	font-size:12px;	
	height:100%;	
	background-color:#ffffff;
	color:#00597C;
	background:url('../img/background.jpg') repeat-y top center;
}
/* ---------------------------------- */
/* MAIN
/* ---------------------------------- */
#container{	width:960px; margin:auto; }
#header{	position: relative; height:274px; overflow:hidden; background-color:#0C5E8B; background-image:url('../img/background-header.jpg');}
#main{ 		margin-top:35px; background-image:url('../img/background-main.jpg');}	
#content{	float:left;width:641px; overflow:hidden; margin-bottom:50px;}
#side{		float:left; 
			width:319px; 
			/*border-left:1px dotted #10BFE9; */ 
			background:url('../img/background-side.jpg') no-repeat;
			min-height:424px;
			-height:424px;
}

#graydon {
	position: absolute;
	right: 81px;
	bottom: 100px;	
}

/* ---------------------------------- */
/* SPLASH
/* ---------------------------------- */
#splash{ height:219px; overflow:hidden; }
#splash a{float:left; width:320px; height:219px; overflow:hidden; display:block; line-height:400;}

#splash .item-1{background-image:url('../img/splash-projectontwikkeling.jpg');}
#splash .item-2{background-image:url('../img/splash-bouw.jpg');}
#splash .item-3{background-image:url('../img/splash-renovatie.jpg');}

#splash .item-1.active{background-image:url('../img/splash-projectontwikkeling-50.jpg');}
#splash .item-2.active{background-image:url('../img/splash-bouw-50.jpg');}
#splash .item-3.active{background-image:url('../img/splash-renovatie-50.jpg');}

/* ---------------------------------- */
/* LINK
/* ---------------------------------- */
a:link, a:visited{color:#00BBE8; text-decoration:none;}
a:hover{ color:#00BBE8; text-decoration:underline;}

a.actief:link, a.actief:visited{text-decoration:underline;}

/* ---------------------------------- */
/* FOOTER
/* ---------------------------------- */
#footer{height:29px; background-image:url(../img/background-footer.jpg); margin-top:30px;}

/* ---------------------------------- */
/* MENU
/* ---------------------------------- */
#menu{float:left; margin-top:220px; margin-left:100px;}
#menu ul{padding:0; margin:0;}
#menu li{ float:left; list-style-type:none; border-right:1px solid #fff; line-height:14px}
#menu ul a:link, #menu ul a:visited{ display:block; color:#fff; font-size:13px; padding:0 15px; }
#menu ul a:hover{text-decoration:underline;}
#menu ul a.actief:link, #menu ul a.actief:visited{color:#fff; text-decoration:underline;}
#menu li.last{border:0;}

ul#submenu{list-style-type:none;font-size:14px; margin:20px 0 35px 0; padding:0; line-height:24px;}
ul.submenu{list-style-type:none;font-size:14px; margin:20px 0 35px 0; padding:0; line-height:24px; float:left; width:50%}
/* ---------------------------------- */
/* HEADERS
/* ---------------------------------- */
h1,h2,h3,h4{color:#00597C;}
h1{margin:0; font-size:32px; padding:0;}
h2{	font-size:19px; font-weight:bold; padding:0; margin:0; }
h3{font-size:16px; font-weight:bold; }
h4{font-size:14px; font-weight:bold; padding-top:10px; margin-bottom:10px}
h5{font-size:12px;}
h6{font-size:11px;}

#blog h3{padding:0;}
#header h1 a{
	float:left;
	margin-top:135px;
	margin-left:40px;
	display:block; overflow:hidden; line-height:410px;
	height:110px;
	width:180px;
}

/* ---------------------------------- */
/* BLOG
/* ---------------------------------- */
.blog_title h3{margin-bottom:2px; padding:0; }
.blog_item{margin:0 0 10px 0; padding-bottom:20px;}
.blog_date{font-size:11px; margin:0 0 15px 0;  }
.blog_tags{font-size:11px; color:#666;}

.blog_image{margin:6px 15px 10px 0;}
.blog_details{margin-bottom:10px; color:#666;}

a.blog_link:link, a.blog_link:visited{ text-align:right; display:block; font-style:italic; font-weight:bold;}
a.blog_link:hover{text-decoration:underline;}

a.blog_archive:link, a.blog_archive:visited{font-size:11px; font-style:italic; color:#00597C;}

/* ---------------------------------- */
/* PAGINATION
/* ---------------------------------- */
ul#pagination{ margin:0px; padding:0px; font-size:12px;}
ul#pagination li{ float:left; list-style-type:none; margin-right:3px;}
#pagination .desctiption{ color:#666; padding:0px 6px 0 0;}
#pagination li{ padding:0px 6px; border:#fff 0px solid; display:block; font-weight:bold;}
#pagination .item{ border:#ccc 1px solid; display:block; padding:0px 8px; font-weight:normal;}

/* ---------------------------------- */
/* STIJL
/* ---------------------------------- */
p{margin-bottom:1.5em; line-height:1.8em;}
.article{margin:0 50px 0 50px; }
ul{padding-left:15px;}

.portfolioItems{float:left; width:160px; overflow:hidden; margin-left:110px; }
.portfolio_item{margin-bottom:20px; font-size:14px;}
.portfolio_item img{margin-bottom:5px;}
.portfolio_item a{font-size:12px; font-weight:bold; font-style:italic;}
.portfolio_image{float:left; width:160px; margin-right:15px;}
.recenteProjecten{float:left; width:110px; height:424px; overflow:hidden; display:inline-block; line-height:500; }
/* ---------------------------------- */
/* FORM
/* ---------------------------------- */
#form p{margin-bottom:10px;  display:block; clear:both;}
#form .meta{ display:inline-block; margin-bottom:0; font-style:italic; margin-top:8px;}
#form h3{border-bottom:1px solid #666; padding-bottom:5px; margin-bottom:10px; clear:both;}
#form input[type=text],#form input[type=password]{padding:2px; width:250px; margin-top:0;}
#form select{padding:2px; width:255px; margin-bottom:0px;}
#form .indent{margin-left:150px;}
#form input.postcode{width:80px;}

#form input.error{background-color:#FFD5D5; border-color:#E04343;}

#form label.error{ width:auto; text-align:left; clear:both; border:0; background:none; padding:0; font-size:11px;}
#form .textLabel{margin-top:6px; display:inline-block;}
#form .fieldset_indent{margin-left:150px;}
#form textarea{width:244px;}

.required_star{color:#CC0000; font-size:14px; padding-left:10px;}
.button{padding:8px 20px; cursor:pointer;}

#formReactie label{width:100px; float:left; padding-top:8px;}
#formReactie .indent{margin-left:100px;}
#formReactie .description{margin-bottom:6px;}
#formReactie input{margin-bottom:6px;}

/* ---------------------------------- */
/* SEARCH
/* ---------------------------------- */
.gsc-input input{ padding:4px; border-color:#CCCCCC #999999 #999999 #CCCCCC;border-style:solid;border-width:1px; width:400px;}
.gs-visibleUrl-short, .gsc-branding, .gsc-tabsArea, .gsc-resultsHeader, .gsc-trailing-more-results, .gsc-trailing-more-results, .gsc-clear-button, .gs-visibleUrl,.gs-watermark, .gsc-branding {	display: none;}
.gsc-control {				width:500px; font-size:12px;}
.gsc-search-box {			padding-bottom: 0;}
.gs-webResult, .gs-result {	width: 500px;}
.gs-title {					font-size:13px;}
.gs-result {				padding-bottom:10px;}
input.gsc-input{			margin-top:3px; }
td.gsc-input{				margin-left:0; padding-left:0;}
.gs-webResult{				margin-bottom:10px;}
.gsc-cursor-page.gsc-cursor-current-page{	border:0px; font-weight:bold; color:#000; text-decoration:none;}
.gsc-cursor-page{float:left; color:#1F6CAC; cursor:pointer; padding:4px; margin-right:10px;}
.gsc-cursor-page:hover{text-decoration:underline;}
.gs-webResult b{			font-style:italic;}
.gsc-resultsbox-visible{margin-left:6px;}
.gsc-tabHeader{font-weight:bold;}
.gsc-resultsbox-visible{margin-left:0; padding-left:0;}

/* ---------------------------------- */
/* ALBUM
/* ---------------------------------- */
ul#album_images{padding:0; list-style-type:none;}
ul#album_images li{float:left; margin:0 10px 15px 0; height:120px;}

.album_item{float:left; width:32%; margin-right:1%; margin-bottom:20px;}
.album_title{font-weight:bold;}
.album_image{margin-bottom:5px; }
.album_date{font-size:11px;}
/* ---------------------------------- */
/* COLORBOX
/* ---------------------------------- */
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:visible;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
	ColorBox example user style
	These rules are ordered and tabbed in a way that represents the order/nesting of the generated HTML, 
	in hope that this will make the relationship easier to understand. Thanks, jack@colorpowered.com
*/
#cboxOverlay{background:#000;}

#colorbox{}
	#cboxContent{margin-top:32px; background:#fff;}
		#cboxLoadedContent{background:#fff; padding:10px;}
                #cboxLoadingGraphic{background:url(../img/loading.gif) center center no-repeat;}
                #cboxLoadingOverlay{background:#fff;}
                #cboxTitle{position:absolute; top:-22px; left:0; color:#ccc;}
                #cboxCurrent{position:absolute; top:-22px; right:75px; color:#ccc; text-align:right;}
                
                #cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose{text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background:url(../img/controls.png) 0 0 no-repeat;}

                #cboxPrevious{background-position:0px 0px; right:44px;}
                #cboxPrevious.hover{background-position:0px -25px;}
                #cboxNext{background-position:-25px 0px; right:22px;}
                #cboxNext.hover{background-position:-25px -25px;}
		#cboxClose{background-position:-50px 0px; right:0;}
		#cboxClose.hover{background-position:-50px -25px;}

                .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}

                .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
                .cboxSlideshow_on #cboxSlideshow.hover{background-position:-100px -25px;}
                .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
                .cboxSlideshow_off #cboxSlideshow.hover{background-position:-75px -25px;}