/* layout stylesheet for cargadoorworden.nl // by jacco@bubblefish.nl */


/* import stylesheet for collapsible panels */
@import url('SpryTabbedPanels.css');


/* colors used in stylesheet */
/* black			-	black */	
/* white			-	white */
/* light grey		-	#ECECEC */
/* dark grey		-	#222222 */ 
/* light blue		-	#0099FF */




/* -- NORMALIZE -- */
/* normalize margin & padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, blockquote, th, td {
	margin: 0px;
	padding: 0px;
}


/* normalize font-size for headers */
h1, h2, h3, h4, h5, h6 {
	  font-size: 100%;
}

/* remove list-style from lists */
ol, ul {
	list-style: none;
}

/* normalize font-style and font-weight to normal */
address, caption, cite, code, dfn, th, var
{
	font-style: normal;
	font-weight: normal;
}

/* remove list-style from lists */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* remove border from img and fieldset */
img, fieldset {
	border: 0;
}

/* left align text in caption and th */
caption, th {
	  text-align: left;
}


/* HTML & BODY */
html {
}

body {
	min-width: 960px;
	background: url(../img/header1.jpg) no-repeat center top;
	text-align: left;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 13px;
}

	body#nav2 {
		background: url(../img/header2.jpg) no-repeat center top;
	}
	
	body#nav3 {
		background: url(../img/header3.jpg) no-repeat center top;
	}
	
	body#nav4 {
		background: url(../img/header4.jpg) no-repeat center top;
	}
	
	body#nav5 {
		background: url(../img/header5.jpg) no-repeat center top;
	}
	
	body#nav6 {
		background: url(../img/header6.jpg) no-repeat center top;
	}
	
	body#nav7 {
		background: url(../img/header7.jpg) no-repeat center top;
	}

		body div#site_info {
		background: url(../img/bottom1.jpg) no-repeat center bottom;
		}
		
			body#nav2 div#site_info {
				background: url(../img/bottom2.jpg) no-repeat center bottom;
			}
			
			body#nav3 div#site_info {
				background: url(../img/bottom3.jpg) no-repeat center bottom;
			}
			
			body#nav4 div#site_info {
				background: url(../img/bottom4.jpg) no-repeat center bottom;
			}
			
			body#nav5 div#site_info {
				background: url(../img/bottom5.jpg) no-repeat center bottom;
			}
			
			body#nav6 div#site_info {
				background: url(../img/bottom6.jpg) no-repeat center bottom;
			}
			
			body#nav7 div#site_info {
				background: url(../img/bottom7.jpg) no-repeat center bottom;
			}


/* DIV WEBSITE */
div#website {
	margin: 0 auto;
	width: 960px;
}


/* DIV BRANDING */
div#branding {
	height: 391px;
}


/* DIV NAVIGATION */
div#nav {
	position: absolute;
	text-indent: -9999px;
}

div#nav ul {
}

div#nav li {
}


/* DIV CONTENT_SUB */
div#content_sub
{
  float: left;
  width: 305px;
  height: 621px;
  margin-top: -21px;
  padding-left: 56px;
  padding-right: 36px;
}

	div.TabbedPanelsContent ul
	{
		list-style: none;	
	}

	div.TabbedPanelsContent ul#banen li
	{
		height: 75px;
	}

	div.TabbedPanelsContent ul#bedrijven li
	{
		height: 50px;
	}


	div.TabbedPanelsContent li
	{
		float: left;
		width: 305px;
		list-style: none;
	}

	div.TabbedPanelsContent#mensen li.activepeople a
	{
		color: #0099FF;
	}

	div.TabbedPanelsContent li#odd img
	{
		float: right;
		margin-left: 12px;
	}

	div.TabbedPanelsContent li#even
	{
		background: #ECECEC;
	}

	div.TabbedPanelsContent li#even img
	{
		float: left;
		margin-right: 12px;
	}

	div.TabbedPanelsContent li p
	{
		font-size: 12px;
		margin: 6px 12px 6px 12px;
	}

	div.TabbedPanelsContent li a
	{
		color: #222222;
		text-decoration: none;
	}

	div.TabbedPanelsContent li a:hover
	{
		color: #0099FF;
		text-decoration: underline;
	}


/* DIV CONTENT_MAIN */
div#content_main {
	float: left;
	width: 518px;
	margin-top: -25px;
}

	div#content_main img.h1
	{
		padding-bottom: 10px;
	}

	div#content_main h1
	{
		position: absolute;
		text-indent: -9999px;
	}

	div#content_main p
	{
		margin: 0px 0px 17px 30px;
	}


/* DIV SITE_INFO */
div#site_info {
	clear: both;
	width: 100%;
	height: 69px;
	text-align: center;
}

	div#site_info a img#dz {
		margin: 10px 100px 0 0;
	}

	div#site_info a img#sa {
		margin: 0 50px 0 300px;
	}


/* TABLE#FORM */
table#form {
	margin-left: 30px;
}

	table#form td {
		padding: 2px 10px 2px 0;
	}



/* FORMS */
input, textarea {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 13px;
	color: black;
}

textarea {
	width: 250px;
	height: 100px;
}


/* IMG */
img.logo {
	float: right;
}

img.passport {
	float: right;
	margin: 0 0 5px 5px;
	padding: 2px;
	border: 1px solid #CCCCCC;
}




/* TEXT */
h2 {
	padding-left: 18px;
	height: 21px;
	text-transform: uppercase;
}

h3 {
	padding-top: 6px;
	padding-left: 30px;
	color: #222222;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
}

h4 {
	padding-top: 6px;
	padding-left: 30px;
	color: #222222;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
}

p.xl {
	font-size: 14px;
}


/* LINKS */
a {
	color: #0099FF;
	text-decoration: none;
}

a:hover {
	color: #0099FF;
	text-decoration: underline;
}