/*************************************************************
/ CSS OCMW Leuven
**************************************************************/
html, body, #wrapper{height: 100%;}
body {
	background:#F3F7D4;
	margin: 0px;
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#111;
}
body.mceContentBody {
	text-align: left;
	background: #FFF;
}

/* --- Layout layer styles --- */
#wrapper{background:#FFF url(/oleuven/files/bg_wrapper2.gif) 6px 0px repeat-y;width:995px;text-align:left;margin:0px auto;height:auto !important; /* real browsers */	height:100%; /* IE6: treated as min-height*/min-height:100%; /* real browsers */}
#header {position:relative;background:#FFF;height: 55px;padding-top:15px;}
#nav {width:995px;height: 64px;float: left;clear: both;}
#greenbar {width:983px;height: 64px;clear:both;background:#01603C;text-align: right;margin:0;padding:0;margin-left: 6px;}
/* --greenbar : 64  --*/
#leftmargin {
	background-color: #DEEA91;
	float: left;
	width: 204px;
	border-top: 6px solid #FFF; 
	display: block;
	margin-left: 6px;
}

#content, #contentHome {
	margin:0px;
	margin-left: 210px;	
	position: relative;
	padding-left:0px;
	width: 779px;
}

#center {width: 779px;margin: 4px 5px 0 0px;} /*linker marge wordt voorzien door cellpadding van de contenttable*/
#center_col {width: 771px;margin: 10px 5px 0 6px;border:1px solid #AFC80A;}

#center td.frontpageCell{vertical-align: top;}
#center td.rightmargin{padding-top: 5px;}

.rightmargin {width: 190px;margin: 0px 10px 0 0;}
#footer {}

#hnav a{display:block;text-align:center;padding-top:2px;font-size:12px;font-weight: bold;color: #666;float:left;margin-right: 18px;}
#hnav .home{background:url(/oleuven/files/groene_knop_ocmw.gif) top left no-repeat;width: 71px; height:17px;color:#01603C;}
#hnav .standard{background:url(/oleuven/files/grijze_knop_ocmw.gif) top left no-repeat;width: 72px; height:18px;}

span.fontsize{
  display:block;
  position:absolute;
  top:6px;
  right:6px;
}

a.fontsize{
  background: url(/oleuven/files/groene_bol.gif) top left no-repeat;
  width: 14px; 
  height:14px;
  color: #FFF !important;
  font-weight:bold;
  text-decoration:none !important;
  display:block;
  float:left;
  text-align: center;
  margin-right:3px;
}

a.normal{font-size: 7px;padding-top:4px;}
a.bigger{font-size: 9px;padding-top:2px;}
a.biggest{font-size: 11px;margin:0px;}

#crumb {
  width: 747px;
  color:#01603C;
  margin-top: 6px; /* bepaalt in FF startpositie van zijn parent!!! */
  margin-left: 6px;
  font-size:10px;
  font-weight:bold;
  background:#FFF url(/oleuven/files/broodkruimel.gif) left center no-repeat;
  padding-left: 25px;
  line-height:16px;
}

/* --- HTML styles --- */
h1,h2,h3,h4,h5,h6,span.title,span.abstract {font-family: Arial, Helvetica, sans-serif;}
h1{font-size: 150%; color:#111;}
h2, span.title{font-size: 14px; color:#111;}
h3{font-size: 130%; color:#111111;}
h4{font-size: 120%; color:#111;}
h5{font-size: 140%; color:#006712;}
h6{font-size: 120%; color:#006712;}
p {margin-bottom: 3px; margin-top: 0px;}
span.abstract{color:#111;}
span.title a{font-size: 14pt;}/*Anders worden link-titels te klein getoond*/

/*Onderstaande comments voor oplossen case 2156*/
span.abstract, span.title{display: block;/*float:left; clear: both;*/}
span.title{font-weight: bold;}
/*Checken waarom onderstaande width er staat
span.abstract{width: 725px;}*/

/*Om de homepage niet te breed te laten worden*/
#contentHome .abstract, #inhoud .abstract{width: auto;font-weight: normal;font-size: small;}

/* --- Link Styles --- */

a:link,a:visited{color: #01603C; text-decoration:underline;}
a:hover,a:active{color: #01603C; text-decoration:underline;}

a.teaserTitle{font-size: 14px !important;}

/* --- Containers --- */
.box1 {border: 1px solid #AFC80A;background-color: transparent;color: #1A1A1A;vertical-align: top;padding:10px;}
.box1 h1,.box1 h2,.box1 h3,.box1 h4{font-size: 100%; color:#111; margin-top:0; margin-bottom:5px;}
.box2 {border: 1px solid #AFC80A;background-color: transparent;color: #051800;vertical-align: top;padding:10px;}
.box2 h1,.box2 h2,.box2 h3,.box2 h4{font-size: 100%; color:#111; margin-top:0; margin-bottom:5px;}

td.topleft{}
td.topright{padding: 0px;}/*Geen padding --> kalender moet volledige breedte gebruiken*/
td.bottomleft{}
td.bottomright{}

.box3 {border: none;background-color: #DEEA91;padding: 0 0 15px 0;}
.box3 div {padding:10px;}
.box3 h1,.box3 h2,.box3 h3,.box3 h4 {font-size: 100%; color:#FFF; background-color:#AFC80A; padding:5px 10px; margin:0;}
.box3 h2{font-size: 13px;height:13px;}
.box3 ul {margin:0 0 0 20px; padding:0;}
.box3 ul li{list-style-image: url(/oleuven/files/ico_bullit.gif); margin:0;}
.box3 ul li a{margin:0 0 0.8em 0;}
.box3 .abstract{width: auto;font-weight: bold !important;font-size:11px !important;}

/* --- Custom classes / layers --- */
#binnenpagina {margin:10px 20px;}
.logo{margin:2px 0 0 20px;border:none;text-transform:uppercase;color:#333;font-size:150%;}
#inhoud {width: 100%;margin-bottom: 20px;}
#inhoud td {width: 50%;margin: 5px;}
.pagetitle {color: #FFFFFF;padding: 25px 10px 0 0;margin:0;}
.ico_print {vertical-align: middle;}

/* --- Form elements --- */
.btnSubmit{vertical-align: top;width:54px;height:17px;font-weight:bold;background-color: #AFC80A;color:#01603C;border:none;margin-left:10px;}
#header form {margin: 0px;display:block;height:17px;text-align:right;padding-right:6px;}
.tekstveld {width:200px;margin:0px;padding:0px;height:13px;font-size:12px;color:black;display:block;float:left;margin-left:15px;}

/* --- Colors --- */
.zwart{color:#111;}
.wit{color:#FFF;}
.lichtgroen{color:#CAEA68;}
.middengroen{color:#9C0;}
.donkergroen{color:#006712;}
.lichtwarmgrijs{color:#F9F8EA;}
.middenwarmgrijs{color:#DAD3BA;}

.loginButton, .logoutButton{
	float: left;
	color: #FFF;
	position: absolute;
}

.loginButton a, .logoutButton a{color: #FFF;font-weight: bold;}

div.eventdate{
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color: #000000;
}

a.titleTitle{
	margin-left: 75px;
	display: block;
}

div.eventHour{
/*
	padding-right: 5px;
*/
}

div.title {
	float: left;
	clear: left;
	line-height: 18px;
	margin-left: 15px;border: 1px solid red;
  width: 200px;
}

.titel {
  display: block;
}

/*Kalender*/

#kalender{

}

table.cal{
background: #AFC80A;
width: 273px;/*260px;/*80%;*/
/*padding: 1px;*/
margin-left:auto;
margin-right:auto;
}

table.cal th{
color: #FFF;
text-align: center;
height: 15px;
font-size:10px;
width: 33px;
font-weight: bold;
}

td.cal_day, td.cal_active{
color: #01603C;
background: #DEEA91;
text-align: center;
font-size:9px;
font-weight: bold;
border: 2px solid #FFF;
width: 33px !important; /*Werkt perfect in IE, niet in FF!!!*/
height: 33px;
padding: 11px 12px; /*Fix ?! voor FF*/
}

td.cal_active{
background: #01603C;/*#CB4F13;*/
}

td.cal_active a{
font-size:9px;
color: #FFFFFF;
text-decoration: none;
}

.cal_nav{
color: #FFF;
font-size:13px;
font-weight: bold;
text-align: center;
border-bottom: 1px solid #FFFFFF;
padding-bottom: 2px;
height: 21px;
}

a.cal_nav{
font-size:13px;
padding-left:5px;
padding-right:5px;
text-decoration:none;
border:none;
}