@import url(formulier.css);
@import url(menus.css);
#Venster{background:#e7e7e7;}
#Body {background:transparent;}
#site {text-align:left;overflow-x:hidden;}
.sitebreedte{width:980px;}

#header{height:110px;float:left;background:url(../GIF/Blokjes_groen.gif) repeat-x bottom;}
#logo{width:183px;height:98px;background:url(../GIF/Logo.gif) no-repeat;float:right;margin-right:1px;}

#footerkader{float:left;height:88px;background:url(../GIF/Blokjes2_groen.gif);}
#footerkader .Paragraaf_Titel{display:none;}
#footerkader .Paragraaf_Tekst{width:980px;height:27px;text-align:center;line-height:27px;text-transform:uppercase;float:left;margin-top:31px;background:#000;padding-left:21px;}

#midden{background:#5a9a9d;float:left;}

#dropIn{
	position: absolute;z-index:2;
	width:979px;
	height:296px;background-repeat:no-repeat;background-position:1px;
}

/*ALGEMEEN*/
.verberg2,
.verberg{display:none;}
.G6 .verberg{display:block;}

#test{width:100px;height:100px;position:absolute;top:100px;left:100px;background:lime;z-index:99;}

OL,UL,
OL LI,
UL LI{margin:0px;padding:0px;}
OL,UL{padding-left:25px;}

.infokader .Edit,
.contentTekst .Edit{width:100%;}

.contentTekst .Titel {margin-bottom:10px;}

.standaarduitvoer .contentTekst{width:980px;float:left;background:white;padding:40px 0 40px 50px;}

.Paragraaf_Titel{line-height:24px;}
.Paragraaf_Tekst{line-height:18px;}

.contentTekst .Paragraaf_Tekst A{text-decoration:underline;}
.contentTekst .Paragraaf_Tekst A:hover{text-decoration:none;}

.fotokader{background-color:#FFFFFF;height:326px;height:297px;margin-bottom:29px;width:980px;border-right:1px solid white;float:left;position:relative;z-index:1;sborder:1px solid white;border-top:none;overflow:hidden;}
.fotokader .naaroverzicht{position:absolute;z-index:12;left:0px;bottom:0px;width:27px;height:46px;background:url(../GIF/Bg_naaroverzicht.gif) no-repeat;}

/*STANDAARD*/
.standaard{float:left;padding:25px 54px;background:white;}
.standaard .contentTekst{float:left;width:872px;}
.InIE .standaard .contentTekst{float:none;}

/*HOME 849*/
.I849 #projectnavigatie{sdisplay:none;}
.extrainformatie{float:left;height:45px;line-height:45px;padding:0 50px;background:url(../GIF/Bg_extrainfo.gif) white no-repeat left center;}
.extrainformatie .Paragraaf_Titel{display:none;}
.extrainformatie .Paragraaf_Tekst{line-height:45px;}
.extrainformatie A{text-decoration:none;}
.extrainformatie A:hover{text-decoration:underline;}
.extrainformatie .Paragraaf{padding-bottom:0px;}

.O0 .I849 .fotokader{border:none;}

/*BUREAU 1033*/
.kolommen{padding:25px 0;padding-left:54px;float:left;background:white;}
.kolommen .contentTekst .Paragraaf{float:left;width:410px;margin-right:53px;}
.kolommen .contentTekst .Paragraaf_Afwissel{float:right;}

/*MEDEWERKEROVERZICHT 903*/
.medewerkeroverzicht{width:980px;float:left;padding:38px 0px 16px 43px;background:white;}
.InIE .medewerkeroverzicht{padding-bottom:38px;}
.medewerker{width:207px;height:120px;float:left;margin-right:22px;margin-bottom:20px;position:relative;z-index:1;cursor:pointer;cursor:hand;text-decoration:none;}
.medewerker .achtergrond_hover{display:none;width:207px;height:120px;position:absolute;z-index:2;top:0px;left:0px;}
.medewerker:hover .achtergrond_hover{display:block;}
.medewerker:hover {sborder:3px solid red;}
.medewerker .balk{width:207px;height:22px;position:absolute;bottom:0px;left:0px;z-index:3;filter:Alpha(opacity:80);opacity:.8;}
.medewerker .balk_1028{background:#000;}
.medewerker .balk_1254,
.medewerker .balk_1165,
.medewerker .balk_1029{background:#7f0b1f;}
.medewerker .balk_1030{background:#007b81;}
.medewerker .inhoud{width:207px;height:20px;position:absolute;bottom:0px;left:0px;z-index:4;padding:4px;}
.inhoud .naam{float:left;text-decoration:none;}
.inhoud .functie{float:right;text-decoration:none;}

/*MEDEWERKER*/
.contentTekst .functie{margin-bottom:20px;float:left;width:100%;}
.contentTekst .links{width:620px;float:left;}
.contentTekst .rechts{width:240px;float:left;margin-left:40px;}

.contentTekst .rechts .Paragraaf_Titel{display:none;}
.contentTekst .rechts .Paragraaf_Tekst{line-height:22px;}
.rechts #p0 .Paragraaf{padding-bottom:0px;}
.rechts #p0{width:240px;float:left;height:61px;overflow:hidden;}

.medewerkeruitvoer .fotokader{border-right:none;}
.fotokader .foto{height:296px;width:489px;float:left;position:relative;z-index:10;}
.fotokader .fotorechts{margin-left:2px;}
.InIE .fotokader .foto{float:none;}

/*TAGCLOUD*/
.tagcloud{width:980px;float:left;padding:35px 120px;background:white;text-align:center;}
.contentTekst .tagcloud{width: 872px;padding:35px 20px;}

.InIE .tagcloud{float:none;}
.tagcloud .kenmerk{text-decoration:none;position:relative;z-index:1;padding:2px 5px;}
.tagcloud .kenmerk:hover,
.tagcloud .r{background:#aa273d;}
.tagcloud .kenmerkwrap{margin-right:4px;position:relative;z-index:1;line-height:33px;}
.InIE .tagcloud .kenmerkwrap{line-height:40px;}
.kenmerk_2{top:-4px;}/*weghalen voor bottom alignment, line-heights kunnen dan evt ook weg*/
.kenmerk_1{top:-5px;}
.kenmerk_3{top:-3px;}
.kenmerk_4{top:-2px;}

/*OPDRACHTGEVERs 902*/
.opdrachtgevers{width:980px;float:left;position:relative;z-index:1;}
.opdrachtgevers .tagcloud{padding:50px 120px;}
.opdrachtgevers #next{z-index:2;top:50%;margin-top:-23px;right:0px;}
.opdrachtgevers #prev{z-index:2;top:50%;margin-top:-23px;left:0px;}
.opdrachtgevers #next A,
.opdrachtgevers #prev A{width:27px;height:46px;float:left;}

/*CONTACT 932*/
#googleMap{height:447px;width:980px;float:left;border-bottom:1px solid white;}
.verborgen #contactKader{display:none;}
#contactKader{width:374px;height:238px;float:left;position:relative;z-index:400;display:inline;}
#contactKader .inhoud{margin-left:123px;float:left;width:252px;height:238px;padding:33px;display:inline;}
#contactKader .htitel{width:186px;float:left;}
#contactKader .adres{width:186px;float:left;margin:10px 0;}
#contactKader a{text-decoration:underline;}
#contactKader a:hover{text-decoration:none;}

#contactKader .route{width:186px;float:left;margin-top:20px;}
#contactKader .route a{line-height:22px;height:22px;text-align:center;padding:0 9px;float:left;background:#006469;text-decoration:none;}
#contactKader .route .vandaan{background:#aa273e;margin-left:13px;}

/*PROJECT*/
.infokader{z-index:2;position:absolute;sright:-515px;stop:0px;right:0px;top:-400px;width:515px;sheight:125px;padding:15px 20px;background:white;display:block;}
#hometekst{padding-bottom:15px;top:130px;}
.infokader .inhoud .Paragraaf_Tekst{line-height:25px;}
.infokader .Paragraaf_Titel{display:none;}
.infokader #projecttitel{line-height:21px;margin-bottom:4px;}
#projectfoto{background-repeat:no-repeat;background-position:1px 0px!important;}
#projecttekst{line-height:18px;}
#naarproject{position:absolute;bottom:0px;right:30px;height:20px;width:64px;line-height:20px;text-align:center;text-decoration:none;background:url(../GIF/Bg_leesmeer.gif) no-repeat;}

#projectnavigatie{position:absolute;height:46px;width:980px;bottom:0px;left:0px;z-index:11;}
#prev{width:27px;height:46px;position:absolute;left:0px;top:0px;z-index:2;background:url(../GIF/Bg_prev.gif) no-repeat;}
#next{width:27px;height:46px;position:absolute;right:0px;top:0px;z-index:2;background:url(../GIF/Bg_next.gif) no-repeat;}
#projectennav{height:46px;width:953px;overflow:hidden;position:absolute;z-index:1;left:27px;top:0px;}
#projectennav .link{width:155px;height:46px;float:left;overflow:hidden;text-align:left;line-height:15px;background:white;padding:9px 12px;text-decoration:none;margin-left:3px;}
#projectennav .eerste{background:#006469;}

#projectennav .link:hover{sbackground:#006469;}

/*Ankerpunten*/
#Ankers{width:100%;float:left;margin:20px 0;}
#Ankers A{display:block;width:100%;line-height:22px;text-decoration:none;background:url(../GIF/Bg_anker_a.gif) no-repeat 0px 8px;padding-left:13px;}
#Ankers A:hover{background:url(../GIF/Bg_anker_a_hover.gif) no-repeat 0px 8px;text-decoration:underline;}

/*Lijst*/
#lijst{width:100%;float:left;border-top:1px solid grey;margin-top:20px;}
#lijst div,
#lijst .Edit,
#lijst A{width:100%;float:left;line-height:20px;border-bottom:1px solid grey;text-decoration:none;}
#lijst div,
#lijst .Edit,
#lijst A:hover{background:lightblue;}

/* sitemap */
#sitemap a:hover {text-decoration:none;}
#sitemap {padding-left:22px;padding-bottom:20px;}
#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;}

/*FONT-FAMILY*/
#Venster * {font-family:Arial,Helvetica,sans-serif;}

/*COLOR*/
.infokader #projecttekst,
.infokader #projecttekst A,
#sitemap a,
#lijst div,
#lijst .Edit,
#lijst A,
.InIE #Venster .Paragraaf TD,
.InIE #Venster .Paragraaf CAPTION,
.contentTekst .Paragraaf_Tekst A,
.contentTekst .Paragraaf_Tekst{color:#5e5e5e;}/*grijs*/

.infokader .inhoud .Paragraaf_Tekst,
.infokader .inhoud .Paragraaf_Tekst A{color:#424242;}/*grijs*/

.extrainformatie .Paragraaf_Tekst,
.extrainformatie .Paragraaf_Tekst A,
#Ankers A{color:#aa273d;}/*rood*/

#projectennav a.eerste,
#naarproject,
#contactKader .route a,
.medewerker .inhoud,
#footerkader .Paragraaf_Tekst A,
#footerkader .Paragraaf_Tekst{color:#fff;}

#projectennav .link,
.infokader #projecttitel,
#contactKader .htitel,
.contentTekst .links .functie,
.contentTekst .Titel,
.contentTekst .Paragraaf_Titel{color:#000;}

#contactKader a,
#contactKader .htitel,
#contactKader .adres,
#contactKader .contact,
.contentTekst .rechts .Paragraaf_Titel,
.contentTekst .rechts .Paragraaf_Tekst{color:#006469;}/*groen*/

.tagcloud .kenmerk_1{color:#c0c0c0;}
.tagcloud .kenmerk_2{color:#acacac;}
.tagcloud .kenmerk_3{color:#9e9e9e;}
.tagcloud .kenmerk_4{color:#838383;}
.tagcloud .kenmerk_5{color:#5a5a5a;}
.tagcloud .kenmerk:hover,
.tagcloud .r{color:#fff;}

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

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

#naarproject{font-size:0.85em;}

.tagcloud .kenmerk_1{font-size:0.8em;}
.tagcloud .kenmerk_2{font-size:1.3em;}
.tagcloud .kenmerk_3{font-size:1.7em;}
.tagcloud .kenmerk_4{font-size:2.4em;}
.tagcloud .kenmerk_5{font-size:2.9em;}

#projectennav .link,
#contactKader .route,
.medewerker .inhoud{font-size:1.1em;}

.infokader #projecttekst,
#contactKader .adres,
#contactKader .contact,
#sitemap a,
.contentTekst .Paragraaf_Tekst,
#lijst A,
#lijst div,
#lijst .Edit,
#Ankers A{font-size:1.2em;}

#contactKader .htitel{font-size:1.25em;}

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

.extrainformatie .Paragraaf_Tekst{font-size:1.4em;}

.contentTekst .rechts .Paragraaf_Titel,
.contentTekst .rechts .Paragraaf_Tekst{font-size:1.6em;}

.infokader .inhoud .Paragraaf_Tekst,
.infokader #projecttitel,
.contentTekst .links .functie,
.contentTekst .Paragraaf_Titel{font-size:1.7em;}

.contentTekst .Titel{font-size:1.9em;}

@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;}
#Venster .Paragraaf{padding-bottom:12px!important;}

.Paragraaf,
.Paragraaf_Tekst,
.Paragraaf_Titel,
#site,
.contentTekst{width:600px!important;}

#site{float:left;}

#Footer,
#menubalk,
#afbeelding,
#links{sdisplay:none!important;}

*/
}