@import url(menus.css);
@import url(nieuwslijst.css);

#Venster * {font-family:Arial;}
#Body {background:transparent;}
#sitewarp{text-align:left;width:1000px;position:relative;z-index:1;}

#site,
#homecontent,
#header,
#middenstuk,
#footerkader{width:1000px;float:left;}

#links,
#midden,
#rechts{width:208px;float:left;margin-right:16px;}

#midden{width:280px;background:url(../JPG/Bg_midden.jpg) no-repeat;min-height:513px;height:auto !important;height:513px;}
#rechts{padding-top:172px;}
.I1005 .O0 #rechts{padding-top:8px;}
#foto{width:137px;height:137px;float:left;margin-left:26px;margin-bottom:27px;}
#icoon{width:90px;height:90px;float:left;margin-top:259px;margin-left:32px;}

#header{padding-left:32px;height:155px;padding-top:103px;}
#doorlink{position:absolute;z-index:2;height:100px;width:255px;background:transparent;top:55px;right:32px;background:transparent;}

#cplaneet{width:120px;height:120px;float:left;background:url(../JPG/cplaneet.jpg) no-repeat;margin-left:15px;display:inline;}
.O0 .I849 #cplaneet{display:none;}

/*HOME*/
#homecontent{height:209px;background:url(../JPG/Bg_homecontent.jpg) repeat-y left top;margin-top:60px;}

#homecontent .Paragraaf_Tekst{line-height:24px;}
#homecontent .Paragraaf_Tekst A{text-decoration:underline;}
#homecontent .Paragraaf_Tekst A:hover{text-decoration:none;}

.O0 .I849 #icoon,
.O0 .I849 #midden,
.O0 .I849 #rechts{display:none;}

.kolom{width:333px;height:209px;float:left;padding:35px 31px 5px 31px;}
#kolom3{width:334px;}
.kolom .kop{width:271px;height:20px;margin-bottom:25px;float:left;display:inline;}
#kolom1 .kop{background:url(../../../Content/www.sprekend.com/Documenten/Kaderkop1.gif) no-repeat left top;}
#kolom2 .kop{background:url(../../../Content/www.sprekend.com/Documenten/Kaderkop2.gif) no-repeat left top;}
#kolom3 .kop{background:url(../../../Content/www.sprekend.com/Documenten/Kaderkop3.gif) no-repeat left top;}
.kolom .Paragraaf{width:271px;float:left;}
.kolom .Paragraaf_Titel{display:none;}

.I849 #doorlink{position:absolute;z-index:2;height:375px;width:750px;background:transparent;top:0px;right:0px;}
.InIE #header{float:none;}

/*footer*/
#footerkader{height:185px;}
#footerkader .Paragraaf_Titel{display:none;}
#footerkader .Paragraaf_Tekst{width:500px;float:left;margin-top:140px;}
#footerkader .Paragraaf_Tekst A{text-decoration:underline;}
#footerkader .Paragraaf_Tekst A:hover{text-decoration:none;}
#footericoon{width:90px;height:90px;float:left;margin-top:46px;margin-right:262px;}

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

#site .contentTekst .T_RSS{padding-left:17px;background:url(../GIF/rss.gif) no-repeat left 2px;}
.T_RSS:hover{text-decoration:none;}

.contentTekst{padding-top:6px;float:left;}
.contentTekst .Paragraaf,
.contentTekst .Paragraaf_Tekst{line-height:24px;}
.contentTekst .Paragraaf{padding-bottom:30px;}

.contentTekst .Titel{font-weight: bold;}
.contentTekst .Titel,
.contentTekst .Edit{width:100%;line-height:24px;}

.verborgen{display:block!important;}
.G10 .verborgen{display:none!important;}

/*WERK SWF DIRECTOR / REFERENTIES 1087*/
#Werk {width:760px;height:420px;float:left;display:inline;clear:both;margin:20px 0;}
.I1100 #rechts,
.I1096 #rechts,
.I1087 #rechts,
.I932 #rechts{display:none;}
.I1100 #midden,
.I1096 #midden,
.I1087 #midden,
.I932 #midden{width:776px;soverflow:hidden;margin-right:0px;background:none;}
.I1096 #midden{position:relative;top:-155px;background:white;}
.I1100 #midden{position:relative;top:-60px;background:white;}
.I1100 #site{background:none!important;}
.I1100 .contentTekst ,
.I1096 .contentTekst,
.I1087 .contentTekst,
.I932 .contentTekst{width:776px;float:left;}
.I1087 .contentTekst{margin-top:45px;}

#werknavigatie{width:506px;float:left;padding-top:8px;}
#werknavigatie A{text-decoration:none;}
#werknavigatie A:hover{text-decoration:underline;}
#werknavigatie .link{float:left;height:11px;margin-right:8px;}
#werknavigatie .klantenoverzicht{float:right;height:11px;padding-top:3px;}

.O0 .I1087 .contentTekst .Titel,
.O0 .I932 .contentTekst .Titel{display:none;}

#fotos{width:774px;height:580px;float:left;overflow:hidden;position:relative;z-index:1;}
#fotos #foto0{position:absolute;width:774px;height:580px;left:0px;top:0px;float:left;z-index:2;}
.overzicht{width:774px;float:left;}
.overzicht .img{width:43px;height:43px;float:left;cursor:pointer;cursor:hand;}
.overzicht a:hover,
.overzicht a.r{border:1px solid black;}

#iframe{width:776px;float:left;height:615px;}

/*ankers*/
#Ankers{width:280px;float:left;margin:15px 0;}
#Ankers A{display:block;margin-bottom:3px;text-decoration:underline;}
#Ankers A:hover{text-decoration:none;}

/*lijst*/
.I1021 #lijst{display:none;}

#lijst{width:280px;float:left;border-top:1px solid #000;}
#lijst A{width:280px;float:left;line-height:24px;border-bottom:1px solid #000;text-decoration:underline;}
#lijst A:hover{text-decoration:none;}
.I868 #lijst{border-top:1px solid #00aeef;}
.I868 #lijst A{border-bottom:1px solid #00aeef;}
.I902 #lijst{border-top:1px solid #f58220;}
.I902 #lijst A{border-bottom:1px solid #f58220;}
.I903 #lijst{border-top:1px solid #ec008c;}
.I903 #lijst A{border-bottom:1px solid #ec008c;}

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

/*COLOR*/
#lijst A,
#Ankers A,
.InIE #Venster .Paragraaf TD,
.InIE #Venster .Paragraaf CAPTION,
.contentTekst .Paragraaf_Tekst A,
.contentTekst .Paragraaf_Tekst,
.InIE #homecontent TD,
.InIE #homecontent CAPION,
#homecontent .Paragraaf_Tekst A,
#homecontent .Paragraaf_Tekst{color:#383636;}/*grijs*/

#homecontent .Paragraaf_Tekst A:visited{color:#5f5c5c;}/*lichtgrijs*/

.I868 #lijst A,
.I868 #Ankers A,
.marker_1,
.I868 .Paragraaf_Titel,
.I868 .Titel,
#footerkader .Paragraaf_Tekst A,
#footerkader .Paragraaf_Tekst{color:#00aeef;}/*blauw*/

.I902 #lijst A,
.I902 #Ankers A,
.I902 .Paragraaf_Titel,
.I902 .Titel,
.marker_0{color:#f58220}/*geel*/

.I903 #lijst A,
.I903 #Ankers A,
.marker_2,
.I903 .Paragraaf_Titel,
.I903 .Titel{color:#ec008c;}/*roze*/

#werknavigatie A{color:#bdb9b9;}

#werknavigatie .R,
.I1087 .Paragraaf_Titel,
.I932 .Paragraaf_Titel,
.I932 .Titel{color:#000;}

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

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

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

#werknavigatie .klantenoverzicht,
#sitemap,
#lijst A,
#Ankers A,
.contentTekst .Paragraaf_Tekst,
.contentTekst .Paragraaf_Titel,
.contentTekst .Titel,
#homecontent .Paragraaf_Tekst{font-size:1.2em;}

#werknavigatie .link{font-size:1.6em;}

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

.contentTekst{width:600px!important;}

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