body { 
	font-family :  Arial, Helvetica, sans-serif; 
	margin-top: 60px;
} 
a:link { 
color : #ffffff; 
text-decoration : none; 
} 
a:visited { 
color : #ffffff; 
text-decoration : none; 
} 
a:active { 
color : #ffffff; 
text-decoration : none; 
} 
#wrapper { 
	margin : auto auto; 
	height:714px;
	width : 900px; 
	background-image : url(../images/docentenmain.jpg); 
	background-repeat : repeat-y; 
	background-position : left 0%; 
	overflow: hidden;
} 
#header { 
	width : 900px; 
	height : 130px; 
	background-image : url(../images/header_home.jpg); 
	background-repeat : no-repeat; 
	background-position : left 0%; 
} 
#content { 
    float: left;
	width:900px;
	height: 680px;
	padding-bottom: 0px;
   	background-image : url(../images/docenten_background.jpg); 
	background-repeat : repeat-x; 
	background-position : top left; 
	
} 
#menu { 
	float : left; 
	width : 500px; 
	font-family: verdana;
	font-size: 10px;
	min-height : 20px; 
	margin-top : 110px; 
} 
#Main {
    float: right;
	width:440px;
	color: #FFF;
	margin-top: 60px;
	margin-right: 10px; 
}
#texten {
    float: left;
	width:440px;
	font-size: 13px;
	background-image: url(../images/docentenbg.jpg);
	background-repeat: no-repeat;
	background-position: left 0%;
 /*	background: #a08c85;
	opacity: 0.86;
	-moz-opacity: 0.86; /* older Gecko-based browsers */
   /*   filter:alpha(opacity=86); /* For IE6&7 */
 /*	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;*/

 }

#textholder {
	width: 420px;
	max-height: 450px;
	color: #FFF; 
	font-size: 14px;
	margin-right: 6px;
	padding : 0px 10px 10px 10px; 
	overflow: auto;
} 
#slogan { 
	float: left;
	width : 300px;
	height : 30px;
	font-size : 18px; 
	font-weight : bold; 
	color: #fff; 
} 
.menuitem { 
	width : 150px; 
	height : 20px; 
	color : #ffffff; 
	font-weight : bold; 
	background-image : url(../images/menubutton.jpg); 
	background-position : left 0%; 
	background-repeat : no-repeat; 
	text-align : center; 
	float : left; 
} 
.menuitem a:link { 
	text-decoration : none; 
	color : #ffffff; 
} 
.menuitem a:hover { 
	background-image : url(../images/menubuttonhover.jpg); 
	background-position : left 0%; 
	background-repeat : no-repeat; 
	padding-left : 75px; 
	padding-right : 75px; 
	text-align : center; 
} 
#balletjejongeren { 
	width : 42px; 
	height : 38px; 
} 
#balletjedocenten { 
	width : 43px; 
	height : 39px; 
} 

#linksondernav { 
	float: left;
	width : 225px; 
	margin-left : 40px; 
	margin-top : 20px; 
} 

#bullet { 
	margin-left : 216px; 
} 
#hoofditem1 { 
	width : 225px; 
	height : 38px; 
	background-image : url(../balmenulinksdocenten.gif); 
	text-decoration : none; 
} 
#hoofditem2 { 
	width : 225px; 
	height : 38px; 
	background-image : url(../balmenulinksdocenten.gif); 
	text-decoration : none; 
} 
#hoofditem3 { 
	width : 225px; 
	height : 38px; 
	background-image : url(../balmenulinksdocenten.gif); 
	text-decoration : none; 
} 
.hoofditem1 { 
	margin-left : 60px; 
	margin-top : 7px; 
	font-size : 16px; 
	font-weight : bold; 
	text-decoration : none; 
} 
.hoofditem1 a { 
	color : #ffffff; 
	text-decoration : none; 
} 
.hoofditem1 a:hover { 
	color : #660066; 
	text-decoration : none; 
} 
.hoofditem2 { 
	margin-left : 60px; 
	margin-top : 7px; 
	font-size : 16px; 
	font-weight : bold; 
	text-decoration : none; 
} 
.hoofditem2 a { 
color : #ffffff; 
text-decoration : none; 
} 
.hoofditem2 a:hover { 
color : #660066; 
text-decoration : none; 
} 
.hoofditem3 { 
	margin-left : 60px; 
	margin-top : 7px; 
	font-size : 16px; 
	font-weight : bold; 
	text-decoration : none; 
} 
.hoofditem3 a { 
color : #ffffff; 
text-decoration : none; 
} 
.hoofditem3 a:hover { 
color : #660066; 
text-decoration : none; 
} 
#leftholder { 
	float : left; 
	width : 240px;
	padding-right: 16px;

} 
#menulinks {
  	float: left;
	color:  #FFFFFF;
	width:232px;
	margin-top: 148px;
	text-align: center;
	
	
}


.hoofditem{

	width:232px;
	min-height:38px;
	color:  #FFFFFF;
	font-size: 18px;
	margin-top: 6px;
	font-weight: bold;
	background-image : url(../docentenbal1.gif); 
	background-repeat: no-repeat;
	background-position:top;
	text-decoration: none;
	overflow: auto; 
}

.hoofditem a{
	color: #fff;
	text-decoration: none;
}

.hoofditem a:hover {
	color:  #660066;
	text-decoration: none;
}

#subitem { 
width : 235px; 
} 
.subitem {
	float: right;
	width: 230px;
	font-size: 14px;
	text-align: right;
	margin-top: 5px;
}

.subitem a {
	color: #FFFFFF;
	text-decoration: none;
}

.subitem a:hover {
	color: #660066;
	text-decoration: none;
}

.bulletred {
	float: right;
	margin-right: 0px;
	height: 18px;
}

#texten img
{
	margin-right: 10px;
}

img
{
	border: none;
}

#subsubitem { 
text-align : right; 
font-size : 12px; 
} 
.subsubitem {
	float: left;
	min-height:4px;
	width:226px;
	font-size: 11px;
	text-align: right;
 
}


.subsubitem a {
	color: #FFFFFF;
	margin-right: 2px;
	text-decoration: none;
}

.subsubitem a:hover {
	color: #660066;
	text-decoration: none;
}

.witbullet {
	float: right;
	margin-right: 12px;
	
}

.selected { 
color : #660066; 
} 
#foto { 
margin-left: 100px;
} 

#printpage {
	width: 150px;
	text-align: right;
	float: right;
	font-size: 12px;
	font-weight: bold;
	color: #000066;
	margin-top: 20px;
}

#printpage a:hover {
color: #0033FF;
}

.breadcrumb {
width: 500px;
color: #99FF00;
display: inline;
font-size: 12px;
overflow: hidden;
}

#broodkruimel { 
width: 500px;
min-height: 14px;
float:left;
margin-top: 2px;
}
/*
#printpage2 {
text-align: left;
float: left;
font-size: 12px;
font-weight: bold;
color: #000066;
margin-left: 10px;
margin-top: 3px;
}

#printpage2 a:hover {
color: #0033FF;
}
*/
#printerstylesheet {
display: none;
}
h1{font-size: 20px;}
h2{font-size: 18px;}
h3{font-size: 16px;}
h4{font-size: 14px;color: #660066;}
h5{font-size: 12px;}
h6{font-size: 10px;}

.Sty
{
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	
		
}
.Sty ul
{
	list-style: disc inside;
	list-style-position: outside;
	list-style-image: url(../images/bullet_paars.gif);
}

.Sty ol
{
	list-style: decimal inside;
	list-style-position: outside;
}
.Sty ul ul
{
	list-style: circle inside;
	list-style-position: outside;
}
.Sty a
{

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

	text-decoration: none;
	color: #fff;
}