@charset "utf-8";

* {
    margin: 0;
}

html {
    height: 100%;       
}

body {
    font: 100% Arial, Helvetica, Verdana, sans-serif;
    background-color: #273d74;
    background-image: url(../images/bg-blauw.jpg);
    background-repeat: repeat-x;
    background-position: top center;
    margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
    padding: 0;
    text-align: center;
    color: #000000;
    height: 100%;       
}


img {
	border: none;
}

A
{
  text-decoration: none;
}

/* -- Starting page --------------------------------------- */

body#startpagina
{
        background-image: url(../images/bg.jpg);
        background-repeat: no-repeat;
        background-position: top center;
        background-color: #ffffff;
}
  
 #spautocenter
  {
        width: 830px;
        margin: 0 auto;
        position: relative;
        height: 100%;
  }

 #sptaalkeuze
  {
    font-weight: bold;
    font-size: 18px;
    height: 80px;
    color: #004a8d;
    width: 830px;
    text-align: center;
    position: absolute;
    left: 0;
    bottom: 80px;
    margin: 0px;
    padding: 0px;
    background: url(../images/bg-pixels.gif);
  }

 #sptaalkeuze A
  {
    color: #004a8d;
    text-decoration: none;
          }

 #sptaalkeuze A:hover
  {
    color: #0065c0;
  }


 #sptaalkeuze UL
  {
        float: left;
        padding: 28px 30px 23px 30px;
        
  }


 #sptaalkeuze li
  {
  
        float: left;
        width: 130px;
        list-style: none;
        margin: 0px;
        padding: 0px 30px 0px 30px;

  }


/* -- layout design --------------------------------------- */

#autocenter {
        width: 980px;
        margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
        
}

#mainContent {
        width: 980px;
        float: left;
        text-align: left; /* this overrides the text-align: center on the body element. */
}

#bovenlinks {
        float: left;
        width: 765px;
}

#bovenrechts {
        float: right;
        width: 215px;
}

#placeholder1 {
        height: 38px;
        background: #9fb5da;
        float:left;
        width: 100%;
}

#onder {
        position: relative;
        float: left;
        width: 885px;
        clear: both;
        background: #FFFFFF;
        margin: 0px;
        padding: 0px 0px 30px 0px;

}

.clearboth
{
  clear: both;
}
/* -- HEADER --------------------------------------- */

#header {
	font: italic 14px Arial, Helvetica, sans-serif;
	text-align: right;
	color: #334e89;
	padding: 28px 30px 19px 30px;
	width: 705px;
	height: 41px;
	background: #FFFFFF;
	margin: 0px;
	float: left;
	vertical-align: text-bottom;
}

#header IMG{
	float: left;
}

/* -- TAALKEUZE --------------------------------------- */

#taalkeuze H3 {
        display: none;
}

#taalkeuze UL {
	font-size: 10px;
	color: #1e366a;
	background: #D4DCEC;
	padding: 14px 0px 10px 33px;
	margin: 0px;
	height: 64px;
	list-style: none;	
}

#taalkeuze LI {
        padding:  0px 0px 4px 0px;
}

#taalkeuze .selected {
	list-style: url(../images/bullet-taalkeuze.gif) outside;
	font-weight: bold;
}

#taalkeuze A
{
  color: #1e366a;
}

#taalkeuze A:hover {
	color: #455f97;
}

/* -- HOOFDMENU --------------------------------------- */

.hoofdmenu {
	font: 13px Arial, Helvetica, sans-serif;
	color: #002679;
	padding: 0px 0px 0px 9px;
	margin: 0px;
	overflow: hidden;
	width: 756px;
	height: 38px;
	background: #bfd0e7;
	float: left;
	font-weight: bold;
}

.hoofdmenu LI {
	float: left;
	list-style: none;
}

.hoofdmenu .selected {
	display: block;
	padding: 3px 20px;
	height: 32px;
	line-height: 32px;
    background: #e3efff;
}
	
.hoofdmenu .selected {
    background: #e3efff;
}

.hoofdmenu a {
	text-decoration: none;
	color: #002679;
	display: block;
	padding: 3px 20px;
	height: 32px;
	line-height: 32px;
}

.hoofdmenu a:hover {
        background: #d8e6f8;
}

/* -- SFEERFOTO --------------------------------------- */

#sfeerfoto {
	float: left;
	width: 765px;
	height: 259px;
	clear: both;
	text-align: right;
}

/* -- SHORTCUTS --------------------------------------- */

#shortcuts A {
        text-decoration: none;
}

#shortcuts H3 {
    display: none;
}

#shortcuts UL {
	font-size: 11px;
	color: #ffffff;
	background: #283d74;
	height: 251px;
	float: left;
	padding: 8px 0px 0px 2px;
	margin: 0px;
	width: 213px;
	overflow: hidden;
}

#shortcuts LI {
	list-style: none;
	clear: both;
	padding: 20px 10px 0px 20px;
	float: left;
	width: 183px;

}

#shortcuts LI div {
	width: 129px;
	float: right;
}

#shortcuts LI A {
        color: #FFFFFF;
}
#shortcuts LI A:hover {
        color: #c7daf4;
}

#shortcuts LI img {
	float: left;
}

#shortcuts LI H4 {
	margin: 0px 0px 5px 0px;
	font-weight: bold;
	font-weight: bold;
	font-size: 14px;
	line-height: normal;
	color: #c7daf4;
}

#shortcuts LI H4 A {
	color: #c7daf4;
}

#shortcuts LI H4 A:hover {
        color: #ff9000;
}


/* -- SIDEBAR --------------------------------------- */

.sidebar {
	position: absolute;
	color: #0e2d71;
	width: 215px;
}
	
.sidebar UL {
	width: 171px;
	background-color: #d4dcec;
	padding: 5px 23px 24px 21px;
	margin: 0px;
}

.sidebar LI {
	font-size:12px;
	list-style: none;
	padding: 10px 0px 10px 0px;
	border-bottom: 1px dotted #273d74;
}

.sidebar LI A {
	color: #0e2d71;
	text-decoration: none;
}


.sidebar LI A:hover {
	color: black;
	text-decoration: none;
}


.sidebar H3 {
	font-size: 17px;
	background-color: #9fb6d9;
	height: 22px;
	padding: 13px 23px 5px 21px;
	margin: 0px;
}

#nieuws {
    right: -95px;
    top: 0px;
}

/* -- PAGINATITEL --------------------------------------- */

#breadcrums H3 {
        display: none;
}

#breadcrums UL {
	font: 16px Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #1e366a;
	padding: 0px 0px 0px 29px;
	margin: 0px;
	overflow: hidden;
	width: 856px;
	height: 40px;
	background: #bfd0e7;
}

#breadcrums LI {
	display: block;
	float: left;
	padding: 5px 20px 3px 20px;
	height: 30px;
	line-height: 32px;
	background: url(../images/bullet-titel.gif) no-repeat left center;
}

#breadcrums LI A {
	color: #1e366a;
	text-decoration: none;
}

#breadcrums LI A:hover {
	color: #38589d;
	text-decoration: none;
}

/* -- SUBMENU --------------------------------------- */

.submenu H3 {
        display: none;
}

.submenu {
	font-size: 13px;
	font-weight: bold;
	float: left;
	text-align: right;
	width: 150px;
	padding: 30px 0px 0px 10px;
	margin: 0px;
}

.submenu UL {
	padding: 0px 15px 0px 0px;
	margin: 0px;
	border-right: 1px solid #9eb6d2;

}

.submenu LI {
	color: #273d74;
	list-style: none;
	padding: 0px 0px 10px 0px;
}


.submenu LI UL {
	list-style: none;
	padding: 5px 0px 0px 0px;
	border: none;
}


.submenu LI LI {
	color: #273d74;
	font-size: 11px;
	padding: 4px 0px 4px 0px;
}

.submenu .selected {
	color: #f17100;
}

.submenu A {
	text-decoration: none;
	color: #273d74;
}

.submenu A:hover {
	color: #f17100;
}

/* -- FOOTER --------------------------------------- */

#footer {
        font-size: 11px;
        color: #273d74;
        line-height: 40px;
        clear: both;
        text-align: left;
        height: 40px;
        background-color: #bfd0e7;
        padding: 0px 20px 0px 31px;
        width: 834px;
}

#footer A {
        color: #273d74;
}



/* -- INHOUD --------------------------------------- */

.inhoud {
	font-size: 12px;
	color: #000000;
    line-height: 16px;
	float: left;
	width: 560px;
	margin: 30px 0px 0px 20px;
    min-height: 300px;    
	text-align: justify;
}

.inhoud A {
	color: #364f95;
}

.inhoud A:hover {
	text-decoration: underline;
}

.inhoud H4 {
        font-size: 16px;
        color: #273d74;
        line-height: 23px;
        padding: 0px 0px 8px 0px;
}

.inhoud H5 {
        font-size: 12px;
        color: #273d74;
        line-height: 13px;
        margin: 8px 0px 8px 0px;
}

.inhoud P {
        padding:8px 0px 8px 0px;
        font-size: 12px;
        line-height: 18px;
}

.inhoud.fullsize
{
        margin-left: 30px;
        width: 700px;
}

.inhoud HR {
        display:none;
}

/*

        border: 1px dashed red;


*/