@charset "utf-8";
/* CSS Document */

*
{
	padding:0;
	margin:0;
}

body
{
	background: url(http://www.howest.be/img/gui/bg.gif) repeat-x #577D81;
	color: #FFFFFF;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size:11px;
	padding-bottom: 10px;
}

a img
{
	border:0;
	
}

.clear
{
	clear: both;
}

#global
{
	background:url(../img/globalBg.gif) repeat-x #FFF;
	border-top: 3px solid #40c7f6;
	
	border-bottom: 1px solid #5a6c76;
	margin-top: 20px;
}

#headerLogo
{
	height: 75px;
	border-top: 1px solid #FFF;
	
}

#headerBreadCrumb
{
	height: 39px;
	line-height:39px;
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #ededed;
	margin-bottom: 10px;
	color:#33475f;
}

#headerBreadCrumb .rss
{
	float: right;
	border-left: 1px solid #e5e5e5;
	border-right: 1px solid #e5e5e5;
	display: block;
	width: 86px;
	height: 39px;
}
#headerBreadCrumb .contact
{
	float: right;
	border-left: 1px solid #e5e5e5;
	border-right: 1px solid #e5e5e5;
	display: block;
	width: 90px;
	height: 39px;
}

#headerBreadCrumb #breadcrumb
{
	list-style:none;
	float: left;
	
}

#headerBreadCrumb #breadcrumb li
{
	list-style-type:none;
	display:inline;
}

#headerBreadCrumb #breadcrumb li.sep
{
	padding-left: 5px;
	padding-right: 5px;
}

#headerBreadCrumb #breadcrumb a, 
#headerBreadCrumb #breadcrumb a:active, 
#headerBreadCrumb #breadcrumb a:visited, 
#headerBreadCrumb #breadcrumb a:link
{
	color: #33475f;
}
#headerBreadCrumb #breadcrumb a:hover
{
	color: #ff7d00;
}

.globalCenter
{
	width: 914px;
	margin-left: auto;
	margin-right: auto;
}

#bottom
{
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #5a6c76;
	height: 48px;
	line-height:48px;
	color:#33485b;
	text-align:center;
}

.copyright
{
	display: block;
	float: left;
	height: 48px;
	width: 870px;
}

.up
{
	display: block;
	width: 44px;
	height: 48px;
	float: right;
	background:url(../img/up.gif);
}

.up span
{
	display: none;
}


#footer
{
	width: 914px; 
	margin-left: auto;
	margin-right: auto;
	margin-top: 18px;
}

#footer #footerLeft
{
	padding-right: 10px;
	padding-bottom: 10px;
	width: 622px;
	float: left;
	border-right: 1px dotted #75a5aa; 
}

#footer #footerRight
{
	width: 271px;
	float: left;
	padding-left: 10px;

}

#footer hr
{
	height: 0px;
	line-height:0px;
	border: 0;
	border-bottom: 1px dotted #75a5aa;
	margin-top: 19px;
	margin-bottom: 20px;
}


#footer h1
{

	padding: 20px 0 0 0;
	margin: 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:20px; /* for IE5/Win */
	line-height:20px;
	display:block;
	font-size:10px;
	margin-bottom: 8px;
}

#footer h1.info
{
	background:url(../img/fTitle_info_over.gif) no-repeat left top;
}

#footer h1.partners
{
	background:url(../img/fTitle_partners.gif) no-repeat left top;
}

#footer h1.alumni
{
	background:url(../img/fTitle_alumni.gif) no-repeat left top;
}



#footerNav, 
#footer #partners, 
#footer #alumni
{
	list-style-type:none;
}

#footerNav li,
#footer #partners li,
#footer #alumni li
{
	list-style:none;
	display:inline;
	
}

#footer #alumni li
{
	padding-right: 1px;
}



#footerNav li.sep
{
	color:#40c7f4;
	padding-left: 8px;
	padding-right: 8px;
}

#footer a, #footer a:link, #footer a:active, #footer a:visited
{
	text-decoration:none;
	color: #FFF;
}

#footer a:hover
{
	color: #97afbb;
}

#corps
{
	color:#33475f;
}

#corpsFull
{
	width: 914px;
}

#corpsLeft
{
	width: 613px;
	margin-right: 10px;
	float: left;
	
}

#corpsRight
{
	width: 291px;
	float: right;
	
}

#corpsRight .module
{
	margin-top: 15px;
	border: 1px solid #C8C8C8;
}

#corpsRight .module .title
{
	width: 289px;
	height:24px;
	position:relative;
	overflow:hidden;
}

#corpsRight .module h3
{
	font-size: 12px;
	font-weight:bold;
	
	}

#corpsRight .module h2
{

	padding: 24px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:24px; /* for IE5/Win */
	line-height:24px;
	display:block;
	font-size:10px;
	position:absolute;
	width:291px;
	border-bottom: 1px solid #4f8fbb;
}

#corpsRight .module h2.vacatures
{
	background:url(../img/hVacatures.gif) no-repeat left top;
	
}

#corpsRight .module h2.navormingen
{
	background:url(../img/hNavormingen.gif) no-repeat left top;
}

#corpsRight .module h2.indekijker
{
	background:url(../img/hIndekijker.gif) no-repeat left top;
}

#corpsRight .module h2.alumniactueel	
{
	background:url(../img/hActueel.gif) no-repeat left top;
}


#searchBar
{
	background:#e5e5e5;
	border: 1px solid #dedede;
	display: block;
	padding-left: 10px;
	padding-right: 9px;
	padding-top: 8px;
	padding-bottom: 8px;
}

#searchBar input.textfield
{
	border: 1px solid #bdbdbd;
	margin-right: 5px;
	color:#666666;
	width: 404px;
	padding-left: 9px;
	padding-bottom: 4px;
	padding-top: 4px;
	font-size: 11px;
}

#loginBox
{
	background: #f5f5f5;
	border: 1px solid #c8c8c8;
	border-top: none;
	padding-bottom: 1px;
}

#loginBox .title
{
	width: 100%;
	height: 41px;
	position:relative;
	margin-bottom: 7px;
}

#loginBox h1
{

	padding: 41px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:41px; /* for IE5/Win */
	line-height:41px;
	display:block;
	font-size:10px;
	position:absolute;
	width:100%;
}

#loginBox h1.aanmelden
{
	background:url(../img/hAanmelden.gif) no-repeat left top;
}


#loginBox .loginTable, #loginBox #userLoginData
{
	margin-right: 7px; margin-left: 11px; width: 271px;
}

#loginBox #userLoginData
{
    margin-left: 0px;
    width: 282px;
    }

#userLoginData ul
{
    list-style: none;
    padding: 0;
    margin:0;
    margin-bottom: 10px;
    padding-right: 15px;
    
    }
 
 #userLoginData ul li
 {
     background: url(../img/arrow.gif) no-repeat left 8px;
     padding-left: 8px;
     padding-top: 5px;
     padding-bottom: 5px;
     border-bottom: 1px dotted #c8c8c8;
     }

#loginBox .title a, 
#loginBox .title a:active, 
#loginBox .title a:link, 
#loginBox .title a:visited, 
#loginBox .title a:hover 
{
	color: #FFF;
	font-weight:bold;
	text-decoration:underline;
	position:absolute;
	right: 10px;
	line-height:41px;
	
}



#loginBox a, #loginBox a:link, #loginBox a:active, #loginBox a:visited
{
	color:#4f8fbb;
	text-decoration:none;
}

#loginBox a:hover
{
	color:#40c7f4;
}

#loginBox input.textfield
{
	border: 1px solid #bdbdbd;	
	color:#666666;
	width: 175px;
	padding-left: 5px;
	padding-bottom: 3px;
	padding-top: 3px;
	float: right;
	font-size: 11px;
}

#loginBox .btnAanmelden
{
	float: right;
}
#loginBox span
{
	margin-left: 11px;
	margin-right: 11px;
	margin-bottom: 10px;
	display:block;
	}
	
#loginBox span.error
{
	padding: 5px;
	background:#FFF;
	color: #C30;
	border-left: 2px solid #C30;
	}
	
#error
{
		padding: 5px;
	background:#FFF;
	color: #C30;
	border-left: 2px solid #C30;
	font-size: 14px; font-weight:bold;
}

#homeBanner
{
	margin-top: 0px;
	margin-bottom: 10px;
}

#corpsLeft_LCol, #corpsLeft_RCol
{
	width: 300px;
}

#corpsLeft_LCol
{
	float: left;
}

#corpsLeft_RCol
{
	float: right;	
}

#corpsLeft .module
{
	margin-bottom: 15px;
	overflow:hidden;
}

#corpsLeft .module .title
{
	width: 300px;
	height:24px;
	position:relative;
}

#corpsLeft .module h3, #loginBox h3
{
	font-size: 12px;
	font-weight:bold;
	margin-bottom: 10px;
	}

#corpsLeft .module h2
{

	padding: 24px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:24px; /* for IE5/Win */
	line-height:24px;
	display:block;
	font-size:10px;
	position:absolute;
	width:300px;
	border-bottom: 1px solid #4f8fbb;
}

#corpsLeft .module h2.vacatures
{
	background:url(../img/hVacatures.gif) no-repeat left top;
	
}

#corpsLeft .module h2.navormingen
{
	background:url(../img/hNavormingen.gif) no-repeat left top;
}

#corpsLeft .module h2.indekijker
{
	background:url(../img/hIndekijker.gif) no-repeat left top;
}

#corpsLeft .module h2.alumniactueel	
{
	background:url(../img/hActueel.gif) no-repeat left top;
}

.module h2.activiteiten	
{
	background:url(../img/hActiviteiten.gif) no-repeat left top;
}



#corpsLeft .module a.titleLink, 
#corpsLeft .module a.titleLink:active, 
#corpsLeft .module a.titleLink:link, 
#corpsLeft .module a.titleLink:visited, 
#corpsLeft .module a.titleLink:hover 
{
	color: #FFF;
	font-weight:bold;
	text-decoration:underline;
	position:absolute;
	right: 10px;
	line-height:24px;
	
}

#corpsRight .module a.titleLink, 
#corpsRight .module a.titleLink:active, 
#corpsRight .module a.titleLink:link, 
#corpsRight .module a.titleLink:visited, 
#corpsRight .module a.titleLink:hover 
{
	color: #FFF;
	font-weight:bold;
	text-decoration:underline;
	position:absolute;
	right: 10px;
	line-height:24px;
	
}


.module ul.moduleList
{
	list-style:none;
	margin-bottom: 10px;
}

.module ul.moduleList li
{
	list-style-type:none;
	border-bottom: 1px dotted #c8c8c8;
}

.module ul.moduleList li a,
.module ul.moduleList li a:link,
.module ul.moduleList li a:visited,
.module ul.moduleList li a:active
{
	display: block;
	color:#4f8fbb;	
	text-decoration:none;
	padding-left: 25px;
	padding-right: 10px;
	padding-top: 7px;
	padding-bottom: 7px;
	width: 243px;
	background: url(../img/item.gif) no-repeat 4px 10px;
}
.module ul.moduleList li a:hover
{
	color:#40c7f4;
}


.module h2
{
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 15px;
}

.module p
{
	margin-bottom: 15px;
	line-height:16px;
}

.module .content
{
	margin-left: 10px;
	margin-right: 8px;
	margin-top: 9px;
}

.module a.readmore,
.module a.readmore:active,
.module a.readmore:visited,
.module a.readmore:link
{
	color: #4f8fbb;
	text-decoration:none;
	background:url(../img/readmore_bg.gif) no-repeat;
	display:block;
	padding-left: 15px;
	padding-right: 10px;
	width: 66px;
	height: 21px;
	line-height:21px;

}

.module a.readmore:hover
{
	color: #40c7f4;
}


input[type="button"],
input[type="submit"],
input[type="reset"]
{
cursor:pointer;
font-size:11px;
background:#577D81;
border: none;
color: #FFFFFF;
font-weight:bold;
padding:5px;
}



#adv2 {
background:#FFFFFF none repeat scroll 0 0;
margin:6px auto;
width:100%;
}

#adv2 .teaser
{
	width: 300px;
	height: 180px;
	overflow:hidden;
	color: #FFF;
	position:relative;
	}
	
#adv2 .teaser .teaserMsg
{
	position:absolute;
	width: 270px;
	height: 100px;
	overflow:hidden;
	padding: 10px;
	margin-top: 50px;
	margin-left: 10px;
	background: url(../img/msg_bg.png) repeat;
	}
#adv2 .teaser .teaserMsg h3
{
	margin-bottom: 5px;
	padding-bottom: 3px;
	border-bottom: 1px solid #555;
	}
#adv2 .teaser .teaserMsg a,
#adv2 .teaser .teaserMsg a:active,
#adv2 .teaser .teaserMsg a:visited,
#adv2 .teaser .teaserMsg a:link
{
	color: #40c8f4;
	text-decoration:none;
	}
#adv2 .teaser .teaserMsg a:hover
{
	text-decoration:underline;
	}

#adv2 ul {
display:block;
float:left;
height:20px;
width:100%;
border-bottom: 1px solid #E6E6E6;
text-align:right;
margin-bottom:2px;
}
#adv2 li {
float: left;
margin-left: 2px;
}

#adv2 li
{
	list-style-image:none;
list-style-position:outside;
list-style-type:none;
	}

#adv2 li.split {
clear:both;
}
#adv2 li a {
background:#f0f0f0 none repeat scroll 0 0;
display:block;
height:20px;
line-height:18px;
text-decoration:none;
width:20px;
color: #4f8fbb;
text-align:center;
border-left: 1px solid #E6E6E6;
border-top: 1px solid #E6E6E6;
border-right: 1px solid #E6E6E6;
font-weight:bold;
}
#adv2 li a:hover {
background:#4f8fbb none repeat scroll 0 0;
color:#FFF;
}
#adv2 .ui-tabs-selected a {
background:snow none repeat scroll 0 0;
color:#40c7f4;
font-weight:bold;
}

#networks ul
{
	list-style:none;
	height:35px;
	}

#networks ul li
{
	list-style-type:none;
	display: block;
	float: left;
	margin-left: 8px;
	}
#networks span
{
	line-height:35px;
	height: 35px;
	overflow:hidden;
	float: left;
	}
#networks
{
	padding-left: 10px;	
	padding-right: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	border-top: 1px solid #E6E6E6;
	border-bottom: 1px solid #E6E6E6;
	height: 35px;
	background:#F6F6F6;
	margin-bottom: 10px;
}


#loggedinBox
{
	background:#4f8fbb;
	border: 1px solid #c8c8c8;
	color: #FFF;
	width: 270px;
	padding-right: 10px;
	padding-left: 9px;	
	padding-bottom: 10px;
	padding-top: 10px;
}

#loggedinBox h4
{
	font-weight: bold;
	font-size: 11px;
	float: left;
	
}

#loggedinBox a,
#loggedinBox a:link,
#loggedinBox a:active,
#loggedinBox a:visited
{
	color: #fff;
	}

#loggedinBox a:hover
{
	color:#40c8f4
	}

#loggedinBox ul
{
	list-style:none;
	float: right;

	}
#loggedinBox ul li
{
	display: inline;
	}
#loggedinBox ul li.sep
{
	margin-right: 5px;
	margin-left: 5px;
	}


#siteContent
{
	width: 613px;
	padding-bottom: 10px;
	}
	
#siteContent p
{
	margin-bottom: 10px;
	line-height:16px;
	}

#siteContent ul
{
    margin-left: 30px;
    }

#siteContent .pic
{
    padding: 2px;
    border: 1px solid #E6E6E6;
    }
 
#siteContent .floatL
{
    float: left;
    margin-right: 20px;
    margin-bottom: 15px;
    }

#siteContent a,
#siteContent a:link,
#siteContent a:visited,
#siteContent a:active
{
	color: #4f8fbb;
	text-decoration:none;
	}
#siteContent a:hover
{
	color: #40c8f4;
	text-decoration: underline;
	}

.formTable caption, #siteContent h2
{
	text-align:left;
	color:#FFF;
	background:#4f8fbb;
	font-weight:bold;
	margin-bottom: 5px;
	padding: 5px;
	font-size: 11px;


	}

.formTable
{
	border: 1px solid #E6E6E6;
	}
	
.formTable th, .formTable td
{
	text-align:left;
	padding: 5px;
	vertical-align:top;
	}
	
.formTable th
{
	background: #F6F6F6;
	color: #577D81;
	
	}
	
input.textfield, select
{
	border: 1px solid #bdbdbd;	
	color:#666666;
	padding-left: 5px;
	padding-bottom: 3px;
	padding-top: 3px;
	width:350px;
}

.activeDay
{
	background:#4f8fbb;
	font-weight:bold;
	color:#FFFFFF;
}

.activeDay a,
.activeDay a:active,
.activeDay a:visited,
.activeDay a:link
{
	display: block;
	color: #FFFFFF;
	text-decoration:none;
	}
.activeDay a:hover
{
	text-decoration:underline;
	}

.prevnext
{
	text-align:center;
	font-weight:bold;
	}
.prevnext a
{
	text-decoration:none;
	}
	
	
	
.today
{
	border: 2px solid #40c8f4;
	color: #577D81;
	background:#FFFFFF;
	}
	
.calender_messages
{
	padding: 10px;
	}
	
.calender_messages ul
{
	margin-top: 5px;
	margin-left: 15px;
	color: #40c8f4;
}
	
.module a,
.module a:link,
.module a:active,
.module a:visited
{
	text-decoration:none;
	color:#4e8fba;
	}
.module a:hover
{
	color:#40c8f4;
	}

#userLoginData
{
	padding: 10px;
	}

#userLoginData a.button:link,
#userLoginData a.button:link,
#userLoginData a.button:link,
#userLoginData a.button
{
	color: #FFFFFF;
	background:#577D81;
	padding: 5px;
	font-weight: bold;
	}
#userLoginData a.button:hover
{
	color: #FFFFFF;
	}
	

#uitstroom
{
    padding-bottom: 50px;
    padding-top: 30px;
    border-top: 1px solid #E6E6E6;
    }
 
#uitstroom p
{
    line-height: 18px;
    margin-bottom: 15px;
    }
#uitstroom h2
{
    background: #4e8fba;
    display: block;
    color: #FFFFFF;  
    padding: 10px; 
    margin-bottom: 10px;
    }
 
 #uitstroom table td
 {
     padding: 10px;
     }
  
  #uitstroom input.textfield
  {
      background: #FFFFFF;
      border: none;
      font-size: 20px;
      width: 670px;
      padding: 6px;
      border: 1px solid #E6E6E6;
      margin-right: 10px;
      }
   #uitstroom input.button
   {
       font-size: 20px;
       
       }

.opleidingTitelNieuws
{
	font-weight:bold;}

.cboOpleidingen
{
    font-size: 10px;
    }
    
.checkboxTable td
{
    vertical-align: middle;
    }
.checkboxTable label
{
    margin-left: 5px;
    }
    
.formTable caption.bigTitle
{
	font-size:14px;
	font-weight:bold;
}