/* ------------------------------------------------------- 

	general stylesheet  /  www.milestowork.nl
	
	development by

	tableaux
	www.tableaux.nl
	
	november 2007

---------------------------------------------------------- */


/* ------------------------------------------------------------- body */
html {
	height:100%;
}
body {
	background-color:#03213d;
	margin:0 auto;
	text-align:center;
	height:100%;
	background-position:center top;
	background-repeat:no-repeat;
	background-image:url("../images/structure/background.jpg");
	}
	
/* ------------------------------------------------------------- center */
div#center {
	margin:0 auto;
	display:table;
	width:1000px;
	text-align:left;
	border-top:1px solid #ffffff;
	background-position:center;
	background-image:url("../images/structure/background.jpg");
	}


/* ------------------------------------------------------------- top */
div#top {
	position:relative;
	width:100%;
	height:133px;
	z-index:0;
}
div#topWhite {
	width:100%;
	height:79px;
	background-color:#ffffff;
	border-bottom:1px #ffffff solid;
	background-image:url("../images/structure/topBack.jpg");
	background-repeat:no-repeat;
	background-position:center top;
}
div#topBlue {
	width:100%;
	height:29px;
	background-color:#004687;
	border-bottom:1px #ffffff solid;
}
div#topGold {
	width:100%;
	height:23px;
	background-color:#505c58;
}
div#topGoldSolid {
	margin:0px auto;
	width:1000px;
	height:23px;
	background-color:#bd9f55;
}
div#topLogo {
	position:relative;
	width:327px;
	height:133px;
	top:-133px;
	left:-335px; /* -((1000px /2) - (327px /2)) */
	margin:0px auto;
	background-image:url("../images/structure/topLogo.jpg");
}
div#topMenu{
	width:900px;
	position:relative;
	top:50px;
	text-align:right;
	color:#004687;
	font-weight:bold;
	margin:0px auto;
}
div#topMenu a{
	color:#004687;
}
div#zoeken{
	width:900px;
	position:relative;
	text-align:right;
	line-height:28px;
	margin:0px auto;
}
div#zoeken form{
	margin:0px;
}
.zoekenbutton{
	background-color:#c40040;
	border:#c40040 1px solid;
	color:#ffffff;
	font-weight:bold;
	font-size:11px;
	height:21px;
	width:79px;
}
.zoekentext{
	background-color:#ffffff;
	border:#c40040 1px solid;
	color:#333333;
	font-size:10px;
	line-height:19px;
	height:19px;
	width:187px;
	margin:0px;
	padding:0px;
	padding-left:10px;
}

div#left {
	width:327px;
	border-right:#ffffff solid 1px;
	background-color:#ffffff;
	float:left;
}

div#leftLinks{
	height:77px;
	width:100%;
	overflow:hidden;
	border-bottom:#c0d2e2 2px dotted;
	text-align:center;
}

div#leftMenu{
	width:100%;
	height:auto;
}

div#leftMenu ul{
	width:100%;
	margin:0px;
	padding:0px;
	list-style-type:none;
}
div#leftMenu li{
	background-color:#c0d2e2;
	border-bottom:1px solid #ffffff;
	overflow:hidden;
	height:29px;
	line-height:29px;
}
div#leftMenu li a{
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#004687;
	font-size:13px;
	width:100%;
	height:100%;
	display:block;
	
	padding-left:30px;
}
div#leftMenu li a:hover{
	background-color:#78a6d1;
	color:#ffffff;
}

div#right {
	float:left;
	width:672px;
}

div#actueleZaken{
	width:672px;
	overflow:hidden;
	height:299px;
}
div#actueleZakenImg{
	width:403px;
	overflow:hidden;
	height:299px;
	float:left;
	border-right:1px solid #ffffff;
}
div#actueleZakenMenu{
	width:268px;
	overflow:hidden;
	height:299px;
	float:left;
}
div#actueleZakenMenu ul{
	width:100%;
	margin:0px;
	padding:0px;
	list-style-type:none;
}
div#actueleZakenMenu li{
	width:100%;
	height:75px;
	margin:0px;
	padding:0px;
	list-style-type:none;
	background-image:url("../images/structure/bActueleZaken.gif");
	display:block;
	overflow:hidden;
}
div#actueleZakenMenu li a{
	width:100%;
	display:table;
	*display:block;
}
div#actueleZakenMenu li a:hover{
	background-color:#ffffff;
}
div#actueleZakenMenu li a:hover .actueleZakenMenuTxt{
	color:#999999;
}
div#actueleZakenMenu li a:hover .actuelezakenArrow{
	display:block;
}


div#actueleZakenMenu li p{
	margin:0px;
}
.actueleZakenMargin{
	padding:18px;
	overflow:hidden;
	display:block;
	width:87%;
	height:100%;
	cursor:pointer;
}
div#actueleZakenMenu li.hover{
	background:#ffffff;
}
div#actueleZakenMenu li.hover .actueleZakenMenuTxt{
	color:#999999;
}
div#actueleZakenMenu li.hover .actuelezakenArrow{
	display:block;
}
.actueleZakenMenuTxt{
	font-family: Arial, Helvetica, sans-serif, Verdana;
	color:#ffffff;
	font-size:10px;
	line-height:12px;
	margin:0px;
}
.actueleZakenMenuTitle{
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#004687;
	font-size:12px;
	line-height:14px;
	margin:0px;
}
.actuelezakenArrow{
	float:left;
	position:absolute;
	margin-left:-25px;
	border:0px;
	display:none;
}

div#content {
	width:672px;
}
div#contentContainer {
	margin:30px 40px;
}

div#contentLeft{
	float:left;
	width:350px;
}

.rightImage{
	border:solid 1px #bed1e1;
	padding:5px;
	margin:5px;
}