html,body {
height:100%;
}

body {
background:#ffffff url(../../assets/templates/custom/img/brandman-bg-body-top.gif) center top repeat-x;
}

.pagewidth
{width:960px; text-align:left; margin:0 auto; margin-right:auto;}

/***** Buttons *****/

.buttonholder {
height:23px;
cursor:pointer;
}

	.buttonstart {
	float:left;
	height:23px;
	background:url(../../assets/templates/custom/img/bg-button-start.png) no-repeat;
	}
	
	.buttonstart a {
	text-decoration:none;
	padding:0 0 0 9px;
	display: inline;
	color:#fbe3cd!important;
	font-size:11px;
	line-height:20px;
	background:url(../../assets/templates/custom/img/bullet-button.gif) 10px 6px no-repeat;
	}
	
	.buttonstart a:hover {
	text-decoration:none;
	color:#ffffff!important;
	}
	
	.buttonend {
	float:left;
	height:23px;
	width: 10px;
	background:url(../../assets/templates/custom/img/bg-button-end.png) no-repeat;
	}
	
	.buttonstart .download {
	background:url(../../assets/templates/custom/img/icon-download.png) no-repeat right 0px;
	padding-right: 15px;
	}

	.buttonstart .email {
	background:url(../../assets/templates/custom/img/icon-email.png) no-repeat right 2px;
	padding-right: 18px;
	}

	.buttonstart .save {
	background:url(../../assets/templates/custom/img/icon-save.png) no-repeat right 2px;
	padding-right: 16px;
	}

	.buttonstart .search {
	background:url(../../assets/templates/custom/img/icon-search.png) no-repeat right 0px;
	padding-right: 18px;
	}
	
	.buttonbig div a {
		font-size:14px;
		line-height:18px;
	}

#placeholder {
background: url(../../assets/templates/custom/img/brandman-bg-body-bottom.gif) center bottom repeat-x;

position:relative; /* needed for footer positioning*/
margin:0 auto; /* center, not in IE5 */
height:auto !important; /* real browsers */
height:100%; /* IE6: treaded as min-height*/
min-height:100%; /* real browsers */
}

* html #placeholder {
height:100%; top:0; bottom:0;
}

#header {
position:relative;
margin-top:50px;
}

	#kop {
	padding:0 0 0 380px;
	}
	
	#dockmenu {
	height:140px;
	width:600px;
	margin:20px auto 0 auto;
	}

#main {
	margin-bottom: 40px;
}

	#globalborder {
	width:405px;
	margin:0 20px 25px 0;
	float:left;
	position:relative;
	text-align:right;
	}
	
		#mainmenu {
		display:none;
		margin-bottom:20px;
		}
		
			#mainmenu ul {
			}
			
			#mainmenu ul li {
			text-align:right;
			margin-right:15px;
			}
			
			#mainmenu ul li a {
			font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
			display:block;
			text-decoration:none;
			color:#cc6699;
			}			
			
			#mainmenu ul li a:hover {
			font-size:12px;
			}
			
			#mainmenu ul .active {	
			margin-right:0;
			}
			
			#mainmenu ul .active a {
			color:#cc0000;
			font-weight:bold;
			}
			
			#mainmenu ul .active a:hover {
			}
			
		#flasheff {
		}
		
		#globalcms {
		float:right;
		clear:both;
		}
		
	#contentborder {
	text-align:right;
	float:right;
	clear:both;
	}
	
	#contentholder {
	float: left;
	display:inline;
	position: relative;
	width:480px;	
	
	min-height: 200px;
	height: auto !important; /* voor moderne browsers */
	height: 200px; /* voor IE */	
	}
			
	#content {
		margin-bottom: 30px;
	}
	
		.listitem {
		height: 92px;
		margin-bottom:15px;
		}

		
			.listitem li{
			}
		
			.listitem .thumbnail {
			float:left;
			width:108px;
			height:75px;
			margin:14px 10px 5px 5px;
			border-right:1px solid #cccccc;
			}
			
				.listitem .thumbnail img {
				float:left;
				margin-right:10px;
				}
			
			.listitem .content {
			margin:0px 10px 5px 125px;
			padding-top:14px;
			}
			
				.listitem .content .newwindow {
				padding: 0 3px 1px 3px;
				margin-left:5px;
				border-left:1px solid #000000;
				}
				
				.listitem .content p {
				line-height: 16px;
				}
	
#footer {
clear:both;
height:100px;
}

	#footermenu {
	display:inline;
	width:524px;
	float:right;
	position:relative;
	}
	
		#footermenu ul {
		margin:0;
		padding:0;
		}
		
		#footermenu ul li {
		float:left;
		display:block;
		}
		
		#footermenu ul li a {
		margin: 0 16px 0 0;
		text-decoration:none;
		color:#7f7f7f;
		font-size: 11px;
		line-height:57px;		
		}	
		
		#footermenu ul .last {
		border:0;
		}	
		
		#footermenu ul li a:hover {
		color:#000000;
		}
	
	#logo {
	float: left;
	display:inline;
	position: relative;
	width:406px;
	margin-right:30px;
	text-align:right;
	}
	

/* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix {
display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix {
height: 1%;
}

.clearfix {
display: block;
}
/* End hide from IE-mac */  


 
 /*printer styles*/ 
 @media print {

/*hide the left column when printing*/ 
#border {
display:none;
}

#content {
width:100%;
float:none;
}
}