@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;
	float:left;
}

label.nobold { font-weight:normal; }

/* 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;
	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.terugknop{
	width:280px;
	height:55px;
	background:url(/img/linkernav-adres-content.gif) 0px -2px;
	position:absolute;
	top:2px;
	left:0px;
	z-index:1030;
}
div.terugknop a{
	line-height:43px;
	font-size:18px;
	color:#fff;
	z-index:1032;
	padding-left:33px;
	background:url(/img/terugknop-bullet.gif) no-repeat 9px 8px;
}


/* 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:12px 0px 14px 29px;

}
div#sidebar .menu-bv a {
	font-size:18px;
	line-height:18px;

	_font-weight:normal;
	font-family:Arial;
	width:250px;
	display:block;
}

/* 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:0px;
	left:285px;
	width:630px;
	height:281px;
	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.smaller {
	width:230px;
}
ul.portalnavtop li a,
ul.portalnavtop li a:hover { 
	color:#fff; 
	padding-left:20px;
	line-height:20px;
}
ul.portalnavtop li a.navitem-selected,
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.extraindent{
	margin-left: 13px;
	width:217px;
}

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:195px;
	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 60px;
	height:240px;
	overflow-y:auto;
	overflow-x:hidden;
	width:600px;
}

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;*/
}
h1.introkop{
	font-size:24px !important;
	font-weight:bold !important;
	color:#e8003d !important;
	padding-left:60px;
	font-family:'Helvetica bold',Helvetica,Arial,sans-serif !important;
}

div#page-content div.menu-list {
	width:310px;
	float:left;
	margin-left:10px;
	_margin-left:5px;
}

div#page-content h3 {
	font-size: 1em;
	font-weight: bold;
	border-bottom: 1px solid #ccc;
	line-height: 2em;
	color: #e8003d;
}

div#page-content strong {
	font-size: 1em;
	color: #e8003d;
}

div#page-content div.menu-list h1 {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
div#page-content div.menu-list h1 a {
	color:#e8003d;
	font-size:26px;
	letter-spacing:-1px;
	font-family:'Helvetica bold',Helvetica,Arial,sans-serif;
	line-height:26px;
	height:26px;
	font-weight:bold;
}
div#page-content div.menu-list h1 a:hover { color:#000;text-decoration:none; }
div#page-content div.menu-list h2 {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
div#page-content div.menu-list h2 a {
	color:#515151;
	height:26px;
	line-height:26px;
	font-size:20px;
	font-weight:bold;
	font-family:'Helvetica bold',Helvetica,Arial,sans-serif;
	padding-right:25px;
	background-color:transparent;
	background-image:url(/img/arrow.png);
	background-repeat:no-repeat;
	background-position:center right;
}
div#page-content div.menu-list h2 a:hover {
	text-decoration:none;
	background-image:url(/img/arrow_over.png);
	color:#000;
}

div#page-content div.list-infra ul {
	position:relative;
	top:8px;
	left:0px;
	margin:0;
	width:240px !important;
	font-size:1.1em;
	font-weight:bold;
	z-index:2;
}

div#page-content div.list-infra ul li { 
	list-style-type:none;
	background: url(/img/bullet-homepagina.gif) no-repeat 0px 7px;
	width:200px;
}

div#page-content div.list-infra ul li a { 
	padding-left:20px;
	display:block; 
	color:#515151; 
	width:220px;
	border-bottom:1px solid #bdbdbd;
	line-height:22px;
}
div#page-content div.list-infra ul li a.first {
	border-top:1px solid #bdbdbd;
}
div#page-content div.list-infra ul li a:hover { 
	color:#E3003F; 
	text-decoration:none; 
}

div#page-content div.list-infra ul {
	position:relative;
	top:8px;
	left:0px;
	margin:0;
	width:315px;
	font-size:1.1em;
	font-weight:bold;
	z-index:2;
}

div#page-content div.menu-list div {
	clear:both;
	margin-top:30px;
	margin-bottom:10px;
	width:300px;
	line-height:14px;

}
div#page-content div.menu-list div a {
	color: #000;
	text-decoration:underline;
}
div#page-content div.menu-list div a:hover {
	text-decoration:none;
}

div#page-content div.list-events div.list {
	width:100%;
}
div#page-content div.list-events div.list ul li { 
	list-style-type:none;
	background: url(/img/bullet-homepagina.gif) no-repeat 0px 7px;
	width:100%;
	margin-top:0px;
}

div#page-content div.list-events div.list ul li a { 
	text-indent:20px;
	display:block; 
	color:#515151; 
	width:100%;
	border-bottom:1px solid #bdbdbd;
	line-height:22px;
	text-decoration:none; 
}
div#page-content div.list-events div.list ul li a.first {
	border-top:1px solid #bdbdbd;
}
div#page-content div.list-events div.list ul li a:hover { 
	color:#E3003F; 
	text-decoration:none; 
}

div#page-content div.list-events div.list ul {
	position:relative;
	top:0px;
	left:0px;
	margin:0;
	width:100%;
	font-size:1.1em;
	font-weight:bold;
	z-index:2;
}

div#page-content #flashMovie {
	left:100px;
	top:25px;
	position:absolute;
	height:361px;
	width:448px;
	z-index:0;
}
.contentcontainer{
	width:100% !important;
}
.contentcontainer li div{
	margin:0 !important;
	padding:0 !important;
}
.contentcontainer p + ul {
	margin-top: -7px !important;
	margin-bottom:0px;
	padding-bottom:0px;
}
.contentcontainer {
	line-height:17px !important;
}
div.list{
margin-top:0px !important;
}
.contentcontainer p{
margin-bottom:7px;
}
.contentcontainer h2,
.contentcontainer h3 {
	margin-top:15px !important;
	margin-bottom:3px !important;
}

div.logos img{
	width:100px;
	clear:both;
}
div.logos span{
	text-decoration:none;
}
div.logos a,
div.logos a:hover{
	text-decoration:none;
	color: #ffffff;
}