/*
Theme Name: Dimension IT
Theme URI: http://dimensionit.nl
Description: The default Dimension IT Theme
Version: 1.0
*/


body
		{
		font-size: 62.5%;
		font-family: Arial, Sans-Serif; 
		margin: 0;
		padding: 0;
		background: url('htimg/back.jpg') top left repeat-x;
		}		
h1, h2, h3, h4, h5, h6, p
		{
		margin: 0;
		padding: 0;
		}
		
h2
		{
		font-size: 1.8em;
		color: #0055a5;
		}
		
h3
		{
		font-size: 1.8em;
		color: #bbb;
		padding: 0 0 20px;
		}
		
h2 a
		{
		color: #0055a5;
		}
		
		
a
		{
		color: #0055a5;
		text-decoration: none;
		outline: none;
		}
		
		
a:hover, a:active
		{
		color: #FF0000;
		text-decoration: underline;
		}
		
p
		{
		color: #5f6468;
		font-size: 1.4em;
		line-height: 1.4em;
		padding: 10px 0;
		}
		
.sitemap
		{
		float: left;
		font-size: 1.4em;
		line-height: 1.4em;
		}
		
		
blockquote
		{
		margin: 0;
		padding: 0 40px;
		background: url('htimg/dit_blockquote.jpg') top left no-repeat;
		}
rblockquote
		{
		margin: 0;
		background: url('htimg/dit_blockquote.jpg') top right no-repeat;
		}
		
blockquote p
		{
		font-style: italic;
		color: #CDCDCD;
		}
		
.homeblockb blockquote p
		{
		font-style: italic;
		color: #5f6468;
		}
		
		
#oortjediv
		{
		position: absolute;
		top: 0px;
		right: 0px;
		width: 240px;
		height: 320px;
		z-index: 8;
		/*background: red;*/
		}

		
#page
		{
		margin: 0 auto;
		padding: 0;
		background: #F0EFEF;
                  width: 860px;
		}			
		
#header
		{
		float: left;
		margin: 0;
		padding: 0;
		width: 860px;
		height: 90px;
                  background: url('htimg/back_header.jpg') repeat-x;
		}
		#header h1
		{
		float: left;
		width: 190px;
		height: 90px;
		margin: 0;
		padding: 0;
		text-indent: -9000px;
		}
		#header h1 a
		{
		float: left;
		width: 250px;
		height: 90px;
		margin: 0;
		padding: 0;
		background: url('htimg/dit_logo.gif') -8px 0px no-repeat;
		}
		#header .searchbox
		{
		float: right;
		width: 600px;
		margin: 10px;
		padding: 10px 0 0 0;
		}
		#header input
		{
		float: right;
		color: #CDCDCD;
		font-size: 1.4em;
		padding: 3px 28px 0 2px;
		width: 142px;
		height: 19px;
		border: 1px solid #CDCDCD;
		background: #CDCDCD url('htimg/dit_search.jpg') bottom right no-repeat;
		margin: 0;
		}
		#header input:focus
		{
		border: 1px solid #CDCDCD;
		background: #fff url('htimg/dit_search.jpg') top right no-repeat;
		}	
		#header .contact
		{
		text-align: right;
		float: right;
		width: 600px;
		margin: 0;
		padding: 0px 0 0 0;
		}
		
				
#menu
		{
		float: left;
		margin: 0;
		padding: 0;
		width: 858px;
		border: 1px solid #CDCDCD;
		overflow: hidden;
		background: url('htimg/back_menu.jpg') top left repeat-x;		}
		#menu ul.lavaLamp
		{
                  position: relative;
		float: left;
		list-style: none;
		padding: 0;
		margin: 0;
		overflow: hidden;	
		}
		#menu ul.lavaLamp li
		{
		float: left;
		padding: 10px 0;
		margin: 0 20px 0 8px;
		display: inline;
		}
		#menu ul.lavaLamp li.back
		{
        position: absolute;
        width: 200px;
        height: 4px;
        background: #6FBAF6;
        padding: 0;
        margin: 0;		}
		#menu ul.lavaLamp li a
		{
		float: left;
		font-size: 1.4em;
		padding: 6px 4px;
		margin: 0;
        z-index: 10;
		}
		#menu ul.lavaLamp li.current_page_item a, #menu ul.lavaLamp li.current_page_parent a
		{
		color: #6FBAF6;
		text-decoration: underline;		
		}
		

#main	
		{
		float: left;
		padding: 28px 0;
		}

#content	
		{
		float: left;
		padding: 5px 0 0 20px;
		width: 580px;
		}
		#content .homeblock,#content .homeblockb, #content .page
		{
		float: left;
		padding: 0 0 10px 0;
		}
		#content p
		{
		font-size: 1.4em;
		line-height: 1.5em;
		}
		.headlineHolder
		{
		float: left;
		margin: 0;
		padding: 0;
		width: 580px;
		height: 340px;
		background: #fff;
		display: block;
		}

#sidebar
		{
		float: left;
		width: 240px;
		padding: 0;
		margin: 0;
		}
		#sidebar .darkbar ul, #sidebar .lightbar ul
		{
		margin: 0;
		padding: 10px;
		list-style: none;
		}
		#sidebar .darkbar ul li, #sidebar .lightbar ul li
		{
		color: #5f6468;
		font-size: 1.4em;
		line-height: 1.4em;
		margin: 0;
		padding: 0 0 10px 0;
		}
		#sidebar .darkbar ul li.current_page_item a, #sidebar .lightbar ul li.current_page_item a
		{
		color: #0055a5;
		text-decoration: underline;		
		}
		#sidebar .searchbox
		{
		float: left;
		margin: 0;
		padding: 0 0 20px 0;
		}
		#sidebar .searchbox input
		{
		float: right;
		color: #CDCDCD;
		font-size: 1.4em;
		padding: 3px 28px 0 2px;
		width: 142px;
		height: 19px;
		border: 1px solid #F0EFEF;
		background: #ebf7fb url('htimg/dit_search.jpg') bottom right no-repeat;
		margin: 0;
		}
		#sidebar .searchbox input:focus
		{
		border: 1px solid #CDCDCD;
		background: #fff url('htimg/dit_search.jpg') top right no-repeat;
		}

.darkbar
		{
		float: left;
		width: 220px;
		padding: 10px 10px 0 10px;
		margin: 0 0 10px;
		background: url('htimg/dit_sidebar.jpg') top left repeat-x;
		}
		.darkbar h2
		{
		color: #fff;
		text-decoration: none;
		}
		.darkbar h2 a
		{
		color: #fff;
		text-decoration: none;
		}
		.darkbar p
		{
		color: #fff;
		}
		.darkbar a
		{
		color: #fff;
		text-decoration: underline;
		}
		.darkbar .post
		{
		padding: 0 0 10px 0;
		}

.lightbar
		{
		float: left;
		width: 218px;
		padding: 10px 10px 10px 10px;
		margin: 0 0 10px;
		border: 1px solid #F0EFEF;
		}
		.lightbar .post
		{
		padding: 0 0 10px 0;
		}

.lightbar_btns
		{
		float: left;
		width: 218px;
		padding: 10px 10px 0 10px;
		margin: 0 0 10px;
		border: 1px dotted #F0EFEF;
		}
		#sidebar .lightbar_btns ul
		{
		margin: 0;
		padding: 0;
		list-style: none;
		}
		#sidebar .lightbar_btns ul li
		{
		color: #5f6468;
		font-size: 1.4em;
		line-height: 1.4em;
		margin: 0;
		padding: 0 0 10px 0;
		}
		#sidebar .lightbar_btns ul li a
		{
		padding: 4px;
		display: block;
		background: url('htimg/dit_button_bg.jpg') top left repeat-x;
		border-top: 1px solid #959ac7;
		border-left: 1px solid #959ac7;
		border-right: 1px solid #2c3590;
		border-bottom: 1px solid #2c3590;
		}
		#sidebar .lightbar_btns ul li.current_page_item a
		{
		color: #0055a5;
		text-decoration: underline;
		display: block;
		}
		

.invbar
		{
		float: left;
		width: 218px;
		padding: 10px 10px 0 10px;
		margin: 0 0 10px;
		border: 1px solid #fff;
		}
		.invbar .post
		{
		padding: 0 0 10px 0;
		}
		
#footer
		{
		float: left;
		text-align: center;
		margin: 0;
		padding: 4px 0;
		width: 860px;
		border-top: 1px solid #CDCDCD;
}
		
		
/* hide some crap from searchbox */


		
.hidden
		{
		display: none;
		}
		
#searchsubmit
		{
		display: none;
		}
		
		
/*reservation form*/


div.reservation
{
	position: relative;
	float: left;
}

div.reservation input:focus, div.reservation textarea:focus, div.reservation label:focus {
	background: #fff;
	border: 1px solid #0055a5;
}

div.reservation textarea, div.reservation input, div.reservation select {
	background: #fff;
	border: 1px solid #7fc9e7;
	color: #000;
	margin: 1px;
	padding: 3px;
}


div.reservation fieldset
{
	margin: 0;
	padding: 0 0 20px 0;
	border: 0;
}

div.reservation fieldset input,
div.reservation fieldset select,
div.reservation fieldset button,
div.reservation fieldset textarea
{
	vertical-align: middle;
	font: normal 13px Arial, Sans-Serif;
}

div.reservation fieldset.personal-data input
{
	width: 170px;
}

div.reservation fieldset
{
	padding: 0 0 20px 0;
}

div.reservation fieldset textarea
{
	overflow: auto;
	width: 356px;
	height: 100px;
}

div.reservation p.leg
{
	color: #0055a5;
	padding: 0 0 5px 0;
	margin: 0;
	border: none;
	display: block;
}

div.reservation fieldset button
{
	margin: 4px;
	margin-left: 0;
}

div.reservation fieldset label
{
	font-size: 1.4em;
	display: block;
	border: 0;
	color: #5f6468;
}

div.reservation fieldset label.radio
{
	font-size: 1.4em;
	display: inline;
	border: 0;
}

div.reservation fieldset div
{
	float: left;
	margin-right: 6px;
}

.display-none
{
	display: none;
}

.display-block
{
	display: block;
}

p.validator
{
	color: #000;
}

.text-align-right
{
	text-align: right;
}

.break
{
	clear: both;
}			
			
.label
{
	padding: 0 0 8px 0;
}		
			
div.reservation fieldset input.radio { border:0; } 

div.reservation fieldset button

	{
	background: #ebf7fb;
	border: 1px solid #CDCDCD;
	color: #000;
	margin: 1px;
	padding: 3px;
	}


		
	

		
	
