html, body
{
	margin  : 0;
	padding : 0;
}

html
{
	background-color  : #003a99;
	background-image  : url(/static/images_sites/orientation/background.gif);
	background-repeat : repeat-x;
	font-size         : 13px;
	font-family       : verdana, arial, helvetica, sans-serif;
}

body
{
	text-align : center;
}

a:link
{
	color : #fa142f;
}
a:visited
{
	color : #003a99;
}
a:hover, a:focus
{
	text-decoration : none;
}
a:active
{
	color : #69c;
}
div#wrapper
{
	margin              : 0 auto;
	width               : 720px;
	max-width           : 720px;
	text-align          : left;
	background-color    : #fff;
	background-image    : url(/static/images_sites/orientation/logo.gif);
	background-repeat   : no-repeat;
	background-position : 45px 5px;
	padding             : 130px 0 0 0;
}
body>div#wrapper
{
	width : auto;
}

h1, h2
{
	display : none;
}

div#navigation ul
{
	list-style-type : none;
	width           : 100%;
	padding         : 0;
	margin          : 0;
}
div#navigation ul li
{
	float            : left;
	background-color : #69c;
	width            : 180px;
}
div#navigation ul li a
{
	width           : 100%;
	display         : block;
	padding         : 5px 0 5px 0;
	text-align      : center;
	text-decoration : none;
	font-size       : 20px;
	color           : #fff;
}
div#navigation ul li a:hover, div#navigation ul li a:focus
{
	background-color : #003a99;
	color            : #fff;
}

body#home div#navigation ul li#nav-homepage a
{
	background-color : #b0d4f7;
	color            : #003a99;
}
body#onderwijs div#navigation ul li#nav-onderwijs a
{
	background-color : #b0d4f7;
	color            : #003a99;
}
body#bedrijfsleven div#navigation ul li#nav-bedrijfsleven a
{
	background-color : #b0d4f7;
	color            : #003a99;
}
body#bedrijfsleven-recensie ul#navigation lu#nav-bedrijfsleven a
{
	background-color : #b0d4f7;
	color            : #003a99;
}
body#contact div#navigation ul li#nav-contact a
{
	background-color : #b0d4f7;
	color            : #003a99;
}
h3, h4
{
	color   : #003a99;
	padding : 3px 3px 3px 10px;	
}
h3
{
	font-size        : 18px;
	background-color : #b0d4F7;
}
h4
{
	font-size        : 16px;
	background-color : #D3E7FA;
}
div#content
{
	clear     : left;
	padding   : 20px;
	font-size : 13px;
}
div#content a[rel="external"]:after
{
	content : url(/static/images_sites/orientation/external.gif);
}
div#content p
{
	line-height : 20px;
}
div#content img
{
	margin-bottom : 0.5em;
}
div#content ul
{
	list-style-image : url(/static/images_sites/orientation/list-item.gif);
}
div#content li
{
	line-height : 20px;
}
div#content table
{
	font-size       : 13px;
	border-width    : 0;
	border-collapse : collapse;
}
div#content col#tijd
{
	width : 125px;
}
div#content col#programma
{
	width : 550px;
}	
div#content thead
{
	background-color : #edf5fd;
	color            : #003a99;
	font-weight      : bold;
}
div#content td
{
	padding        : 0.2em;
	vertical-align : top;
}
div.section-with-image
{
	position : relative;
	clear    : both;
}
.right img
{
	float          : right;
	margin-left    : 1.5em;
	padding-bottom : 0.5em;
}

.left img
{
	float          : left;
	margin-right   : 1.5em;
	padding-bottom : 0.5em;
}

hr
{
	width            : 100%;
	background-color : #fff; 
	border           : 0;
	border-top       : 2px dotted #69c;
}

address
{
	font-style : normal;
}

address#footer
{
	display             : block;
	text-align          : center;
	padding             : 0.8em 0;
	padding-top         : 70px;
	background-image    : url(/static/images_sites/orientation/bedrijfssimulaties.gif);
	background-repeat   : no-repeat;
	background-position : center top;	
}
address#footer a
{
	display          : block;
	color            : #fff;
	padding          : 5px 0 5px 0;
	font-size        : 20px;
	background-color : #69c;
	text-decoration  : none;
}