/*///////////////////////////////////////////////////////
	ALGEMEEN
///////////////////////////////////////////////////////*/
* {
_margin: 0 0 0 0;
_padding: 0 0 0 0;
*margin: 0 0 0 0;
*padding: 0 0 0 0;
}
	
body{
width:100%;
height:100%;
margin:0px;
padding:0;
background-color:#384c4c;
font-family:"Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#000208;
line-height:20px;
letter-spacing:0px;
}

html{
height:100%;
width:100%;
}

img, div, a, input	{
behavior: url("htc/iepngfix.htc");
}

img{
border: none;
}

.clr {
clear: both;
}

.flt_lft{
float:left;
}

.flt_rgt{
float:right;
}

.container{
width:100%;
min-width:910px;
height:100%;
margin: 0 auto;
background-color:#384c4c;
}

.shadow_bg{
width:910px;
height:auto;
background-image:url(img/shadow_bg.png);
background-repeat:repeat-y;
margin:0 auto;

}

.header{
height:100px;
width:910px;
margin:0 auto;
z-index:2;
}

.logo{
width:400px;
height:100px;
background:url(img/logo.png) no-repeat;
margin:0;
float:left;
}

.login{
width:350px;
height:65px;
margin:30px 0 0 0;
float:right;
}

.login_beheer_holder{
width:345px;
height:auto;
margin:-10px 0 0 0;
background:#e8e8e8;
float:left;
}

.login_beheer_text{
width:auto;
height:auto;
margin:5px 0 0 0;
float:left;
}

.login_beheer_username{
height:auto;
width:auto;
margin:5px 0 5px 10px;
float:left;
}

.login_student_holder{
width:345px;
height:auto;
margin:-10px 0 0 0;
background:#e8e8e8;
float:left;
}

.login_student_foto{
width:50px;
height:50px;
margin:3px 0 3px 3px;
background:#666666;
border:1px #bdbdbd solid;
float:left;
}

.login_student_text{
width:180px;
height:50px;
margin:3px 0 0 10px;
float:left;
}

.login_student_username{
height:auto;
width:auto;
margin:0;
font-weight:bold;
color:#fff;
float:left;
}

.login_beheer{
height:auto;
width:auto;
margin:0;
color:#fff;
}

.login_uitloggen{
height:auto;
width:auto;
margin:-40px 0 0 0;
float:right;
border: 1px solid #4d0000;
background:url(img/input_login_bg.jpg) repeat-x #696969;
font-size:11px;
padding:2px 7px 2px 7px;
}

.login_uitloggen a, a:hover{
color:#fff;
}




a.wit:link, a.wit:visited{
	color:				#ffffff;
	text-decoration:	none;
}
a.wit:hover{
	color:				#FFFFFF;
	font-weight:		normal;
	text-decoration:	underline;
}

.shadow_bg{
width:910px;
height:auto;
background:url(img/shadow_bg.png) repeat-y;
margin:0 auto;
}

.ruler_white{
height:8px;
width:900px;
margin:0 auto;
background:#fff;
}

.content{
margin:0 auto;
width:900px;
height:auto;
background-image:url(img/content_bg.jpg);
background-repeat:repeat-y;
padding:0;
}

.content_header{
width:695px;
height:100px;
margin:0 0 20px 0;
/*background:#999999;*/
background-image:url(img/content_img.jpg);
}

.content_blok1{
margin:0 0 0 175px;
width:695px;
height:auto;
padding:15px;
}

.hszuyd_logo{
width:139px;
height:49px;
margin:-49px 0 0 15px;
background:url(img/hszuyd_logo.png) no-repeat;
}

.footer{
width:910px;
height:20px;
background:url(img/footer.png) no-repeat;
margin:0 auto;
}



/* Search Form 
------------------------------------------------------------------------------- */
#search {
    position: absolute;
    margin-left:530px;
    top: 25px;
    padding: 15px 15px 0;
	border:none;
}
form.FSF_form {
    margin: 0;
    padding: 0;
    width: auto;
    text-align: right !important;
}

.container .header #search #ajaxSearch_form fieldset{
border:none;


}

.container .header #search #ajaxSearch_form fieldset #ajaxSearch_input{

margin-right:-65px;
  border: 1px solid #adadad;
    background:url(img/input_text_bg.jpg) repeat-x #ddd;
	padding:3px;
	font-size:11px;

}

.container .header #search #ajaxSearch_form fieldset #ajaxSearch_submit{

margin-left:10px;
  border: 1px solid #4d0000;
	color:#fff;
	background:url(/img/cms_titel_bg.png) repeat-x #8a082c;
/*    background:url(img/input_login_bg.jpg) repeat-x #696969;*/
	font-size:11px;
	padding:2px 7px 2px 7px;
	_padding:1px 5px 1px 5px;
	*padding:1px 5px 1px 5px;

}

input.FSF_input { 
    display: inline;
    height: 17px;
    border: 1px solid #ddd;
    border-left-color: #c3c3c3;
    border-top-color: #7c7c7c;
    background: #fff url(images/input-bg.gif) repeat-x top left;
    margin: -1px 3px 0;
    padding: 3px 0 0;
}
input.FSF_submit { 
    display: inline;
    margin: -1px 0 0;
    padding: 0;
    height: 22px;
    line-height: 22px;
}



/*///////////////////////////////////////////////////////
	CONTACT-PAGINA
///////////////////////////////////////////////////////*/
.content_contact1{
float:left;
margin:0;
width:300px;
height:auto;
}

.content_contact2{
float:left;
margin:0 0 0 55px;
width:340px;
height:auto;
}

.contact_input{
width:300px;
margin:0 0 15px 0;
}

.contact_label{
margin:0;
width:auto;
}

.contact_textarea{
width:300px;
height:100px;
margin:0;
}

.contact_submit{
width:90px;
height:30px;
margin:15px 0 0 0;
float:right;
background:url(img/menu_top_bg.png) no-repeat center bottom;
border:0px;
color:#fff;
font-weight:bold;
}

/*///////////////////////////////////////////////////////
	SUBMENU
///////////////////////////////////////////////////////*/
.submenu{
position:relative;
float:left;
margin:-11px 0 0 -20px;
*margin:-10px 0 0 -20px;
height:auto;
width:195px;
z-index:2;
}

.submenu_top{
height:10px;
width:195px;
background:url(img/submenu_top2.png) no-repeat left;
margin:0;
}

.submenu_center{
margin:0;
padding:0;
height:auto;
width:195px;
background:url(img/submenu_center2.png) repeat-y left;
overflow:hidden;
}

.submenu_bottom{
margin:0;
padding:0;
height:10px;
width:195px;
background:url(img/submenu_bottom2.png) no-repeat left;
}

.submenu_center a{
text-decoration:none;
font-weight:bold;
list-style:none;
}

.submenu_center ul li{
width:190px;
padding:0 0 0 35px;
margin:0 0 0 -75px;
background:url(img/sub_bg.png) no-repeat center left;
}

.submenu_center ul li:hover{
width:190px;
padding:0 0 0 35px;
margin:0 0 0 -75px;
background:url(img/sub_hover_bg.png) no-repeat center left;
}

.submenu_center ul li.active{
width:190px;
padding:0 0 0 35px;
margin:0 0 0 -75px;
background:url(img/sub_active_bg.png) no-repeat center left;
}

.submenu_center ul{
list-style:none;
font-style:normal;
width:190px;
*padding:0 0 0 25px;
*margin:0 0 0 15px;
}

a.zwart:link, a.zwart:visited{
	color:				#000;
	text-decoration:	none;
}
a.zwart:hover{
	color:				#000;
}
/*///////////////////////////////////////////////////////
	TEKST OPMAAK, FORMS
///////////////////////////////////////////////////////*/
h1{
font-size:16px;
color:#9d1a39;
}

h2{
font-size:14px;
padding:0;
margin:0;
}

p{
margin:0 0 10px 0;
padding:0;
}

a:link{
color:#730825;
text-decoration:none;
}

a:visited{
color:#730825;
text-decoration:none;
}

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

a:active{
color:#730825;
text-decoration:underline;
}

.form_login{
margin:0;
color:#fff;
}

.form_logout{
margin:3px 3px 0 0;
color:#fff;
float:right;
}

.input {
    border: 1px solid #adadad;
    background:url(img/input_text_bg.jpg) repeat-x #ddd;
	padding:3px;
	font-size:11px;
}
.button {
    border: 1px solid #4d0000;
	color:#fff;
	background:url(/img/cms_titel_bg.png) repeat-x #8a082c;
/*    background:url(img/input_login_bg.jpg) repeat-x #696969;*/
	font-size:11px;
	padding:2px 7px 2px 7px;
	_padding:1px 5px 1px 5px;
	*padding:1px 5px 1px 5px;
}

label {
    display: block;
    width: 150px;
    float: left;
    margin: 2px 4px 6px 4px;
    text-align: right;
}

li{
*margin:0 0 0 40px;
}
/*///////////////////////////////////////////////////////
	HOOFDMENU
///////////////////////////////////////////////////////*/
.menu_holder {
height:35px;
width:910px;
margin:0 auto;
background:url(img/menu_top_bg.png) no-repeat;
overflow:hidden;
z-index:2;
}

.menu {
	list-style: none;
	padding: 0;
	margin: 5px 0 0 5px;
	width: 900px;
	height: 30px;
}

.menu li{
display:inline; /* Alleen voor IE */
padding:0;
margin:0;
float:left;
color:#FFFFFF;
}

.menu a {
	display: block;
	text-align:center;
	color:#FFFFFF;
	position: absolute;
	width: 141px;
	height: 30px;
	padding-top:5px;
	font-family:verdana;
	font-size:11px;
	

}

.menu a:hover {
background-image:url(img/menbg.png);
color: #999999;
text-decoration:none;
}

.menu a:current {
color:#FFFFFF;
}

.menu span {
color:#FFFFFF;
  position: absolute;
}


.menu .menitem {
	width: 141px;
	height: 30px;
	background-image:url(img/menbg.png)
color:#FFFFFF;

	z-index:100;
}
.menu .menitem {
color:#FFFFFF;
}

.menu .menitemactive {
	width: 141px;
	height: 30px;
	
		
	background-position: left bottom;
		z-index:100;
}

.menu .menitemactive a {
background-image:url(img/menbg.png);
color: #999999;
}






/*///////////////////////////////////////////////////////
	HOME-PAGINA DIV'S
///////////////////////////////////////////////////////*/
#homeall{
margin:0 auto;
width:100%;
position:relative;



}

.home_header{
margin:0 auto;
width:868px;
height:234px;
background:url(img/home_img1.jpg) no-repeat #000;
border:1px #bdbdbd solid;
}

.home_left{
width:500px;
height:auto;
background:#fcfcfc;
border:1px #bdbdbd solid;
padding:15px;
margin:15px 0 0 15px;
font-size:12px;
position:relative;

}

.home_nieuws_afb{
width:165px;
height:109px;
float:right;
}

.home_right{
width:300px;
height:auto;
margin:0;
margin-left:10px;
position:absolute;
top:223px;
right:0px;
padding:15px 15px 0 0;
}

.home_profiel{
float:left;
width:300px;
height:auto;
margin:0 0 10px 0;
color:#6b6b6b;
}

.home_profiel_foto{
float:left;
width:58px;
height:58px;
margin:0;
border:1px #8f8f8f solid;
}

.home_profiel_text{
float:left;
width:225px;
height:auto;
margin:0;
padding:0 0 0 15px;
}

.home_profiel_bekijk{
width:auto;
height:auto;
margin:0;
float:right;
font-style:italic;
font-size:11px;
}

.home_hr{
width:100%;
height:1px;
background-color:#c0c0c0;
float:right;
margin:5px 0 5px 0;
}

.home_weblog{
float:left;
width:300px;
height:auto;
margin:0 0 10px 0;
color:#6b6b6b;
}

.home_weblog_date{
width:300px;
height:auto;
color:#6b6b6b;
margin:0 0 5px 0;
font-size:10px;
}

.home_weblog_text{
width:300px;
height:auto;
color:#6b6b6b;
}

/*///////////////////////////////////////////////////////
	STUDENT-PAGINA PROFIEL DIV'S
///////////////////////////////////////////////////////*/
.student_content{
width:420px;
height:auto;
margin:0;
background:url(img/student_gegevens_bg.png) repeat-x #59081e;
padding:15px;
border:1px #bdbdbd solid;
}

.student_foto{
width:100px;
height:100px;
margin:0px;
background:#333333;
border:1px #bdbdbd solid;
float:left;
}

.student_gegevens{
width:280px;
height:auto;
color:#fff;
padding:0 0 0 20px;
margin:0 0 0 0;
overflow:hidden;
float:left;
}

.student_naam{
font-size:18px;
margin: 0 0 10px 0;
}

label.student1{
margin:0;
width:25%;
height:auto;
text-align: left;
display:inline;
}

label.student2{
margin:0;
width:75%;
height:auto;
text-align: left;
display:inline;
}

.student_locatie{
width:436px;
height:18px;
padding:7px;
margin:10px 0 0 0;
background:url(img/student_locatie_bg.png) repeat-x #5a081e;
border:1px #bdbdbd solid;
color:#fff;
}

#student_locatie_detail{
width:430px;
height:auto;
margin:0;
background:#fff;
border:1px #bdbdbd solid;
border-top:none;
padding:10px;
overflow:hidden;
}

.student_locatie_toggle{
float:right;
}

.student_locatie_vlag{
width:30px;
height:18px;
background:none;
vertical-align:middle;
float:left;
}

.student_locatie_text{
height:auto;
width:auto;
float:left;
margin:0 0 0 10px;
}

.student_fotos{
float:right;
width:210px;
height:100px;
margin:0;
}

.student_foto_small{
width:60px;
height:60px;
border:1px #bdbdbd solid;
margin:0 8px 8px 0;
background:url(img/input_login_bg.jpg) repeat-x #696969;
float:left;
}

.student_weblog{
width:100%;
height:auto;
margin:30px 0 0 0;
}

.student_weblog_holder{
width:100%;
height:auto;
}

.student_weblog_titel{
width:auto;
height:auto;
font-size:18px;
font-weight:bold;
}

.student_weblog_datum{
width:auto;
height:auto;
font-weight:bold;
color:#909090;
margin:0 0 10px 0;
}

.student_weblog_text{
width:auto;
height:auto;
}

.student_weblog_hr{
height:1px;
width:100%;
background-color:#dbdbdb;
margin:15px 0 15px 0;
}

.td_hoofditem{
background-color:#CCCCCC;
width:75%;
height:15px;
margin:0;
}

.td_hoofditem_edit{
background-color:#CCCCCC;
width:25%;
height:15px;
margin:0;
}

/*// PROFIEL GROEN  ///////////////////////////////////*/
.student_content_groen{
width:420px;
height:auto;
margin:0;
background:url(img/student_gegevens_bg_groen.png) repeat-x #7b830e;
padding:15px;
border:1px #bdbdbd solid;
}

.student_locatie_groen{
width:436px;
height:18px;
padding:7px;
margin:10px 0 0 0;
background:url(img/student_locatie_bg_groen.png) repeat-x #7d860e;
border:1px #bdbdbd solid;
color:#fff;
}

/*// PROFIEL BLAUW  ///////////////////////////////////*/
.student_content_blauw{
width:420px;
height:auto;
margin:0;
background:url(img/student_gegevens_bg_blauw.png) repeat-x #18383d;
padding:15px;
border:1px #bdbdbd solid;
}

.student_locatie_blauw{
width:436px;
height:18px;
padding:7px;
margin:10px 0 0 0;
background:url(img/student_locatie_bg_blauw.png) repeat-x #285050;
border:1px #bdbdbd solid;
color:#fff;
}

/*// PROFIEL ORANJE  ///////////////////////////////////*/
.student_content_oranje{
width:420px;
height:auto;
margin:0;
background:url(img/student_gegevens_bg_oranje.png) repeat-x #7f2200;
padding:15px;
border:1px #bdbdbd solid;
}

.student_locatie_oranje{
width:436px;
height:18px;
padding:7px;
margin:10px 0 0 0;
background:url(img/student_locatie_bg_oranje.png) repeat-x #832300;
border:1px #bdbdbd solid;
color:#fff;
}

/*// PROFIEL ROZE  ///////////////////////////////////*/
.student_content_roze{
width:420px;
height:auto;
margin:0;
background:url(img/student_gegevens_bg_roze.png) repeat-x #bd0f23;
padding:15px;
border:1px #bdbdbd solid;
}

.student_locatie_roze{
width:436px;
height:18px;
padding:7px;
margin:10px 0 0 0;
background:url(img/student_locatie_bg_roze.png) repeat-x #bf1025;
border:1px #bdbdbd solid;
color:#fff;
}

/*///////////////////////////////////////////////////////
	STUDENT OVERZICHT-PAGINA DIV'S
///////////////////////////////////////////////////////*/
.profiel_overzicht{
width:340px;
height:70px;
margin:0 7px 15px 0;
float:left;
}

.profiel_overzicht_foto{
width:70px;
height:70px;
background:#000099;
border:1px #bdbdbd solid;
float:left;
}

.profiel_overzicht_text{
margin:0 0 0 10px;
height:50px;
float:left;
}

.profiel_overzicht_bekijk{
height:20px;
width:auto;
margin:0 0 0 10px;
float:left;
font-weight:bold;
color:#9d1a39;
}