@charset "utf-8";
/* CSS Document */


HTML, BODY {
	margin: 0px;
	
	font-family:arial,verdana;
	font-size: 11px;
	color:#333333;
}

HTML, BODY {
	margin: 0 auto;
}


/* Globals -------------------------------------------------------------------------- */


body {
	padding:0px 0px 20px 0px;
    position: relative;
	margin: 0 auto;
	width: 100%;	
	background: url(../gfx/template/body_bg.jpg) top center; 
}

img {
	border: 0px;
}

H2 {
	font-size: 18px;
	padding: 10px 0px;
}

A {
	color: #176FA8;
	text-decoration:underline;
}


/* General */

.nodisplay {
	display:none;
}
.clear {
	clear:both;
}
.pointer {
	cursor: pointer;
}
.nobullit {
	list-style:none;
	list-style-image:None;
	
}



/* CONTENT -------------------------------------------------------------------------- */

DIV.template H1 {
	font-size: 22px;
	color: #176FA8;
	margin: 0px 0px 30px 0px;
}

DIV.template H2 {
	font-size: 16px;
	color: #176FA8;
	font-weight:bold;
	margin: 10px 0px 0px 0px;
}
DIV.template H3, DIV.template H5, DIV.template H4, DIV.template H6 {
	font-size: 13px;
	color: #176FA8;
	font-weight:bold;
	margin: 15px 0px 0px 0px;
}

DIV.template P, DIV.template UL, DIV.template UL LI {
	font-size: 11px;
	color: #666;
	width: 90%;
	line-height: 18px;
}

DIV.template UL LI {
	width: 90%;
}



DIV.template FORM {
	margin:0px;
	padding:0px;
	font-size: 11px;
}
DIV.template FORM FIELDSET {
	border:0px;
	padding:0px;
	margin:0px;
}
DIV.template FORM LEGEND {
	display:none;
}
DIV.template FORM UL {
	margin:0px;
	padding:0px;
	list-style:None;
	list-style-image:none;
}
DIV.template FORM UL LI {
	padding: 2px 0px;
	margin: 4px 0px;
}
DIV.template FORM INPUT {
	margin: 2px 0px 0px 0px;
}

/* homepage form */
#inquiry UL LI {
	padding: 5px 0px;
	margin: 10px 0px;
}
#inquiry INPUT {
	padding: 4px 0px;
}


/* Template -------------------------------------------------------------------------- */


div#template {
    position: relative;
    margin: 0 auto;
	width: 100%;
	height: auto;
	background: url(../gfx/template/template_bg.jpg) top center repeat-x;
}

	#template .template {
		position: relative;
		width: 745px;
		border-top:2px solid #EFEFEF;
		
		padding: 40px 65px 40px 65px;
		
		margin: 0 auto;
		min-height: 400px;
		height: auto;
		overflow:auto;
		background:#FFFFFF url(../gfx/template/content_bg.jpg) bottom center no-repeat;

		
		font-family:Arial,Verdana;
		font-size: 12px;
		font-weight:normal;
		color: #333333;
	}





/* Footer -------------------------------------------------------------------------- */


div#footer {
    position: relative;
    margin: 0 auto;
	width: 100%;
	height: auto;
}

	#footer .footer {
		position: relative;
		width: 875px;
		
		padding:0px 0px 8px 0px;
		margin: 0 auto;
		background: url(../gfx/template/footer_bottom_bg.png) bottom center no-repeat;

		height: auto;
		overflow: auto;
		font-family:Arial,Verdana;
		font-size: 12px;
		font-weight:normal;
		color: #333333;
	}
	
	.footer .footer_top {
		height: 12px;
		background: #D3D3D3 url(../gfx/template/footer_top_bg.png) top left repeat-x;
	}
	
	
	.footer .footer_content_left {
		position: relative;
		width: 48%;
		margin: 0px 0px 0px 0px;
		float: left;
		padding-top:0px;
		text-align:left;
	}

	.footer .footer_content_right {
		position: relative;
		width: 48%;
		margin: 0px 10px 0px 0px;
		float: right;
		padding-top:0px;
		text-align:right;
	}

		.footer_content_left UL, .footer_content_right UL {
			list-style:none;
			list-style-image:none;
			font-size:11px;
			padding-top:0px;	
			margin-top:3px;
			padding-left:0px;
			margin-left:15px;
		}
		.footer_content_left UL LI {
			float:left;
		}
		.footer_content_left UL LI A {
			padding-left: 10px;
			margin-right: 10px;
			color: #C43A16;
			font-size: 11px;
			text-decoration:none;
			background: url(../gfx/template/footer_left_list-style-image.gif) center left no-repeat;
		}
		.footer_content_left UL LI A:hover {
			text-decoration:underline;
		}

		.footer_content_right UL LI {
			float:right;
		}
		.footer_content_right UL LI A {
			padding-left: 10px;
			margin-right: 10px;
			color: #176FA8;
			font-size: 11px;
			text-decoration:none;
			background: url(../gfx/template/footer_right_list-style-image.gif) center left no-repeat;
		}
		.footer_content_right UL LI A:hover {
			text-decoration:underline;
		}		

	.copyright {
		padding-right: 10px;
		color:#FFFFFF;
		line-height: 19px;
		font-size:11px;
	}
	.copyright A {
		text-decoration:underline;
		color: #999999;
	}
	.copyright A:hover {
		text-decoration: none;
	}



/* Header -------------------------------------------------------------------------- */

div#header {
    position: relative;
    margin: 0 auto;
	width: 100%;
	height: 85px;
	background: #FFFFFF url(../gfx/template/header_bg.jpg) top center;
	

}
	#header H1 {
		font-family:Arial,Verdana;
		font-size: 22px;
		font-weight:bold;
		display:none;
	}
	#header H2 {
		font-family:Arial,Verdana;
		font-size: 17px;
		font-weight:bold;
		display:none;
	}

	#header .header {
		position: relative;
		width: 875px;
		margin: 0 auto;
		height: 60px;
		padding-top:15px;
		
		font-family:Arial,Verdana;
		font-size: 18px;
		font-weight:bold;
		color: #176FA8;
	}
		.header .slogan {
			position: absolute;
			top: 25px;
			right:0px;
			
			color: #5F5F5F;
		}
		
			.mediabaas {
				background-image:url(../gfx/vindmijnverhuizer.png);
				width:200px;
				height:65px;
				padding-left:10px;
				vertical-align:top;
				padding-top:10px;
				font-size:24px;
		}
					.mediabaas01 {
				width:100px;
				height:65px;
				vertical-align:top;
				padding-top:10px;
				color:#666;
				font-size:24px;
		}
						.mediabaas02 {
				vertical-align:top;
				padding-top:0px;
				color:#666;
				font-size:15px;
				text-align:right;

		}
				.mediabaas03 {
					color:#F00;

		}





/* Forms -------------------------------------------------------------------------- */

FORM LEGEND {
	font-size: 13px;
	font-weight:bold;
}
FORM UL {
	
}
FORM LABEL {
	
}
FORM LABEL SPAN {
	color:#888888;
	font-size: 10px;
}

	/*
	INPUT {
		width: 170px;
	}
	*/
	INPUT.postal1 {
		width: 40px;
	}
	INPUT.postal2 {
		width: 20px;
	}
	INPUT.housenumber {
		width: 36px;
	}
	INPUT.submit {
		height: 30px;
		width: 132px;
	}
	INPUT.kvk {
		width: 70px;
	}
	INPUT.calendar {
		width: 75px;
		border:1px solid #999;
		padding: 2px 24px 2px 2px;
		
		background: #FFFFFF url(../gfx/template/calendar.gif) center right no-repeat;
		cursor: pointer;
	}
	INPUT.contact {
		width: 80px;
	}
	TEXTAREA {
		width: 400px;
		height: 100px;
	}
	SELECT.title {
		width: 50px;
	}
	
	
	INPUT[type=radio], INPUT.radio {
		width: 25px;
	}
	INPUT[type=checkbox], INPUT.radio {
		width: 25px;
		height:16px;
	}
	INPUT.radio {
		width: 120px;
	}



	SPAN.help {
		cursor: pointer;
	}









/* table navigation */

TABLE.table_navigation {
	margin:10px 0px;
	width: 97%;
}
	TD.table_prev, TD.table_next {
		width: 120px;
	}
	TD.table_next {
		text-align: right;
	}

	FORM.navigation {
		text-align:center;
	}
	TD.td_navigation A {
		padding: 0px 4px;
	}
	TD.td_navigation A:hover {
		text-decoration:underline;
	}
	TD.td_navigation A.active {
		color:#FFFFFF;
		background:#484848;
		padding: 3px 4px;
	}


/* tablesorter */

TABLE.sorteertabel {
	width: 98%;
	border:0px;
	float:None;
	clear:both;
	padding:0px;
	margin:0px 0px 15px 0px;
	height: 20px;
}

TABLE.sorteertabel TR TD {
	padding: 2px;
}

TABLE.sorteertabel THEAD TR {
	background: #DFDFDF;
}



.sorteertabel THEAD TH {
		padding: 4px;
		text-align:left;
		cursor: pointer;
		border-bottom:3px solid #FFFFFF;

	}

	.sorteertabel THEAD TH A  {
		text-decoration:none;
		padding-right:15px;
		background: url(../gfx/template/icons/sort.png) center right no-repeat;
		font-weight:normal;
		font-size:11px;
		color: #797979 !important;
		cursor: pointer;
	}

	.sorteertabel TR {
		background:none;
	}

	.sorteertabel TBODY TR TD, .sorteertabel TBODY TR TD A {
		font-size:11px;
		color:#666666;
	}

		.sorteertabel TBODY TR TD A:hover, .sorteertabel TBODY TR TD A:hover {
			text-decoration: none;
		}

	.sorteertabel TBODY TR:hover, .sorteertabel TR:hover {
		background:#EFEFEF;
	}

		.sorteertabel TBODY A, .sorteertabel TBODY A {
			color: #797979;
			padding-left: 2px;
			text-decoration:underline;
		}

	.sorteertabel A.edit, .sorteertabel A.delete {
		color: #666666 !important;
	}


/* Datepicker
----------------------------------*/
.ui-datepicker { width: 17em; padding: .2em .2em 0; }
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { float:left; font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker .ui-datepicker-title select.ui-datepicker-year { float: right; }
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; }

/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}



/* Dialog
----------------------------------*/
.ui-dialog { position: relative; padding: .2em; width: 300px; }
.ui-dialog .ui-dialog-titlebar { padding: .5em .3em .3em 1em; position: relative;  }
.ui-dialog .ui-dialog-title { float: left; margin: .1em 0 .2em; } 
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
.ui-dialog .ui-dialog-content { border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane button { float: right; margin: .5em .4em .5em 0; cursor: pointer; padding: .2em .6em .3em .6em; line-height: 1.4em; width:auto; overflow:visible; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }


p.menu { background-color: #e0e0e0; padding: 10px; margin: 0px -10px; }
p.menu a { margin-right: 10px; font-size: 1.2em; }
ul.left { margin-left: -20px; }

span.welkom { font-size: 1.2em; color: #000000; margin-right: 20px; }
table.lijst { width: 725px; }
table.lijst tr td, table.form tr td { vertical-align: top; padding-bottom: 5px; font-size: 11px;}
table.lijst tr.kopregel td { font-style: italic; padding-bottom: 20px; }
table.form tr td.kop { padding-right: 15px; }

span.formerror { font-size: 11px; color: #ff0000; padding-left: 10px; }
span.grey { color: #a0a0a0; }

p.vink { padding-left: 30px; font-size: 1.2em; font-weight: bold; background-image: url('../gfx/template/vink.gif'); background-position: 0px -5px; background-repeat: no-repeat; }