/* =Dr. BERNARD VERBEETEN INSTITUUT 20060526
-------------------------------------------------------------------------------------*/
* { margin: 0; padding: 0; }
html, body { height: 100%; min-height: 100%;}
body { 
	font-family: arial, helvetica, sans-serif;
	line-height: 1.4;
	font-size:80%;
	color: #333;
	background: #f2f2f1 url(/images/layout/header-bg.png) repeat-x;
}

#container {
	margin: 0 auto;
	width: 67em;
	position: relative;
	min-height: 100%;
	background: url(/images/layout/content-bg-geel.png) no-repeat 40px 110px;
}

/* =FOOTER
--------------------------------------------*/
#footer {
	clear: both;
	height: 52px;
	position: relative;
	margin-top: -62px;
	padding-top: 10px;
	background: url(/images/layout/bottom-bg.png) repeat-x;
}
#footer div {
	position: relative;
	margin: 0 auto;
	width: 67em;
}
#footer p {
	text-align: center;
	font-size: .8em;
}
#footer a {
	color: #000;
	text-decoration: none; 
	border-bottom: 1px solid #7C7F7F; 
}
#footer img {
	border: 1px solid #000;
	position: absolute; top: 0; left: 0;
}
#footer a:hover { border-bottom: 1px solid #F4C700; }


/* =BRANDING
--------------------------------------------*/
#branding {
	color: #7C7F7F;
	height: 100px;
	width: 100%;
	position: relative;
	margin-bottom: 10px;
}
#branding div{
	text-align: center;
	font: bold 1.75em/1.0 'palatino linotype', palatino, georgia, times, serif;
}
#branding h1{
	position: absolute; top: 10px; left: -13px;
}
#branding h1 a,
#branding a img { 
	border: 0;
 }
#branding h1 span { display: none; }
#branding address {
	font-style: normal;
	font-size: .8em;
	position: absolute;
	bottom: 0;
}
#tagline { 
	position: relative;
	top: 1em;
	margin-left: 200px;
}
#sitecontrols{
	position: absolute; top: 0; right: 0;
	text-align: right;
	padding-right: 5px;
}
#sitecontrols a,
#sitecontrols a img {
	border: 0;
	color: #000;
	font-size: .8em;
}


/* =NAVIGATION
--------------------------------------------*/
#navigation{
	float: left;	
	width: 17em;
	padding-bottom: 25px;
}
#iconmenu { margin: 10px 10px 0px 0px; }
#iconmenu li { display: inline; }
#iconmenu a {  }
#iconmenu img { border: 0; padding:0; margin-right: 5px; }

#searchform { margin: 3px 0 10px; }
#searchform img{ 
	border: 0;
	margin-bottom: -3px;
}
#searchform input {
	border: 1px solid #7D7D7D;
	margin-right: 3px;
	padding-left: 3px;
}

#menu {
	text-align: left;
	margin-right: 10px;
	background: url(/images/layout/menu-bg.png) repeat-y;
}
#menu li{ list-style-type: none; }
#menu li a{
	display: block;
	padding-left: 10px;
	font-weight: bold;
	color: #7C7F7F;
	text-decoration: none;
}
#menu li .activemenuitem,
#menu li a:hover { 
	background-color: #F4C700; 
	color: #000;
}
#menu li li {
	padding-left: 10px; 
	font-size: .95em;
}
#menu li li a { text-decoration: none; }
#menu li li li a{
	font-weight: normal;
	text-decoration: none;
}
#menu li .indicator{
	border: 0;
	float: right;
	padding-top: 3px;
}

/* =CONTENT
--------------------------------------------*/

#content{
	float: left;
	margin-bottom: 25px;
	width: 50em;
}
.skiplink { 
	left: -999em; 
	position: absolute; 
}



/* =LINKS
--------------------------------------------*/
#content a {
	color: #000;
	text-decoration: none;
}
#content a:link { border-bottom: 1px solid #C1D3D3; }
#content a:visited { border-bottom: 1px solid #C1D3D3; }
#content a:hover { border-bottom: 1px solid #F4C700; }
#content a:active { border-bottom: 1px solid #C1D3D3; }

#content a.uponelevel,
#content .editmode a,
#form .formelement a { border : 0 !important; }

/* =HEADING
--------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
	font-family: arial, helvetica, sans-serif;
}

h1 { font-size: 2em; }
h2 { font-size:1.5em; }
h3 { font-size:1.2em; }
h4 { font-size:1.1em; }
h5 { font-size:1.0em; }
h6 { font-size:.9em; }

/* =TEXT
--------------------------------------------*/
p { margin: 0 0 1em; }
.intro { font-weight: bold; }
#information div { margin: 0 0 3em; }

.introtext{ font-weight: bold; }

.leesverder { 
	text-align: right; 
	font-size: .85em; 
}

.show {display: block;}
.hide {display: none;}

#content li {margin-left: 1.25em;}

/* =IMAGES
--------------------------------------------*/
#content img {
	float: right;
	margin: 0 0 5px 5px;
	border: 1px solid #C1D3D3;
}
#content .editmode img { 
	border: 0; 
	float: none;
	margin: 5px 0 0 0;
}
#form img{ 
	border: 0; 
	float: none;
	margin: 0;
	vertical-align: middle;
}
#library img {
	float: none;
	border: 0; 
	float: none;
	margin: 0 3px 0 0;
	vertical-align: middle;
}

/* =ACLGROEP
-----------------------------------------------*/
#aclgroup table td {
	font-size: .95em;
}
#aclgroup table .editmode,
#aclgroup table .editmode img {
	margin: 0; padding: 0;
}

#content .sitemap_ul ul {
	margin: 0 0 .75em;
	padding: 0;
}
#content .sitemap_ul li {
	margin: 5px 0
}
#content .sitemap_ul .editmode { margin-left: .25em; }
#content .sitemap_ul .editmode a,
#content .sitemap_ul .editmode a img { 
	margin: 0; 
	padding: 0;
	vertical-align: top; 
}

#userlist
	.username { font-weight: bold; }
	.userfunction {  }

/* =AGENDA
--------------------------------------------*/
#agenda td {
	vertical-align: top;
}
#agenda td.col-desc {
	font-weight: bold;
	text-align: right;
	padding-right: .25em;
	width: 7em;
}
#agenda .date {
	float: left;
	text-align: right;
	width: 6em;
	margin-right: .5em;
}

/* =form
------------------------------------------------------*/
#form a, #form a img { border: 0;}
#form textarea { height: 200px !important; }
#emailform #form .formfield input {width:60%}

/* =HOMEPAGE
--------------------------------------------*/
#content #leftcolumn {
	width: 35em; 
	float: left;
	overflow: hidden;
}
#content #leftcolumn .information img {
	float: none;
	border: 0;
}
#content #rightcolumn { 
	float: right;
	width: 13.5em;
	margin: 0; 
	padding-left: 1.25em;
	overflow: hidden;
}
#rc-news h3, #rc-agenda h3 {
	margin: 0 0 1em;
	font-size: 1em;
}
#rc-news h3 .date {
	font-size: .85em;
	font-weight: normal;
}
#rc-agenda {
	margin-bottom: 1em;
}
#rc-agenda .agendadate {
	font-size: .9em;
}
/* =INFORMATION
--------------------------------------------*/
.information_rellinks {
	margin-left: 20px;
}

.information .picturelink {display:inline;}
.information .picturelink .text {display:none;}
#content .information .picturelink .image img {float:none; margin-right: 10px;border:none;}
#content .information .picturelink a {border:none;}


/* =LIBRARY
--------------------------------------------*/
#library ul{
	margin: 0;
}
#library ul ul{
	margin-left: 00px;
}
#library li.libdoc {margin-left: 60px;}

/* =LINKOVERVIEW
--------------------------------------------*/
#linkoverview .def_nav {
	margin-left: 20px;
}
#linkoverview h2{ margin: 1em 0 .5em}


/* =NIEUWS
-----------------------------------------------*/
#newsitem,
#newsindex {
	width: 35em; 
	float: left;
}
#news{ position: relative; }
#news h2 a { border:0 !important;}
#news .intro { 
	font-weight: bold; 
	padding-bottom: .1em; 
}
#news .newstoc { 
	float: right;
	width: 13.5em;
	margin: 0; 
	padding-left: 1.25em;
}
.newssmall { width: 100%; }
.newssmall img {
	float: right; 
	margin: 2px 0 5px 5px;
	border: 1px solid #7B320E;
}
#newsitem img {
	float: right; 
	margin: 2px 0 5px 5px;
}
#news .editmode img {
	border: 0;
	float: none;
}

/* =SCHOOLGUIDE
--------------------------------------------*/
#content ul.paragraphtoc { 
	float: right;
	width: 13.5em;
	margin: 10px 0 0; 
	padding-left: 1.25em;
}
.paragraph {
	float: left;
	width: 35em;
	overflow: hidden;
}
.paragraph div {
	margin-bottom: 1em;
}
.paragraph .paragraph {
	width: 100%;
}
#schoolguide .paragraph img.left {
	float: left;
	margin: 0 5px 5px 0;
}
#schoolguide .paragraph img.center{
	float: none;
	display: block;
	margin: 5px auto;
}
.paragraph .editmode{
	clear: both;
	text-align: left;
}
.paragraph-relatedlinks .editmode img {
	margin: 0 !important;
	padding: 0 !important;
	vertical-align: bottom;
}
#schoolguide #sg-full-print a { 
	display: block;
	float: right;
	line-height: 40px;
	border: 0;
	padding: 0 5px 0 40px;
	background: url(http://primconf.betterbe.com/images/icons/printer.png) 5px 50% no-repeat;
}
#schoolguide a.uponelevel {
	background: url(http://www.verbeeten.nl/images/layout/uponelevel.png) top left no-repeat;
	display: block;
	height: 18px;
	width: 18px;
	border: 1px solid #C1D3D3 !important;
	float: left;
}
#schoolguide a.uponelevel img { display: none; }

/* =USERGALLERY
-----------------------------------------------*/
#usergallery,
#userlist{ 
	float: left;
	width: 35em;
}
#userlist table {
         width: 100%;
}
#userlist p.editmode{
        width: 80px;}
#userlist td.username,
#userlist td.userfunction {
        width: 45%;
}
#userlist h2 {
        margin-top: 20px;
        margin-bottom: 5px;
}
#usergalleryindex,
#userlistindex {
	float: right;
	width: 12.5em;
	margin: 0;
}
#userlist .username {width: 225px;}
#userlist div.editmode{white-space: nowrap; float: none;}
#usergallery .userphoto,
#usergallery .userphoto img,
#usergallery .userphoto p {
	text-align: center;
}
#usergallery .userphoto img { 
	float: none !important;
	margin: 0 auto;
	width: 100px; 
}
#usergallery .userphoto a {
	border-bottom: 0;
}
#usergallery .userphoto h6 a {
	border-bottom: 1px solid #C1D3D3;
}


/* =USERCVLIST
-----------------------------------------------*/
#usercvlist .usercv { 
	padding: 1em 0 .125em; 
	width: auto;
	clear: both;
}
#usercvlist .usercv h2{ 
	margin-bottom: .25em;
	clear: both;
}
#usercvlist h2 a:hover { 
	border-bottom: 1px solid #F4C700; 
}
#usercvlist .usercv div{ 
	margin-left: 110px;
}
#usercvlist .usercvphoto { 
	float: left; 
	width: 100px; 
	margin: 0;
}
#photo  img {width: 100px !important}