/* template Sergio Wong Chung - GKP - 8 september 2009 */

body,html
{
background: #464646;

font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 12px;
line-height:22px;
color: #02146a;
}

a, a:visited
{
color: #009;
list-style:none;
list-style-type:none;
}

a:hover
{
/*text-decoration: none;*/
color: #03F;
}


#mod_login_greetinglogin
{
color: #B4871B;
}

h3
{
color: #E9DEB3;
text-decoration: underline;
}

#container
{
width: 850px;
margin: 10px 0 0 -425px;
position: absolute;
left: 50%;

}



#header
{
width: 850px;
height: 134px;
background: url(../images/header.png);
}

/* topmenu */

#topmenu
{
background: url(../images/balk.png)repeat-x;
}

/* end topmenu */

#breadcrumbs
{

}







div#right
{
width: 175px;
float: left;
margin:20px 0 0 9px;
}

#center
{
	margin: 20px 0 0 0x;
	width: 850px;
	background:url(../images/fp_center.png) repeat-y;
}

#center:after
{
background: #4f0b06;
content: ".";
display: block;
height: 0;
font-size:0;
clear: both;
visibility:hidden;
}

div#middle
{
	width: 415px;
	margin-left: 20px;
	float: left;
}

/*div#scroller
{
	width: 420px;
	height: 150px;
background: #555555;
	border: 8px solid #454444;
	margin-left: 20px;
}*/




#content
{
width: 800px;
float: left;
padding: 0px;
margin: 50px 20px;

}

#subcontent
{
background: transparent url(../images/horizontal_border.png) repeat-x scroll bottom center;
width: 380px;
}






/* menu begin */

div.moduletable_menumain
{

}

div.moduletable_menumain ul
{
margin:0px;
padding-left: 40px;
list-style-image: url(../images/bullet_white_large.png);
font-size:16px;
padding-bottom: 10px;
}

div.moduletable_menumain ul li ul
{
list-style-image: url(../images/bullet_white_small.png);
font-size:12px;
padding-left: 12px;
}

div.moduletable_menumain a
{
color: #E9DEB3;
text-decoration: none;
font-weight: bold;
}

div.moduletable_menumain a:hover
{
color: #E9DEB3;
text-decoration: underline;
font-weight: bold;
}

/* menu user */

div.moduletable_menuuser
{
margin: 0 0 0 20px;
}

div.moduletable_menuuser ul
{
margin:10px 0 0 0;
padding-left: 40px;
list-style-image: url(../images/bullet_white_large.png);
font-size:16px;
padding-bottom: 10px;
}

div.moduletable_menuuser a,
div.moduletable_menuuser h3
{
text-decoration: none;
color: #E9DEB3;
}

div.moduletable_menuuser a:hover
{
text-decoration: underline;
color: #E9DEB3;
}

div.moduletable_menumain li
{
margin-top: 10px;
}


/* end menu user */

/* topmenu */

#topmenu
{
height: 40px;
width: 100%;

}

.moduletabletopmenu {
	padding: 0 20px 0 0;
	width: 980px;
	color: #000;
}

.moduletabletopmenu ul
{
  padding: 0;
  margin: 0;
  list-style-image: none;
  list-style-type: none;
  float: right;
}

.moduletabletopmenu li
{
  position: relative;
  padding: 0;
  margin: 0;
  float: left;
  text-decoration: none;
}

.moduletabletopmenu a, .moduletabletopmenu a:visited
{
  display: block;
  padding: 2px 10px;
  font-size: 14px;
  color: #fff;
  /*border-right: 1px solid #ffcd27;*/
  text-decoration: none;
  margin: 7px 0 0 0;
}

.moduletabletopmenu a:hover
  {
	display: block;
	padding: 2px 10px;
  font-size: 14px;
	color: #acacac;
	/*background-color: #ffcd27;*/
  text-decoration: none;
  margin: 7px 0 0 0;
  }

.moduletabletopmenu li ul
{
  padding: 0;
  margin: 0;
  display: none;
  position: absolute;
  top: 25px;
  left: 0;
}

.moduletabletopmenu li:hover ul
{
  display: block;
  border: 1px solid #1a1a1a;
  background: #494949;
}

.moduletabletopmenu li:hover ul li
{

  float: left;
  padding: 2px 5px;
  clear: both;
}

.moduletabletopmenu li:hover li:hover
{

  color: #fff;
}

.moduletabletopmenu li:hover li:hover a
{
  color: #fff;
  background:#2e2e2e;
}

.moduletabletopmenu li:hover ul li a
{
  text-decoration: none;
  border: none;
  font-size: 100%;
  width: 10em;
}

.moduletabletopmenu li:hover ul li a:hover
{
  text-decoration: none;
  font-size: 100%;
  width: 10em;
  }
  
.vertgrey
{
	width: 7px;
	background: url(../images/grijsvertikaal.png) repeat-y;
}

.moduletablelogin
{
background: url(../images/gradred.png)repeat-x;	
width: 175px;
padding: 0 10px 10px 10px;
}

.moduletablelogin h3
{
	background: url(../images/rodebalk.png) repeat-x;
	width: 175px;
	margin-left: -10px;
	padding: 0 0 0 20px;
	color: white;
	text-decoration: none;
}

div.moduletablelogin a, div.moduletablelogin a:visited
{
color: #BFB06B;
list-style:none;
list-style-type:none;
}

div.moduletablelogin a:hover
{
/*text-decoration: none;*/
color: #BFB68F;
list-style:none;
list-style-type:none;
text-decoration: none;
}

div.moduletablelogin ul
{
	list-style:none;
	list-style-type:none;
padding:0;
}


.moduletablerightmodule
{
background: url(../images/gradgrey.png)repeat-x;	
width: 175px;
padding: 0 10px 10px 10px;
}

.moduletablerightmodule h3
{
	background: url(../images/grijzebalk.png) repeat-x;
	width: 175px;
	margin-left: -10px;
	padding: 0 0 0 20px;
	color: white;
	text-decoration: none;
}

div.moduletablerightmodule a, div.moduletablerightmodule a:visited
{
color: #BFB06B;
list-style:none;
list-style-type:none;
}

div.moduletablerightmodule a:hover
{
/*text-decoration: none;*/
color: #BFB68F;
list-style:none;
list-style-type:none;
text-decoration: none;
}

/*frontpage */




a#video
{
	background: url(../images/fp_videoaudio.png);
}

a#foto
{
	background: url(../images/fp_foto.png);
}

a#websites
{
	background: url(../images/fp_websites.png);
}

a#elearning
{
	background: url(../images/fp_elearning.png);
}

a.fpicons
{
	margin-left:11px;
	width:189px;
	height: 171px;
	display: block;	
	float:left;
}

a.fpmenu
{
	display:block;
	width: 180px;
	height:29px;
	float:left;
	text-decoration:none;
	color:black;
	font-size:18px;
	text-align:center;
	margin-bottom:12px;
}

a#fpvideo
{
	background:#c62228;
	margin-left: 16px;
}

a#fpfoto
{
	background:#dbac33;
	margin-left: 20px;
}

a#fpwebsites
{
	background: #187f13;
	margin-left: 20px;
}

a#fpelearning
{
	background: #a12aab;
	margin-left: 20px;
}

#frontmenu
{
	
}

ul.menufrontmenu
{
	list-style:none;
	list-style-type:none;
	margin: 0 0 0 12px;
	padding: 0;
}

#clear
{
	clear:both;
}

.menufrontmenu a, .menufrontmenu a:visited
{
	text-decoration: none;
	color:black;
	font-size: 20px;
	margin: 20px 0 10px 21px;
	display:block;
	width: 180px;
	height: 29px;

	float:left;
	text-align:center;
}

.menufrontmenu a:hover
{
	text-decoration: none;
	color:black;
	font-size: 20px;
	margin: 20px 0 10px 21px;
	display:block;
	width: 180px;
	height: 29px;

	float:left;
	text-align:center;
}


li.parent.item2 a, li.parent.item2 a:visited
{
		background: #c62228;
}

li.parent.item2 a:hover
{
		background: #EF2C38;
}



li.item4 a, li.item4 a:visited
{
		background: #dbac33;
}

li.item4 a:hover
{
		background: #FFCF4F;
}

li.item5 a, li.item5 a:visited
{
		background: #187f13;
}

li.item5 a:hover
{
		background: #1DAF15;
}

li.item6 a, li.item6 a:visited
{
		background: #a12aab;
}

li.item6 a:hover
{
		background: #CF37DF;
}

img
{
	border:none;
}

.moduletablemoves
{
	position: absolute;
	top: 27px;
	left: 610px;
}