@import url(sitemap.css);
@import url(menu.css);

/*FOTOALBUM*/
.I1135 #toptitel {width:779px;}
.I1135 #lijst {tdisplay:none;}
.I1135 #linksbottom{background:url(../GIF/Bg_links_bottom_fotoalbum.gif) no-repeat top;}
#fotomappen {padding-left:3px;padding-bottom:13px}
#fotomappen a {border:1px solid #E3E3E3;color:#256bb0;text-decoration:none;padding:2px 4px;margin-right:5px;}
#fotomappen a:hover {background-color:#256bb0;color:#FFFFFF;}
iconenlijst{
	float: left;
	height: 480px;
	width: 230px;
	overflow: auto;
	margin-right:4px;
}
iconenlijst a.terug{display: none}
iconenlijst a.thumb:hover {background-color:#256bb0;}
iconenlijst a.actief{border:1px solid #bc0606}



#links{width: 680px;}
.I1135 #links{width: 920px}
#lijst a,
#linkstop,
#linksinhoud,
#linksbottom{width: 100%;clear:both}


#Venster {sbackground-color: #FFF; color:#4d4d4d;}

A.document{background-image:none}

#Body {sbackground-color: #FFF;}
#Body * {font-family:Arial;}

#Body{background-image:url(../GIF/Bg_site.gif)!important;background-position:center;background-repeat:repeat-y;sborder:1px solid red;}
.G6 #Body,
.G1 #Body{background-image:none!important;sbackground:red;}

#site{width:980px;position:absolute;z-index:2;left:50%;margin-left:-491px;background:url(../GIF/Bg_site.gif);padding:0px 7px;padding-bottom:25px;}
.InSafari #site{margin-left:-489px;}
.InOpera #site{margin-left:-498px;}

.G1 #site,
.G6 #site{margin-left:0px;left:0%;}

/*LOGO, MENU*/
#header{padding:15px 25px;sbackground: yellow;float:left;width:100%;}
#logo{width:130px;height:64px;position:absolute;right:25px;}
#Snelmenu{height:20px;sbackground-color:orange;text-transform:lowercase;padding-left:15px;background: url(../GIF/Bg_snelmenu.gif) 0px 4px no-repeat;}
#Snelmenu A{color:#939393;text-decoration:none;padding:0px 9px;border-right:1px solid #939393;}
#Snelmenu A.O0{border-right:none;}
#Snelmenu A:hover{text-decoration:underline;}

#Hoofdmenu{margin-top:15px;sbackground:lime;swidth:100%;float:left;}
#Hoofdmenu A{color:#35376B;text-transform:uppercase;float:left;font-weight:bold;text-decoration: none;padding:7px 15px;height:24px;background:url(../GIF/Bg_hoofdmenu.gif) right no-repeat;}
#Hoofdmenu A.O0{background:none;}
#Hoofdmenu A:hover{text-decoration:none;color:white;}

/*AFBEELDING*/
#homeafbeelding{height:77px;width:100%;float:left;border-top:1px solid #D7D7D8;background:url(../GIF/Bg_afbeelding2.gif);}
.I849 #homeafbeelding{height:250px;background:url(../../../Content/vebon.cimple.nl/Afbeeldingen/Afbeelding_home.jpg);}

/*Algemeen*/
.Paragraaf A{color:#4D4D4D;text-decoration:underline;}
.Paragraaf A:hover{text-decoration: none;}
.Paragraaf{color:#4D4D4D;}
.Paragraaf_Titel{color:#215A94;}

.Paragraaf IMG{margin:5px;}

/*home*/

.I849 #rechts{width:0px;}
.I849 #linksinhoud,
.I849 #links{width:100%;}

.I849 #vebonleden{display:none;}
.I849 #slider{margin-top:0px;}

.I849 .Paragraaf IMG{margin:0px;}
.I849 .Paragraaf_Titel{margin-bottom:15px;font-weight: normal!important;}

.I849 #content .Paragraaf_0{display:none;}
.I849 .Paragraaf{float:left;width:210px;sbackground: yellow;padding:20px;overflow:hidden;}
.I849 .Paragraaf{height:180px;background:url(../GIF/Bg_paragraaf_home.gif);}
.I849 .Paragraaf_0{height:100px;float:left;display:inline;width:680px;height:55px;background:url(../GIF/Bg_paragraaf_0_home2.gif);margin-left:25px;margin-top:168px;padding:10px 20px 0px 20px;line-height:150%;}
.I849 .Paragraaf_0 IMG{margin-top:5px;}
.I849 .Paragraaf_1{padding:20px 14px;;;margin-right:25px;margin-left:-210px;margin-top: 80px;height:99px;background:url(../GIF/Bg_paragraaf_1_home.gif);}
.I849 .Paragraaf_Titel_1{color:#C93D3D;}
.I849 .Paragraaf_3{margin-left:25px;margin-right:25px;}
.I849 .Paragraaf_3 .Edit{margin-left:-25px;}
.I849 .Paragraaf_4{background:url(../GIF/Bg_paragraaf_4_home.gif);}
.I849 .Paragraaf_Titel_4{color:#A01919;}
.I849 .Paragraaf_1 .Edit{margin-left:210px;}

.I849 .Paragraaf_2{height:99px;background:url(../GIF/Bg_paragraaf_home_klein.gif);margin-top:80px;}

#homecursuslink{width:210px;height:81px;sbackground:lime;position:absolute;left:260px;top:12px;}
#cursuslink{width:210px;height:81px;display:block;float:left;margin-bottom:25px;}
.I849 #cursuslink{display:none;}
.InIE #cursuslink{float:none;}

#btns{float:left;height:55px;width:210px;margin-left:25px;sbackground:url(../GIF/Bg_btns.gif);margin-top:168px;padding:13px 12px;overflow:hidden;}
#btnbeveiliging,
#btnbrand{width:165px;height:30px;float:left;margin-bottom:15px;background:url(../GIF/btn_beveiliging.gif);}
#btnbrand{background:url(../GIF/btn_brand.gif);}

#btn_cursusaanbod{display:none;}
.I849 #btn_cursusaanbod{display:block;width:210px;height:55px;float:left;background:url(../GIF/Btn_cursusaanbod.gif);}

/*CONTENT*/
#links{float:left;}
#linksinhoud{float:left;border-left:1px solid #DBDBDB;border-right:1px solid #DBDBDB;padding:25px;}
.I849 #linksinhoud,
.I905 #linksinhoud,
.I906 #linksinhoud{border-left:none;border-right:none;}
.I905 #linksinhoud,
.I906 #linksinhoud,
.I849 #linksinhoud{padding:0px;}
.I905 .B4 #linksinhoud,
.I906 .B3 #linksinhoud{border-left:1px solid #DBDBDB;border-right:1px solid #DBDBDB;padding:25px;}

#linksinhoud .Paragraaf_Titel{font-weight:bold;}

#lijst .Edit,
#lijst DIV,
#lijst A{display:block;width:100%;border-bottom:1px solid #CCC;color:#515151;text-decoration:none;padding:6px 15px 6px 25px;background:url(../GIF/Bg_lijstitem.gif) 4px 7px no-repeat;}
#lijst A:hover{text-decoration:underline;}


#lijst DIV{color:#bc0606;}

#linkstop{float:left;}
#linkstop .Titel{background:url(../GIF/Bg_titel.gif) no-repeat bottom right;float:left;padding-right:20px;padding-left:10px;padding-bottom:5px;}

#linkstop .Edit{width:100%;margin-bottom:1px; }

#tabeltitel{background:url(../GIF/Bg_toplijn2.gif) repeat-x bottom;}
#topleft{background:url(../GIF/Bg_topleft.gif) no-repeat bottom;width:28px;}
#toptitel{width:477px;text-align:left;}
#topright{width:175px;background:url(../GIF/Bg_topright2.gif) no-repeat bottom;}
.I905 #topright{background:url(../GIF/Bg_topright.gif) no-repeat bottom;}

#linksbottom{float:left;height:25px;background:url(../GIF/Bg_links_bottom2.gif) no-repeat top;}

.I905 #linksbottom{background:url(../GIF/Bg_links_bottom.gif) no-repeat top;}
.I905 #linkstop{sbackground:url(../GIF/Bg_links_top.gif) no-repeat bottom;}

.I849 #linkstop,
.I849 #linksbottom,
.I905 #linkstop,
.I905 #linksbottom,
.I906 #linkstop,
.I906 #linksbottom{display:none;}
.I905 .B4 #linkstop,
.I905 .B4 #linksbottom,
.I906 .B4 #linkstop,
.I906 .B4 #linksbottom{display:block;}
.I1004 #linkstop,
.I1004 #linksbottom{display:block;}

.I1004 #aanmeldencursus{display:none;}

#rechts{width:210px;margin-left:25px;sbackground:lime;float:left;position:relative;margin-top:-60px;sright:25px;}
#content{padding:25px;padding-right:0px;float:left;width:100%;position: relative;}
.Titel{font-weight:bold;color:#BC0606;sfloat:left;smargin-left:30px;margin-top:5px;swidth:100px;display:inline;}
.overzicht{display:none}
.I905 .B4 .overzicht{display:block;float:right;margin-right:37px;margin-top:5px;color:#5C90C5;display:inline;}
.overzicht:hover{text-decoration:none;}

#vebonleden{float:left;width:100%;}

/*branche brand/beveiliging*/
#brand,
#beveiliging{width:327px;sfloat:left;height:325px;background:url(../GIF/Bg_branchebrand.gif);padding:56px 25px;padding-bottom:0px;}
#brand{margin-right:26px;}
#beveiliging{background:url(../GIF/Bg_branchebeveiliging.gif);}

#brand A,
#beveiliging A{display:block;color:#5A5A5A;border-bottom:1px solid #E3E3E3;width:100%;padding:6px 0px;text-decoration:none;}
#brand A:hover,
#beveiliging A:hover{text-decoration:underline;}

#brand A.O0,
#beveiliging A.O0,
#cursusbrand A.O0,
#cursusbeveiliging A.O0{border-bottom:none;}

/*branche rechts*/
#diavoorstelling{float:left;width:210px;overflow:hidden;sposition:absolute;margin-top:25px;margin-bottom:25px;}
.Doek{width:210px;height:155px;}

#brancheoverzicht2,
#sectieleden{display:none;}
.I905 .B4 #brancheoverzicht2,
.I905 .B4 #sectieleden{display:block;width:210px;height:55px;float:left;sbackground:purple;sposition: absolute;smargin-top:235px;background:url(../GIF/Bg_sectieleden.gif);}
.I905 .B4 #brancheoverzicht2{margin-top:25px;background:url(../GIF/Bg_brancheoverzicht.gif);}

#btnorganigram{display:none;}
.I868 #btnorganigram{sdisplay:inline;float:left;width:210px;height:55px;background:url(../GIF/btn_organigram.gif);margin-bottom:25px;}
.InIE .I868 #btnorganigram{float: none;}
.I868 .B4 #btnorganigram{display:none;}

/*cursus brand/beveiliging*/
#cursusbrand,
#cursusbeveiliging{width:327px;height:325px;background:url(../GIF/Bg_cursusbrand.gif);padding:56px 25px;padding-bottom:0px;}
#cursusbrand{margin-right:26px;sfloat:left;}
#cursusbeveiliging{sfloat:left;}
#cursusbeveiliging{background:url(../GIF/Bg_cursusbeveiliging.gif);}

#cursusbrand A,
#cursusbeveiliging A{display:block;color:#5A5A5A;border-bottom:1px solid #E3E3E3;width:100%;padding:6px 0px;text-decoration:none;}
#cursusbrand A:hover,
#cursusbeveiliging A:hover{text-decoration:underline;}


/*cursus rechts*/
#cursusrechts{display:none;}
.I1011 #cursusrechts,
.I906 #cursusrechts{display:block;width:210px;float:left;sposition:absolute;smargin-top:-50px;}

#docs{margin-bottom:25px;width:210px;float:left;}
#docstop{width:210px;height:8px;float:left;sbackground:url(../GIF/Bg_docstop.gif);overflow:hidden;}
#docsinhoud{width:210px;float:left;background:white;border-left:2px solid #E26363;border-right:2px solid #E26363;padding:17px;padding-right:0px;}
#docsbottom{width:210px;height:8px;float:left;sbackground:url(../GIF/Bg_docsbottom.gif);overflow:hidden;}

#docs .Paragraaf_Titel{color:#BC0606;margin-bottom:15px;}
.I906 #links .Paragraaf_1{display:none;}
.I906 .B4 #links .Paragraaf_1{display:block;}

#aanmeldencursus{width:210px;height:55px;float:left;background:url(../GIF/Bg_aanmeldencursus.gif);margin-bottom:25px;}

#brancheoverzicht{width:210px;height:55px;sfloat:left;background:url(../GIF/Bg_brancheoverzicht.gif);margin-bottom:25px;}

/*brand/beveiliging titels*/
.I905 #afbeelding .Paragraaf_0,
.I906 #afbeelding .Paragraaf_0,
.I905 #afbeelding .Paragraaf_Titel_0,
.I906 #afbeelding .Paragraaf_Titel_0{color:white;margin-top:33px;margin-left:33px;}
.I905 #afbeelding .Paragraaf_0 .Edit,
.I906 #afbeelding .Paragraaf_0 .Edit{margin-top:-33px;}
.I905 #links .Paragraaf_0,
.I906 #links .Paragraaf_0{display:none;}
.I905 .B4 #content .Paragraaf_0,
.I906 .B4 #content .Paragraaf_0{display:block;}
.I905 .B4 .Paragraaf_0,
.I906 .B4 .Paragraaf_0,
.I905 .B4 .Paragraaf_Titel_0,
.I906 .B4 .Paragraaf_Titel_0{color:#4d4d4d;margin-top:0px;margin-left:0px;}
.I905 .B4 .Paragraaf_Titel_0,
.I906 .B4 .Paragraaf_Titel_0{color:#215a94;}

/*lijsten niet weergeven van brand/beveiliging*/
.I906 #lijst,
.I905 #lijst{display:none;}
.I905 .B4 #lijst,
.I906 .B4 #lijst{display:block;}


/*LEDENZOEKOPTIES*/

#ledenzoekopties{border:2px solid #DE7070;width:210px;float:left;padding:17px;spadding-right:0px;border-top:none;border-bottom:none;background:white;}
.InIE #ledenzoekopties{float:none;}
#ledenzoekopties SELECT,
#ledenzoekopties .Zoekveld{width:170px;display:block;}
#ledenzoekoptie #geassocieerd,
#ledenzoekopties #leden{width:15px;display:block;}
#ledenzoekopties SELECT{margin-bottom:10px;}
#ledenzoekopties .Knop{width:100px;display:block;margin-left:70px;height:20px;}

#Ledenzoekresultaat A{text-decoration:undeline; color:#4d4d4d;margin-top:10px;float:left;width:100%;}
#Ledenzoekresultaat A:hover{text-decoration:none;color:#C40000;}

#vebonleden A{text-decoration:underline;color:#4d4d4d;}
#vebonleden A:hover{text-decoration:none;color:#C40000;}

/*SUBMENU*/
#Submenu{width:210px;sheight:260px;background:white;float:left;padding:17px 17px;padding-top:10px;padding-right:0px;smargin-top:-50px;sposition:absolute;border:2px solid #DE7070;border-top:0px;border-bottom:0px;}
#Submenu A{display:block;padding-top:6px;text-decoration:underline;color:#4d4d4d;}
#Submenu A.R,
#Submenu A:hover{text-decoration:none;scolor:#BC0606;color:#C40000;}

.I1011 #subtop,
.I973 #subtop,
.I849 #subtop,
.I906 #subtop,
.I910 #subtop,
.I913 #subtop,
.I1011 #subbottom,
.I973 #subbottom,
.I849 #subbottom,
.I906 #subbottom,
.I910 #subbottom,
.I913 #subbottom{display:none;}

.I848 .B2 #rechts{display:block;}
.I848 .B2 .I1135 #rechts,
.I848 .B2 .I848 #rechts{display:none;}

#subtop{width:210px;height:8px;overflow:hidden;float:left;}
#subbottom{width:210px;height:8px;overflow:hidden;float:left;margin-bottom:25px;}

.Leeg{display:none;}

/*SLIDER*/
#slideshow{float:left;width:100%;}
#slider{width:100%;height:60px;float:left;background:url(../GIF/Bg_slideshow2.gif);spadding-top:25px;margin-bottom:25px;position:relative;margin-top:25px;}
#slider IMG{margin-right:15px;}


/*FORMULIER*/
#content FORM #Veld_759,
#content FORM #Veld_760,
#content FORM #Veld_761,
#content FORM #Veld_762{display:none;}
#content .Veld{margin-bottom:10px;}
#content .Datum{float:left;width:100%;swidth:250px;smargin-right:25px;}
#content .Datum .Datum{width:auto;float:static;}
#content .Checkgroep .Optie,
#content .Radiogroep .Optie{float:left;width:100%;}
#content .Tekstregel{width:250px;float:left;margin-right:25px;}
#content .Tekstregel INPUT{width:250px;}
#content .Label{width:150px;float:left;}
#content .Opmerking DIV{width:100%;float:left;font-weight:bold;}
#content .Tekstvlak TEXTAREA{width:550px;float:left;height:60px;}
#content .Opmerking .Label,
#content .Radiogroep .Label,
#content .Checkgroep .Label,
#content .Datum .Label{width:100%;}
#content .Checkgroep{width:100%;float:left;margin-top:10px;}

#VerzendKnop{float:right;margin-right:75px;margin-top:10px;}

.I849 #AfdrukLink{display:none;}
#AfdrukLink{display:block;float:right;margin-right:15px;margin-top:15px;background:url(../GIF/Btn_print.gif);width:59px;height:9px;line-height:800%;overflow:hidden;font-size:0px;}

/*FOOTER*/
#Footer{width:100%;padding:0px 25px;sfloat:left;color:#C8C8C8;}
#Footer A{color:#C8C8C8;text-decoration:none;}
#Footer A:hover{text-decoration:underline;}

#btnverzenden{}

#cursusformulier STRONG{color:#215a94;}

/*FONT-SIZES*/

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

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

.I849 .Paragraaf_Titel_1{font-size:1.6em;}
#docs .Paragraaf_Titel,
.I849 .Paragraaf_Titel_4{font-size:1.45em;}

#btnverzenden,
#cursusformulier TD{font-size:1.15em;sborder:1px solid red;}
#cursusformulier TD LABEL{font-size:.80em;sborder:1px solid red;}

#Submenu,
#lijst,
.Titel,
.I905 .B4 .Paragraaf_0,
.I906 .B4 .Paragraaf_0,
.Paragraaf{font-size:1.1em;}

.InIE #linkstop TD{font-size:.6em;}

.I905 #afbeelding .Paragraaf_0,
.I906 #afbeelding .Paragraaf_0,
.I849 .Paragraaf_Titel{font-size:1.2em;}


#linksinhoud FORM TABLE{font-size:1em;color:#4d4d4d;}

.InIE .Paragraaf CAPTION,
.InIE .Paragraaf TD,
.InIE #Organigram TABLE TD{font-size:.7em;}

#hoverhoofdmenu menu DIV a{font-size:1.1em;}

.Veld,
#ledenzoekopties,
#vebonleden,
#Ledenzoekresultaat,
#cursusbrand,
#cursusbeveiliging,
#brand,
#beveiliging{font-size:1.1em;}

#Ledenzoekresultaat .vertegenwoordiger {font-size:0.9em;}

.InIE #cursusbrand,
.InIE #cursusbeveiliging,
.InIE #brand,
.InIE #beveiliging{font-size:0.7em;}

@media print{
#Venster,
#Venster *{border:none!important;background:none!important;}
#linksbottom,
#slider,
#Footer,
#header,
#rechts,
#afbeelding{display:none!important;}
#site{left:0%;margin-left:0px!important;width:680px;padding-bottom:0px;}
#content{padding-bottom:0px!important;padding-top:0px!important;}
#linksinhoud{padding:0px!important;}
.Titel{padding:0px!important;margin:0px!important;}
#topleft{width:0px!important;}
.Paragraaf{width:100%!important;height:auto!important;margin:0px!important;padding:0px!important;margin-right:-3px;}
#Venster TEXTAREA,
#Venster INPUT{border:1px solid black!important;background:blue;}
#Venster .Optie INPUT{border:none!important;}

}