#Body {background:transparent;}
#Body {background:#CCE6FF url(../JPG/Bg_body.jpg) repeat-x bottom center;}

html,body,#center{height:100%;}
#center{background:url(../GIF/Bg_groenebalk.gif) repeat-x;}

#markerDetails{display: none}

#sitew{width:980px;height:100%;sbackground:pink;}
#site{width:980px;float:left;sbackground:yellow;position:relative;text-align:left;padding-bottom:134px;}
#schaduwrechts,
#schaduwlinks{width:8px;height:320px;top:0px;position:absolute;}
#schaduwlinks{left:-8px;}
#schaduwrechts{right:-8px;}

#header{width:100%;height:36px;sbackground:orange;}
#kreken{width:86px;height:7px;float:left;overflow:hidden;margin-left:10px;margin-top:15px;background:url(../GIF/Bg_krekenkweken.gif) no-repeat;}

#menukader{width:100%;height:56px;float:left;background:white;padding-top:15px;overflow:hidden;}

#midden{width:980px;float:left;padding:10px;padding-top:0px;background:white;}
#links{width:700px;float:left;margin-right:10px;sbackground:lime;}
#rechts{width:250px;float:left;sbackground:lightblue;}

#tmpkaart{height:229px;}
.O0 .I849 #tmpkaart{height:449px;}
#kaart{width:700px;float:left;margin-bottom:10px;}

#afbeelding,
#afbeeldingPNG{width:250px;height:181px;float:left;}
#afbeelding{margin-bottom:10px;}

/*ALGEMEEN*/
.Paragraaf_Tekst{line-height:175%;}

.contentTekst .Paragraaf_Titel {font-weight: bold;}
.contentTitel2{width:100%;float:left;padding:22px;}
.contentKader .contentTekst{padding:22px;}
.contentTitel{width:700px;height:60px;background:url(../GIF/Bg_contentTitel.gif) no-repeat;padding:18px 25px;padding-bottom:none;float:left;margin-bottom:10px;}
.contentTitel .Titel,
.contentTitel .Edit{float:left;width:500px;}
.contentTitel A{float:right;width:110px;text-align:right;margin-top:7px;}
.contentTitel A:hover{text-decoration:none;}
.contentTekst .Paragraaf_Tekst A{text-decoration:underline;}
.contentTekst .Paragraaf_Tekst A:hover{text-decoration:none;}

.I849 .O0 .contentTekst .Paragraaf_Tekst IMG{border-top:1px solid #74A222;border-bottom:1px solid #74A222;}

.londer,
.lboven{width:700px;height:7px;background:url(../GIF/Bg_lboven.gif) no-repeat;overflow:hidden;float:left;}
.londer{background:url(../GIF/Bg_londer.gif) no-repeat;}
.rmidden,
.lmidden{width:700px;float:left;border-right:1px solid #D0D0D0;border-left:1px solid #D0D0D0;}
.rboven,
.ronder{width:250px;height:7px;overflow:hidden;float:left;background:url(../GIF/Bg_rboven.gif) no-repeat;}
.ronder{background:url(../GIF/Bg_ronder.gif) no-repeat;}
.rmidden{width:250px;}

/*kaart. Zie serverside code voor meer (dynamische) CSS*/
.marker{width:35px;height:27px;position:absolute;text-decoration:none;cursor: hand;}
.marker div{display: none;float:left;height:27px;}
.marker_L{width:38px;}
.marker_M{width:auto;padding-top:1px;white-space: nowrap;}
.marker_R{width:10px;}

/*lijst*/
#lijst{width:100%;float:left;border-top:1px solid #D7E4C0;margin:40px 0px;margin-top:20px;}
#lijst .R,
#lijst .Edit,
#lijst DIV,
#lijst A{width:100%;float:left;text-decoration:underline;border-bottom:1px solid #D7E4C0;padding:5px 22px;}
#lijst .R,
#lijst .Edit,
#lijst DIV,
#lijst A:hover{background:#EAF1DD}

/*logo*/
.gemeentelogo{float:left;margin-right:11px;}
#g1{width:21px;height:33px;background:url(../GIF/Bg_g1.gif) no-repeat;margin-left:4px;}
#g2{width:21px;height:34px;background:url(../GIF/Bg_g2.gif) no-repeat;}
#g3{width:20px;height:33px;background:url(../GIF/Bg_g3.gif) no-repeat;}
#g4{width:22px;height:33px;background:url(../GIF/Bg_g4.gif) no-repeat;}
#g5{width:33px;height:37px;background:url(../GIF/Bg_g5.gif) no-repeat;margin-right:0px;}
.delta{float:left;width:66px;height:90px;background:url(../GIF/Bg_delta.gif) no-repeat;margin-left:12px;}
.srrlogo{width:165px;float:left;height:52px;background:url(../GIF/Bg_srr.gif) no-repeat;margin-top:12px;}
.logoL{width:165px;float:left;}
#logos{width:100%;float:left;margin-bottom:10px;}

/*kaartweergave selectie*/
#kaartweergaven{width:100%;float:left;margin-bottom:10px;}
#kaartweergaven .rmidden{padding-bottom:9px;}

#statuslijst a{padding:.5em;width:248px;height:24px;float:left;background:url(../GIF/Bg_status.gif) no-repeat;text-decoration:none;cursor:pointer;cursor:hand;}
#statuslijst a img {margin-left: 1em;margin-right: 1em;}
#statuslijst a.uit{text-decoration: line-through;}

.kop{padding:10px 0 10px 11px;width:248px;float:left;}

/*film/flv*/
#filmkader{width:250px;height:210px;float:left;background:url(../JPG/Bg_film.jpg) no-repeat;padding-top:15px;margin-bottom:10px;position:relative;}

#pdfdownload{width:250px;height:50px;float:left;background:url(../GIF/Bg_pdfdownload.gif) no-repeat;padding:17px 0 0 14px;text-decoration:none;margin-bottom:10px;}

/*contactkader*/
#contactgegevens{float:left;width:250px;margin-top:5px;}
#contactgegevens .Paragraaf_Titel{display:none;}
#contactgegevens .Paragraaf_Tekst{line-height:125%;text-align:right;}



/*HOME (849)*/
#intro{width:700px;height:120px;float:left;margin-bottom:10px;background:url(../GIF/Bg_intro.gif) no-repeat;position:relative;padding:20px 25px;overflow:hidden;}
#intro A{width:96px;height:18px;background:url(../GIF/Bg_leesverder.gif) no-repeat;text-decoration:none;position:absolute;bottom:14px;right:0px;padding-left:13px;padding-top:2px;}
#intro .Paragraaf_Titel{display:none;}

/*Hoofdmenu*/
#hoverhoofdmenu{width:100%;float:left;padding:0 10px;}

#hoverhoofdmenu MENU{height:27px;float:left;margin-right:6px;}
#hoverhoofdmenu MENU.hover,
#hoverhoofdmenu MENU:hover,
#hoverhoofdmenu .R MENU{background:url(../GIF/Bg_menu_l.gif) no-repeat left;}
#hoverhoofdmenu A{height:27px;float:left;padding:6px 11px 0 11px;margin-right:0px;}
#hoverhoofdmenu .R A,
#hoverhoofdmenu MENU:hover A,
#hoverhoofdmenu MENU.hover A{background:url(../GIF/Bg_menu_r.gif) no-repeat right;}
#hoverhoofdmenu A{text-decoration:none;}


.Veld{width:335px;float:left;margin-bottom:3px;}
.Verzend .Label,
.Veld .Label{width:150px;float:left;}
.Veld TEXTAREA,
.Veld INPUT{width:185px;float:left;}
.Veld TEXTAREA{height:50px;overflow:auto;}
#VerzendKnop{float:right;text-align:right;border:none;background:none;text-decoration:underline;cursor:pointer;cursor:hand;font-weight: bold;}

/*select project status*/
#projectstatus{width:250px;float:left;margin-bottom:10px;}
#catselectie{width:248px;float:left;padding:0 11px;margin-bottom:11px;}
#catselectie SELECT{width:226px;}
#catselectie .dropdownkleur_1009{color:#d82126;}
#catselectie .dropdownkleur_1008{color:#eeb20a;}
#catselectie .dropdownkleur_1007{color:#066bbb;}


/*COLOR*/
.contentTitel2 .Titel,
.contentTitel2 .Edit,
#hoverhoofdmenu A{color:#382565;}/*paars*/
#hoverhoofdmenu MENU.hover A,
#hoverhoofdmenu MENU:hover A,
#hoverhoofdmenu .R A{color:#fff;}

#lijst .Edit,
#lijst DIV,
#lijst .R,
#lijst A:hover,
.kop,
.contentTekst .Paragraaf_Titel {color:#7ba72d;}/*groen*/

.InIE #Venster .Paragraaf TD,
.InIE #Venster .Paragraaf CAPTION,
#catselectie SELECT,
#lijst A,
.Paragraaf_Tekst TD,
.Paragraaf_Tekst CAPTION,
.contentTekst .Paragraaf_Tekst A,
.contentTekst .Paragraaf_Tekst{color:#282828;}/*zwart/grijs*/

.Paragraaf TD,
.Paragraaf CAPTION{border-color:#282828!important;padding:3px;}

#contactgegevens .Paragraaf_Tekst A,
#contactgegevens .Paragraaf_Tekst,
.sel_status{color:#7F7F7F;}/*grijs*/

.marker,
.contentTitel A,
.contentTitel .Titel,
.contentTitel .Edit,
#pdfdownload,
#intro .Paragraaf_Tekst,
#intro A,
#VerzendKnop,
.Verzend,
.Veld .Label{color:white;}

/*FONT-FAMILY*/
#Venster * {font-family:Arial;}

.kop,
#pdfdownloadZ{font-family:Roman;}

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

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

#catselectie SELECT,
#lijst .R,
#lijst .Edit,
#lijst A,
#lijst DIV,
.contentTitel A,
.sel_status,
#intro A,
.Veld .Label,
.contentTekst .Paragraaf_Tekst,
.contentTekst .Paragraaf_Titel{font-size:1.1em;}

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

#pdfdownload,
#hoverhoofdmenu A{font-size:1.4em;}

.kop,
#VerzendKnop{font-size:1.5em;}

.contentTitel2 .Titel,
.contentTitel2 .Edit{font-size:1.6em;}

.contentTitel .Titel,
.contentTitel .Edit{font-size:1.9em;}


@media print{
#Venster,
#Venster *{background:none!important;border:none!important;color:#000!important;}

#links,
.contentKader,
.lmidden{width:850px!important;}

.contentTekst,
.contentTitel{padding:0px;height:auto!important;}

.lboven,
.londer,
.contentTitel A,
#kaart,
#rechts,
#header,
#menukader,
#schaduwlinks,
#schaduwrechts{display:none!important;}

.contentTekst{padding:none!important;}
}