/*
 * CSS Style for "freeStyle" Theme 
 * @author ZulloP
 * @url http://eshop.webrevolution.org
 * @email eshop@webrevolution.org
 */

body {
	margin: 0px;
	font-family: Tahoma, Verdana, Arial;
	font-size: 12px;
	color: #606060; /* 737373; */
}
#body_bg{
	background-image: url(../images/main_bg.gif);
	background-repeat: repeat-x;
}
a:link, a:visited {
	color: #455575; 
	font-family: Tahoma, Verdana, Arial;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
ul {
	margin-left: 15px;
	margin-bottom: 0px;
	padding: 0px;
}
table.pollstableborder {
	border: 0px;
	text-align: left;
}

table.overzicht th {
	background-color: #ded9e4;
}

table.overzicht td {
	background-color: #ebe7e6;
	align: center;
}

table.overzicht caption {
	align: left;
}

.small {
	font-size: 10px;
	color: #acacac;
}
.createdate {
	font-size: 10px;
	color: #acacac;
}
.contentheading, table.overzicht caption {
	font-size: 14px;
	font-weight: bold;
	color: #455575;
}
.contentheading a:link, .contentheading a: visited {
	font-size: 14px;
	font-weight: bold;
	color: #455575;
	text-decoration: none;
}
.contentheading a: hover {
	text-decoration: underline;
}
/***ADD - 2007.03.15 - deboecke: Toegevoegd voor titel homepage***/
.componentheading {
	font-size: 16px;
	font-weight: bold;
        color: #455575;
	padding-bottom: 10px;
}
/******/
.modifydate {
	font-size: 10px;
	color: #acacac;
	padding-top: 10px;
}
.pagenavcounter {
	font-size: 10px;
	color: #999999;
	padding-bottom: 10px;
}
.readon {
	font-family: Tahoma, Verdana, Arial;
	font-size: 11px;
	font-weight: bold;
}
a:link.readon, a:visited.readon {
	text-decoration: none;
}
a:hover.readon {
	text-decoration: underline;
}
/*ADD - 2006-12-08 - deboecke: class om een button aan te geven in tekst */
.btnStijl {
  font-size: 10px;
  background-color: #ebe7e6;
}
/**/

/*ADD - 2007.03.06 - deboecke: Studieaanbod met CSS Sprites*/
#Studieaanbod {
    width: 700px; height: 422px;
    background: url(../../../images/stories/studieaanbod/studieaanbod.jpg);}
    margin: 10px auto; padding: 0;
    position: relative;}
#Studieaanbod li {margin: 0; padding: 0; list-style: none; position: absolute; display: block;}
#Studieaanbod a  {display: block; border: solid 1px #f00; }

#12AH  {left: 4px; width: 185px; top: 48px; height: 30px;}
#1BKVV {left: 4px; width: 84px; top:112px; height: 30px;}
#2KVV  {left: 106px; width: 83px; top: 98px; height: 54px;}
#12ATW {left: 4px; width: 185px; top: 211px; height: 43px;}
#12ASTV{left: 4px; width: 185px; top: 307px; height: 43px;}
#1BMVV {left: 4px; width: 84px; top: 374px; height: 30px;}
#2MVV  {left: 106px; width: 83px; top: 362px; height: 54px;}

#12AH a  {height: 30px;}
#1BKVV a {height: 30px;}
#2KVV a  {height: 54px;}
#12ATW a {height: 43px;}
#12ASTV a{height: 43px;}
#1BMVV a {height: 30px;}
#2MVV a  {height: 54px;}

/*
#Graad1 {left: 0; width: 192px;}
#Graad2 {left: 247px; width: 148px;}
#Graad3 {left: 396px; width: 152px;}
#Graad4 {left: 449px; width: 249px;}
#Graad1Aanbod {width: 192px; height: 420px; margin: 10px auto; padding: 0; position: relative;}
#Graad1Aanbod li {
    margin: 0; padding: 0; list-style: none;
    position: absolute; top: 0;}
#Graad1Aanbod li, #Graad1Aanbod a {
    height: 420px; display: block;}
*/
/*
#Graad1 a:hover {
    background: transparent url(test-3.jpg)
    0 -200px no-repeat;}
#Graad2 a:hover {
    background: transparent url(test-3.jpg)
    -96px -200px no-repeat;}
#Graad3 a:hover {
    background: transparent url(test-3.jpg)
    -172px -200px no-repeat;}
#Graad4 a:hover {
    background: transparent url(test-3.jpg)
    -283px -200px no-repeat;}
*/
/**/

/*ADD - 2007.03.06 - deboecke: Classes voor studieaanbod*/
.StudieGraad1Titel, .StudieGraad2Titel, .StudieGraad3Titel, .StudieGraad4Titel {
    vertical-align: middle;
    align: center;
    color: #FFFFFF;
    font-weight: bold;
}
.StudieGraad1Titel {
    background-color: #339966;
}
.StudieGraad2Titel, .StudieGraad3Titel, .StudieGraad4Titel {
    background-color: #000000;
}
.StudieGraad1Body, .StudieGraad1BodyLink, .StudiegebiedHandel, .StudiegebiedHandelLink, .StudiegebiedChemie, .StudiegebiedChemieLink, .StudiegebiedPZ, .StudiegebiedPZLink {
    vertical-align: middle;
}
.StudieGraad1Body, .StudieGraad1BodyLink {
    background-color: #33cc66;
}
.StudieGraad1BodyLink {
    border: solid 1px grey;
    cell-padding: 1px;
}
.StudiegebiedHandel, .StudiegebiedHandelLink {
    background-color: #990000;
}
.StudiegebiedChemie, .StudiegebiedChemieLink {
    background-color: yellow;
}
.StudiegebiedPZ, .StudiegebiedPZLink {
    background-color: #000099;
}
/**/

/*general style*/
#logo{
	background-image: url(../images/logo.gif);
	background-repeat: no-repeat;
	height: 68px;
	width: 980px; /* 823px; */
	text-align: right;
}
#topmenu{
	background-image: url(../images/top_menu_bg.gif);
	background-repeat: repeat-x;
	height: 33px;
	width: 812px; /* 980px; */ /* 823px; */
}
#topsearch{
	background-image: url(../images/top_menu_bg.gif);
	background-repeat: repeat-x;
	height: 33px;
	width: 150px;
}
#topmenu_spacer{
	background-image: url(../images/top_menu_spacer.gif);
	background-repeat: repeat-x;
	height: 11px;
	width: 812px; /* 980px; */ /* 823px; */
}
#header{
	background-image: url(../images/header.gif);
	background-repeat: no-repeat;
}
}
#header_spacer{
	background-image: url(../images/header_spacer.gif);
	background-repeat: repeat-x;
	height: 11px;
	width: 980px; /* 823px; */
}
#path_way{
	background-image: url(../images/pathway_bg.gif);
	background-repeat: no-repeat;
	height: 34px;
	width: 712px; /* 598px; */
}
.pathway{
	font-size: 11px;
	padding-top: 10px;
	padding-left: 3px;
	overflow: hidden;
}
#mainbody_top{
	background-image: url(../images/mainbody_bg_top.gif);
	background-repeat: no-repeat;
	height: 9px;
	width: 712px; /* 598px; */
	position: absolute;
}
#mainbody_middle{
	background-image: url(../images/mainbody_bg_middle.gif);
	background-repeat: repeat-y;
	width: 712px; /* 598px; */
}
.mainbody{
	padding: 10px;
}
#mainbody_bottom{
	background-image: url(../images/mainbody_bg_bottom.gif);
	background-repeat: no-repeat;
	height: 7px;
	width: 712px; /* 598px; */
}
#copyright{
	font-family: Tahoma, Verdana, Arial;
	font-size: 11px;
	line-height: 3em;
}
.adminform textarea {
	width: 700px!important; /* 550px!important; */
}

.adminform textarea.inputbox {
	width: 700px!important; /* 550px!important; */
}
/* menu style */
div.module h3 {
	margin: 0;
	font-weight: bold;
	font-family: Tahoma, Verdana, Arial;
	font-size: 1em;
	margin-top: 3px;
	margin-bottom: 20px;
	color: #455575;
}
div.module {
	width: 257px; /* 216px; */
	margin-bottom: 10px;
	margin-right: 0px;
	background-image: url(../images/menu_bg_middle.gif);
	background-repeat: repeat-y;
}

div.module div {
  background: url(../images/menu_bg_bottom.gif) bottom left no-repeat;
}
div.module div div {
  background: url(../images/menu_bg_top.gif) top left no-repeat;
  padding: 7px 10px 15px 12px;
}
div.module div div div, div.module_search div div div {
  background: none;
  padding: 0;
  width: auto !important;
  width: 100%;
  overflow: hidden; /* IE bug fix: otherwise, module titles aren't visible in IE ... worked fine in FF however */
}

div.searchtopsearch {
  padding: 2px 0px 0px 0px;
}

input.buttontopsearch {
  margin: 0px 0px 0px 6px; /* top right bottom left */
}
/*
div.module_search div div {
  background: url(../images/menu_bg_search.gif) top left no-repeat;
  padding: 7px 10px 15px 12px;
}
*/

/**Module die enkel uit titel bestaat
div.module_enkeltitel div div {
  background: url(../images/menu_bg_top_only.gif) top left no-repeat;
  padding: 7px 10px 15px 12px;
}
/**/



/* Breedte van bijschrift bij thumbnail instellen op 150px */
.caption {
  width: 150px !important;
}
/**/

/* FotoSpot - begin */

div.modulefotospot {
	left: 200px;
	top: 5px;
	position: relative;
	/*z-index: 1000;*/
}

/* FotoSpot - einde */

/*ADD - 2006-11-23 - deboecke: suffix "_strong" voor class "mainlevel" ... nadruk leggen op menu-elementen*/
.mainlevel_strong {
	font-weight: bold;


}

/*ADD - 2006-12-06 - deboecke: class "latestnews" voor resultaten van mod_latestnews in 2 kolommen te laten verschijnen */
#bottom div.module {
	width: 712px important!;
}

ul[class=latestnews] {
  width: 30em;
}
 
li[class=latestnews] {
  float: left;
  width: 15em;
}
br[class=latestnews] {
  clear: left;
}
/**/

/*ADD - 2007-01-12 - deboecke: readonly input*/
.readonly {
  background-color: #DDDDDD;
}
/**/

/*ADD - 2007-02-27 - deboecke: Class for slideshow*/
div.module-slideshow {
align: center;
}
/**/

/*ADD - 2007-10-12 - deboecke: uitleg afkortingen*/
abbr, acronym, .help {
  border-bottom: 1px dotted #737373;
  cursor: help;
  }
/**/
p a:visited {
	text-decoration: none;
}p a:link, p a:hover {
	text-decoration: underline;
}

/*ADD - 2008-02-02 - deboecke: contentpaneopen over volledige breedte ... moet rechts uitlijning van "eenzame image" verhelpen*/
.contentpaneopen {
  width: 100%;
}
/**/

.contenttoc {
  background-color: #FFFFFF;
}