/*
turquoise: #38abb4; donkerblauw: #17488d; groen: #177c5e; background colour: #d5d5d5 (licht grijs)

klein menu-items (rechtsboven): Trebuchet MS bold 12 pixels (kleurcode #000000); kleur geselecteerde item: #9e2e06 

mainmenu-items: Trebuchet MS bold 16,5 pixels (kleurcode #ffffff)

grote koppen: Trebuchet MS bold 16,5 pixels (kleurcode #17488d)

bodytekst: Trebuchet MS regular 13 pixels (kleurcode #000000)

breadcrumbs: Trebuchet MS regular 10 pixels (kleurcode: #888888)

pay-off (tekst op de blauw balk onderaan): Trebuchet MS italic 14 pixels (kleurcode #ffffff)

aftiteling (dat is de tekst onder de blauwe balk op background colour): Trebuchet MS regular 9 pixels (kleurcode #17488d). Daarbij horen 

links bij: Journalistiek in Communicatie: http://www.dekkerjinc.nl en bij Lauria Grafisch Ontwerp: http://www.lauria.org
*/



p{ margin: 1em 0;}

body {
behavior: url("csshover3.htc");
background-color: #c5c5c5;
font-size: 11px;
font-family: "Trebuchet MS", Helvetica, Jamrul, sans-serif;
color:#564b47;
padding:0px;
margin:0px;
}
img {
	border: none;
}
a {
   outline: 0;
}

/* Start Elementen */
#content { /* Default - Als er geen body id is.*/
background: #fff url("./images/element-grey.jpg") no-repeat top right; }
body#green #content {
background: #fff url("./images/element-green.jpg") no-repeat top right; }
body#turquoise #content {
background: #fff url("./images/element-turquoise.jpg") no-repeat top right; }
body#donkerblauw #content {
background: #fff url("./images/element-blue.jpg") no-repeat top right; }
body#yinyang #content {
background: #fff }
/* Einde Elementen */

#logo {
	width: 240px; height: 213px;
	display: block;
	background: url("./images/yinyang.jpg") no-repeat top right;
	float: right;
}
#logo:hover {
	background: url("./images/yinyang_roll.jpg") no-repeat top right;;
}

#element {
	width: 140px; height: 140px;
	margin-top: 214px;
	margin-right: 51px;
	display: block;
	float: right;
}
body#donkerblauw #element {background: url("./images/yinblue.jpg") no-repeat top right;}
body#turquoise #element {background: url("./images/yintur.jpg") no-repeat top right;}
body#green #element {background: url("./images/yingreen.jpg") no-repeat top right;}
body#grijs #element {background: url("./images/yingrey.jpg") no-repeat top right;}
body#turquoise #element:hover,body#grijs #element:hover, body#donkerblauw #element:hover, body#green #element:hover {
	background: url("./images/yin_roll.jpg") no-repeat top right;;
}

h1 {
margin:0px;
font-weight: bold;
font-size: 16.5px;
color: #17488d;
}

#footer h2 {
font-weight: normal;
font-size: 14px;
color: #fff;
margin-left: 265px;
line-height: 26px;
font-style: italic;
}

h2 {
font-size:20px;
font-weight: normal;
padding: 5px 10px;
margin:0px;}

p {
font-size: 13px;
color: #000;
}

a:link {color: #17488d;  text-decoration: none;}
a:visited {color:#17488d;}
a:hover {color: #17488d; text-decoration: underline;}
a:active { color:#000000;}

/* container  */
#container {
width: 990px;
margin-bottom: 10px;
margin-left: auto;
margin-right: auto;
background: #fff;
background: url("./images/faux.jpg"); 
}

/* banner for logo-- */
#banner {
padding: 0px;
margin: 0px;
height: 154px;
width: 990px;
background: url("./images/header.jpg") no-repeat top left;
}

/* content */
#content {
padding: 0px;
margin-left: 225px;
margin-right: 0px;
}
div#content { 
min-height:451px;
height:expression(this.scrollHeight > 451 ? "auto":"451px"); 
}

/* page */
#page {
margin-left: 42px;
width: 490px;
}

/* footer */
#footer {
clear: both;
height: 35px;
margin: 0px;
padding: 0px;
background: #17488d;
}

/* colofon */
#colofon{clear:both;height:20px;margin:0px;padding:0px;background:#d5d5d5;}
#colofon pre{font-family: "Trebuchet MS", Helvetica, Jamrul, sans-serif; margin:0;padding:0;font-size:9px;color:#17488d;text-align:right;line-height:20px;margin-right:15px;}
#colofon pre a{text-decoration:none;color:#17488d;}

/* breadCrumbs */
#breadCrumbs {
font-size: 10px;
color: #888888;
margin-left: 42px;
padding-top: 16px;
padding-bottom: 10px;
}



/* Style the list */
ul#breadcrumb {
  padding: 0px 0px;
  list-style: none;
  /*background-color: #eee;*/
}

/* Display list items side by side */
ul#breadcrumb li {
  display: inline;
  /*font-size: 18px;*/
}

/* Add a slash symbol (/) before/behind each list item */
ul#breadcrumb li+li:before {
  padding-left: 6px;
  padding-right: 2px;
  /*color: black;*/
  content: "/\00a0";
}

/* Add a color to all links inside the list */
ul#breadcrumb li a {
  /*color: #0275d8;*/
  text-decoration: none;
}

/* Add a color on mouse-over */
ul#breadcrumb li a:hover {
  /*color: #01447e;*/
  text-decoration: underline;
}





/* Top Menu */
#navheadcontainer a:link{color:#000;text-decoration:none;}
#navheadcontainer a:visited{color:#000; text-decoration:none;}
#navheadcontainer a:hover{color:#9e2e06;text-decoration:none;}
#navheadcontainer a:active{color:#9e2e06; text-decoration:none;}
#navheadcontainer{text-align: right; margin-right:140px; padding-top:18px;font-size:12px;}
#navheadlist{list-style:none;padding:0;margin:0;}
#navheadlist li{display:inline;padding:0;margin:0;}
#navheadlist li:before{content:"| ";margin:0 3px;}
#navheadlist li:first-child:before{content:"";margin:0}
* html #navheadlist li{border-left:1px solid black;padding:0 0.4em 0 0.4em;margin:0 0.4em 0 -0.4em;}
* html #navheadlist{height:1%;}
* html #navheadlist li{display:block;float:left;}
* html #navlist li:first-child { border-left: 0; }

#languageChooser{
	clear: both;
	margin: -16px 64px 0 0; padding: 0;
	text-align: right;
}
#languageChooser img {
	padding-right: 2px;
}

/* Style the list */
ul#languageChooser {
  padding: 0px 0px;
  list-style: none;
  /*background-color: #eee;*/
}

/* Display list items side by side */
#languageChooser li {
  display: inline;
  /*font-size: 18px;*/
}
#languageChooser li.first a {
  background-image: url(./images/flag_nl.jpg);
  display: inline-block;
  margin: 0 auto;
  text-indent: 9999px;
  width: 29px;
  height: 18px;
}

#languageChooser li.last a{
  background-image: url(./images/flag_en.jpg);
  display: inline-block;
  margin: 0 auto;
  text-indent: 9999px;
  width: 29px;
  height: 18px;
}


/* Linker Menu */
#left{float:left;width:225px;background:#d5d5d5 url(./images/menu-corner.jpg) no-repeat top left;height:425px;}
#navlist{padding-top:28px;padding-left:0;margin-left:0;width:225px;}
#navlist ul{ padding-left:0;margin-left:0;} /*display:none; */
#navlist ul.active{display:block;}
#navlist li{background: #17488d; list-style:none;margin:0;padding:0;height:32px;margin-top:3px; width:225px;}
#navlist ul li{margin-top:0px;}

ul#navlist li.active {width:235px;}
ul#navlist ul.inner li.active {width:235px;}

#navlist li a{text-decoration:none;font-size:16.5px;color:#fff;padding-left:18px;line-height:32px;display:block;}
#navlist ul li a{display:block;margin-left:14px;}

/*body#Traffic-management ul.inner {display: block;}*/

/* Kleuren */
#navlist li#apr { background: #38abb4; }
#navlist li.turquoise { background: #38abb4; }
#navlist li.donkerblauw { background: #17488d; } 
#navlist li.groen { background: #177c5e; }
#navlist li.grijs { background: #d5d5d5; }