/* GENERAL */
	html {
		font-size:62.5%;
		}
	body {
		background:#33afc0;
		color:#2c2c2c;
		font-size:1.1em;
		line-height:18px;
		}
	h1, h2, h3, h4, h5 {
		text-decoration:underline;
		color:#575757;
		font-size:1.65em;
		margin:0 0 20px;
		}
	h6 {
		font-size:1.1em;
		margin:0 0 3px;
		}
	strong, dt, th, label {
		font-weight:bold;
		}		
	a {
		color:#158694;
		cursor:pointer;
		}
	a:hover {
		color:#40b1c1;
		}
	.thumb {
		padding:1px;
		margin-right:10px;
		margin-bottom:10px;
		border:1px solid #36b0c1;
		}
		
		
/* TABLES */
	table {
		width:100%;
		text-align:left;
		margin-bottom:15px;
		}
	table td.last-child {
		/*width:9999px;*/
		}
	td, th {
		padding:10px 8px;
		background:#fff;
		}
	/* head */
	thead td, thead th {
		border-bottom:1px solid #fff;
		}
	thead td {
		background:#b7e6ec;
		}
	thead fieldset strong.legend {
		float:left;
		display:block;
		width:60px;
		}
	thead fieldset .legend, thead fieldset label {
		line-height:25px;
		}
	th {
		background:#575757 url(../img/borderSolidTh.gif) right repeat-y;
		color:#fff;
		}
	th:hover {
		background-color:#575757;
		}
	th a {
		display:block;
		background:url(../img/iconSortA.gif) right center no-repeat;
		text-decoration:none;
		color:#fff;
		padding-right:20px;
		}	
	#content th:hover a {
		color:#ddd;
		background:url(../img/iconSortB.gif) right center no-repeat;
		}
	#content th.sort a {
		background:url(../img/iconSortB.gif) right center no-repeat;
		}		
	#content th.sort:hover a {
		background:url(../img/iconSortA.gif) right center no-repeat;
		}
	/* body */
	tbody td {
		border-right:1px solid #fff;
		border-bottom:1px dotted #b7b7b7;
		}	
	tbody tr.nth-child-even td {
		background-color:#f0efef;
		}
	/*tbody tr:hover td {
		background-color:#dedede;
		cursor:pointer;
		}*/
	/*tbody tr:hover td a {
		color:#40b1c1;
		}*/
	/* footer */
	tfoot td {
		background:#d9f1f4;
		}
	
		
		
/* LISTS */
	dt em {
		font-weight:normal;
		}	
	dt {
		margin-bottom:2px;
		}
	dl {
		margin-bottom:15px;
		}
	
		
/* FORMS */
	input, textarea, select {
		border-color:#51bbc9;
		display:inline-block;
		padding:1px;
		margin:0 5px;
		border-color:#36b0c1;
		}	
	label {
		display:inline-block;
		width:125px;
		padding-right:10px;
		vertical-align:top;
		}
	table label {
		width:auto;
		font-weight:normal;
		}
	input[type="checkbox"] {
		background:#fff;
		}
	input[type="text"] {
		height:18px;
		padding-right:4px;
		padding-left:4px;
		}	
	input[type="submit"], input[type="button"] {
		margin-top:1px;
		padding-right:4px;
		padding-left:4px;
		color:#fff;
		background:#51bbc9;
		border:1px solid #36b0c1;
		cursor:pointer;
		}	
	input[type="submit"]:hover, input[type="button"]:hover {
		background:#73d0dc;
		}
	table input[type="submit"], table input[type="button"] {
		position:relative;
		top:1px;
		}	
	thead fieldset input[type="radio"], thead fieldset input[type="checkbox"] {
		position:relative;
		top:2px;
		}
	select {
		padding:0;
		height:22px;
		}
	select[multiple] {
		height:auto;
		}	
	/* status */
	input.inactive, select.inactive, textarea.inactive {
		color:#a2a2a2;
		}
	input[type="submit"].inactive, input[type="submit"].inactive:hover {
		border:1px solid #b4b4b4;
		background:#cecece;
		color:#fff;
		}
	form .error {
		font-style:normal;
		font-weight:bold;
		color:#ce4535;		
		line-height:16px;
		height:16px;
		background:url(../img/iconUitroepteken.gif) right no-repeat;
		padding-right:20px;
		cursor:help;
		}
	form .tools .error {
		background:url(../img/iconUitroepteken.gif) left no-repeat;
		padding-left:20px;
		}	
	/* sizes */
	form .small {
		width:50px;
		}
	form .normal {
		width:175px;
		}
	form .big {
		width:335px;
		font-size:1.3em;
		padding-bottom:2px;
		}
	form .tall {
		line-height:18px;
		padding-top:3px;
		padding-bottom:3px;
		}	
	input[type="submit"].tall {
		padding-top:3px;
		padding-bottom:2px;
		position:relative;
		top:0;
		}
	input.big[type="password"]{
		padding-right:6px;
		}
	select.big {
		width:345px;
		}
	select.tall {
		padding:0;
		height:25px;
		}
	/* right column */
	.right label {
		width:105px;
		padding-right:10px;
		}
	.right .big,
	.right .normal {
		width:130px;
		height:auto;
		font-size:1.11em;
		}
	.right select.big,
	.right select.normal {
		width:140px;
		}
		

/* BLOCK, BORDER */
	.block, .border {
		margin-bottom:25px;
		padding:0 13px;
		border:1px dotted #b7b7b7;
		}
	.block {
		background:#f0eeef;
		}
	.border {
		background:#fff;
		}	
	fieldset.block, fieldset.border {
		padding-right:20px;
		}
	.block input, .block textarea, .block select, 
	.border input, .border textarea, .border select {
		margin:0 0 10px;
		}
	h3.block, h3.border {
		display:block;
		font-size:1.15em;
		text-decoration:none;
		margin-bottom:0;
		border-bottom:0;
		position:relative;
		margin-top:10px;
		height:15px;
		top:1px;
		}	
	.block img, .border img {
		margin-bottom:10px;
		}
	h3.block a, h3.block span,
	h3.border a, h3.border span {
		position:relative;
		bottom:10px;
		background:#fff;
		}
	h3.block span, h3.border span {
		color:#168598;
		}
	table.block, table.border {
		border:0;
		}
	table.block input, table.border input {
		margin:0;
		}
	
		
/* ICONS */
	.icon {
		position:relative;
		top:3px;
		}
	.vraagteken { 
		background-image:url(../img/iconVraagteken.gif); 
		}	
	.deur { 
		background-image:url(../img/iconDeur.gif); 
		}
	.vergrootglas { 
		background-image:url(../img/iconVergrootglas.gif); 
		}
	.nieuw { 
		background-image:url(../img/iconNieuw.gif); 
		}	
	.verwijder { 
		background-image:url(../img/iconVerwijder.gif); 
		}	
	.dupliceer { 
		background-image:url(../img/iconDupliceer.gif); 
		}
	.bewerk { 
		background-image:url(../img/iconBewerk.gif); 
		}	
	.origineel { 
		background-image:url(../img/iconOrigineel.gif); 
		}
	

/* CAROUSEL */
	.arrowL {
		width:5px;
		height:25px;
		display:inline-block;
		background:url(../img/iconArrow.gif) center left no-repeat;
		float:left;
		}	
	.arrowR {
		width:5px;
		height:25px;
		display:inline-block;
		background:url(../img/iconArrow.gif) center right no-repeat;
		float:right;
		}
	.carousel {
		margin:0 2px;
		width:825px;
		height:25px;
		display:block;
		overflow:hidden;
		position:relative;
		float:left;
		}
	.carousel > div {
		width:99999px;
		position:absolute;
		}
		
		
/* SETTINGS */
	/* tools */
	.tools {
		border:1px dotted #b7b7b7;
		background:#fff;
		display:block;
		float:left;
		width:240px;
		margin-bottom:15px;
		}
	.tools li {
		display:block;
		height:30px;
		line-height:30px;
		width:100px;
		float:left;
		padding:0 10px;
		}
	.tools a {
		padding-left:20px;
		padding-top:1px;
		background-repeat:no-repeat;
		line-height:30px;
		}
	tfoot .tools {
		margin-bottom:0;
		width:auto;
		}	
	tfoot .tools li {
		width:auto;
		margin-right:10px;
		}
	/* results */
	.results {
		float:right;
		margin-bottom:15px;
		}
	.results dt, .results dd {
		display:inline;
		margin:0 0 0 15px;
		}
	tfoot .results {
		line-height:30px;
		margin-bottom:0;
		}
	/* upload */
	.upload {
		overflow:hidden;
		width:100%;
		margin-bottom:15px;
		}
	.upload .thumb {
		float:left;
		}

			
/* LAYOUT */
	#footer, #sitemap, #content, #navigation, #header {
		clear:both;
		}
	.container {
		padding:0 15px;
		margin:auto;
		height:1%;
		overflow:hidden;
		}
	/* header */
	#header a, #navigation a {
		color:#d8f1f5;
		}
	#header a:hover, #navigation a:hover,
	#header a.selected, #navigation a.selected {
		color:#fff;
		}
	#header {
		background:#575757;
		}
	#header .container {
		background:#575757;
		padding-bottom:0px;
		}
	#logo {
		overflow:hidden;
		float:left;
		margin-bottom: 0px;
		}
	#logo a {
		display:block;
		width:340px;
		height:83px;
		text-indent:-999px;
		background:url(../img/logo.gif) #797979 no-repeat center;
		}
	#logo a:hover {
		background-color:#858585;
		}
	#boerdamSites {
		float:right;
		}
	#boerdamSites a {
		display:inline-block;
		padding:6px 8px;
		background:#797979;
		font-size:0.9em;
		color:#ccc;
		text-decoration:none;
		margin:0 0 0 4px;
		}
	#boerdamSites a:hover {
		background:#858585;
		}
		
	/* navigation */
	#navigation {
		color:#fff;
		}
	#naviation a {
		color:#d8f1f5;
		}
	#naviation a:hover {
		color:#fff;
		}
		
	/* main navigation */
	#mainNavigation {
		float:left;
		height:40px;
		}
	#mainNavigation a {
		display:inline-block;
		padding:7px 20px;
		background:#5cbfcc;
		font-size:1.2em;
		font-weight:bold;
		text-decoration:none;
		margin:0 8px 0 0;
		}
	#mainNavigation a:hover {
		background:#72cad5;
		}
	#mainNavigation a.selected, #mainNavigation a.selected:hover  {
		background:#575757;
		}
	/* sub navigation */
	#subNavigation { 
		float:right;
		height:40px;
		}
	#subNavigation p {
		float:left;
		line-height:40px;
		}	
	#subNavigation ul {
		float:left;
		line-height:40px;
		margin:0 8px;
		font-size:1.1em;
		}
	#subNavigation ul a {
		font-weight:bold;
		background-repeat:no-repeat;
		background-position:0 50%;
		padding-left:20px;
		margin:0 3px;
		}
	#subNavigation input, #subNavigation form, #subNavigation fieldset {
		float:left;
		margin-top:3px;
		}
	#subNavigation input[type="text"] {
		border:1px solid #25909e;
		width:90px;
		}
	#subNavigation input[type="submit"] {
		color:#575757;
		background:#d8f1f5;
		border-color:#25909e;
		margin-right:0;
		}
	#subNavigation input[type="submit"]:hover {
		background:#f1f9fa;
		}
	/* content */
	#content {
		background:#b7b7b7;
		color:#2c2c2c;
		font-size:1.1em;
		}
	#content .container {
		background:#fff;
		padding-top:20px;
		padding-bottom:45px;
		}
	/* sitemap */
	#sitemap .container {
		padding-top:30px;
		}
	#sitemap strong {
		font-size:1.3em;
		text-transform:uppercase;
		}
	#sitemap dl {
		float:left;
		margin:0 30px 0 0;
		}
	#sitemap dl.last-child {
		margin:0;
		}
	#sitemap dt, 
	#footer dd {
		width:160px;
		}
	#sitemap a {
		display:block;
		color:#fff;
		text-decoration:none;
		line-height:28px;
		width:160px;
		}
	#sitemap dt a {
		width:160px;
		color:#d8f1f5;
		background:#5cbfcc;
		text-indent:10px;
		line-height:25px;
		}
	#sitemap dt a:hover {
		background:#72cad5;
		color:#fff;
		}
	#sitemap dd {
		padding-bottom:1px;
		border-bottom:1px dotted #a2dae3;
		}
	#sitemap dd a:hover {
		text-decoration:underline;
		background:#40b4c4;
		}
	#sitemap dt strong a {  background:#5cbfcc url(../img/iconMinimaliseer.gif) no-repeat 95% -29px;}
	#sitemap dt strong a:hover { background:#72cad5 url(../img/iconMinimaliseer.gif) no-repeat 95% -29px; }
	/* hidden */
	#sitemap a.collapsed { background:#5cbfcc url(../img/iconMinimaliseer.gif) no-repeat 95% -1px; }
	#sitemap a.collapsed:hover { background:#72cad5 url(../img/iconMinimaliseer.gif) no-repeat 95% -1px; }

	/* footer */
	#footer p {
		margin-top:0;
		line-height:60px;
		color:#FFFFFF;
		}
	#footer a {
		color:#d8f1f5;
		}
	#footer a:hover {
		color:#fff;
		}


/* PAGES */	
	/* width */
	.container {
		width:925px;
		}
	/* columns */
	.left {
		float:left;
		width:49%;
		}
	.right {
		float:right;
		width:49%;
		margin-left:15px;
		}
	body#login .left, body#publiceer .left {
		width:61.2%;
		}
	body#login .right, body#publiceer .right {
		width:36.8%;
		}	
	/* login */
	#login #header {
		margin-bottom:10px;
		}
	#login #navigation {
		display:none;
		}
	#login #sitemap {
		display:none;
		}
	#manager table.only-child, .block.last-child, .border.last-child {
		margin-bottom:0;
		}

