/* CSS Document */
body {
	background-color:#e2e1e1;
	background-image:url('../assets/images/backgrounds/background2.png');
	background-repeat:repeat;
	/*overflow-x: hidden;*/
		background-attachment: 
fixed;
}
#main {
  width: 955px;
  margin-left: auto;
  margin-right: auto;
  margin-top:0px;
  font-family:Arial, Helvetica, sans-serif;
  font-size:	12px;
  background-color:#FFF;
  /*border:#999 thin solid;*/  
}

a {
	outline: none;
	color:#F60;
	border:none;
}

/* Header-container ------------------------------------------------------------------------ */
#header {
       /* clear:both;
        float:left; */
       	width:100%;
		height: 305px;
		background-color:#FFF;
    }

/* Logo ------------------------------------------------------------------------------------ */

#logo {
		float: left;
		width: 350px;
		height: 100px;
		background-color: #fff;
		margin-left:20px;
}

#logo a img {
	outline:none;
	border:none;
}

/* Languages ------------------------------------------------------------------------------------ */

#languages {
		float: left;
		width: 403px;
		height: 20px;
		background-color:#fff;
		margin-top:15px;
		margin-left:155px;
		text-align:right;
}

#languages a img {
	outline:none;
	border:none;
}

/* Search ---------------------------------------------------------------------------------- */

#searchfieldbutton{
	float:right;	
	height:35px;	
	margin-top:10px;
	margin-right:25px;
}

#textarea{
	float:left;		
	height:35px;
	width:280px;
	overflow:hidden;
	border:0px;
}

#submitbutton{
	float:left;	
	width:34px;
	height:27px;
	overflow:hidden;
	outline:none;
	border:0px;
	margin-top:4px;
}

#submitbutton:hover input {
  	margin-top:-27px;    /* Negative height of half the sprite, to push the image up */
  	outline:none;
  	border:0px;
}

.textfield 

{
	background: url('../artwork/images/searchbar/searchleft.jpg') no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	color:#999;
	font-size:12px;	
	height:35px;
	width:280px;
	border: none;
	padding: 10px 0 0 15px;
	outline:none;
} 

/* Socialicons --------------------------------------------------------------------------------- */
#socialicons {
		float: right;		
		height: 25px;
		margin-right:15px;
		margin-top:3px;
}

/* Menubar --------------------------------------------------------------------------------- */
#mainmenu {
		float:left;
		height: 30px;
		width: 955px;
		background-color: #fff;	
		text-align:center;
}

/* Banner ---------------------------------------------------------------------------------- */
#banner {
		height: 140px;
		width: 955px;
		background-color: #FFF;		
}


/* Breadcrumps ---------------------------------------------------------------------------- */
#breadsocial {
	clear:both;
	width:955px;
	height:33px;
	background-color:#ededed;
	margin-top:-15px;
	margin-left:0px;
	margin-right:0px;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
}

#breadcrumbs {
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	width:700px;
	height:33px;
	margin-left:38px;
	margin-top:11px;
}


/* Content = Panel container + Submenu en text-container ----------------------------------- */

#content {
	clear:both;
	width: 100%;
	height: auto;
	background-color:#fff;
	margin-top:20px;
}


/* Panel-container-------------------------------------------------------------------------- */
#panel {
	float:right;	
	width: 200px;
	height:auto;
	background-color:#fff;
	margin-right:15px;
}

/* Dokeos Panel----------------------------------------------------------------------------- */

#dokeos {
	float:left;
	position:relative;
	width: 185px;
	margin-left:10px;
	margin-bottom:10px;
	text-align:center;
}

/* Rotatinginfo Panel----------------------------------------------------------------------------- */

#rotainfo {
	float:left;
	position:relative;
	width: 185px;	
	margin-left:10px;
	margin-bottom:10px;
	text-align:center;
}

/* ------------------------ Imagerotator */

#rotatorwrapper {
	margin-top:15px;
	margin-left:-40px;
}

/* rotator in-page placement */
        div.rotator {
	position:relative;
	width:170px;
	height:320px;
}
/* rotator css */
	div.rotator ul li {
	float:left;
	position:absolute;
	list-style: none;
}
/* rotator image style */	
	div.rotator ul li img {
	border:1px solid #ccc;
	padding: 4px;
	background: #FFF;
	border:none;
	text-decoration:none;	
}
        div.rotator ul li.show {
	z-index:500;
}


/* Nieuws Panel----------------------------------------------------------------------------- */

#nieuws {
	float:left;
	position:relative;
	width: 185px;
	margin-left:10px;
	margin-bottom:10px;
	text-align:left;
}

#nieuws p {
	margin-top:10px;
	margin-left:10px;
	font-size:11px;
	text-align:left;
}

/* Info Panel----------------------------------------------------------------------------- */

#info {
	float:right;
	/*position:relative;*/
	width: 185px;	
	margin-right:5px;
	margin-bottom:10px;
	text-align:center;
}

/* Submenu en text-container------------------------------------------------------------------ */

#body {
	float:left;
	position:relative;
	width: 700px;
	margin-left:25px;
	/*border: 1px solid #ccc;*/
	background-color:#fff;
}

/* Submenu------------------------------------------------------------------------------------ */

#submenu {
	float:left;
	position:relative;
	overflow:hidden;
	/*width: 140px;*/
	/*border: 1px solid #ccc;*/
	background-color:#fff;	
}

#submenu p {
	margin-top:10px;
	margin-left:10px;
}

/* Taalinschrijving------------------------------------------------------------------------------------ */

#taalinschrijving p {
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	line-height:14px;
	font-size:10px;
	margin-top:10px;
	margin-left:10px;
}

#taalinschrijving h1 {
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	line-height:14px;
	font-size:12px;
	margin-top:10px;
	margin-left:10px;
}

#taalinschrijving a {
	color: #1e4973;
	outline:none;
	border:none;
}

#taalinschrijving a:hover {
	color: #1e4973;
	outline:none;
	border:none;
}

#taalinschrijving a:link {
	color: #1e4973;
	outline:none;
	border:none;
}

#taalinschrijving a:visited {
	color: #1e4973;
	outline:none;
	border:none;
}

/* Text CSS ------------------------------------------------------------------------------------ */

#text{
	float:right;
	position:relative;
	width: 490px;
	background-color:#fff;
	margin-top:-5px;
	margin-left:25px;
	margin-right:35px;
}

#text p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	color:#000;
	margin-top:0px;
	margin-bottom:15px;	
}

#text h1{
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#E4680B;
	margin-top:10px;
	margin-bottom:15px;
}

#text h2{
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#E4680B;
	margin-top:25px;
	margin-bottom:10px;
}

#text h3{
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666;
	margin-top:10px;
	margin-bottom:10px;
}

#text strong {
	color:#333;	
}

#text b {
	color:#333;	
}

#text a {
	color: #1e4973;
	outline:none;
	border:none;
}

#text a img{
	color: #1e4973;
	outline:none;
	border:none;
}

#text a:hover {
	color: #1e4973;
	outline:none;
	border:none;
}

#text a:link {
	color: #1e4973;
	outline:none;
	border:none;
}

#text a:visited {
	color: #1e4973;
	outline:none;
	border:none;
}

#text hr {
	height: 0;
	border: 0;
	border-top: 1px solid #ccc;
	margin-top:15px;
	margin-bottom:15px;
}

#text ul {
	margin-top:5px;
	margin-bottom:20px;
}


/* Tabs------------------------------------------------------------------------------ */

    #tabs {
      float:left;
      height:auto;
	  width:485px;
      font-size:93%;
      line-height:normal;
	  margin-left:0px;
      }

	#tabs2 ul {
      margin:0; 
	  padding:10px 10px 0 0px; 
	  list-style:none;
      }	  

	#tabs2 li {
	  display:inline; 
	  margin:0;
	  padding:0;
	}

    #tabs2 a {
      float:left;
      background:url("../artwork/images/tableft4.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 7px;
      text-decoration:none;
      }

    #tabs2 a span {
      float:left;
      display:block;
      background:url("../artwork/images/tabright4.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#000;
      }

    /* Commented Backslash Hack hides rule from IE5-Mac \*/

    #tabs2 a span {float:none;}
    /* End IE5-Mac hack */

    #tabs2 a:hover span {
      color:#000;
      }

    #tabs2 a:hover {
      background-position:0% -42px;
      }

    #tabs2 a:hover span {
      background-position:100% -42px;
      }

      #tabs2 #current a {
              background-position:0% -42px;
      }

      #tabs2 #current a span {
              background-position:100% -42px;
      }

	.ui-tabs .ui-tabs-panel { display: block; border: 0; padding: 1em 1.4em; background: none; }
	.ui-tabs .ui-tabs-hide { display: none !important; }

/* Tabpage------------------------------------------------------------------------------ */

#tabpage{
	float:left;
	position:relative;
	width: 510px;
	background-color:#fff;
	margin-top:0px;
	margin-left:0px;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	margin-bottom: 10px;
}

#tabpage p{
	margin-top:10px;
	margin-left:10px;
	margin-right:10px;
	margin-bottom:10px;
	padding-right:25px;
}

#tabpage ul{
	padding-right:25px;
	margin-top:0px;
	margin-bottom:20px;
}

#tabpage li{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	color:#000;
	padding-right:25px;
}


#tabpage h1{
	margin-left:10px;
	margin-bottom:15px;
}

#tabpage h2{
	margin-left:10px;
	margin-bottom:10px;
}

#tabpage h3{
	margin-left:10px;
	margin-bottom:0px;
	color:#666;
}

#tabpage hr{
	padding-right:25px;
	margin-right:30px;
}

#tabpage strong {
	color:#333;	
}

#tabpage b {
	color:#333;	
}

#tabpage a {
	color: #1e4973;
	outline:none;
	border:none;
}

#tabpage a:hover {
	color: #1e4973;
	outline:none;
	border:none;
}

#tabpage a:link {
	color: #1e4973;
	outline:none;
	border:none;
}

#tabpage a:visited {
	color: #1e4973;
	outline:none;
	border:none;
}

/* Footerspace------------------------------------------------------------------------------- */

#footerspace {
	clear: both;
	width: 100%;
	height: 50px;
	background-color:#fff;	
}

/* Footer------------------------------------------------------------------------------------ */

#footer {
	padding-top: 10px;
	clear: both;
	width: 955px;
	height: 130px;
	background-color:#757575;	
	margin-left:auto;	
	margin-right:auto;	
}

#footer p {
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	font-size:13px;
}

#footer a {
	color: #757575;
	outline:none;
	border:none;
}

#footer a img{
	color: #7575753;
	outline:none;
	border:none;
}

#footer a:hover {
	color: #757575;
	outline:none;
	border:none;
}

#footer a:link {
	color: #757575;
	outline:none;
	border:none;
}

#footer a:visited {
	color: #757575;
	outline:none;
	border:none;
}


/* Shaduwmaker------------------------------------------------------------------------------------ */

.shContainer {  
position: relative; 
left: 3px;  
top: 3px;  
margin-right: 3px; 
margin-bottom: 3px;
}  

.shContainer .shadow2,  
.shContainer .shadow3,
.shContainer .container {  
position: relative;  
left: -1px; 
top: -1px;
}

.shContainer .container a img{  
border: 0px;
outline:none;
}

.shContainer .container p{ 
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	color:#000;
}

.shContainer .shadow1 {
background: #F1F0F1;
}  

.shContainer .shadow2 {
background: #DBDADB; 
}  

.shContainer .shadow3 { 
background: #B8B6B8; 
}  

.shContainer .container {  
background: #ffffff;  
border: 1px solid #999 ; 
}


/* Editpage------------------------------------------------------------------------------------ */

#edit {
  width: 955px;
  margin-left: auto;
  margin-right: auto;
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  background-color:#FFF;
  border:#999 thin solid;  
}

#editcontent {
  margin-left: 25px;
  margin-right: 25px;
  margin-top:25px;
  margin-bottom:100px;
}

#editcontent p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	color:#000;
	margin-top:0px;
	margin-bottom:15px;	

}

#editcontent h1{
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#666;
	margin-top:10px;
	margin-bottom:15px;
}

#editcontent h2{
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#E4680B;
	margin-top:10px;
	margin-bottom:10px;

}

#editcontent h3{
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666;
	margin-top:10px;
	margin-bottom:10px;
}

/* Formulier-----------------------------------------------------------------------------------  */

#captchaform { width: 640px; }
#captchaform label.error {
	margin-left: 10px;
	width: auto;
	display: inline;
	color:#FF0000;
}

#captchaform img { border: none; }
.inputfield { width:250px;}
.textarea  { 
	width:250px;
	font-family:Arial, Helvetica, sans-serif;
}

/* Opmaak nieuwsitems rechterblok-----------------------------------------------------------------------------------  */

#newsblock tr{
	  height: 25px;	  
	  background-color:#fff;
}

#newsblock	a { 	
	color: #000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	outline:none;
	border:none;
	text-align:left;
	text-decoration:none;
	margin-left:15px;
}

#newsblock	a:hover { 
	color:#E4680B;
	/*text-decoration:underline;*/
}

#newsblock hr {
	height: 0;
	border: 0;
	border-top: 1px solid #ccc;
}

/* Opmaak Overzicht data-----------------------------------------------------------------------------------  */

#overzicht-data td {
	padding-left: 10px;
	padding-right: 10px;
	border-left: 1px solid #FFF;
	border-bottom: solid 1px #ffffff;
	height: 7px;
}

#overzicht-data tr { height: 20px; }
#overzicht-data th { border-bottom-color:#CCCCCC; text-align:left; padding-left: 10px; color:#000;}
#overzicht-data td.first,th.first { border-left: 0px; }
#overzicht-data tr.row-a { 	background: #F8F8F8; }
#overzicht-data tr.row-b { 	background: #EFEFEF; }
#overzicht-data  img { border: none; }

/* Opmaak Lesrooster  -----------------------------------------------------------------------------------  */

#lesrooster td {
	padding-right: 10px;	
	border-left: 1px solid #FFF;
	border-bottom: solid 1px #ffffff;
	height: 7px;
	font-size:93%;
}

#lesrooster tr { height: 20px; }
#lesrooster th { border-bottom-color:#CCCCCC; text-align:left; color:#000;}
#lesrooster td.first,th.first { border-left: 0px; }
#lesrooster tr.row-a { 	background: #F8F8F8; }
#lesrooster tr.row-b { 	background: #EFEFEF; }
#lesrooster img { border: none; }

/* Opmaak In beeld page-----------------------------------------------------------------------------------  */

#inbeeld a {
	outline: none;
	color:#FFF;
}

#inbeeld a img {
	border: 1px solid #BBB;
	vertical-align: top;
	padding: 0px;
	margin-top: 5px;
	margin-right: 2px;
	margin-bottom: 5px;
	margin-left: 5px;
}

#inbeeld ul {
	margin: -7px 0 24px 0;
}

#inbeeld td {
	padding-left: 10px;
	padding-right: 10px;	
	border-left: 1px solid #FFF;
	border-bottom: solid 1px #ffffff;
	height: 7px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}

#inbeeld tr { height: 20px; }
#inbeeld th { 
	background: #CCCCCC; 
	text-align:left; 
	padding-left:10px; 
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}
#inbeeld td.first,th.first { 
	border-left: 0px; 
	font-family:Arial, 
	Helvetica, sans-serif;
	font-size:11px; 
}
#inbeeld tr.row-a { 	background: #F8F8F8; }
#inbeeld tr.row-b { 	background: #EFEFEF; }

/* - Inschrijvingsformulier ----------------------------------------------------------------------------------- */

#subscription-form label.error {
	margin-left: 10px;
	width: auto;
	display: inline;
	color:#FF0000;
 	padding-right: 10px;
}


/* - Andere --------------------------------------------------------------------------------------------------- */

#easyTooltip{
	font-family:Arial, Helvetica, sans-serif;
  	font-size:12px;
	color: #fff;
	padding:5px;
	border:1px solid #ccc;
	background:#E4680B;
} 

.cursor {  cursor: hand}
#course td { height: 20px; }
.small { font-size:9px; }

/* ------------------------ Dialog */

#simplemodal-overlay 
{
	/* growing background image */
	background-image:url(../images/white.png);
	/* dimensions after the growing animation finishes  */
	width:330px;
	height:245px;
	/* initially overlay is hidden */
	display:none;
	/* some padding to layout nested elements nicely  */
	padding:35px;
}

#simplemodal-container 

{
	width:330px;
	height:245px;
	color:#000000;
	background-color:#fff; 
	border:5px solid #757575; 
	padding:12px;
	background-image:url(../images/white.png);
	display:none;
}

#simplemodal-container a.modalCloseImg 
{
	background:url(../artwork/images/closeX.png) no-repeat; 
	width:30px; 
	height:30px; 
	display:inline; 
	z-index:3200; 
	position:absolute; 
	top:-16px; 
	right:-18px; 
	cursor:pointer;
}

#simplemodal-container #basic-modal-content 

{
	font-family:Arial, Helvetica, sans-serif;
  	font-size:12px;
	padding:15px;
}
#simplemodal-container .basic-modal-content 

{
	font-family:Arial, Helvetica, sans-serif;
  	font-size:12px;
	padding:15px;
}
#basic-modal-content a
{
	color: #1e4973;
}


/* ------------------------ Submenu */



.glossymenu{
width: 135px;/*width of menu*/
height:auto;
background-color:#e0e0e0;
/*border-right: 1px solid #ccc;*/
/*border-bottom-width: 1;*/
}

.glossymenu a.menuitem{
background: url(../artwork/images/glossyback.gif) repeat-x bottom left;
font: 10px Arial;
color:#000;
display: block;
/* position: relative; To help in the anchoring of the ".statusicon" icon image -->> gaf problemen in IE6, menuitems verdwenen wanneer het menu openklapte */
width: auto;
padding: 4px 0;
padding-left: 10px;
text-decoration: none;
}

.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
color:#000;
}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}



.glossymenu a.menuitem:hover{
background-image: url(../artwork/images/glossyback2.gif);
color:#fff;
}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
background: white;
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}

.glossymenu div.submenu ul li{
border-bottom: 0px solid #e6e7e8;
}

.glossymenu div.submenu ul li a{
display: block;
font: normal 10px Arial;
color: black;
text-decoration: none;
padding-left:10px;
padding-right:15px;
padding-top:3px;
padding-bottom:3px;
}

.glossymenu div.submenu ul li a:hover{
background: #ffc782;
color: #000;
}

/* ------------------------ Under */
#under {
	text-align:center;
}

/* ------------------------ Printmailbar */
#printmailbar {
width:490px;
height:20px;
background-color:#ffffff;
}

/*-----------bannerslider------------*/

#slider {
    position:relative;
    width:955px; /* Change this to your images width */
    height:160px; /* Change this to your images height */
    background:url(../artwork/images/loading.gif) no-repeat 50% 50%;
	margin-top:40px;
	margin-left:170px;
}
#slider img {
    position:absolute;
    top:0px;
    left:0px;
    display:none;
}
#slider a {
    border:0;
    display:block;
}

.nivo-controlNav {
	position:absolute;
	left:240px;
	bottom:-42px;
}
.nivo-controlNav a {
	display:block;
	width:22px;
	height:22px;
	background:url(../artwork/images/bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	float:left;
}
.nivo-controlNav a.active {
	background-position:0 -22px;
}

.nivo-directionNav a {
	display:block;
	width:30px;
	height:30px;
	background:url(../artwork/images/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
}
a.nivo-nextNav {
	background-position:-30px 0;
	right:15px;
}
a.nivo-prevNav {
	left:15px;
}

.nivo-caption {
    text-shadow:none;
    font-family: Helvetica, Arial, sans-serif;
}
.nivo-caption a { 
    color:#efe9d1;
    text-decoration:underline;
}

/* ------------------------ Likebutton */
#likebutton { margin-top: 10px; }

/*-----------Poll------------*/
#questions
{
	float:left;
	position:relative;
	width: 185px;	
	margin-left:10px;
	margin-bottom:10px;
	text-align:left;
}
#poll{
	width:182px;	
	margin-bottom:5px;
	
}
#poll h1{
	padding-top:10px;
	padding-bottom:5px;
	padding-left:15px;
	margin:0; 
	font-size:12px; font-family:Arial, Helvetica, sans-serif;;
	font-weight:bold; color:#333;
	
}
#poll p{
	font-family:Arial, Helvetica, sans-serif;; color:#333; 
	margin-left:15px;
	font-size:11px;
	line-height:18px;		
}
#poll input { 
	margin-top:10px;
	margin-bottom:10px;
	font-size: 11px;
	 }
#
#loader{ display:none; text-align:left;}
.option{ margin:5px 0; }
.option p{ line-height:1.1em; }
.bar{ height:10px; background:#3399cc; }
.yourvote{ background:#113399; }
#poll .bar { margin-left:15px; }

/* Vragen niveaubepaling Grafische */

.niveau-row-a {
	background: #F8F8F8;
}

.niveau-row-b
{
	 background: #EFEFEF;
}
#niveau td
{
	padding: 5px;
}
.niveau-td-left
{
	width:375px;
}
.niveau-td-right
{
	width:90px;
}

.niveau-nr
{
	width: 5px;
	vertical-align: text-top;
}