@import "common.css";

/* body specific
-------------------------------------------------------------- */
body { background: url(/img/tile-vervolg.jpg) repeat-y; }
div#wrap {
	background-repeat:no-repeat;
	background-position:top left;
	background-image:url('/img/bg-vervolg.jpg');
}
div#content {
	width:994px;
}

/* stripes
-------------------------------------------------------------- */
div.stripes {
	position:relative;
	top:0px;
	left:0px;
	margin:0px 0px 0px 0px;
	width:946px;
	height:90px;
	font-size:3em;
	line-height:3em;
	z-index:1000;
	background:url(/img/stripes_long_new.gif) no-repeat 3px 50px;
	overflow:hidden;
}
div.stripes div#logo {
	position:absolute;
	top:21px;
	left:757px;
	width:160px;
	height:58px;
}
div.stripes div#logo img {
	position:absolute;
	top:0px;
	border:0px;
}

div.linkernav-adres{
	width:280px;
	height:58px;
	background:url(/img/linkernav-adres-content.gif) 0px 3px no-repeat;
	position:absolute;
	top:0px;
	left:0px;
	z-index:1030;
	font-weight:bold;
	font-size:12px;
}
div.linkernav-adres p{
	margin-left:10px;
	color:#fff;
	z-index:1031;
}
div.linkernav-adres a{
	color:#fff;
	z-index:1032;
}
div.linkernav-adres div.psysteem-symbol{
	position:absolute;
	top:2px;
	left:226px;
	width:15px;
	height:15px;
	overflow:hidden;
	z-index:1033;
}
div.linkernav-adres div.psysteem-symbol a{
	display:block;
	width:15px;
	height:15px;
	text-indent:-9999px;
	background-repeat:no-repeat;
	background-position:0 0;
	background-image:url(/img/but-psysteem.gif);
}
/* Link naar P-site */
div.linkernav-adres a.but-psite{
	position:absolute;
	left:227px;
	top:24px;
	width:52px;
	height:14px;
	text-indent:-9999px;
	display:block;
	background-repeat:no-repeat;
	background-position:0 0;
	background-image:url(/img/but-psite.gif);
	overflow:hidden;
	z-index:1033;
}


/* sidebar
-------------------------------------------------------------- */
div#sidebar {
	position: relative;
	float: left;
	margin: 0px;
	padding:0px;
	width: 280px;
	font-weight: bold;
	color: #fff;
	z-index:0;
}
div#sidebar h3 {
	color: #fff;
	margin: 0;
	padding: 10px 0px;
	font-size: 1.3em;
	font-weight: bold;
}
div#sidebar a {
	color:#fff;
	font-weight:normal;
}

div#sidebar .tickercontainer {
	display:block;
	float:right;
	width:160px;
	height:18px;
	margin:0px 0px 10px 0px;
	padding:0px 0px 0px 0px;
	overflow:hidden;
}
div#sidebar .tickercontainer .mask { position:relative;width:150px;height:18px;z-index:2;overflow:hidden; }

div#sidebar ul#ticker-content {
	display:block;
	position:relative;
	width:160px;
	height:18px;
	left:100px;
	top:0px;
	overflow:hidden;
	cursor:default; /* geen spacer textcursor */
	list-style-type:none;
}
div#sidebar ul#ticker-content li {
	background-image:none !important;
	float:left;
	margin:0px;
	padding:0px;
	height:18px;
	border:0px !important;
}
div#sidebar ul#ticker-content li a {
	z-index:-100;
	width:100%;
	height:18px;
	margin:0px 5px 0px 0px;
	padding:0px;
	border:0px !important;
	font-size:11px;
	color:#fff;
	white-space:nowrap;
}

/* sidebar nav + tekst
-------------------------------------------------------------- */
div#sidebar ul#main-nav {
	display:block;
	width: 280px;
	list-style-type:none;
	margin:0 0 0 0px;
	padding:0;
	z-index:1000;
	
}
div#sidebar ul#main-nav li {
	display:block;
	width:270px;
	height:18px;
	top:0px;
	margin:0px 0px 0px 5px;
	padding:0px;
	overflow:hidden;
	background: url(/img/bullet.gif) no-repeat 5px 4px;
	border-bottom:1px solid #f37f9e;
	border-bottom:1px solid #f37f9e;
}
div#sidebar ul#main-nav li.home {
	background: url(/img/home.gif) no-repeat 4px 50%;
}
div#sidebar ul#main-nav li a.laatste_nieuws {
	display:block;
	width:85px;
	height:18px;
	float:left;
}
div#sidebar ul#main-nav li a {
	padding:0px 0px 0px 25px;
}

div#sidebar .menu-bv {
	margin:14px 0px 14px 32px;
}
div#sidebar .menu-bv a {
	font-size:16px;
	line-height:18px;
	font-weight:bold;
	_font-weight:normal;
	font-family:Arial;
}

/* Page Content
-------------------------------------------------------------- */
img.logo-infra,
img.logo-events,
img.logo-travel{
	width:160px;
	height:58px;
}
img.logo-infra{
	background:url(/img/logo_infra.png);
	_background-image:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/logo_infra.png');
}
img.logo-events{
	background:url(/img/logo_events.png);
	_background-image:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/logo_events.png');
}
img.logo-travel{
	background:url(/img/logo_travel.png);
	_background-image:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/logo_travel.png');
}
div.PageVisualContainer{
	position:absolute;
	top:55px;
	left:319px;
	width:630px;
	height:226px;
	margin:0px;
	padding:0px;
	z-index:10;
	overflow:hidden;
}
div.PageVisualContainer .VisualOverlay{
	position:absolute;
	top:0px;
	left:0px;
	width:630px;
	height:226px;
	margin:0px;
	padding:0px;
	z-index:12;
	background-color:#fff;
	background-image:url(/img/overlay-foto.png);
	_background-image:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/overlay-foto.png');
}
div.PageVisualContainer .PageVisual{
	position:absolute;
	top:0px;
	left:0px;
	width:630px;
	height:226px;
	z-index:11;
	border:0px;
	background-color:#fff;
	overflow:hidden;
}
div.PageVisualContainer .PageVisual img {
	display:block;
	float:left;
	clear:both;
	border:0px;
}


/* Paginanavigatie
-------------------------------------------------------------- */
ul.portalnavtop { 
	margin:0px 0 0 0;
	width:260px;
	font-size:1em;
	font-weight:bold;
	z-index:3;
	border-top:1px solid #f05981;
	margin-left:10px;
}

ul.portalnavtop li { 
	list-style-type:none;
	background: url(/img/bullet.gif) no-repeat 0px 6px;
	border-bottom:1px solid #f05981;
	width:260px;
	height:20px;
}

ul.portalnavtop li a,
ul.portalnavtop li a:hover { 
	color:#fff; 
	padding-left:20px;
	line-height:20px;
}
ul.portalnavtop li a:hover {
	text-decoration:underline;
}


ul.portalnav { 
	margin:32px 0 0 0;
	width:230px;
	font-size:1em;
	font-weight:bold;
	z-index:1000;
	border-top:1px solid #f05981;
	margin-left:10px;
}

ul.portalnav li { 
	list-style-type:none;
	background: url(/img/bullet.gif) no-repeat 0px 6px;
	border-bottom:1px solid #f05981;
	width:230px;
	height:20px;
}

ul.portalnav li a,
ul.portalnav li a:hover { 
	color:#fff; 
	padding-left:20px;
	line-height:20px;
}
ul.portalnav li a:hover {
	text-decoration:underline;
}



/* Page Content
-------------------------------------------------------------- */
div#content div#page-content {
	position:relative;
	width:714px;
	_width:707px;
	top:190px;
	left:0px;
	color:#000;
	font-family:Helvetica, Arial;
	font-size:11px;
	z-index:20;
}

div#content div#page-content div.Content-wrapper{
	position:relative;
	padding:0px 10px 0px 40px;
	height:290px;
	overflow-y:auto;
	overflow-x:hidden;
}

div#content div.noScroll {
	top:-5px !important;
	left:50px !important;
}
div#content div.noScroll div.Content-wrapper{
	height:485px !important;
	overflow:hidden !important;
}
div#content div.noScroll div.home-footer {
	top:533px;
	left:-50px;
}

div.voorwaarden {
	position:absolute;
	top:639px;
	left:23px;
	z-index:10;
}
div.voorwaarden a { color:#fff; }


/* Logo's organisaties linkerkolom */
div#sidebar div.logos{
	top:369px;
}


#flashPersoneel {
	height:461px;
	width:500px;
	overflow:hidden;
}