@import url(Formulier.css);

#Venster * {font-family: Arial;}

#Venster{background-image:url(../JPG/Bg_body.jpg); background-color:#06243C; background-repeat:repeat-x;background-attachment: fixed;  background-position: top;  }
#Body{background-color:transparent;}

#site{background:white url(../GIF/Bg_site.gif) repeat-y 200px;width:980px;position:absolute;left:50%;z-index:1;margin-left:-490px;}

html, body {
	height: 100%; /* héél belangrijk */
}

#site {
	min-height: 100%;
	height:auto !important; /* voor moderne browsers */
	height:100%; /* voor IE */
}
#foot{
	position: absolute;
	bottom: 0; /* heel belangrijk */
}

.B4 .marker_0 IMG{display:none;}
.G6 .B4 .marker_0 IMG,
.G1 .B4 .marker_0 IMG{display:block;border:1px dotted red;}

.marker_1 {font-size:1.4em;}

.T_PDF{background:none;}

/*mailformulier*/

#overlay{sbackground:black;position:absolute;left:0px;top:0px;z-index:2;width:100%;height:100%;}
.InIE #overlay{background:none;}
.sInIE #overlayIE{filter:Alpha(opacity=50);background:black;}
#mailkader{width:450px;sheight:500px;background:white;position:absolute;z-index:3;left:50%;top:0px;margin-left:-225px;margin-top:20px;padding:12px 20px;padding-right:0px;}
.knoppenkader{width:410px;float:left;}
#sluitknop{width:14px;height:14px;float:left;smargin-left:10px;background:url(../GIF/Bg_sluitknop.gif) no-repeat;}
#uitstelknop{width:14px;height:14px;float:right;background:url(../GIF/Bg_uitstelknop.gif) no-repeat;}
#mailformulier{width:410px;float:left;padding:10px 0;}
#overlay,
#mailkader{display:none;}
#mailkader.aan,
#overlay.aan{display:block;}

#ieLayer{width:100%;height:100%;float:left;background:black; filter:Alpha(opacity=50);background:black;-moz-opacity:.50;opacity:.50;}

/*DIV SETUP*/
#links{width:200px;float:left;sbackground:yellow;}
#logo{width:100%;height:100px;float:left;background:url(../JPG/Logo.jpg) no-repeat 20px center;border-bottom:1px solid #E8E8E8;margin-top:32px;}

#rechts{width:779px;float:left;margin-left:1px;sbackground:orange;}
#toprechts{width:779px;height:46px;position:absolute;top:76px;right:0px;z-index:3;}
#afbeelding{width:779px;float:left;height:175px;margin-top:100px;  background-position: bottom; }
#afbeelding2{position:absolute;width:779px;height:175px;sbackground: red;sz-index:2;sbackground-position: bottom;}

#btn_onderwijs{width:176px;height:53px;float:right;margin-right:15px;margin-top:377px;background:url(../GIF/Btn_onderwijs.gif) center;z-index:5;position:relative;}

#dagvandebouw
{
	width:176px;height:115px;float:right;margin-right:15px;
	background:url(../JPG/De bouw maakt het.jpg) center;
	background-repeat: no-repeat;
	z-index:5;position:relative;
}
#ontwerplevensduur
{
	width:176px;height:115px;float:right;margin-right:15px;
	background:url(../JPG/OntwerpLevensduur.jpg) center;
	background-repeat: no-repeat;
	z-index:5;position:relative;
}

#btnonderwijsmenu{width:200px;height:53px;float:left;background:url(../GIF/Btn_onderwijs_menu.gif) center;margin-top:15px;}

#cobouw {z-index:100;position:absolute;width:316px;height:100px;margin-top:51px;margin-left:40px;}

#content{width:779px;float:left;padding:20px;position:relative;}
#schaduw{width:779px;height:15px;float:left;background:url(../GIF/Bg_schaduw.gif);}

/*HOME*/
#CimpleTitel_1004,
#CimpleTitel_1005,
#CimpleTitel_1006,
#CimpleTitel_1007{cursor:default;}

.I849 #afbeelding{sposition:relative;z-index:1;}

#extraninfo{width:749px;height:142px;position:absolute;right:15px;top:130px;z-index:10;}
#extrainfo_achtergrond{width:749px;height:142px;position:absolute;top:0px;left:0px;z-index:1;}
#extraninfo .inhoud{width:400px;height:142px;position:absolute;top:0px;left:0px;z-index:2;padding:17px 17px;}
#extraninfo .inhoud .Paragraaf_Titel{display:none;}
#extraninfo .inhoud .Paragraaf_Tekst {
	line-height:14px;
}
.marker_2{line-height:26px;}

#btnonderwijsmenu{display:block;}
.I849 #btnonderwijsmenu{display:none;}
.I849 .B3 #btnonderwijsmenu{display:block;}

#links .Paragraaf{display:none;}
.I849 #links .Paragraaf{display:block;}
.I849 .B3 #links .Paragraaf{display:none;}

.I849 #Route,
.I849 #content{display:none;}
.I849 .B3 #content{display:block;}

.I849 .B3 #Route{display:block;}

.I849 #afbeelding2,
.I849 #afbeelding{height:460px;}
.I849 .B3 #afbeelding2,
.I849 .B3 #afbeelding{height:175px;}
.I849 .B3 #afbeelding #btn_onderwijs,
#afbeelding #btn_onderwijs,
#afbeelding #blokkenmenu{display:none;}
.I849 #afbeelding #btn_onderwijs,
.I849 #afbeelding #blokkenmenu{display:block;}

/*IE6 correctie*/
.I849 #afbeelding #btn_onderwijs{display:inline;}

/*hovermenu*/
#links #hoverhoofdmenu{float:left;width:100%;}
#links #hoverhoofdmenu SPAN{padding:0px;}
#links #hoverhoofdmenu MENU{border-bottom:1px solid #E8E8E8;float:left;width:100%;}

#links #hoverhoofdmenu DIV{display:none;padding-bottom:15px;}
/*#links #hoverhoofdmenu .B0 MENU:hover DIV,
#links #hoverhoofdmenu .B0 MENU.hover DIV,
#links #hoverhoofdmenu .R DIV{display:block;}
MUB 090203*/
#links #hoverhoofdmenu MENU:hover DIV,
#links #hoverhoofdmenu MENU.hover DIV,
#links #hoverhoofdmenu .R DIV{display:block;}


#links #hoverhoofdmenu A{display:block;padding:15px;padding-left:20px;padding-right:0px;text-decoration:none;}
#links #hoverhoofdmenu A.R{border-bottom:none;}
#links #hoverhoofdmenu DIV A{padding:0px;padding-left:35px;border-bottom:none;margin-bottom:5px;background:url(../GIF/Bg_menu.gif) no-repeat 20px 4px;}

#links .Paragraaf{padding:15px 0px 15px 20px;border-bottom:1px solid #E8E8E8;margin-bottom:15px;width:100%;float:left;}
#links .Paragraaf_Tekst{line-height:200%;}


/*afbeelding hovermenu/tekst*/
#blokkenmenu .O0{display:none;}
#blokkenmenu MENU .O0{display:block;}
#blokkenmenu{margin-top:187px;display:inline;position:absolute;z-index:5;}
#blokkenmenu MENU{width:176px;height:160px;float:left;margin-left:15px;background:url(../GIF/Bg_hovermenu.gif);display:inline;}
#blokkenmenu menu:hover,
#blokkenmenu menu.hover{background:#8D1748 url(../GIF/Bg_menu_home.gif) repeat-x;}
#blokkenmenu A{display:block;text-decoration:none;margin:20px 15px;}
#blokkenmenu DIV A{padding-left:15px;background:url(../GIF/Bg_hoverA.gif) no-repeat 0px 4px;margin:0px 0px 10px 15px;}
#blokkenmenu DIV A:hover{background:url(../GIF/Bg_hoverAhover.gif) no-repeat 0px 4px;}

/* OUD, nu met PNG opgelost
 * #afbeelding .Paragraaf_Tekst{display:none;}
 * #afbeelding .Paragraaf{position:absolute;right:20px;top:180px;width:550px;text-align:right;z-index:10;}
 * #afbeelding #schaduwtekst .Paragraaf {right:18px;top:182px;}
 */

#payoffs{position:absolute;width:747px;height:127px;sbackground:lime;top:130px;right:30px;z-index:9;}

#payoff849,
#payoff1017,
#payoff1018,
#payoff1019,
#payoff1014,
#payoff1015,
#payoff1016,
#payoff1011,
#payoff1012,
#payoff1013,
#payoff1008,
#payoff1009,
#payoff1010{display:none;}

.I1029 #payoff849,
.I849 #payoff849,
.I1017 #payoff1017,
.I1018 #payoff1018,
.I1019 #payoff1019,
.I1014 #payoff1014,
.I1015 #payoff1015,
.I1016 #payoff1016,
.I1011 #payoff1011,
.I1012 #payoff1012,
.I1013 #payoff1013,
.I1008 #payoff1008,
.I1009 #payoff1009,
.I1010 #payoff1010{display:block;width:747px;height:127px;}

/*afdruklink*/
#AfdrukLink{background:url(../GIF/Btnprint.gif) no-repeat left;padding-left:20px;padding-top:3px;position:absolute;right:25px;top:20px;}

/*route*/
.I1029 #Route{display:none;}

#Route{position:absolute;width:500px;top:64px;left:220px;z-index:100;}
#Route A,
#Route DIV{display:inline;text-decoration:none;}
#Route .Edit{smargin-top:-16px;}
#Route .B2{margin-right:12px;background:url(../GIF/Bg_route_groterdan.gif) no-repeat right 5px;padding-right:15px;}
#Route .B4{margin-left:12px;background:url(../GIF/Bg_route_groterdan.gif) no-repeat left 0px;padding-left:15px;}

.B2 #Route .B2{background:none;}
.B3 #Route .B2{background:url(../GIF/Bg_route_groterdan.gif) no-repeat right 5px;}

/*snelmenu*/
#Snelmenu{sfloat:right;text-transform:lowercase;position:absolute;top:95px;right:5px;z-index:4;}
#Snelmenu A{text-decoration:none; border-right:1px solid #D3D4D3;padding:0px 10px;}
#Snelmenu A.O0{border-right:none;}

/*zoek*/
#links span{float:left;width:100%;padding:15px;padding-left:20px;padding-right:0px;padding-bottom:0px;sfont-weight:bold;}
#ZoekForm{padding:15px;padding-left:20px;padding-right:0px;border-bottom:1px solid #E8E8E8;width:100%;float:left;}
#ZoekVeld{border:1px solid #B7B7B7;}
#ZoekKnop{border:none;background:url(../GIF/Bg_zoek.gif) no-repeat 5px 3px; padding-left:15px;margin-left:10px;cursor:pointer;}

/*menu*/
#Menu A{display:block;padding:15px;padding-left:20px;padding-right:0px;border-bottom:1px solid #E8E8E8;text-decoration:none;}
#Menu A.R{border-bottom:none;}
#Menu #Menu{border-bottom:1px solid #E8E8E8;}
#Menu #Menu A{padding:0px;padding-left:35px;border-bottom:none;margin-bottom:5px;background:url(../GIF/Bg_menu.gif) no-repeat 20px 4px;}
#Menu #Menu #Menu{display:none;}

#links .O0 MENU DIV{display:none!important;}

/*#hoverhoofdmenu SPAN.R {sbackground-color:#effaff;}*/

/*CONTENT*/
#content .Paragraaf.opvulling {display:none;}

.Titel{width:100%;margin-bottom:20px;}
#handboek .Paragraaf_0,
.B3 #content .Paragraaf_0{sdisplay:none;}
.B4 #content .Paragraaf_0{display:block;}

.Paragraaf_Tekst A,
.Paragraaf A{text-decoration:underline;}
.Paragraaf_Tekst A:hover,
.Paragraaf A:hover{text-decoration:none;}
.Paragraaf_Tekst{line-height:150%;}
.Paragraaf_Titel{margin-top:15px;;margin-bottom:10px!important;width:100%;}

#ouderlink{display:none;}
.I1029 .B3 #Venster #ouderlink,
.B4 #Venster #ouderlink{display:block;}
#ouderlink A{text-decoration:underline;}
#ouderlink A:hover{text-decoration:none;}

#content .Paragraaf_Tekst IMG {margin-right:15px;margin-top:3px;border:1px solid #E8E8E8;}

/*ankers*/
#Ankers{margin-bottom:15px;}
#Ankers A{font-weight: bold;display:block;text-decoration:underline;width:100%;bsorder-bottom:1px solid #e8e8e8;padding:2px 0px;}
#Ankers A:hover{text-decoration:none;}
/*ankers nieuw*/
#Ankers {padding:10px 0px;border-top:1px solid #e8e8e8;border-bottom:1px solid #e8e8e8;width:100%;} 

.I1029 #content #TopLink,
.I848 #content #TopLink,
.I103 #content #TopLink,
.I967 #content #TopLink,
#TopLink{display:none;}
.T1 #content #TopLink{display:block;width:64px;height:13px;background:url(../GIF/Top.gif) no-repeat;margin-top:5px;}
#content #handboek #TopLink{display:none;}

/*lijstuitgebreid*/
#lijstuitgebreid{background:url(../GIF/Bg_site.gif) repeat-y 369px;width:738px;float:left;}
.lijstuitgebreid .Titel{margin-bottom:15px;padding-top:15px;width:100%;float:left;}
#lijstuitgebreid .B0 .Titel,
#lijstuitgebreid .B1 .Titel{padding-top:0px;}
.lijstuitgebreid{float:left;width:369px;sbackground:lime;border-bottom:1px solid #E8E8E8;padding-bottom:20px;padding-right:10px;}
.lijstuitgebreid .Paragraaf_Tekst{float:left;height:85px;overflow:hidden;}
#lijstuitgebreid .O1{border-bottom:none;}
#lijstuitgebreid .A{border-bottom:1px solid #E8E8E8;padding-left:20px;sbackground:pink;}
#lijstuitgebreid .O0{border-bottom:none;}
.I1029 #lijstuitgebreid .O1.A{border-bottom:none;}
/*lees verder voor meijk om aan te passen*/
A.Link{text-decoration:underline;smargin-left:50px;float:left;background:url(../GIF/Bg_verder_rood.gif);line-height:1000%;overflow:hidden;width:58px;height:16px;}
A.Link:hover{text-decoration:none;}

/*FLASHES*/
#Poster {width:540;height:400px;}


/*Footer*/
#Footer{margin-left:15px;width:700px;float:left;display:inline;padding-bottom:10px;}
#Footer A{text-decoration:none;}
#Footer A:hover{text-decoration:underline;}
#komo{float:right;width:20px;height:20px;background:url(../GIF/Bg_komo.gif);margin-right:15px;}

/*ONDERWIJS*/
#onderwijstitel .Titel{position:absolute;top:64px;left:220px;z-index:6;}

#lijsten{background:url(../GIF/Bg_site.gif) repeat-y 235px;float:left;width:486px;}
#lijstlinks,
#lijstrechts{float:left;width:235px;overflow:hidden;}
#lijstrechts{width:250px;sbackground:pink;margin-left:1px;padding-left:15px;}
#lijsten .lijstuitgebreid .Titel{font-weight:bold;margin-bottom:2px;padding-top:0px;}
#lijsten .lijstuitgebreid,
#lijsten #lijstuitgebreid{width:235px;border-bottom:none;}
#lijsten .lijstuitgebreid .Paragraaf_Tekst{height:auto;overflow:auto;}
#lijsten #lijstuitgebreid .A{padding-left:0px;}
#lijsten A.Link{margin-left:0px;margin-top:5px;line-height:1000%;overflow:hidden;width:58px;height:16px;background:url(../GIF/Bg_verder_blauw.gif);}
#lijsten #lijstrechts A.Link{background:url(../GIF/Bg_verder_rood.gif);}


#achterhandboekhoogte{float:left;width:1px;sbackground:lime;}

#handboek{width:260px;smargin-top:-50px;position:absolute;top:-13px;right:-1px;z-index:6;sfloat:left;smargin-right:-230px;}
#handboektop{width:260px;height:13px;float:left;position:relative;z-index:7;}
#handboekBG1{width:260px;float:left;background:#5A0F2E;}
#handboekBG2{width:260px;float:left;background:url(../JPG/Bg_handboek.jpg) repeat-x;padding:15px;}
#handboek_adobe{width:230px;border-top:1px dashed #A67086;height:50px;float:left;}
#handboek #adobe_link{height:31px;width:110px;background:url(../JPG/Bg_adobe.jpg);margin-top:15px;float:left;}

#handboek A:hover{text-decoration:none;}

#handboek .Paragraaf_Titel{font-weight:bold;margin-top:0px;}

/*FORM*/
.Veld{width:100%;float:left;margin-bottom:5px;}
.Veld .Label{width:150px;float:left;}
.Veld .Optie{width:100%;float:left;}
.Veld .Groep,
.Veld INPUT,
.Veld TEXTAREA{width:50%;float:left;}
.Veld TEXTAREA{height:100px; overflow:auto;}
#VerzendKnop{float:left;margin-left:150px;cursor:pointer;}

/*VERZOEK KLANT NIET TONEN VERPLICHT*/
.Verzend .Label {display:none;}

/* SITEMAP */
#sitemap{float:left;padding-left:19px;}
#sitemap a {color:#696969;}
#sitemap a:hover {text-decoration:none;}
#sitemap div a{line-height:170%;font-weight:bold;}
#sitemap div div a{padding-left:17px;margin-left:12px;font-weight:normal;background: url(../GIF/Sitemap.gif) left top no-repeat;}
#sitemap div div div div a{font-style: italic;font-weight:normal;margin-left:34px;}


/*KLEUREN*/
#AfdrukLink,
#links #hoverhoofdmenu .R Menu DIV A,
#Ankers A,
#ouderlink A,
#ouderlink A:hover,
.Paragraaf_Tekst A,
.Paragraaf_Tekst A:hover,
.Paragraaf A,
.Paragraaf A:hover,
A.Link,
A.Link:hover,
#links #hoverhoofdmenu DIV A,
#Footer A,
#Snelmenu A,
#Menu A,
#ZoekKnop,
BODY{color:#5D5D5D;}

#links span{color:#A31B53;}

#links #hoverhoofdmenu A,
#lijstlinks #lijstuitgebreid .Titel,
#onderwijstitel .Titel,
.Titel,
#Route TEXTAREA.B2,
#Route .B2{color:#0168B3;}

#Route TEXTAREA.B4,
#Route .B4,
#Route TEXTAREA.B3,
#Route .B3,
#blokkenmenu A{color:#6EC3FF;}

#extrainfo .inhoud .Paragraaf_Tekst{color:#e3e3e3;}/*grijs*/
.marker_2{color:#a91c56;}/*rood*/

/*voor meijk om aan te passen*/
#lijstuitgebreid .Titel{color:#A31B53;}

#links #hoverhoofdmenu .R Menu DIV A.R,
#links #hoverhoofdmenu .R A,
#links #hoverhoofdmenu A:hover,
#lijstrechts #lijstuitgebreid .Titel,
.Titel,
#Ankers A:hover,
.Paragraaf_Titel,
.lijstuitgebreid .Titel,
#links #hoverhoofdmenu DIV A:hover,
#links #hoverhoofdmenu DIV A.R,
#Menu A:hover,
#Menu A.R{color:#A31B53;}


/*
 * #afbeelding .Edit,
 * #afbeelding .Paragraaf_Titel,
 */
#blokkenmenu menu:hover A,
#blokkenmenu menu.hover A,
#handboek A,
#handboek .Paragraaf_Titel,
#handboek .Paragraaf_Tekst,
#blokkenmenu DIV A{color:white;}

#extraninfo .inhoud .Paragraaf_Tekst P{
	color:white;
}
#extraninfo .inhoud .Paragraaf_Tekst A{
	color:white;
}

/*MEIJK HEEFT HIER IETS TOEGEVOEGD*/
#blokkenmenu DIV A:Hover {color:white!important;text-decoration:underline;}


/*FONT-SIZES*/
/*de fontsize wordt hier 10px gemaakt. Standaard 16, en 62,5% van 16 is 10.*/
#Venster{font-size:62.5%;}

.InIE .Paragraaf CAPTION,
.InIE .Paragraaf TD{font-size:70%;}

.marker_2,
.Paragraaf_Titel,
.lijstuitgebreid .Titel,
#links #hoverhoofdmenu A,
#Menu A,
#links span.caption{font-size:1.4em;}

/*.I849 #content .Paragraaf_Tekst_0,
.B4 #content .Paragraaf_Tekst_0{font-size:1.4em;}*/

.Titel,
#handboek .Paragraaf_Titel,
#Route .B2{font-size:1.6em;}

#Route .B3{font-size:1.2em;}

#extrainfo .inhoud .Paragraaf_Tekst,
#Ankers A,
A.Link,
#oudlink A,
#ZoekKnop,
.Paragraaf_Tekst,
#links #hoverhoofdmenu DIV A,
#Menu #Menu A{font-size:1.1em;}

#blokkenmenu A{font-size:2.2em;}
#blokkenmenu DIV A{font-size:1.1em!important;}

#Footer{font-size:.9em;}

#Formulier_1117 {font-size:1.1em;}

#Formulier_1117 #VerzendKnop {display:none;}


@media print{

#Venster,
#Venster *{background:none;border:none!important;}
#site{width:600px;margin-left:0px;left:0px;}

#komo,
#schaduw,
#Footer,
#afbeelding,
#toprechts,
#links{display:none;}

}