@import url('thickbox.css');

*
{
	margin: 0;
	_overflow-x: hidden;
	padding: 0;
}

HTML, BODY { height: 100%;}

BODY
{
	background: url('../image/layout/backdrop.jpg') repeat-x #FFFFFF;
	color: #000000;
	font-family: verdana, sans-serif;
	font-size: 10px;
	line-height: 16px;
}


IMG { border: 0; }

TD { line-height: 18px; vertical-align: top; }
TH { text-align: left; }

.domeinselect{
	width:200px;	
}

/*Classes
-----------------------------------------------------*/
.bold { font-weight: bold; }
.clear { clear: both; }
.error { color: #DD0000; }
.left { float: left; }
.right { float: right; }
.center { display: block; margin: 0 auto; }

.mr20 { margin-right: 20px; }

/*Headings
-----------------------------------------------------*/
h1#welkom_titel {
background:transparent url('../image/layout/welkom.jpg') no-repeat;
}

h1#welkom_inloggen {
background:transparent url('../image/layout/inloggen.jpg') no-repeat;
}

h1#mogelijkheden_titel { 
background: url('../image/layout/mogelijkheden.gif') no-repeat; 
}

h1#voorbeeld_titel { 
background: url('../image/layout/voorbeeld.gif') no-repeat;
}

h1#contact_titel { 
background: url('../image/layout/contact.gif') no-repeat; 
}

h1 {
	 text-indent: -99999px;
	 margin: 0 0 20px 0;
	 height: 21px;
}

H2
{
	font-size: 13px;
}

H3
{
	color: #23378E;
	font-size: 12px;
	margin: 0 0 10px 0;
}



/*Links
-----------------------------------------------------*/
A:link, A:active, A:visited
{
	color: #F11B27;
	outline: none;
	text-decoration: none;
}

A:hover
{
	color: #888888;
}

/*Div elementen
-----------------------------------------------------*/
DIV#wrapper
{
	margin: 0 auto;
	width: 967px;
	height: auto !important;
	min-height: 100%;
	height: 100%;
}

	DIV#content
	{
		background: url('../image/layout/backdrop_content.jpg') repeat-y;
		margin: 0 0 0 4px;
		padding: 30px 0;
		min-height: 400px;
		height:auto;
		_height: 400px;
	}
	
		DIV#cont_left
		{
			background: none;
			float: left;
			padding: 0 25px;
			width: 590px;
		}
		
			DIV#cont_left P { line-height: 18px; }
			DIV#cont_left UL { line-height: 18px; padding: 0 0 0 20px; }
		
			DIV.content
			{
				float: left;
				line-height: 18px;
				text-align: justify;
				width: 595px;
			}
			
			DIV.portfolio_item
			{
				border-bottom: solid 1px #D1D1D1;
				height: 190px;
				padding: 20px 0 30px 0;
			}
		
div#content_right {
 	float: left;
	width: 270px;
	padding: 0px 25px 20px 20px;
}

DIV#footer
{
	background: url('../image/layout/backdrop_footer.jpg') repeat-x;
	margin: -27px 0 0 0;
	height: 27px;
	width: 100%;
}

	DIV#footer IMG
	{
		display: block;
		margin: 0 auto;
	}

/*Navigaties
-----------------------------------------------------*/
/*topnav*/
UL#topnav { list-style-type: none; }

	UL#topnav LI
	{
		display: block;
		float: left;
		height: 81px;
		text-indent: -99999px;
	}

		UL#topnav LI A
		{
			display: block;
			height: 81px;				
		}

		UL#topnav LI A#home_btn {	background: url('../image/btn/home.jpg') no-repeat top left; width: 172px; }
		UL#topnav LI A#mogelijkheden_btn {	background: url('../image/btn/mogelijkheden.jpg') no-repeat top left; width: 326px; }
		UL#topnav LI A#voorbeeld_btn {	background: url('../image/btn/voorbeeld.jpg') no-repeat top left; width: 279px; }
		UL#topnav LI A#contact_btn {	background: url('../image/btn/contact.jpg') no-repeat top left; width: 183px; }
		
		UL#topnav LI A#home_btn:hover {	background-position: bottom left; }
		UL#topnav LI A#mogelijkheden_btn:hover {	background-position: bottom left; }
		UL#topnav LI A#voorbeeld_btn:hover {	background-position: bottom left; }
		UL#topnav LI A#contact_btn:hover {	background-position: bottom left; }
	

UL#sitenav 
{
	float: right;
	list-style-type: none;
}

	UL#sitenav LI
	{
		border-right: solid 1px #BCBCBC;
		border-left: solid 1px #FFFFFF;
		display: block;
		float: left;
	}
	
		UL#sitenav LI A
		{
			color: #888888;
			display: block;
			padding: 3px 7px 4px 7px;
		  	text-decoration: none;
		}
		
		UL#sitenav LI A:hover, UL#sitenav LI#current A
		{
			background: #000000;
			color: #FFFFFF;
		}

ul#sitenav {
	list-style-type: none;
	float: right;
}

ul#sitenav li {
  float: left;
  display: block;
}

ul#sitenav li a {
  display: block;
  color: #888888;
  font-size: 11px;
  text-decoration: none;
  background: url('../../image/btn/sitenav_backdrop.jpg') no-repeat top left;
  padding: 2px 7px 1px 7px;
}

ul#sitenav li a:hover, ul#sitenav li#current a {
	background: #000000;
	color: #FFFFFF;
}

/* --- list*/
UL.list
{
	list-style-position: inside;
	list-style-type: disc;
	padding: 0 0 0 20px;
}

/*Formulier
-----------------------------------------------------*/
LABEL
{
	display: block;
	float: left;
	margin: 3px 0 0 0;
	width: 140px;
}

LABEL.dw { width: 180px; }

	LABEL SPAN { color: #DD0000; }

INPUT.field
{
	float: left;
	margin: 0 0 5px 0;
	padding: 2px 3px;
	width: 250px;
}

TEXTAREA
{
	margin: 0 0 5px 0;
	height: 130px;
	width: 255px;
}

SELECT
{
	margin: 0 0 5px 0;
	width: 255px;
}

/*Menu
---------------------------------------------------------*/
A.r_btn
{
	color: #FFFFFF;
	cursor: pointer;
	display: block;
	height: 0;
	padding: 55px 20px 0px 30px;
	width: 236px;
}

	A.r_btn SPAN { cursor: pointer; text-decoration: underline; }
	A.r_btn P { display: none; }

A#r_btn_1 		{ background: url('../image/btn/btn_1_off.jpg') no-repeat; }
A#r_btn_1:hover { background: url('../image/btn/btn_1_on.jpg') no-repeat; }

A#r_btn_2 		{ background: url('../image/btn/btn_2_off.jpg') no-repeat; }
A#r_btn_2:hover { background: url('../image/btn/btn_2_on.jpg') no-repeat; }

A#r_btn_3 		{ background: url('../image/btn/btn_3_off.jpg') no-repeat; }
A#r_btn_3:hover { background: url('../image/btn/btn_3_on.jpg') no-repeat; }

A#r_btn_4 		{ background: url('../image/btn/btn_4_off.jpg') no-repeat; }
A#r_btn_4:hover { background: url('../image/btn/btn_4_on.jpg') no-repeat; }

A#r_btn_5 		{ background: url('../image/btn/btn_5_off.jpg') no-repeat; }
A#r_btn_5:hover { background: url('../image/btn/btn_5_on.jpg') no-repeat; }

ul#rightnav3
{
	list-style-type: none;
}

	ul#rightnav3 li#li_1 { display: block; height: 56px; width: 286px; background: url('../image/btn/btn_1_out.jpg') no-repeat; }
	ul#rightnav3 li#li_2 { display: block; height: 56px; width: 286px; background: url('../image/btn/btn_2_out.jpg') no-repeat; }
	ul#rightnav3 li#li_3 { display: block; height: 56px; width: 286px; background: url('../image/btn/btn_3_out.jpg') no-repeat; }
	ul#rightnav3 li#li_4 { display: block; height: 56px; width: 286px; background: url('../image/btn/btn_4_out.jpg') no-repeat; }
	ul#rightnav3 li#li_5 { display: block; height: 56px; width: 286px; background: url('../image/btn/btn_5_out.jpg') no-repeat; }
	ul#rightnav3 li#li_6 { display: block; height: 56px; width: 286px; background: url('../image/btn/btn_6_out.jpg') no-repeat; }
	
		ul#rightnav3 li a
		{
			display: block;
			height: 56px;
			outline: none;
			text-indent: -99999px;
			width: 286px;
		}
			ul#rightnav3 li a#btn_1 { background: url('../image/btn/btn_1_off.jpg') no-repeat; }
			ul#rightnav3 li a#btn_2 { background: url('../image/btn/btn_2_off.jpg') no-repeat; }
			ul#rightnav3 li a#btn_3 { background: url('../image/btn/btn_3_off.jpg') no-repeat; }
			ul#rightnav3 li a#btn_4 { background: url('../image/btn/btn_4_off.jpg') no-repeat; }
			ul#rightnav3 li a#btn_5 { background: url('../image/btn/btn_5_off.jpg') no-repeat; }
			ul#rightnav3 li a#btn_6 { background: url('../image/btn/btn_6_off.jpg') no-repeat; }
			
			ul#rightnav3 li a#btn_1:hover { background: url('../image/btn/btn_1_on.jpg') no-repeat; }
			ul#rightnav3 li a#btn_2:hover { background: url('../image/btn/btn_2_on.jpg') no-repeat; }
			ul#rightnav3 li a#btn_3:hover { background: url('../image/btn/btn_3_on.jpg') no-repeat; }
			ul#rightnav3 li a#btn_4:hover { background: url('../image/btn/btn_4_on.jpg') no-repeat; }
			ul#rightnav3 li a#btn_5:hover { background: url('../image/btn/btn_5_on.jpg') no-repeat; }
			ul#rightnav3 li a#btn_6:hover { background: url('../image/btn/btn_6_on.jpg') no-repeat; }
	
	div.btn_text { color: #FFFFFF; display: none; padding: 0 30px; }
		
		div.btn_text span { cursor: pointer; font-weight: bold; }