@import url(Menu.css);
@import url(Formulier.css);
@import url(Sitemap.css);

#Body {background:url(../GIF/Bgsite.gif) repeat-x top;}
.I1039 #Body {background:url(../GIF/Bgsite_1039.gif) repeat-x top;}

#Venster {font-size:75%;}
#Venster * {font-family:Arial;}

#Content #Links A,
#Content #Route A {color:#7F7F7F;}
#Content #Links A:Hover,
#Content #Route A:Hover  {color:#DD0000;text-decoration:none;}

.I1039 #Content #Links A,
.I1039 #Content #Route A {color:#7F7F7F;}
.I1039 #Content #Links A:Hover,
.I1039 #Content #Route A:Hover  {color:#008AC9;text-decoration:none;}

#Site {width:760px;text-align:left;}

#Header {background:url(../JPG/Bgheader2.jpg) repeat-x top;width:760px;height:157px;}
.I1039 #Header {background:url(../JPG/Bgheader_1039.jpg) repeat-x top;width:760px;height:157px;}

#Header #ZoekForm {float:right;margin-top:80px;}
#Header #ZoekKnop {height:20px;margin-left:4px;background-color:#D8231A;color:#FFFFFF;border:none;cursor:pointer;cursor:hand}
#Header #ZoekVeld {height:20px;}

#Content {width:760px;background:url(../GIF/Bgcontent.gif) top no-repeat 200px;}

#Routekader {height:30px;width:760px;sborder:1px solid red;float:left;}
#Route {height:30px;padding-top:7px;display:block;float:left;}
#Route * {display:inline;}
#Route A {margin-right:8px;padding-right:10px;background: url(../GIF/Route.gif) no-repeat right;}

/* START HOMEPAGE */
.I849 .Paragraaf{
	float: left;
	width: 253px;
	background-repeat: no-repeat;
	background-color: #89C8F7;
	overflow:hidden;
	height:210px;
}

.I849 .Paragraaf .Paragraaf_Tekst A {color:#000000;}
.I849 .Paragraaf_0 .Paragraaf_Tekst A {color: #333333;}

.I849 .Paragraaf_0 {background-color:#E9E9E9;}

.I849 .Paragraaf_Titel_0{display: none}
.I849 .Paragraaf_Tekst{padding:14px;}

.I849 .Paragraaf_Titel {padding:12px 14px 12px 14px;}

.I849 .Paragraaf_Titel{
	background-color: #666666;
	color: #FFFFFF;
	margin-top: 47px;
	filter: Alpha(opacity:80);
}
.I849 .Paragraaf_Tekst{
	color:#000000;
}
.I849 .Paragraaf_0,
#Content #Homeflash{
	height:130px;
	margin-bottom:20px;
	margin-top:20px;
}
.I849 .Paragraaf_2{
	margin-left:1px;
	margin-right:1px;
	width:252px;
}
#Content #Homeflash{
	width:506px;
	margin-left:1px;
	float:right;
}

.I849 .Paragraaf_1 {background-image:url(/Afbeeldingen/Homelinks.jpg);clear:left;}
.I849 .Paragraaf_2 {background-image:url(/Afbeeldingen/Homemidden.jpg)}
.I849 .Paragraaf_3 {background-image:url(/Afbeeldingen/Homerechts.jpg)}
/* EIND HOMEPAGE */

#Content #Links {background:url(../GIF/Bglinks.gif); width:485px;float:left;overflow:hidden;padding-right:40px;}
.Paragraaf_Tekst,
.I849 .Paragraaf_Tekst_0 {color:#7F7F7F;line-height:135%;}
.Paragraaf_Titel {font-weight:bold;padding-bottom:5px;}
.I1039 .Paragraaf_Titel {color:#008AC9;}

#Content #Links .Paragraaf_Tekst {line-height:150%;}
#Content #Links .Paragraaf_Titel_0 {margin-bottom:20px;}
#Content #Links .Paragraaf_Tekst IMG {margin-top:4px;margin-right:7px;}

#Content #Rechts {width:275px;float:left;}
#Content #Rechts #Vervolgflash {width:275px;height:70px;margin-bottom:20px;}
.I1003 #Content #Rechts #Vervolgflash {width:275px;height:300px;margin-bottom:20px;}

#Content #Rechts .Naarhoofdkantoor {display:none;}
.I1003 #Content #Rechts .Naarhoofdkantoor {display:block;padding-left:10px;color:#D9221A;}

#Footer {float:left;padding-top:25px;bsackground:url(../GIF/Bgfooter.gif)  no-repeat right;height:60px;width:760px;border-top:1px solid #E5E5E5;}
#Footer * {color:#C0C0C0;}


.Paragraaf TD,
.Paragraaf CAPTION{color:#7f7f7f;}

/*PROJECTWEERGAVES*/
.algemeen,
.detail,
.overzicht{display:none;}
.projectDetail .algemeen,
.projectDetail .detail,
.projectOverzicht .algemeen,
.projectOverzicht .overzicht{display:block;}

/*Algemeen*/
.algParagraaf{width:100%;float:left;}
.algParagraaf .algTitel{width:150px;float:left;}

/*detail*/
#projectDetail .algParagraaf_1 .Paragraaf_Tekst{font-weight: bold;}
.detailTitel .labelTitel{display:none;}
.detailTitel .Paragraaf_Tekst{font-weight: bold;padding-bottom:5px;margin-bottom:20px;}
.detailParagraaf_4{margin-bottom:20px;}
.detailParagraaf .labelTitel{display:none;}
.detailParagraaf_4 .labelTitel{width:150px;float:left;display:block;}

/*ovezicht*/
#projectOverzicht{margin-bottom:20px;float:left;width:100%;}
#projectOverzicht .Paragraaf_Titel{padding-bottom:0px;}
.projectOverzichtItem{width:100%;float:left;margin-bottom:40px;}
.projectOverzichtItem .algParagraaf_0{font-weight:bold;}
.overzichtTitel .labelTitel{display:none;}
.overzichtTitel .Paragraaf_Tekst{font-weight: bold;}
.overzichtParagraaf .labelTitel{display:none;}


/*COLOR*/
.detailTitel .Paragraaf_Tekst,
.Paragraaf_Titel {color:#D8231A;}/*rood*/

.labelTitel{color:#7f7f7f;}/*grijs*/

/* FONTSIZES */
.detailTitel .Paragraaf_Tekst,
#Content #Highlight1 .Paragraaf_Titel,
#Content #Highlight2 .Paragraaf_Titel,
#Content #Highlight3 .Paragraaf_Titel,
#Content #Links .Paragraaf_Titel,
.I849 .Paragraaf_Titel  {font-size:145%;}

#Snelmenu A,
#Route {font-size:85%;}
#Menu .Link {font-size:65%;}

.InIE .Paragraaf TD,
.InIE .Paragraaf CAPTION{font-size:75%;}
#Menu .Subs .Subs .Link {font-size:70%;}


#lijst, 
#Submenu, 
#Footer,
#Content #Highlight1 .Paragraaf_Tekst,
#Content #Highlight2 .Paragraaf_Tekst,
#Content #Highlight3 .Paragraaf_Tekst {font-size:95%;}


#Header #ZoekKnop,
#Header #ZoekVeld  {font-size:90%;}

@media print {
	#Rechts,
	#Menu,
	#Route,
	#Header,
	#Footer {display:none;}
	
	#Content #Links {width:85%;}
}