body
{
	
	font-family: arial;
	font-size: 0.8em;
	color: #666666;
	text-align: center;
	margin: 0px;
	overflow: scroll;
	
	background: url('image/headerextention.jpg') repeat-x;

}

.container
{
	width: 950px;
	margin-right:auto;
	margin-left:auto;
	text-align: left;
	padding: 0px 0px 10px 0px;
	background: url(none) #ffffff;
}

html>body .container
{
	width: 950px;
	margin-right:auto;
	margin-left:auto;
	text-align: left;
	padding: 0px 0px 10px 0px;
	background: url(none) #ffffff;
}

.pagina
{
	/*background: url(image/achtergrond-standaard.gif) repeat-x top;*/
}

/* SUBMENU */
.submenu
{
	float:left;
	width: 140px;
	height: 200px;
	padding: 0 1px 0 5px;
	margin: 0px 0 0 5px;
}

html>body .submenu
{
	width: 131px;
	height: auto;
	min-height: 400px;
	padding: 1px;
	margin: 20px 0 0 7px;

	/*border: 1px solid #990000;*/
}

#submenu ul 
{
	padding: 0px 0 0px 0px;
	margin: 46px 0 0 0;
	list-style-type: none;
}

#submenu ul ul 
{
	padding: 0px 0 0px 10px;
	margin: 5px 0 0px 0;
}

html>body #submenu ul
{
	padding: 0 0 0 4px;
	margin: 30px 0 0 0;
}

html>body #submenu ul ul
{
	padding: 0 0 0 18px;
	margin: 5px 0 0 0;
}

#submenu li
{
	list-style-type: none;
	padding: 0 0 7px 0;
	margin: 0;
	/*border-top: 1px solid #ff9900;*/
}

html>body #submenu li
{
	text-indent:0px;
}

#submenu li a:hover
{
	/*color: #006180;*/
	color: #F37042;
}

#submenu li li
{
	list-style:none;
	list-style-image: none;
	padding: 0px 0 0px 0;
	margin: 0;
	
}

html>body #submenu li li
{
	text-indent:0px;
}

#submenu li li a:hover
{
	color: #F37042;
}

#submenu .unsel
{
	font-size: 1.0em;
	font-weight:bold;
	color: #006180;
}

#submenu .sel
{
	font-size: 1.0em;
	font-weight:bold;
	color: #F37042;
}

#submenu .addunsel
{
	font-size: 1.0em;
	font-weight:normal;
	color: #006180;
}

#submenu .addsel
{
	font-size: 1.0em;
	font-weight:normal;
	font-style:italic;
	color: #F37042;
}

#cursusmenu
{
	margin-top: 0px;
	margin-left:-3px;
	padding: 0;

}

#cursusmenu a{
	font-size: 1.0em;
	font-weight:bold;
	color: #006180;
}

#cursusmenu a:hover{
	font-size: 1.0em;
	font-weight:bold;
	color: #F37042;
}


#kolomrechts {
	width:210px;
	float: left;
	display: inline;
	margin: 0 3px 0 22px;
	padding:0;
	/*border: 1px solid #d1d0d0;*/
}

#paginatitel{
	margin: 0 0 0 -25px;
	padding: 0;
}

/* content */
#content
{
	width: 950px;
	float: left;
	background: url('image/contentbg.gif') repeat-y;
}

html>body #content
{
	margin: -11px 0 9px 0px;
	padding: 0;
}

#content2
{
	float:left;
	background: url('image/kleurbalk2.gif') repeat-y;
}

a
{
	color: #666666;
	text-decoration:none;
}

a:hover
{
	color: #F37042;
}

a.underline:hover
{
	color: #666666;
	text-decoration:underline;
}

h1
{
	color: #006180;
	font-weight: bold;
	font-size: 1.0em;
	padding-bottom:4px;
	/*margin: 10px;*/
}

.tekst
{
	margin-top: 10px;
	padding-left: 25px;
	
}

.bold
{
	color: #006180;
	font-weight: bold;
	padding: 0;
	margin: 0;
}

.bold a
{
	color: #006180;
	font-weight: bold;
	padding: 0;
	margin: 0;
}

.bolditalic
{
	color: #006180;
	font-weight: bold;
	font-style: italic;
	padding: 0;
	margin: 0;
}

/* header */
.header
{
	background: url(image/headertgk2.jpg);
	width: 950px;
	height: 175px;
}

.header a#img
{
	float:left;
}

.header img
{
	float:left;
	border:none;
	margin:0;
	padding:0;
}

#headerrechts
{
	float: right;
	width: 750px;
	text-align: right;
	color: #ffffff;
	font-size: 16px;
}

#headerrechts img
{
	float:right;
}


/* subheader */
.subheader
{
	/*background: url(image/subheader.gif) repeat-y #ff9900;*/
	background-color: #006E79;
	width: 950px;
	height: 18px;
	margin: 8px 0 0 0;
}

.header a#img
{
	float:left;
}

.subheader img
{
	float:left;
	border:none;
	margin:0;
	padding:0;
}

#subheaderrechts
{
	float: right;
	width: 800px;
	text-align: right;
	color: #ffffff;
	font-size: 16px;
	margin-top: 155px;
	padding: 4px 0 0 0;

	/*border: 1px solid #798384;*/
	
}

#crumblepath{
	float:left;
	width: 620px;
	color: #FEFEFE;
	font-size: 12px;
	text-align: left;
	margin:0;
	padding: 0;
	
	/*border: 1px solid #ff9900;*/
}

#crumblepath a
{
	color: #FEFEFE;
	font-size: 12px;
	text-transform: lowercase;
}

#crumblepath a:hover
{
	color: #F37042;
}

#crumblepath a:active
{
	color: #F37042;
}

#taalkeuze
{
	float:right;
	margin: -1px 10px 0 0; 
	padding: 0;
}

#taalkeuze a{
	font-size: 12px;
	color: #FEFEFE;
}

#taalkeuze a:hover
{
	color: #F37042;
}

#taalkeuze a:active
{
	color: #F37042;
}

#paginaheader{
	margin-top: 14px;
	color: #0099d3;
	font-weight: bold;
}

#taalkeuze img
{
	/*border: 1px solid #798384;*/
}


.menu
{
	text-align:right;
	text-transform: lowercase;
	margin: 0;
	padding: 0;
}

html>body .menu
{
	text-align:right;
	text-transform: lowercase;
	margin: 11px 0 0 0;
	padding: 0;
}
	

.menu a
{
	font-size: 1.0em;
	font-weight:bold;
	color: #666666;
}

.menu a:visited
{
	font-size: 1.0em;
	font-weight:bold;
	color: #666666;
}

.menu a:hover
{
	color: #F37042;
	font-weight:bold;
}

.menu a:active
{
	color: #ff9900;
	font-weight:bold;
}

.nieuws
.downloads
{
	width: 250px;
	float: left;
	padding: 10px 0 0 0px;
}

html>body .downloads
{
	padding: 0px;
}

#downloaditems
{
	padding-left: 25px;
	border: 1px solid #006180;
	
}

#contactgegevens
{
	width: 175px;
	float: left;
	color:#666666;
	font-family: arial;
	font-size: 0.9em;
	padding: 0 10px 0 5px;
	margin: 0px 0 0 0 ;
}

#small
{
	color:#666666;
	font-family: arial;
	font-size: 0.8em;
}


#partners
{
	width: 400px;
	float: left;
	color: #666666;
	font-family: arial;
	font-size: 1.0em;
	padding: 0px 0px 10px 0px;
	margin: 20px 0px 0px 0px;
	border-top: 1px solid #cccccc;
}

.rechts
{
	width: 200px;
	padding: 3px 0px 10px 0px;
}

img#rechts
{
	float:right;
	margin:10px;
	border:none;
}

#highlightbox
{
	float:right;
	width: 180px;
	padding: 5px 0px 0px 0px;
	margin: 10px 0px 0 0;
	/*background-color: #ffffff;*/
	top:0px;
}

html>body #highlightbox
{
	padding: 0;
	margin: 10px 70px 0 0;
	/*border: 1px solid #006180;*/
	background-color: #ffffff;
}

highlightbox h1
{
	color: #006180;
	font-weight: bold;
	font-size: 1.0em;
}

.inhoud
{
	float:left;
	width: 500px;
	height: 500px;
	padding: 10px;
	
	
}

html>body .inhoud
{
	padding: 5px;
	margin: 0 0 0 10px;
	

	
}

.inhoudgroot
{
	float:left;
	width: 800px;
	height: 500px;
	padding: 10px;
	text-align:left;
	

	/*border: 1px solid #990000;*/
}

html>body .inhoudgroot
{
	width: 780px;
	/*border: 1px solid #990000;*/
}



.inhoudgrootwms
{
	clear: both;
	overflow:auto;
	float: right;
	width: 700px;
	height: 580px;
	padding: 5px;
	text-align:left;
	background-color: #FFFFFF;
}


/* footer */
.footer
{
	clear: both;
	width: 950px;
	color: #666666;
	border-top: 2px solid #006E79;
	padding-top: 3px;
	margin-top: 10px;
}

html>body .footer
{
	clear: both;
	border-top: 2px solid #006E79;
	margin: 0px 0 0 0;
	padding: 0;
}

.boldfooter
{
	font-weight: bold;
	color: #FF9900;
	padding: 0;
	margin: 0;
	display: inline;
}

caption
{
	text-align:left;
	font-weight: bold;
	font-size:1.0em;
}

#inhoudgroot td
{
	font-size:0.8em;
}

#inhoudgrootwms td
{
	font-size:0.8em;
}

td
{
	font-size:0.8em;
}

.tableWMS
{
	border:1px solid #6666FF;
}

.dashed
{
	border-bottom: 1px dashed #006180;
}

#cursuslocatiebox
{
	/*margin-left: 130px;*/
	padding: 0;
	
}


#curriculumcursus
{
	/*margin-left: 130px;*/
	padding: 0;
}


/********/

fieldset
{
	clear: both;
	font-size: 100%;
	border-color:#0099d3;
	border-width: 1px 0px 0px 0px;
	border-style: solid none none none;
	margin: 0px 0px 0px 0px;
}

fieldset legend
{
	font-size: 100%;
	font-weight: normal;
	/*color: #6699cc;*/
	color:#0099d3;
	margin: 0px 0px 0px 0px;
	padding: 0px 5px;
}


/*form*/

#addlocatieform
{
	display: none;
}

#contactinformatie{

	
}

.contactform
{
	width: 400px;
	height:100px;
	margin: 0 auto;
	padding: 15px 0px 0px 20px;
	color:#006180;

	/*border: 1px solid #006180;*/
}

label
{
	color:#006180;
	float: left;
	width: 100px;
	font-weight: normal;
}


#contacform #verzenden
{
	margin-left: 102px;
	margin-top: 5px;
	width: 90px;
}

#verzenden
{
	margin-left: 85px;
	margin-top: 5px;
	width: 90px;
}

#reactieform #verzenden
{
	margin-left: 0px;
	margin-top: 5px;
	width: 90px;

}

#agendazoekformulier #verzenden
{
	margin-left: 0px;
	margin-top: 5px;
	width: 90px;

}

#maptoevoegenformulier #verzenden
{
	margin-left: 0px;
	margin-top: 5px;
	width: 90px;

}

#documentbewerken #verzenden
{
	margin-left: 0px;
	margin-top: 5px;
	width: 90px;
}

#registratieform #verzenden
{
	margin-left: 0px;
	margin-top: 5px;
	width: 90px;
}

#wachtwoordvergeteninfo
{
	width: 430px;
	margin: 5px 4px 20px 0px;
	float:left;
	padding: 5px;
	background-color:#FEE5C7;
	border-color:#F37042;
	border-width: 1px 0px 1px 0px;
	border-style: solid none solid none;
	text-align: left;
}

#wachtwoordvergetenform #verzenden
{
	margin-left: 0px;
	margin-top: 5px;
	width: 90px;
}

.submit{
	margin-left: 0px;
	margin-top: 5px;
	width: 70px;
}

.input
{
	width: 200px;
	margin-bottom: 5px;
}

.select
{
	
	width: 182px;
	margin-bottom: 5px;
}

textarea
{	
	width: 460px;
	height: 50px;
}


#contacform textarea{
	width: 270px;
	height: 100px;
}
.donotprint
{
	display:inline;
}
.hiddentext
{
	position:absolute;
	display:none;
}

#documentenmanager
{
	/*margin: 20px 0 0 50px;*/
}

#documentenmanagerinhoud
{
	margin: 10px 0 0 0px;
}

.bottomline
{
	border-bottom:2px solid;
	border-color:#006180;
}


.orangeline
{
	/*background-color: #dbe8fb;*/
	border-bottom:1px solid;
	border-color:#F37042;
}

.blueline
{
	/*background-color: #dbe8fb;*/
	padding-bottom: 5px;
	margin:0;
	border-bottom:1px solid;
	border-color:#006180;
}

.bluedotline
{
	/*background-color: #dbe8fb;*/
	padding-bottom: 5px;
	margin:0;
	border-bottom:1px dashed;
	border-color:#006180;
}

.orangedotline
{
	border-bottom:1px dashed;
	border-color:#F37042;

}


/*Document uploader*/

#uploader
{
	width: 400px;
	height:100px;
	margin: 0 auto;
	padding: 15px 0px 0px 20px;
	color:#006180;
}

#uploader #documentuploaded
{
	float: left;
	width: 250px;
	height:100px;
	padding: 0px 0px 0px 0px;
	color:#006180;

}

.tgkcolor
{
	color: #0099d3;
}

.tgkcolorextra
{
	color: #0099d3;
	border-bottom: 1px solid #0099d3;

}

.tgkgreen{
	color:#006180;
}

.orange
{
	color: #F37042;
}

/*Voor agenda */
#agenda
{
	float:left;
	width: 490px;
	height: 500px;
	padding: 5px;
	text-align:left;
}

#agendaopen
{
	float:left;
	width: 480px;
	padding: 10px;
	text-align:left;
}

#agendaopen h4 span 
{
	font-size: 11px;
	color: #F37042;
	font-weight: normal;
}


#agendalijst
{
	float:left;

	width: 480px;
	padding: 10px;
	text-align:left;

	/*border: 1px solid #990000;*/
}

#agendalijst a
{
	color: #006180;
	font-weight: bold;
	text-decoration:none;
}

#agendalijst a:hover
{
	color: #F37042;
	font-weight: bold;
}

#agendalijst a.underline:hover
{
	color: #F37042;
	font-weight: bold;
	text-decoration:underline;
}

#agendalijst span 
{
	font-size: 11px;
	color: #F37042;
}

/*
--------------------------------------------------------------------------
Zoek form + resultaten
--------------------------------------------------------------------------
*/

/*#zoekformulier{
	border-width: 1px;
	border-style: solid;
	border-color:#F37042;
}
*/
#zoekveld{
	background-image:url('image/search.gif');
	background-repeat: no-repeat;
	background-position: center left;
	padding-left: 20px;
}

#zoekform #verzenden
{
	margin-left: 0px;
	margin-top: 5px;
	width: 70px;

/*	background: transparent url('image/search.gif') no-repeat center top;
	cursor: hand;
	border: 0;
*/
}

#resultaatitem
{
	padding: 10px 0 10px 0;
}

#resultaatitem span a {
	color: #006180;
	text-decoration: underline;
}


#gebruikerszoeklijst{
	margin-top: 20px;
}

#naamfilter{
	margin-left:10px;
}

#naamfilterinfo{
	width: 770px;
	margin: 5px 4px 20px 5px;
	float:left;
	padding: 5px 0 5px 0;
	/*background-color:#FEE5C7;*/
	border-color:#F37042;
	border-width: 1px 0px 1px 0px;
	border-style: solid none solid none;
	text-align: left;
}

#addpaginainfo{
	width: 450px;
	margin: 5px 4px 20px 5px;
	float:left;
	padding: 5px 0 5px 0;
	/*background-color:#FEE5C7;*/
	border-color:#F37042;
	border-width: 1px 0px 1px 0px;
	border-style: solid none solid none;
	text-align: left;
}

html>body #naamfilterinfo{
	width: 750px;
	margin: 5px 4px 20px 10px;
}

/*
---------------------------------------------------------------------------
Extra box voor de verschillende links net boven nieuws
---------------------------------------------------------------------------
*/

.extrabox{
	border-bottom: 1px solid #CECECE;
	margin-bottom: 0px;
	padding-bottom: 5px;
}


/* 
---------------------------------------------------------------------------
Nieuws items
--------------------------------------------------------------------------- 
*/

.nieuws-item {
	border-bottom: 1px solid #CECECE;
	padding-bottom: 0px;
	margin-bottom: 5px;
}

.nieuws-item p {
	margin: 0;
}

.nieuws-item a {
	color: #006180;
}

.agenda {
	border-bottom: 1px solid #CECECE;
	padding-bottom: 0px;
	margin-bottom: 5px;
}

.agenda p {
	margin: 0;
}

.agenda a {
	color: #006180;
}

.downloadbox {
	border-bottom: 1px solid #CECECE;
	padding-bottom: 0px;
	margin-bottom: 5px;
}


.downloadbox a{
	font-weight: bold;
	color: #006180;
	font-size: 12px;
	text-decoration: none;
}

.downloadbox a:hover {
	font-weight: bold;
	color: #F37042;
	font-size: 12px;
	
}

.bluelink a {
	font-weight: bold;
	color: #006180;
	font-size: 11px;
	text-decoration: none;
}

.bluelink a:hover {
	font-weight: bold;
	color: #F37042;
	font-size: 11px;
	text-decoration: underline;
}


#nieuwsbericht{
	width: 500px;
	float: left;
	padding-right:40px;
	/*border: 1px solid #CCCCCC;*/
}

#nieuwsbericht h4 span 
{
	font-size: 11px;
	color: #F37042;
	font-weight: normal;
}


.nieuwslijst{
	float: left;
	padding: 10px 0px 20px 0px;

	/*border: 1px solid #CCCCCC;*/
}

.nieuwslijstitem h4{
	font-size: 11px;
	color: #F37042;
	font-weight: normal;	
}

.nieuwslijst a {
	color: #006180;
	font-size: 12px;
	text-decoration: none;
}

.nieuwslijst a:hover {
	color: #F37042;
	font-size: 12px;
	text-decoration: none;
}

.nieuwslijst fieldset{
	border-color:#0099d3;
	border-width: 1px 0px 0px 0px;
	border-style: solid none none none;
}

.nieuwslijst legend{
	color: #0099d3;
	font-weight: bold;
	font-size: 14px;
}

.nieuwslijstitem{
	margin: 0;
}


.meer {
	text-align: right;
	display: block;
	margin:0;	
}

.meer a{
	color: #C10B0B;
}

.meersearch
{
	text-align: left;
	display: block;
	margin:0;
}

.meersearch a{
	color: #C10B0B;
}



h2 
{
	font-weight: bold;
	color: #0099d3;
	font-size: 12px;
	letter-spacing: 1px;
	
	/*margin-bottom: 20px;*/
}

#highlightbox h4 {
	font-weight: bold;
	color: #006180;
	font-size: 11px;
	/*line-height: 5px;*/
}

#highlightbox h4 span 
{
	/*color: #006180;*/
	color: #F37042;
	font-weight: normal;
}


/*doelgroeplijst in doelgroepmanager ====================================*/

#doelgroeplijst ul{
	float: left;
	padding: 0;
	margin: 0 0 0 -50px;
}

#doelgroeplijst li{
	list-style:none;
	list-style-image: none;
	padding: 5px 0 5px 0;
	margin: 0;
	border-bottom:1px solid;
	border-color:#F37042;
}



/*CSS voor Tab pages en Wizard inschrijven voor cursus===================*/

#tabscontainer {
	width:520px;
	margin-top: 20px;
	margin-right:0px;
	/*border:1px solid green;*/
}

#cursuslist{
	float: left;
	width:280px;
}

.tabs {
	width:110px;
	margin-right:10px;
	padding:4px;
	text-align:center;
	float:left;
	cursor:pointer;
	border:1px solid #ccc;
	border-bottom:0;
}
#tabscontent {
	height:250px;
	background-color:#FEFEFD;
	clear:both;
	border:1px solid #ccc;
}

#tabscontent table{
	margin: 20px 0 0 20px;
	padding:0;
	
}

#tabscontent ul{
	list-style-type: square;
	display:block;
	margin: 20px 0 0 20px;
	padding:0;
}

#tabscontent ul li{
	margin: 5px 0 0 20px;
	padding:0;
}

#load {
	/*position:absolute;
	left:0;
	top:0;*/
	width:100px;
	height:20px;
	color:white;
	display:none;
}

#showloading {
	width:100px;
	height:20px;
	color:white;
	display:none;
}

#wizardcrumblepath {
	width: 470px;
	margin: 5px 0 0 10px;
	float:left;
	font-size: 1.0em;
	color: #666666;

	/*color:#0099d2;*/
	/*border:solid gray 1px;*/
}

#cursusholder{
	float: left;
	width: 226px;
	/*border:solid gray 1px;*/
}

html>body #cursusholder{
	margin: 0px 0 0 0;
}

#shoppingcart{
	width:226px;
	float: right;
	margin:0;
	padding:0;
	/*border:solid gray 1px;*/
}

html>body #shoppingcart{
	margin: 0px 45px 0 0;
	padding:0;
}

#bevestigbtn {
	width: 250px;
	margin: 5px 0 0 10px;
	float:left;
}

#cursusdetails{
	float: left;
	width: 470px;
}

#cursusalgemeendocs{
	width:236px;
	float: right;
	margin:0;
	padding:0;

}

#inschrijvenloginform
{
	float: left;
}

#inschrijvenloginform # verzenden
{
	

}

/*===Inschrijving cart=================*/
#inschrijvingboxinfo{
	width: 255px;
	margin: 5px 4px 0 10px;
	float:left;
	padding: 5px 0 5px 0;
	background-color:#FEE5C7;
	border-color:#F37042;
	border-width: 1px 0px 1px 0px;
	border-style: solid none solid none;
	text-align: left;
}

#inschrijvingbox {
	float: left;
	background-color:#F3F3F2;
	border:dashed gray 1px;
	height:250px;
	width:255px;
	padding:5px;
	margin:20px 0 0 10px;	
	overflow: auto;
}

html>body #inschrijvingbox{
	width:245px;
}

.inschrijvingboxheader{
	color: #0099d3;
	font-weight: bold;
	padding: 0;
	margin: 0;
	border-bottom: solid 1px #006180;
}

.listitem{
	padding: 5px;
	margin: 0;
	border-bottom: dashed 1px #006180;

}

#cursusaanbodlijstheader{
	color: #0099d3;
	font-weight: bold;
	margin: 20px 0 0 20px;
	padding:0;
}

html>body #cursusaanbodlijstheader{
	margin: 40px 0 0 20px;
}

.cursusitem{
	width:190px;
	margin: 20px 0 0 20px;
	cursor: pointer;

}

.cursusitem span{
	color: #0099d3;
}

.cursusitem a{
	color: #C10B0B;
}


html>body #inschrijvenloginform{
	float:left;
}

#inschrijvenloginform #verzenden{
	margin-left: 0px;
	margin-top: 5px;
	width: 90px;
}

#products {
	background-color:#FFF;
	border:dashed gray 1px;
	height:100px;
	width:500px;
	padding:5px;
}	
.box {
	background-color:#CCFF33;
	border:solid gray 1px;
	margin:10px;
	padding:4px;
	width:50px;
	height:50px;
	float:left;
	cursor:pointer;
}
#loading {
	display:none;
	float:right;
}
#clearCart {
	text-decoration:underline; 
	cursor:pointer; 
	float:right
}
#clearCart:hover {
	background-color:#CCFFCC;
	color:#000099;
}


/*=====================================*/