@import url(formulier.css);
@import url(nieuwsbrief.css);

#Venster * {font-family:Arial;}
#Body {}
#Site {width:980px;height:790px;text-align:left;background-color:#EDEDED;position:relative;}

#Iconen .Paragraaf_0,
#Iconen .banners,
.banners .Paragraaf_Titel{
	display:none;
}

.verberg{display:none;}
.A200 .verberg{display:block;}


/*HEADER*/
#header{width: 100%; height: 168px;position:relative;z-index:0;}

#achtergrondmenu, 
#rotterdam,
#gemeente{position:absolute;z-index:1;}
#achtergrondmenu {width:650px;height:100px;top:18px;left:20px;}
#rotterdam{width: 307px;height: 65px;bottom:0px;right:0px;}
#gemeente{width:194px;height:32px;bottom:0px;left:0px;}



#homeklik{width: 66px;height: 66px; position:absolute;top:37px;left:36px;z-index:3;padding-top:24px;text-align:center;color:#000;font-weight: bold;text-decoration:none;}

#Hoofdmenu{margin-left: 138px;margin-top: 36px;float:left;position:relative;z-index:2;display:inline;}
#Hoofdmenu A{position:relative;z-index:2;float:left;width:66px;height:67px;margin-right: 22px;padding-top: 25px;text-align:center;color:#000;font-weight: bold;text-decoration: none;}
#Hoofdmenu A.O0{width:67px;}
#Hoofdmenu A.R,
#Hoofdmenu A:hover{color:#0F0;}


/*HOME*/
#home-links{width:605px;float:left;}
#home-tekstkader{width:605px;height:193px;overflow:hidden;background:white;float:left;padding-top:15px;margin-bottom:10px;display:inline;}
#home-tekstkader .Paragraaf_Titel{margin-bottom:15px;}
#home-rechts{width:360px;float:left;margin-left:15px;}

#Slider{background:white;width:360px;float:left;padding:10px 0 10px 10px;position:relative;z-index:1;}
#Slider IMG{width: 350px;height: 250px;float:right;overflow:hidden;}
.InIE #Slider IMG{float:none;}

.nieuwskolom{width:295px;float:left;}
.nieuwsinhoud{width:295px;float:left;padding:10px;background:white;}
.nieuwskolom2{margin-left:15px;display:inline;}
.nieuwsitem{width:275px;float:left;margin-bottom:3px;display:inline;}
.nieuwsitem .datum {background-color:#000000;padding:3px;color:#FFFFFF;width:65px;white-space: nowrap;}
.nieuwsitem a {color:#404040;margin-bottom:15px;margin-top:3px;display:block;}
.nieuwskop1{width:185px;height:33px;float:left;background:url(../GIF/Bg_nieuwskop1.gif) no-repeat;}
.nieuwskop2{width:107px;height:33px;float:left;background:url(../GIF/TopNieuws.gif);}
.nieuwsinhoud1 .datum{sdisplay:none;}/*Tot de feed wel de datum geeft...*/

#FilmDrager {background:white;padding:10px 0px 10px 10px;margin-bottom:10px;width:360px;float:left;}
#filmKader{background-color:#000000;width:350px;height:292px;padding-top:27px;padding-bottom:4px;}
#FilmDrager .pytch {display:block;}

#Iconen {background:#FFFFFF;padding:10px 0px 10px 10px;width:360px;float:left;margin-bottom:10px;display:inline;background:white;}
#Iconen .Paragraaf_Titel {margin-bottom:0px;font-weight: normal;}
#Iconen .Paragraaf{padding-bottom:0px;}

/*ALGEMEEN*/
.Paragraaf_Titel{margin-bottom: 20px;font-weight: bold;}
#Venster .Paragraaf_Titel{padding-bottom:2px;}
.Paragraaf_Tekst{line-height:150%;}
A{color:#0F0;}
A:hover{text-decoration: none;}

/*VERVOLG*/
#leftwhitespace{width:194px;aheight:94px;position:absolute;left:0px;top:168px;background:white;}
#content{width:558px;background-color:#FFFFFF;height: 540px;margin-left: 194px;float:left;overflow:auto;padding: 27px;display:inline;}

.I1002 .Paragraaf_2 A.CimpleLinkPagina{padding:12px;padding-left: 30px;background:url(../GIF/Achtergrond_link_groot.gif) no-repeat 0px 9px;}

#lijst {margin-top: 20px;}
#lijst A{color:#000;text-decoration: underline;display:block;width:100%;border-bottom: 1px solid #00FF00;padding:5px 0px;}
#lijst DIV{width:100%;border-bottom: 1px solid #00FF00;padding:5px 0px;}
#lijst DIV,
#lijst A.R,
#lijst A:hover{color:#00FF00; text-decoration: none;}
#lijst DIV.O0,
#lijst A.O0{border-bottom: none;}

A.OuderLink{padding:5px;color:#0F0;}

#Submenu {padding:10px 0px 20px 10px;}
#Submenu A{display:block;padding:4px 0px;}
#Submenu A.R {color:#444;text-decoration:none;}
#Submenu A:Hover {color:#444;}

/*FORMULIER*/
#Venster #content FORM{color:#444;}
#content FORM .B0{border-top: 1px solid #0F0;}
#content FORM .Veld{width:100%;border-bottom: 1px solid #0F0;padding:2px 0px;float:left;}
#content FORM .Label{width:150px;float:left;background: url(../GIF/Achtergrond_formlabel.gif) no-repeat right;margin-right: 5px;}
#content FORM TEXTAREA,
#content FORM INPUT{width: 340px;border:none;}
#content FORM .Groep INPUT{width: auto;}
#content FORM TEXTAREA{height: 45px;overflow:auto;}
#content FORM .Checkgroep{padding-top: 4px;}
#content FORM .Optie{display:block;padding:0px 0 4px 0;margin-left:-3px;}
#content FORM .Verzend .Label{background: none;}
#content FORM #VerzendKnop{width:100px; padding:5px;padding-left: 20px;padding-right: 0px;background: url(../GIF/Achtergrond_link.gif) no-repeat 0px 5px;border:none;float:right;color:#0F0;margin-top: 10px;text-decoration: underline;cursor:pointer;}}
#content FORM .Verzend .Label{color:#858585;margin-top: 10px;}

/*Pagina 1065*/
.O0 .I1065 .contentTekst .Paragraaf_0{display:none;}
.O0 .I1065 .contentTekst .Paragraaf_Titel {margin-bottom:0px;}
.O0 .I1065 #film1,
.O0 .I1065 #film2{width:336px;height:280px;margin-bottom:35px;}

/*FOOTER*/
.I849 #footerwarp{width:980px;margin-left: 0px;}
#footerwarp{width:558px;margin-left: 194px;float:left;color:#444; padding:5px 0px;margin-top: 10px;background: white;display:inline;}
#footerwarp A{color:#444;text-decoration: underline;}
#footerwarp A:hover{text-decoration:none;}
#Footer{padding-left: 5px;width: 370px;float:left;}

/*Ankerpunten*/
#Ankers{width:100%;float:left;margin-bottom:20px;}
#Ankers A{display:block;width:100%;line-height:18px;text-decoration:underline;}
#Ankers A:hover{text-decoration:none;}


/*COLORS*/
#Rechts #FilmDrager .pytch,
#Rechts #FilmDrager .pytch A,
.I1065 .Paragraaf_Titel,
.Paragraaf_Tekst{color:#444444;}/*grijs*/

.I1065 .Paragraaf_Titel_0,
.Paragraaf_Titel,
#Ankers A{color:#00ff00;}/*groen*/

/*FONT SIZES*/
#homeklik,
#header,
#Rechts #Iconen .Paragraaf_Tekst,
#Naararchief,
#home-rechts .pytch {font-size:11px;}
#footerwarp{font-size: 60%;}

#Submenu A {font-size:12px;}

.nieuwsitem .datum{font-size:12px;}

#Rechts #Iconen .Paragraaf_Titel,
#Midden #Nieuws div div {font-size:15px;}

.I849 #content A{font-size: 72%;}

.nieuwsitem a,
#Ankers A,
.InIE .Paragraaf_Tekst TD,
.InIE .Paragraaf_Tekst CAPTION,
FORM,
A.OuderLink,
#lijst,
.Paragraaf_Tekst{font-size: 78%;}

.I1065 .Paragraaf_Tekst,
#VerzendKnop,
.Paragraaf_Tekst_0{font-size: 96%;}
.Paragraaf_Tekst_2{}

.Paragraaf_Titel{font-size: 144%;}

.I1065 .Paragraaf_Titel{font-size:96%;}

.I1065 .Paragraaf_Titel_0{font-size: 144%;}

.I1012 .Paragraaf_Titel,
.I1011 .Paragraaf_Titel{font-size:100%}




@media print{

#Venster,
#Venster *{background:none;border:none;background-image:none!important;}

#Site{float:left;}
#content{margin-left:0px;}

.Titel,
.Paragraaf_Titel,
.Paragraaf_Tekst{color:#000!important;}

#footerwarp,
#leftwhitespace,
#homeklik,
#header{display:none;}

#content{height:auto;width:600px;}

}