@import url(menus.css);
@import url(scrollarea.css);
@import url(Formulier.css);

#Body {background:transparent;}
#site {width:996px;text-align:left;height:600px;background: url(../GIF/site_schaduw2.gif) no-repeat;padding:8px;position:relative;z-index:2;}
#siteafbeelding{width:996px;height:600px;background-position:8px 0px;overflow:hidden;position:relative;z-index:1;}
.A200 #siteafbeelding{overflow:visible;}
#logo{width:190px;height:44px;float:right;right:38px;top:38px;position:absolute;z-index:6;}


/*geanimeerde background*/
#dropIn{
	position: absolute;z-index:0;
	width:996px;
	height:610px;background-repeat:no-repeat;
	background-position:8px 0px;
}
#dropIn #rand{
	margin-top:600px;
	height:10px;width:980px;overflow:hidden;
}

/*DOMEINPAGINA*/
.I1230 #footerkader {display:none;}

/*ALGEMEEN*/
OL,UL,
OL LI,
UL LI{margin:0px;padding:0px;}
OL,UL{padding-left:25px;}
OL{padding-left:30px;}

.contentTekst .Paragraaf_Tekst,
.contentTekst .Paragraaf{line-height:17px;}
.Edit{width:100%;}

#Ankers A{float:left;width:100%;margin-bottom:4px;text-decoration:underline;}
#Ankers A:hover{text-decoration:none;}
#Ankers{float:left;margin-bottom:20px;width:100%;}

#scTkader{width:573px;position:relative;float:left;margin-left:332px;margin-top:24px;display:inline;z-index:3;}
#cTkader{width:616px;height:399px;overflow:hidden;float:left;position:relative;z-index:3;padding-top:13px;margin-top:43px;}
.I868 #cTkader{padding-left:6px;float:right;}
#ctPNG{width:610px;float:left;background:white;height:375px;}
.contentTekst{width:610px;float:left;background:white;}
.InIE .contentTekst{float:none;}

.contentTekst iframe{margin-left:30px;width:550px;}

.I1230 .contentTekst .Paragraaf_Tekst{height:287px;}
.I1230 .contentTekst .scrollbar .scrollrail{height:250px;}

.contentTekst .Paragraaf_Tekst{display:none;padding:0 31px 0px 31px;height:120px;width:574px;float:left;}
.A100 .contentTekst .Paragraaf_Tekst,
.A200 .contentTekst .Paragraaf_Tekst{overflow:auto;}
.contentTekst .scrollarea,
.contentTekst .scrollbar{display: none;}
.contentTekst .scrollbar .scrollrail {height:78px;}

.contentTekst .Paragraaf{padding-bottom:0px;}
.contentTekst .Paragraaf_Titel{width:610px;line-height:normal;padding-top:16px;height:31px;background:url(../GIF/Bg_paragraaf_Titel2.gif) repeat-x top;text-transform:uppercase;padding-left:31px;cursor:pointer;cursor:hand;}
.contentTekst .Paragraaf_0 .Paragraaf_Titel{background:none;height:22px;padding-top:7px;}
/*open stijlen*/
.contentTekst .Open .Paragraaf_Tekst{display:block;}
.contentTekst .Open .scrollarea,
.contentTekst .Open .scrollbar{display:block;}

.contentTekst .scrollarea{height:110px;sbackground:pink;}
.contentTekst .scrollarea,
.contentTekst .scrollbar{float:left;}
.contentTekst .Paragraaf_Titel,
.contentTekst .Paragraaf{float:left;}

.contentTekst .Open .Paragraaf_Titel{line-height:66px;height:82px;cursor:auto;text-transform: none;}
.contentTekst .Open .Paragraaf_Titel_0{height:73px;}
.contentTekst .O0 .Paragraaf_Titel,
.contentTekst .O0 .Paragraaf_Tekst{background:none;}
.contentTekst .Open{padding-bottom:33px;}

/*standaard*/
.cTkader2 .contentTekst .Paragraaf{padding-bottom:9px;}
.cTkader2 .contentTekst{padding-left:31px;}
.cTkader2 .contentTekst .Paragraaf_Titel{height:18px;width:543px;line-height:18px;font-weight: bold;background:none;text-transform:uppercase;padding-top:0px;padding-left:0px;}
.cTkader2 .contentTekst .Open{padding-bottom:0px;}
.cTkader2 .contentTekst .Paragraaf_Tekst{padding:0 31px 0px 31px;height:auto;width:543px;float:left;display:block;padding-left:0px;}
.cTkader2 .Titel,
.cTkader2 .Edit{line-height:66px;height:82px;cursor:auto;text-transform: none;padding-left:31px;}
.cTkader2 #content{height:265px;width:574px;float:left;}
.cTkader2 .scrollrail{height:235px;}

/*mailplus*/
.O0 .I3043 .contentTekst .Paragraaf_Tekst{height:auto;}
.O0 .I3043 .contentTekst .Open{padding-bottom:0px;}
#mailplusiframe{width:574px;float:left;}

/*footertekst*/
#footerkader{height:25px;width:980px;float:left;margin-top:28px;}
#footerkader .midden{height:25px;width:980px;background:#292929;float:left;}
#footerkader .Paragraaf{padding-bottom:0px;atext-align:center;}
#footerkader .Paragraaf_Titel{display:none;}
#footerkader .Paragraaf_Tekst{line-height:25px;padding-left:4px;}
.I868 #footerkader .Paragraaf_Tekst{padding-left:18px;}

/*HOME*/
#headlineskader{width:401px;height:169px;float:left;background-repeat:no-repeat;padding:4px;padding-top:51px;clear:both;margin-left:422px;display:inline;margin-bottom:46px;margin-top:57px;}
.headlines{width:379px;float:left;display:inline;padding:0 4px;line-height:17px;}
.headlinesinhoud{width:371px;float:left;background:white;padding:20px 26px;display:inline;}
.headlines{line-height:17px;}
.headlines a:hover{text-decoration:none;}
.headlines .Paragraaf_Titel{display:none;}

#casekader_home{width:577px;height:219px;float:left;position:relative;z-index:1;}
#casekader_home{width:580px;height:168px;left:0px;}
#casekader_home .inhoud{width:561px;height:139px;overflow:hidden;background:white;float:left;margin-left:18px;margin-top:42px;padding:17px 0px 0px 35px;}
#casekader_home .inhoud{margin-top:4px;margin-left:0px;height:154px;}
#casekader_home #caseLogo{ddisplay:none;width:492px;height:27px;float:left;background-color:white;}
#casekader_home TABLE{height:101px;}
#casekader_home #caseTekst{width:492px;sheight:84px;float:left;line-height:20px;}
#casekader_home #caseTekst .Paragraaf_Titel{display: none}
#caseLink{display:none;width:99px;height:25px;float:left;background:url(../GIF/Bg_naarcase.gif) no-repeat;}
.I849 #navigatie_rechts{display:none;}

#nieuwsbriefkader{width:332px;height:126px;position:relative;left:68px;float:left;padding:22px 10px 10px 32px;margin-top:-1px;z-index:1;}
.nkinhoud{height:90px;width:275px;float:left;background:#f50;}
.nkkop{margin-bottom:4px;}
.nktekst{line-height:15px;}
.nkinhoud .Paragraaf A{text-decoration:underline;}
.nkinhoud .Paragraaf A:hover{text-decoration:none;}
.nkinhoud .Paragraaf{padding-bottom:0px;}
.nkinhoud .Paragraaf_Titel{display:none;}

/*subs van home*/
#donkereachtergrond{position:absolute;width:980px;height:584px;left:8px;top:8px;z-index:3;background:url(../GIF/donkereachtergrond.gif) #000000;filter:Alpha(opacity=75);-moz-opacity:.75;opacity:.75;}
#uitgelichtkader{width:810px;position:absolute;top:107px;left:100px;z-index:4;}
#uitgelichtkader .uitgelicht{width:810px;float:left;padding:0 36px 61px 51px;background:white;}
#uitgelichtkader .uitgelichtinhoud{width:723px;float:left;}
.uitgelicht .Titel{margin-bottom:40px;}
.uitgelicht .Paragraaf_Tekst,
.uitgelicht .Paragraaf_Titel{line-height:15px;}
.uitgelichtinhoud .inhoudkader,
.uitgelichtinhoud .titelkader{width:703px;float:left;}
.uitgelichtinhoud .inhoudkader{toverflow:auto;height:200px;}
.uitgelichtinhoud .inhoudkader .Paragraaf{padding-bottom:0px;}
#uitgelichtkader .sluiten{width:810px;height:40px;float:left;background:white;}
.sluiten .sluitknop{float:right;margin-top:14px;margin-right:15px;background:url(../GIF/sluiten.gif) no-repeat;width:53px;height:9px;overflow:hidden;}
#uitgelichtkader .onder{height:36px;width:810px;float:left;}

#uitgelichtkader .scrollbar .scrollrail {height:168px;}

#uitgelichtkader .Paragraaf {margin-bottom:15px;}

/*CASES (903)*/
#casekader{width:615px;float:left;height:259px;overflow:hidden;padding:6px;position:relative;z-index:2;margin-top:183px;display:inline;}
#casekader .middenkader{width:603px;float:left;height:247px;}
#casekader .titelkader{width:597px;float:left;min-height:72px;height:auto!important;height:72px;padding:0 32px;background:white;}
#casekader .midden{background:white;}
#casekader .titelkader .Titel{line-height:72px;margin-top:7px;}
#casekader .titelkader .Edit{line-height:72px;}
#casekader .inhoudkader{width:585px;float:left;height:100px;padding:0 32px;padding-right:10px;background:lime;overflow:hidden!important;background:white;}
#casekader .scrollbar{background:white;}

#casekader .linkkader{width:600px;float:left;height:60px;padding-left:32px;overflow:hidden;background:white;}
.InIE #casekader .linkkader{sfloat:none;}
#casekader .linkkaderinhoud{width:565px;float:left;height:60px;padding-left:185px;}
#casekader .Paragraaf_Tekst{line-height: 17px;}

#casekader .scrollbar .scrollrail {height:70px;}

.linkkaderinhoud a{width:176px;height:25px;float:left;line-height:250px;overflow:hidden;margin-top:21px;}
.linkkaderinhoud a#website{background-image:url(../GIF/Bg_bezoekwebsite2.gif);margin-right:10px;}
.linkkaderinhoud a#info{background-image:url(../GIF/Bg_meerinformatie.gif);margin-right:10px;}
.linkkaderinhoud a#meerwetenlink{background:url(../GIF/Bg_meerweten2.gif) no-repeat;}

#meerweten{width:247px;height:259px;float:left;padding:6px;visibility: hidden;overflow:hidden;position:relative;z-index:1;left:-10px;margin-top:183px; }
#meerweten.tonen{visibility: visible; }
#mw_inhoud{width:224px;height:247px;float:left;background:white;padding:11px 20px 0 16px;overflow:hidden;}
#mw_sluitknop{float:right;background:url(../GIF/sluiten.gif) no-repeat;width:53px;height:9px;overflow:hidden;margin-bottom:13px;}

#navigatiekader{height:25px;sheight:480px;width:980px;sbackground:lime;sfloat:left;}
#navigatiekader{margin-top:0px;position:absolute;left:8px;bottom:42px;z-index:2;}
#navigatie{width:980px;height:25px;float:left;overflow:hidden;}
#ZZnavigatie_rechts{width:2px;height:25px;overflow:hidden;float:left;filter:Alpha(opacity=65);-moz-opacity:.65;opacity:.65;}

#navigatie .kader_links .ronding_rechts,
#navigatie .kader_links .ronding_links{height:25px;width:3px;overflow:hidden;float:left;}
#navigatie .kader_links .ronding_links{background:#ff5500;width:25px;}
#navigatie .kader_links{height:25px;float:left;}
.kader_links .volgend,
.kader_links .vorig{float:left;height:25px;}
.kader_links .vorig A,
.kader_links .volgend A{height:25px;float:left;}
.kader_links .vorig A{width:52px;background:url(../GIF/Bg_nav_vorig2.gif) no-repeat;}
.kader_links .volgend A{width:65px;background:url(../GIF/Bg_nav_volgend2.gif) no-repeat;}
.kader_links .case_huidig{height:25px;float:left;line-height:25px;padding:0 10px 0 3px;text-transform:uppercase;background:#ff5500;}

.kader_rechts{overflow:hidden;height:25px;float:left;margin-left:11px;position:relative;z-index:1;display:inline;}
.kader_rechts .ronding_links{height:25px;width:2px;float:left;overflow:hidden;filter:Alpha(opacity=65);-moz-opacity:.65;opacity:.65;}
.kader_rechts .cases_volgend_achtergrond{width:200px;height:25px;float:left;background:#000;filter:Alpha(opacity=65);-moz-opacity:.65;opacity:.65;}

.cases_volgend{width:800px;height:25px;float:left;position:absolute;z-index:2;left:2px;top:0px;text-transform:uppercase;line-height:25px;}
.cases_volgend .case{margin:0 10px;text-decoration:none;}
.cases_volgend .case span{text-decoration:none;}

/*Meer weten*/
#meerweten .Tekstregel{width:187px;float:left;height:46px;background:url(../GIF/Bg_meerweten_tekstregel_nietverplicht.gif) no-repeat;}
#meerweten .Tekstregel.Verplicht {background:url(../GIF/Bg_meerweten_tekstregel.gif) no-repeat;}
#meerweten .Tekstregel .Label{width:187px;float:left;height:21px;line-height:21px;overflow:hidden;}
#meerweten .Tekstregel input{width:163px;float:left;background:transparent;margin-left:2px;height:20px;line-height:20px;}
#meerweten .Verzend{width:187px;margin-top:2px;}

#mw_titel{height:23px;float:left;width:183px;margin-bottom:12px;}
#meerweten #VerzendKnop{width:91px;height:25px;background:url(../GIF/Bg_meerweten_verzendknop.gif) no-repeat;}


/*KLANTEN 1005*/
#klantenlijst{width:980px;height:260px;height:250px;margin-top:34px;}

#klantenkader{width:918px;float:left;margin-left:32px;margin-top:20px;position:relative;z-index:1;display:inline;}
#klantenkader .zonderIconen{width:918px;float:left;}
#klantenkader .Paragraaf_Tekst,
#klantenkader .scrollarea,
#klantenkader .scrollbar{display:none;}
#klantenkader .Open .Paragraaf_Tekst,
#klantenkader .Open .scrollarea,
#klantenkader .Open .scrollbar{display:block;}
#klantenkader .Paragraaf{padding-bottom:0px;}
#klantenkader .Paragraaf_Titel{height:26px;float:left;padding:0 22px 0 11px;margin-right:10px;width:auto;line-height:20px;margin-top:10px;background:url(../GIF/Bg_klanten_pti2.gif) no-repeat right top;cursor:pointer;cursor:hand;}
.A200 #klantenkader .Paragraaf_Titel{background:black;}
#klantenkader .Open .Paragraaf_Titel{height:36px;line-height:30px;margin-top:0px;background:url(../GIF/Bg_klanten_pti2_hover.gif) no-repeat right top;}
.A200 #klantenkader .Open .Paragraaf_Titel{background:#7f7f7f;}
#klantenkader .Paragraaf .Paragraaf_Titel{display:inline;}
#test{width:900px;float:left;background:pink;}
#test div{height:20px;float:left;background:orange;width:auto;}

#klantenkader .scrollarea{position:absolute;z-index:2;left:0px;top:62px;swidth:900px;hseight:225px;toverflow:auto;}
.A200 #klantenkader .Paragraaf_Tekst{position:absolute;z-index:2;left:0px;top:62px;width:900px;height:225px;overflow:auto;}
#klantenkader .scrollbar{position:absolute;z-index:2;left:900px;top:62px;}
#klantenkader .scrollbar .scrollrail{height:104px;}
#klantenkader .Paragraaf_Tekst{line-height:20px;width:890px;height:140px;}

#klantenkader .Edit{width:140px;}


/*CONTACT 906 & PORTFOLIO 932*/
#portfolio,
#googleMap{position:absolute;width:980px;height:584px;z-index:0;top:8px;left:8px;}

#contactKader{width:432px;height:256px;float:left;position:relative;z-index:400;left:16px;top:-19px;}
#contactKader .inhoud{width:401px;height:188px;float:left;margin-left:14px;margin-top:42px;background:white;padding:25px 0px 0px 30px;}
#contactKader .adres2,
#contactKader .adres{width:160px;line-height:21px;float:left;}
#contactKader .adres2 {text-align:right;margin-left:20px;}
#contactKader .contact{width:351px;float:left;margin-top:15px;}
#contactKader .contact .mail{margin-left:15px;text-decoration:none;}
#contactKader .route{float:left;width:351px;margin-top:16px;}
#contactKader .route a{width:88px;height:25px;float:left;background:url(../GIF/Bg_naartoe.gif) no-repeat;line-height:23px;text-align:center;text-decoration:none;}
#contactKader .route .vandaan{margin-left:11px;display:inline;}
#contactKader .route .opencontact{width:141px;height:25px;line-height:25px;float:left;background:url(../GIF/Bg_opencontact.gif) no-repeat;text-align:center;margin-left:12px;}

#streetvw{width: 300px;padding:3em;display:none;}

#contactformulierKader{position:absolute;z-index:5;left:424px;top:-194px;width:413px;display:none;}
#contactformulierKader{left:506px;top:87px;}
#contactformulierKader.tonen{display:block;}
#contactformulierKader .boven{width:413px;float:left;height:427px;padding:6px;padding-bottom:0px;}
#contactformulierKader .witvlak{width:401px;float:left;height:421px;background:white;padding:15px 16px 0 33px;position:relative;z-index:999;}
#contactformulierKader .onder{width:413px;float:left;height:14px;}
#contactformulierKader .sluitknop{background:url(../GIF/Bg_sluitknop.gif) no-repeat;width:59px;height:9px;overflow:hidden;float:right;margin-bottom:5px;display:inline;}
#contactformulierKader .inhoudcf{width:352px;float:left;}
#contactformulierKader h1{margin-bottom:15px;}


/*FONT-FAMILY*/

#Venster .uitgelicht .Paragraaf .Edit,
#Venster * {font-family:Arial;}

.nkkop .Paragraaf_Tekst,
#casekader_home .inhoud,
#casekader_home .inhoud * {font-family:Calibri!important;}

#contactformulierKader h1,
#contactKader .contact,
#contactKader .adres,
#contactKader .adres2,
#klantenkader .Paragraaf_Titel,
#casekader .cases_volgend .cases,
#navigatie .cases A,
#navigatie .kader_links .case_huidig,
#Venster .contentTekst .Paragraaf_Titel,
#footerkader .Paragraaf_Tekst,
#casekader .Titel,
#Venster .uitgelicht .Titel,
#Venster .uitgelicht .Edit{font-family:Calibri,Arial;}

/*COLOR*/
#mw_titel,
#contactformulierKader h1,
.uitgelicht .Titel,
.InIE #Venster .Paragraaf TD,
.InIE #Venster .Paragraaf CAPTION,
.contentTekst .Paragraaf_Tekst A,
.contentTekst .Paragraaf_Tekst{color:#000;}

.nkkop .Paragraaf_Tekst,
.nkkop .Paragraaf_Tekst A,
.nktekst .Paragraaf_Tekst,
.nktekst .Paragraaf_Tekst A,
#contactKader .route .opencontact,
#VerzendKnop,
#klantenkader .Paragraaf_Titel,
.kader_links .case_huidig,
.cases_volgend .case,
#footerkader .Paragraaf_Tekst,
#footerkader .Paragraaf_Tekst A{color:#fff;}

.Veld .Label{color:#eaeaea;}

#contactKader .route,
#contactKader .route A,
#Ankers A,
.InIE #Venster .uitgelicht .Paragraaf TD,
.InIE #Venster .uitgelicht .Paragraaf CAPTION,
.uitgelicht .Paragraaf_Titel,
.uitgelicht .Paragraaf_Tekst,
.uitgelicht .Paragraaf_Tekst A{color:#575757}/*grijs*/

.Verzend .Label,
.Veld *,
.Veld .Label label{color:#3c3c3c}/*grijs*/

#contactKader .contact A,
#contactKader .contact,
#contactKader .adres,
#contactKader .adres A,
#caseTekst,
.headlines a,
.headlines{color:#2b2b2b;}/*zwart/grijs*/

.InIE #Venster #klantenkader .Paragraaf TD,
.InIE #Venster #klantenkader .Paragraaf CAPTION,
#klantenkader .Paragraaf_Tekst A,
#klantenkader .Paragraaf_Tekst{color:#545454;}/*grijs*/

#casekader .Titel,
#casekader .Edit,
.contentTekst .Paragraaf_Titel{color:#0d0d0d;}/*zwart*/

.Reactie,
.InIE #Venster .contentTekst .Paragraaf TD,
.InIE #Venster .contentTekst .Paragraaf CAPTION,
.contentTekst .Paragraaf_Tekst A,
.contentTekst .Paragraaf_Tekst{color:#4f4f4f;}/*grijs*/

.InIE #Venster #casekader .Paragraaf TD,
.InIE #Venster #casekader .Paragraaf CAPTION,
#casekader .Paragraaf_Titel,
#casekader .Paragraaf_Tekst A,
#casekader .Paragraaf_Tekst{color:#4e4e4e}/*grijs*/

#uitgelichtkader .Paragraaf_Titel {color:#FF5500;}/*oranje*/

/*FONT-SIZES*/
#centreer{font-size:62.5%;}

.InIE #Venster .Paragraaf TD,
.InIE #Venster .Paragraaf CAPTION{font-size:68.6%;}/*(1.1em * 62.5%)*/


#VerzendKnop,
.Veld input,
.Veld TEXTAREA,
#navigatie .cases A,
.contentTekst .Paragraaf_Tekst,
#klantenkader .Paragraaf_Titel,
.kader_links .case_huidig,
.kader_links .case_huidig,
.contentTekst .Paragraaf_Titel,
.headlines{font-size:1.1em;}

.I868 #footerkader .Paragraaf_Tekst {font-size:1.2em;}

.Reactie,
.nktekst .Paragraaf_Tekst,
.Veld .Label,
.Veld input,
.Veld .Optie,
#contactKader .route,
#Ankers A,
#casekader .Paragraaf_Titel,
#casekader .Paragraaf_Tekst,
.uitgelicht .Paragraaf_Tekst{font-size:1.1em;}

.InIE #Venster #casekader .Paragraaf TD,
.InIE #Venster #casekader .Paragraaf CAPTION,
.InIE #Venster .contentTekst .Paragraaf TD,
.InIE #Venster .contentTekst .Paragraaf CAPTION,
.InIE #Venster .uitgelicht .Paragraaf TD,
.InIE #Venster .uitgelicht .Paragraaf CAPTION{font-size:75%;}/*1.2em * 62.5%*/


.uitgelicht .Paragraaf_Titel,
#klantenkader .Paragraaf_Tekst{font-size:1.4em;}
.InIE #Venster #klantenkader .Paragraaf TD,
.InIE #Venster #klantenkader .Paragraaf CAPTION{font-size:87.5%;}/*1.4em * 62.5%*/

#klantenkader .Open .Paragraaf_Titel{font-size:1.5em;}

.InIE #casekader_home TABLE #caseTekst{font-size:1.2em;}
#footerkader .Paragraaf_Tekst{font-size:1.2em;}
#caseTekst{font-size:1.9em;}

#contactKader .adres2,
#contactKader .adres{font-size:1.4em;}

#mw_titel{font-size:2.0em;}

.nkkop .Paragraaf_Tekst{font-size:2.1em;}

#contactformulierKader h1{font-size:2.3em;}

#contactKader .contact,
#casekader .Titel,
.contentTekst .Open .Paragraaf_Titel,
.cTkader2 .Titel{font-size:2.2em;}

.cTkader2 .contentTekst .Open .Paragraaf_Titel{font-size:1.1em;}


.uitgelicht .Titel{font-size:3.0em;}

@media print{
/*
UITGEZET VOOR DE IE DOMVIEWER. BIJ BUITEN ZETTEN UIT COMMENTAAR HALEN

#Venster,
#Venster *{background:none!important;border:none!important;color:#000!important;padding:0px!important;margin:0px!important;font-family:Arial!important;}
#Venster .Paragraaf{padding-bottom:12px!important;}

#casekader,
.inhoudkader,
#footerkader,
.Paragraaf_Titel,
.Paragraaf_Tekst,
.contentTekst{width:600px!important;display:block!important;position: static !important;height:auto!important;font-size:11px!important;}

.linkkader,
#navigatiekader,
#cTkader .onder,
#portfolio,
.hoofdmenudrager,
#Footer,
#menubalk,
#afbeelding,
#links{display:none!important;}

#footerkader,
#siteafbeelding{float:left;}
*/
}