/* -------------------------------------------------
Version : 1.0
Author : Tremani
Email : info@tremani.nl
Website : http://tremani.nl
Client : Jigsaw (http://www.morgenstonddelft.nl)
---------------------------------------------------- */
html, body, div { width:100%; margin:0; padding:0; background:transparent; }
html {background:#c2050b url(../img/bg.jpg);}
body { font-family:Tahoma, Verdana, Arial; background:transparent url(../img/egm-bg_topkln3.jpg) 0 0 repeat-x; color:#fff; border-top:2px solid #f68b1f;}
h1, h2, h3, h4, h5, ul, ol, dl, dt, label { color:#fff; font-size:11px; background:transparent; }
#col-left h1, #col-left h2, #col-left h3, #col-left h4, #col-left h5, #col-left ul, #col-left ol, #col-left p, #col-right h1, #col-right h2, #col-right h3, #col-right h4, #col-right h5, #col-right ul, #col-right ol, #col-right p{ width:149px;}
h1 { font-size:25px; line-height:25px; font-weight:bold; /*padding-left:21px; */margin:0; margin-bottom:13px; /*background:url('../img/title.png') 0 -29px no-repeat;*/ }
h2 { font-size:12px; line-height:18px; font-weight:bold; margin:0; color:#f7931e; }
h3, h4 { font-size:11px; line-height:18px; margin:0; color:#f7931e; }
h5 { font-size:10px; line-height:18px; margin:0; }
p { font-size:11px; line-height:17px; margin:0 0 16px 0; }
ul { margin:0; padding:0; line-height:18px; }
ul li { list-style:none; margin:0; padding:0; padding-left:13px; background:url('../img/title.png') -21px 6px no-repeat; }
ol { margin-left:22px; }
a {color:#fff; text-decoration:none;}
a:hover {text-decoration:underline; }
* .bold {font-weight:bold;}
* .normal{font-weight:normal;}
* .orange {color:#f7931e;}
* .white{color:#fff;}
img
{
border: 0px;
}
form, fieldset { margin:0; padding:0; border:0; }
.clear { clear:both; height:0; font-size:0; }
#outer-wrapper {/*position:relative; */width:934px; margin:-2px auto 0px auto; background:url(../img/ui-content-outer.png) repeat-y 0 0;}
*:first-child+html #inner-wrapper {margin-top:0;}
#mid-wrapper {margin-top:132px; background:url(../img/ui-content-top.jpg) no-repeat 15px 0; position:relative; padding:1px 0 15px 0; overflow:visible;}
* html #mid-wrapper {padding-top:2px;}
*:first-child+html #mid-wrapper {padding-top:2px; margin-top:130px; }
#inner-wrapper { width:904px; margin:-50px auto 0 auto; background:url(../img/ui-content-columns.png) repeat-y 15px 0; position:relative; padding:1px 15px 1px 15px; }
*:first-child+html #inner-wrapper {margin:-50px auto 0 auto;}
#header {position:relative; width:902px; height:108px; background:url(../img/ui-header.jpg) no-repeat 0 0; top:-134px; left:15px; padding:1px; /*border:50px solid pink;*/ }
#header a { width:294px; height:76px; display:block; }
#logo { width:292px; height:76px; margin:14px auto auto 27px; background: url(../img/egm-logo.png) no-repeat 0 0; padding:1px; }
#col-left { width:149px; padding:0 21px 0 28px;/* margin-right:21px;*/ float:left; display:inline; position: relative; /*border:1px solid #fff;*/ }
* html #col-left {padding:0 12px 0 28px; margin-right:-7px;}
#col-center { width:436px; float:left; display:inline; position:relative;padding:0 36px 0 36px; /*border:2px solid #000;*/ }
* html #col-center { width:462px; padding:0 24px 0 36px;}
#col-right { width:149px; padding:0 28px 0 21px; float:left; display:inline; /*border:1px solid #fff;*/ }
* html #col-right { padding:0 21px 0 21px;/*border:1px solid #fff;*/ }
.box-topline {background:url(../img/col-left-box-line.png) repeat-x 0 0; padding:7px 0 1px 0; /*margin-bottom:11px;*/}
#col-center {
font-size: 12px;
}
#col-center td {
font-size: 12px;
}
#col-center td a{
font-size: 12px;
}
.nieuws p {color:#fff; font-weight:bold;}
.nieuws p a {color:#fff; text-decoration:none;}
.nieuws p a:hover {color:#fff; text-decoration:underline; }
.nieuws .datum {color:#f7931e; font-weight:normal;}
.agenda p {color:#f7931e; font-weight:normal;}
.agenda p a {color:#f7931e; text-decoration:none;}
.agenda p a:hover {color:#fff; text-decoration:underline; }
.agenda .datum {color:#fff; font-weight:bold;}
.knop {margin:-5px auto 18px -2px; height:27px; width:151px; color:#ffffff; font-size:11px; line-height:24px; }
.knop a {height:27px; width:151px; font-size:11px; background: url(../img/col-left-input-submit.jpg) no-repeat 0 0; padding: 0; display:block; color:#fff; text-decoration:none; padding:0 0 0 8px;}
.knop a:hover {background: url(../img/col-left-input-submit.jpg) no-repeat 0 -27px;}
.knop a:active {background: url(../img/col-left-input-submit.jpg) no-repeat 0 -54px;}
.kknop {margin:-5px auto 18px -2px; height:27px; width:151px; color:#ffffff; font-size:11px; line-height:24px; }
.kknop a {height:27px; width:151px; font-size:11px; background: url(../img/kerst.png) no-repeat 0 0; padding: 0; display:block; color:#fff; text-decoration:none; padding:0 0 0 8px;}
.kknop a:hover {background: url(../img/kerst.png) no-repeat 0 -27px;}
.kknop a:active {background: url(../img/kerst.png) no-repeat 0 -54px;}
#nav {position:absolute; top:111px; left:0; width:904px; height:39px; }
* html #nav {background:url(../img/ui-bg_ul_darkbrown.jpg) repeat-x 0 0; top:108px; }
*:first-child+html #nav {background:url(../img/ui-bg_ul_darkbrown.jpg) repeat-x 0 0; top:108px;}
#nav ul { list-style:none; margin:0; padding:0px 0; background-color:transparent; z-index:200; position:relative;}
* html #nav ul { margin-top:1px;}
*:first-child+html #nav ul{/*border:1px solid #000;*/margin-top:1px; }
ul#main-nav { width:904px; font-size:15px; margin:-2px 0 0 0; padding:0 0 0 28px; position:relative; z-index:200; }
ul#main-nav li { float:left; display:inline; height:37px; margin:0; padding:0; position:relative; background-repeat:no-repeat; }
ul#main-nav li span.divider { position:absolute; top:0; right:0; width:1px; height:37px; text-indent:-5000px; background:url(../img/btn-divider.png) no-repeat 0 0;}
ul#main-nav li a { height:37px; text-indent:-5000px; display:block; overflow:hidden; }
#btn-home, #btn-home a {background: url(../img/btn-allesplat.jpg) 0 0; width:74px;}
#btn-egm, #btn-egm a { background:url(../img/btn-allesplat.jpg) -74px 0; width:87px;}
* html ul#main-nav #btn-egm span.divider { right:-1px;}
#btn-actueel, #btn-actueel a { background:url(../img/btn-allesplat.jpg) -161px 0; width:77px;}
* html ul#main-nav #btn-actueel span.divider { right:-1px;}
#btn-contact, #btn-contact a { background:url(../img/btn-allesplat.jpg) -238px 0; width:76px;}
#btn-liefenleed, #btn-liefenleed a { background:url(../img/btn-allesplat.jpg) -314px 0; width:107px;}
* html ul#main-nav #btn-liefenleed span.divider { right:-1px;}
#btn-archief, #btn-archief a { background:url(../img/btn-allesplat.jpg) -421px 0; width:72px;}
#btn-home a:hover {background: url(../img/btn-allesplat.jpg) 0 -37px !important;}
#btn-egm a:hover { background:url(../img/btn-allesplat.jpg) -74px -37px !important;}
#btn-actueel a:hover { background:url(../img/btn-allesplat.jpg) -161px -37px !important;}
#btn-contact a:hover { background:url(../img/btn-allesplat.jpg) -238px -37px !important;}
#btn-liefenleed a:hover { background:url(../img/btn-allesplat.jpg) -314px -37px !important;}
#btn-archief a:hover { background:url(../img/btn-allesplat.jpg) -421px -37px !important;}
#btn-home a:active {background: url(../img/btn-allesplat.jpg) 0 -74px !important;}
#btn-egm a:active { background:url(../img/btn-allesplat.jpg) -74px -74px !important;}
#btn-actueel a:active { background:url(../img/btn-allesplat.jpg) -161px -74px !important;}
#btn-contact a:active { background:url(../img/btn-allesplat.jpg) -238px -74px !important;}
#btn-liefenleed a:active { background:url(../img/btn-allesplat.jpg) -314px -74px !important;}
#btn-archief a:active { background:url(../img/btn-allesplat.jpg) -421px -74px !important;}
#btn-home.current a {background: url(../img/btn-allesplat.jpg) 0 -111px !important;}
#btn-egm.current a { background:url(../img/btn-allesplat.jpg) -74px -111px !important;}
#btn-actueel.current a { background:url(../img/btn-allesplat.jpg) -161px -111px !important;}
#btn-contact.current a { background:url(../img/btn-allesplat.jpg) -238px -111px !important;}
#btn-liefenleed.current a { background:url(../img/btn-allesplat.jpg) -314px -111px !important;}
#btn-archief.current a{ background:url(../img/btn-allesplat.jpg) -421px -111px !important;}
#navTwo {margin-bottom:18px; }
ul#sub-nav { list-style:none; margin:0; padding:0; }
ul#sub-nav { width:149px; font-size:15px; margin:-2px -1px 0 -1px; padding:0 0 0 0; position:relative; overflow:visible;}
ul#sub-nav li { width:151px; height:28px; /*margin:2px -1px 2px -1px; */ margin:0; padding:0; position:relative; background:none; font-weight:bold; font-size:11px; margin:5px 0;}
ul#sub-nav li a { width:151px; height:15px; display:block; background:url(../img/ui-subnav-button.png) no-repeat 0 0; line-height:1.3em; padding:6px 2px 7px 9px; margin:0;}
ul#sub-nav li a:hover { background:url(../img/ui-subnav-button.png) no-repeat 0 -28px; text-decoration:none; color:#a70007;}
ul#sub-nav li a:active { background:url(../img/ui-subnav-button.png) no-repeat 0 -56px; color:#fff;}
ul#sub-nav li.first a { width:151px; height:15px; display:block; background:url(../img/ui-subnav-button1st.png) no-repeat 0 0; line-height:1.3em; padding:6px 2px 7px 9px; margin:0;}
ul#sub-nav li.first a:hover { background:url(../img/ui-subnav-button1st.png) no-repeat 0 -28px; text-decoration:none; color:#a70007;}
ul#sub-nav li.first a:active { background:url(../img/ui-subnav-button1st.png) no-repeat 0 -56px; color:#fff;}
/* ul#sub-nav li a .subtop{ min-height:28px; display:block; background:url(../img/ui-subnav-button-top.png) no-repeat 0 0; padding:0; margin:0;}
ul#sub-nav li a .subbottom{ min-height:15px; display:block; background:url(../img/ui-subnav-button-bottom.png) no-repeat left bottom; padding:6px 2px 7px 9px; margin:0; }*/
#login a#btn-zoeken { display:block; width:47px; height:12px; text-indent:5000px; overflow:hidden; background:url('../img/zoeken.png') 0 0 no-repeat; color:#f7931e; }
#login a#btn-zoeken:hover { background-position:0 -16px; }
#login {}
* html #login { margin-bottom:-3px;}
#login h2 { clear:both; color:#f7931e; }
#login #zoeken { /*width:168px;*/ height:15px; }
#login a#btn-zoeken { display:block; float:right; width:147px; height:12px; text-indent:5000px; overflow:hidden; background:url('../img/zoeken.png') 100px 0 no-repeat; }
#login a#btn-zoeken:hover { background-position:100px -16px; }
#login-content { padding:0 0 22px 0 ; text-align:left; font-size:11px; text-decoration:none;}
#login input { width:141px; height:23px; line-height: 20px; padding:5px 2px 2px 7px; margin:8px 0 -5px -1px; border:none; font-size:11px; color:#f7931e; background:url('../img/ui-form-input-bg.jpg') 0 0 no-repeat; }
* html #login input {padding:2px 2px 2px 7px;}
#login a#geg-onth { /*width:162px;*/ height:15px; padding:2px 3px; margin:8px 0; text-align:left; font-size:11px; text-decoration:none; display:block; background:#C8B8E2 url('../img/input-block.png') 100% 0px no-repeat; }
#login a#geg-onth:hover { background-position:100% -19px; }
#login #ww { margin:0; position:absolute; top:0px; }
#login a#ww-verg { font-weight:bold; color:#7F5ABC; text-decoration:none; }
#login a#ww-verg:hover { color:#FF5A00; }
#login #submit { width:149px; height:27px; text-align:left; padding:0 0 5px 6px; color:#ffffff; background: url(../img/col-left-input-submit.jpg) no-repeat 0px 0px; /*margin-bottom:8px;*/ }
* html #login #submit { width:149px; height:27px; text-align:left; padding:0 0 1px 8px; margin-top:5px; margin-bottom:0; cursor:hand;}
#login #submit:hover { width:151px; background: url(../img/col-left-input-submit.jpg) no-repeat 0px -27px;}
#login #submit:active { width:151px; background: url(../img/col-left-input-submit.jpg) no-repeat 0px -54px; color:#f7931e;}
#overlay-wrapper { height:19px; position:relative; text-align:left; margin:8px 0; }
#overlay-wrapper #ww-overlay { position:absolute; top:0px; z-index:2; width:141px; height:22px; line-height: 20px; padding:2px 2px 2px 7px; color:#f7931e; font-size:11px; cursor:text; }
.testimonial div.blok { width:200px; padding:0; float:left; }
.testimonial #blok1 { margin-right:30px; }
.testimonial .filmpje-speler {margin-left:-5px; background:url(../img/testimonial-speler.png) no-repeat 0px 0px; width:219px; height:207px; padding:1px 0; }
.testimonial .filmpje-speler p{margin:40px 30px 0 30px; }
.testimonial .filmpje-speler a{text-decoration:underline; }
#footer { width:934px; height:40px; background:url(../img/ui-content-footer.jpg) no-repeat 0 0; position:relative; margin:0 auto auto auto; padding:1px 0 20px 0;}
* html #footer { margin-top:-2px;}
#footer .copyright {float:right; width:834px; display:inline; right:7px; text-align:right; padding:25px 35px 1px 35px; }
#footer .copyright a,
#footer .copyright a:visited {position:relative; text-align:right; color: #f7931e; text-decoration:none; letter-spacing:1px; font:9px/20px "lucida sans", verdana, sans-serif;}
#footer .copyright a:hover {color:#fff; background-color:transparent; }
#footer .copyright a:focus,
#footer .copyright a:active {color:#000; background-color:transparent; }
#footer .copyright a span {font-size:11px; color:#f7931e;}
#header-slides {width:451px; height:196px; position:absolute; top:-132px; right:-45px; background:url(../img/header-slides-schoon.png) no-repeat 0 0; z-index:100;}
/*=:project
scalable Inman Flash Replacement (sIFR) version 3.
=:file
Copyright: 2006 Mark Wubben.
Author: Mark Wubben,
=:history
* IFR: Shaun Inman
* sIFR 1: Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2: Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben
=:license
This software is licensed and provided under the CC-GNU LGPL.
See
*/
/*---- sIFR ---*/
.sIFR-flash {
visibility: visible !important;
margin: 0;
padding: 0;
}
.sIFR-replaced, .sIFR-ignore {
visibility: visible !important;
}
.sIFR-alternate {
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
display: block;
overflow: hidden;
}
.sIFR-replaced div.sIFR-fixfocus {
margin: 0pt;
padding: 0pt;
overflow: auto;
letter-spacing: 0px;
float: none;
}
.sIFR-active h1 {
visibility:hidden;
text-align:left;
}
.sIFR-active h2 {
visibility:hidden;
text-align:left;
line-height:1em;
font-size:18px;
}
.sIFR-active h3 {
visibility:hidden;
text-align:left;
line-height:1em;
font-size:15px;
margin-bottom:8px;
}