/* Start of CMSMS style sheet 'herikerberg' */
/* CSS Document behorend bij Arcus Projectontwikkeling */
/* Ontwikkeld door Pieter Bezuijen - Nilsson */

img {
      border:none;
}

/* ----------------------------------- Opbouw ----------------------------------- */

body {
	background-color:#FFFFFF;
	margin:0px;
	padding:0px;
	background-image:url(uploads/images/images/achtergrond.gif);
	background-position:top center;
}

div.hoofdframe {
	width:915px;
	height:100%;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	padding:0px;
	padding-bottom:6px;
	background-color:#FFFFFF;
}

div.schaduw_links {
	width:17px;
	height:658px;
	left:-17px;
	top:0px;
	position:absolute;
}

div.schaduw_rechts {
	width:17px;
	height:658px;
	left:915px;
	top:0px;
	position:absolute;
}

div.bovenkop {
	width:903px;
	height:74px;
	top:6px;
	left:6px;
	background-image:url(uploads/images/images/achtergrond_bovenbalk.gif);
	background-repeat:repeat-x;
	position:relative;
}

img.bovenkop {
	left:566px;
	position:absolute;
}

table.body {
	width:903px;
	top:12px;
	left:6px;
	position:relative;
	border:0px;
	margin-bottom:13px;
}

td {
	vertical-align:top;
}

td.menu {
	width:147px;
	background-color:#007B3F;
	background-image:url(uploads/images/images/achtergrond_menu.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	padding:6px;
}

div.menu {
	width:147px;
	margin:0px;
	overflow:hidden;
}

div#gegevens {
       width: 137px;
       position:relative;
       margin-left: 10px;
       z-index: 90;
}


div#gegevens p {
       color:white;
      font-size: 10px;
      line-height: 16px;
}

div#gegevens p a {
       color:white;
}

td.content {
	width:566px;
	vertical-align:top;
	margin:0px;
	border-left: solid #FFFFFF 6px;	
	background-image:url(uploads/images/images/achtergrond_content.gif);
	background-position:bottom left;
	background-repeat:no-repeat;
}

div.hoofdfoto {

}

div.content {
	width:530px;
	padding:18px;
	vertical-align:top;
	z-index:10;
}

div.achtergrond {
	position:absolute;
	z-index:5;
	width:530px;
	height:100%;
}

td.flashbanner {
	border-left: solid #FFFFFF 6px;
	width:166px;
}

td.project_content {
	width:401px;
	vertical-align:top;
	margin:0px;
	border-left: solid #FFFFFF 6px;	
	background-image:url(uploads/images/images/achtergrond_content.gif);
        background-position:bottom left;
	background-repeat:no-repeat;
}

div.project_content {
	width:330px;
	padding:18px;
	vertical-align:top;
	z-index:10;
}

/* -------- Toegevoegd --------- */

div.fotoalbum {
	position:relative;
	top:6px;
	width:401px;
}

a.fotoalbum {
	border: none 0px #;
}

div.project_foto_1 {
	position:absolute;
	top:0px;
	left:0px;
	width:198px;
	height:132px;
	overflow:hidden;
	cursor:pointer;
}

div.project_foto_2 {
	position:absolute;
	top:0px;
	left: 203px;
	width:198px;
	height:132px;
	overflow:hidden;
	cursor:pointer;
}

div.project_foto_3 {
	position:absolute;
        top:137px;
	left:0px;
	width:198px;
        height:132px;
	overflow:hidden;
	cursor:pointer;
}

div.project_foto_4 {
	position:absolute;
	top:137px;
	left:203px;
	width:198px;
	height:132px;
	overflow:hidden;
	cursor:pointer;
}

div.project_foto_5 {
	position:absolute;
	top:274px;
	left:0px;
	width:198px;
	height:132px;
	overflow:hidden;
       cursor:pointer;
}
 
div.project_foto_6 {
	position:absolute;
	top:274px;
	left:203px;
	width:198px;
	height:132px;
	overflow:hidden;
	cursor:pointer;
}

div.project_foto_7 {
	position:absolute;
	top:411px;
	left:0px;
	width:198px;
	height:132px;
	overflow:hidden;
        cursor:pointer;
}

div.project_foto_8 {
	position:absolute;
	top:411px;
	left:203px;
	width:198px;
	height:132px;
	overflow:hidden;
	cursor:pointer;
}

div.vergrootglas {
	position:absolute;
	left:0px;
	bottom:0px;
	width:25px;
	height:25px;
	overflow:hidden;
}

div.inverkoop {
	position:relative;
	height: 100%;
	width: 166px;
	background:#FFFFFF;
        overflow: hidden;
}

div.inzetje {
	position:relative;
	height: 152px;
	width: 166px;
	background:#FFFFFF;
	border-bottom: solid #FFFFFF 6px;
}

div.kopje {
	position:relative;
	height: 25px;
	width: 166px;
	background:url(uploads/images/images/kopje.jpg);
	margin:0px;
}

div.fotootje {
	position:relative;
	height: 103px;
	width: 166px;
	margin:0px;
}

div.textje {
	position:relative;
	height: 24px;
	width: 166px;
	background:url(uploads/images/images/bottom.jpg);
	margin:0px;
}

/* -------- Einde toegevoegd --------- */

td.project_banner {
	border-left: solid #FFFFFF 6px;
	width:331px;
}

div.project_banner_1 {	
	height:215px;
	width:401px;
	border-bottom: solid #FFFFFF 6px;
}

div.project_banner_2 {
	width:162px;
	height:153px;
	border-right: solid #FFFFFF 6px;
	float:left;
	position:relative;
	*margin-bottom:-10px;
}

div.project_banner_3 {
	width:162px;
	height:153px;
	float:left;
	position:relative;
}

div.project_banner_logo { /* -------- Gewijzigd --------- */
	border-top: solid #FFFFFF 6px;
	height: 55px;
        background-color:#006611;
	text-align:center;
	position:relative;
	float:left;
}

div.project_banner_plaats {
	background:url(images/achtergrond_plaats.jpg) no-repeat #5a5a5c;
	border-top: solid #FFFFFF 1px;
	height:25px;
	text-transform:uppercase;
	padding:7px 0px 0px 15px;
	text-align:left;
	font-size:18px;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	position:relative;
	clear:both;
	z-index: 5;
	width: 315px;
}

div.project_banner_info {
	border-top: solid #FFFFFF 1px;
	background-color:#C5C5C5;
	padding:18px;
	position:relative;
	width:294px;
}

div.project_banner_info  ul {
	list-style: disc;
	color:#666666;
	list-style-image:none;
	margin-left:18px;
	margin-top:-12px;
}

div.project_banner_info  ul li {
	list-style: disc;
	color:#666666;
	margin-left:0px;
	font-weight:normal;
}

/* ----------------------------------- Menu ----------------------------------- */

div.bloknav {
	float:left;
	position:relative;
	height: 100%;
       z-index: 99;
}

div.bloknav ul {
	margin-top: 10px;
	background: url(uploads/images/images/bg_nav_ul.jpg) top;
	padding: 1px;
	list-style-type:none;
}

div.bloknav a {
	color: #FFFFFF;
        text-decoration: none;
}

div.bloknav ul li {
        list-style:none;
	font-weight: bold;
	color:#FFFFFF;
	background:url(uploads/images/images/pijltje1.gif) no-repeat;
	position:relative;	
	margin-top: 1px;
	padding-left: 10px;
	padding-top: 0px;
	padding-bottom: 0px;
        margin-left: -10px;
}

div.bloknav ul li a:hover {
       color: #FFFFFF;
       text-decoration: underline;
}	

div.bloknav ul ul {
	margin-top: 0px;
	background:none;
	padding: 0px;
}
	
div.bloknav ul ul li {
	background:url(uploads/images/images/pijltje1.gif) no-repeat;
	padding-top: 0px;
	padding-bottom: 0px;
	font-size: 10px;
       margin-left: -15px;
        padding-left: 10px;
       line-height: 17px;
}

div.bloknav ul ul ul {
	margin-top: 0px;
	background:none;
	padding: 0px;
}
	
div.bloknav ul ul ul li {
	padding-top: 3px;
	padding-bottom: 3px;
	font-size: 10px;
	font-weight: normal;
	background:url(uploads/images/images/pijltje2.gif)  no-repeat;
        margin-left: -20px;      
}



/* ----------------------------------- Content ----------------------------------- */

H1 {
	font-family:Arial, Helvetica, sans-serif;
	color:#006633;
	font-size:18px;
}

h1.vacature {
	font-size:30px;
	text-align:center;
	color:#006633;
}

h2 {
	font-family:Arial, Helvetica, sans-serif;
	color:#006633;
	font-size:16px;
}

h3 {
	font-family:Arial, Helvetica, sans-serif;
	color:#006633;
	font-size:12px;
}

p, div.content {
	font-family:Arial, Helvetica, sans-serif;
	color:#5a5a5c;
	font-size:12px;
	line-height:20px;
}

p.intro {
	font-weight:bold;
}

a {
	color:#006633;
	text-decoration:underline;
}

ul {
	font-family:Arial, Helvetica, sans-serif;
	color:#5a5a5c;
	font-size:12px;
	list-style-type:square;
	margin-left:18px;
	padding-left:0px;
        line-height:20px;
}

div#menu ul li a {
         color: #FFFFFF;
         text-decoration: none;
}

div#menu ul li a {
         color: #FFFFFF;
}

div.content table TH, div.project_content table th {
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	color:#FFFFFF;
	font-size:12px;
}

div.content table TH, div.project_content table th {
        font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	color:#FFFFFF;
	font-size:12px;
}

div.content table TH, div.project_content table th {
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	color:#FFFFFF;
	font-size:12px;
}

div.content table TD, div.project_content table td {
	background-color:#CCCCCC;
	font-family:Arial, Helvetica, sans-serif;
 	color:#000000;
       font-size:12px;
}

div.content table TD a, div.project_content table td a {
	font-family:Arial, Helvetica, sans-serif;
 	color:#000000;
	font-size:12px;
}

div.content table.agendaitem TD {
	background-color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
 	color:#5a5a5c;
	font-size:12px;
}

div.content table.agendaitem TD a {
	font-family:Arial, Helvetica, sans-serif;
 	color:#5a5a5c;
	font-size:12px;
}

div.kopje h4 {
 	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#FFFFFF;
	font-size:11px;
	margin:0px;
	margin-left: 5px;
	padding-top: 5px;	
}

div.textje p {
 	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:10px;
        margin:0px;
	padding-top: 2px;
	margin-left: 5px;
}

div#taal {
	position:absolute;	
       right: 20px;
       width: 70px;
       top: 25px;
      height: 20px;
     z-index: 99;
}

/* End of 'herikerberg' */

