/* 
 * [n] Lippens Laurence
 * [c] e2e 
 * [w] www.e2e.be
 * [d] march 2009
*/

/*  First Things First  */
@import "horz-menu.css"; /* Horizontaal menu - module mod_mainmenu*/
@import "forms.css"; /*  Rsform  */

/* 1. Start with Link Colors.... change as needed. */
a:link { color: #36c;   }
a:visited { color: #99c;   }
a:hover {  color: #c33;   }
a:active,  a:focus { color: #000;   }
code, pre { color: #c33;   } /* very optional, but still useful. W3C uses about the same colors for codes */
.contentpaneopen h1, .contentpaneopen h2, .contentpaneopen h3{ color:#182964;}
.vraag{ line-height:1.4em; margin:10px 0 5px; font-size:1.4em;}

.splash.site-width { width:1021px;}
.splash { background:url(../images/splash.jpg) no-repeat; height:484px; width:1019px;}

/* 2. Set Site Width  */
.site-width 	{ width:960px; }
.header-width 	{ width:auto;}

/*  Allright, that's it, get css-ing!  */
body, body.splash			{ background: #bfbfbf url(../images/body_bg.jpg) repeat-x;  line-height:2em;}
.header_box 	{ background:#fff url(../images/header-box.jpg) repeat-x; height:140px; border-left:1px solid #5d5d5d; width:958px;  border-right:1px solid #5d5d5d; border-top:#62676a 1px solid;}
.header			{  	background:url(../images/logo.jpg) no-repeat; width:340px; margin-left:40px; height:140px;}
.menu			{ 	margin:44px 0 0;}

.top_wrapper 	{background:url(../images/top.jpg) no-repeat scroll center 0; padding:97px 0 0;  }
.bottom_wrapper	{ padding:0 0 100px; }
	span.breadcrumbs{ position:relative; top:-15px;}
	.content	{ background:#fff; width:958px; border-left:1px solid #5d5d5d; border-right:1px solid #5d5d5d; margin:0; padding:0;}
	


.footer			{ background:#bfbfbf; border-top:1px solid #919191; border-left:1px solid #5d5d5d; border-bottom:1px solid #5d5d5d; border-right:1px solid #5d5d5d; width:958px; }
	.footer table{ width:100%;}
	.footer td{ vertical-align:bottom;}
	.footer .mod_placehere  { padding:10px 40px 0; }
	.footer .mod_placehere a:link, .footer .mod_placehere a:visited, .footer .mod_placehere a:hover, .footer .mod_placehere a:active  {  color:#000; }


/* Recurring Classes */
.inner	{ 	padding:1em 2em 2.5em; font-size:1.2em;}
.left   { float: left; }
.right  { float:right; }
.clear { clear: both; }
.clearer { clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: .1em; }
.wrapper { margin: 0 auto;}


.naamkaarten{ width:100%; margin:0 0 25px; height:180px;}
.linksKaart  { background:#192966 url(../images/naamkaart.jpg) no-repeat; border:1px solid #333333; width:404px; height:181px; float:left; color:#fff; }
.linksKaart p, .rechtsKaart p{ margin:10px 0 0 30px;}
.linksKaart img, .rechtsKaart img{ float:right; margin: 20px 40px 0 0; border:3px #fff solid;}
table.contentpaneopen .linksKaart h3, table.contentpaneopen .rechtsKaart h3 { color:#8d94c4; margin:15px 0 0 20px; }
.linksKaart a:link, .linksKaart a:visited, .linksKaart a:hover, .linksKaart a:active,.rechtsKaart a:link, .rechtsKaart a:visited, .rechtsKaart a:hover, .rechtsKaart a:active { color:#fff;}

.rechtsKaart { background:#192966 url(../images/naamkaart.jpg) no-repeat; border:1px solid #333333; width:404px; height:181px; float:right; color:#fff; }

blockquote { clear:both; background:#8b8b8b; font-size:1.3em; text-align:center; color:#fff; padding: 1em 2em; font-family: Verdana, Geneva, sans-serif;}
blockquote a:link, blockquote a:visited, blockquote a:hover, blockquote a:active { color:#192966; text-decoration:none;}

.contentpaneopen ul {
list-style-image:none;
list-style-position:inside;
list-style-type:disc;
}

.header_box { position:relative; }
#jflanguageselection { position:absolute; top:-14px; right:3px; z-index:9; }