﻿/*------------------------------------------
----------- MainBody styles -------------
------------------------------------------*/

#MainContentBody{
	width: 955px;
	height: 100%;
}

#Management{
	background-color:#ffffff;
}
#ms-main{
	/*background-color:#ffffff;*/
}


/*------------------------------------------
----------- Header styles -------------
------------------------------------------*/
#ctl00_PlaceHolderGlobalNavigation_IdWelcome_ExplicitLogin{
	color:#ffffff;
}
#WebHeader{
	height:112px;
}

#GlobalTitleAreaImage{
	width:280px;
	background-color:#FFFFFF;
	background-image:url("/_layouts/images/JosephWeb/Logo_top.jpg");
	background-repeat:no-repeat;
	background-position:left bottom;

}
#HeaderRight{
	width: 675px;
}

.headerImageBottom{
	width:280px;
	height:60px;
	background-color:transparent;
	padding:0px;
	margin:0px;
}
.HeaderBottomRowTD{
	background-repeat:repeat-x;
	background-position:left top;
}
.HeaderBottomRow{
	width:952px;
	height:60px;
	background-color:transparent;
	background-repeat:no-repeat;
	background-position:left top;
	padding:0px;
	margin:0px;
}
td.ms-titleimagearea{ 
	vertical-align:bottom; 
}
.ms-titleimagearea{
	vertical-align:top; 
}
#idSearchScope{
	display: none !important;
}


/*------------------------------------------
----------- TopNav styles -------------
------------------------------------------*/
#TopNav{
	height:45px;	
}
td.Button{
	border:none !important;
}
.Button{
	border:none !important;
}
.OverHover, .ProjectHover, .ZoekHover, .HuurHover, .Over, .Project, .Zoek, .Huur{
	height: 45px;
	width: 152px !important;
	background-color:#FFFFFF;
	background-repeat:no-repeat;
	/*background-position:right bottom;*/
	padding-left: 10px;
}
.Huur{
	background-image:url("/_layouts/images/JosephWeb/TopNavHuur.jpg");
}
.HuurHover{
	background-image:url("/_layouts/images/JosephWeb/TopNavHuur_Hover.jpg");	
}
.Zoek{
	background-image:url("/_layouts/images/JosephWeb/TopNavZoek.jpg");
}
.ZoekHover{
	background-image:url("/_layouts/images/JosephWeb/TopNavZoek_Hover.jpg");	
}
.Project{
	background-image:url("/_layouts/images/JosephWeb/TopNavProject.jpg");	
}
.ProjectHover{
	background-image:url("/_layouts/images/JosephWeb/TopNavProject_Hover.jpg");	
}
.Over{
	background-image:url("/_layouts/images/JosephWeb/TopNavOver.jpg");	
}
.OverHover{
	background-image:url("/_layouts/images/JosephWeb/TopNavOver_Hover.jpg");
}

/*------------------------------------------
----------- Leftnav styles -------------
------------------------------------------*/


.ms-leftareacell{
	width: 205px;
}
.ms-nav {
    background-color:transparent;
    background-image:none;
}
.ms-navframe{
	width:205px;
}
.ms-treeviewouter td.ms-navitem {
    border:none;
}
.ms-quicklaunch SPAN.ms-navheader{
	border-top: 1px #ffffff solid;

}
.ms-quicklaunch TABLE TD{	
	border-top: none;
}
DIV.ms-treeviewouter DIV {	
	border-top: none;
}

.ms-quicklaunchouter{
	background-color:#101c6b;
    border-bottom:none;
    border-right:none;
    width:205px;
	background-position:top left;
	background-repeat:no-repeat;
	padding: 10px 0px 0px 0px;
}
.ms-quicklaunchheader {
    color: #ffffff;   
    background-color:transparent;
    background-image:none;
}
div.ms-quicklaunchheader{
	margin-right: 0px;
}
div.ms-quicklaunch{
	background-color:#101c6b;
    border-bottom:none;
    border-right:none;
    width: 193px;
    border-bottom:1px solid #ffffff;
    margin: 0px 0px 10px 0px;
}
.ms-quickLaunch {
    border:none;
    border-bottom:0px;
    background-color:transparent;
}
table.ms-selectednav td, table.md-navitem td{
    width: 193px;
	height: 20px;
	margin: 0px;
}
.ms-navSubMenu1, .ms-navSubMenu2{
	width: 100%;
	background-color: transparent;
	margin:0px;
}
TD TABLE.Joseph-navSubMenu2, TD TABLE.ms-navSubMenu2{
	border-top: 1px #ffffff solid;
}
table.ms-navheader td{
	background-color: transparent !important;
	margin: 0px !important;
	padding:0px !important;
	border-top: 1px #ffffff solid;
	border-left: none !important;

}

.ms-navheader a{
	/*background:transparent url("/_layouts/images/JosephWeb/LeftNav.gif") no-repeat;*/
	background:transparent none;
	font-family:verdana;
	font-size:12px !important;
	color:#ffffff !important;
	font-weight: bold;
	width:100% !important;
	line-height:20px;
	padding-left:10px;
}

.ms-navheader {
	/*background:transparent url("/_layouts/images/JosephWeb/LeftNav.gif") no-repeat;*/
	background:transparent none;
	font-family:verdana;
	font-size:12px !important;
	color:#ffffff !important;
	font-weight: bold;
	width:100% !important;
	/*padding:2px 0px 4px 10px;*/
}
TABLE.ms-navitem TD{
	padding: 0px;
	background-image:none;
}
.ms-navheader a:hover, .ms-navitem a:hover{
	text-decoration:none;
}
.ms-navitem a{
/*	background:transparent url("/_layouts/images/JosephWeb/LeftNav.gif") no-repeat;*/
	background:transparent none;
	font-family:verdana;
	font-size:11px !important;
	color:#ffffff !important;
	width:100%;
	line-height:20px;
	padding-left:20px;
	height:20px;
}

table.ms-recyclebin td {
    background-color:transparent;
    border-top:none;
    border-left:none;
}
table.ms-recyclebin td a {
    color:#ffffff;
    background-color:transparent;
}

.td-selectednav .ms-navitem {
        background-repeat:no-repeat;
        background-position:left center;
}

td.td-selectednav a.ms-navitem:hover  {
	background-image:none !IMPORTANT; 
}


/*------------------------------------------
----------- Contentbody styles -------------
------------------------------------------*/

.ms-propertysheet {
    color: #000000;
}
.ms-propertysheet th {
    color: #666666;
}
.ms-propertysheet a {
    color: #002672;
}
.ms-propertysheet p{
    font-size:10pt;
}

/*------------------------------------------
----------- SearchBox styles -------------
------------------------------------------*/


.ms-sbLastcell{
	padding-right:0px;
}
.ms-sbplain{
width: 140px !important;
}
TD.ms-sbgo{
	padding:0px 0px 0px 5px;
	border:none;
}
TD.ms-sbcell{
	background-color:#ffffff;
}

/*------------------------------------------
----------- Searchbox styles -------------
------------------------------------------*/


.ms-bannersearch{
	height:24px;
	padding:15px 15px 0px 15px;
}
td.ms-bannersearch{
	width: 120px;
}
.ms-sbplain{
font-family:tahoma,verdana;
font-size:8pt;
width:150px !important;
}
select.ms-sbscopes{
font-family:tahoma,verdana;
font-size:8pt;
width:150px !important;
}
.ms-pickersearchbox{
border:solid 1px #7f9db9;
border-right:none;
color:#1952a4;
font-family:Verdana;
font-size:8pt;
height:19px !important;
padding-top:2px;
padding-left:2px;
}
.ms-searchbox{
border:none;
border-right:none;
color:#1952a4;
font-family:Verdana;
font-size:8pt;
height:19px !important;
padding-top:2px;
padding-left:2px;
background-color:#ffffff !important;
width:150px;
}
.ms-searchform{
border: 1px #7f9db9 solid;
margin-right:2px;
margin-left:2px;
position:relative;
top:0px;
width:170px;
}
.ms-searchform input{
height:19px;
padding:3px;
padding-left:10px;
padding-right:10px;
}
select.ms-searchbox{
border-style: solid;
	border-color: #000000;
	margin-right:0px;
}
.ms-searchimage{
border:none;
background-color: #e9f2fd;
border-left: 1px #7f9db9 solid;
padding-left:3px;
padding-right:3px;
padding-bottom:2px !important;
padding-top:3px !important;
}
td.ms-searchimage{
background-color: #e9f2fd !important;
border-left: 1px #7f9db9 solid !important;
}
div.ms-searchimage{
width: 20px;
height:19px;
}


.ms-searchcorner{
background-color:#FFFFFF;
background-image:url("_layouts/images/srchcrnr.gif");
background-repeat:no-repeat;
background-position:left top;
}

/*---------------------------------
---- Links & Downloads Styling ----
---------------------------------*/

#LinksDownloadsZone tr.ms-viewheadertr{
	display:none;
}
#LinksDownloadsZone tr.ms-alternating td.ms-vb-icon, #LinksDownloadsZone tr.ms-alternating td.ms-vb2{
	border-color:#101c6b !important;
	background-color:#101c6b !important;
}

#LinksDownloadsZone .ms-vb2 a{
	color:white !IMPORTANT;
}

.ms-Linkheader{
	font-family:verdana;
	font-size:12px !important;
	font-weight: bold;
}
.ms-Linkheader a{
	border: none;
	padding-left: 10px;
	padding-top:3px;
	color:#ffffff !important;
	background-color:transparent;
	margin:0px;
}
div.ms-quickLinks{
	background-color:#101c6b;
    border-bottom:none;
    border-right:none;
    width: 193px;
    border-bottom:1px solid #ffffff;
    margin: 10px 0px 4px 0px;
}
.ms-quickLinks {
    border:none;
    border-bottom:0px;
    background-color:transparent;
}
.Download, .Download a{
	font-family: Tahoma;
	font-size: 8pt;
	height: 18px;
	padding: 2px 0px 0px 3px;
	font: inherit normal 10px arial;
	color: white; 
	text-decoration: none;
}
.Download a:hover{
	height: 18px;
	padding: 2px 0px 0px 3px;
	font: inherit normal 10px arial;
	color: #f7e7ef; 
	text-decoration: underline;
}
.DownloadIMG, .LinkButtonIMG{
	height: 16px;
	width: 22px;
	background-repeat:no-repeat;
	background-position: right center ;			
}
.DownloadIMG{
	background-image:url("/_layouts/images/JosephWeb/DownloadButton.png");
}
.LinkButtonIMG{
	background-image:url("/_layouts/images/JosephWeb/LinkButton.png");
}
.LeftLinksDownloads2{
background-color:#101c6b;
}
.LeftLinksDownloads{
padding: 0px 0px 7px 0px;
background-color:transparent;
background-repeat:no-repeat;
background-position: left bottom ;
}

.IntroTekst{
	padding: 5px 0px 10px 15px;

} 
.IntroTekst a{
	font-family: verdana;
	font-size: 11px;
	color: white; 
	text-decoration: none;
	line-height:15px;
}
.IntroTekst a:hover{
	text-decoration: underline;
}


/*------------------------------------------
----------- Beheer buttons styles -------------
------------------------------------------*/


.Management-page, .Inhoudmenu a, .Inhoudmenu a:hover{
    height: 18px;
    /*border-top:1px solid #6593cf;
	border-left:1px solid #6593cf;
	border-right:1px solid #6593cf;*/
}

.Beheermenu, .Inhoudmenu {
	white-space:nowrap;
	font:bold 8pt tahoma !important;
	padding:0;
	border:none;
	cursor:pointer;
	color:#ffffff;
}

.Beheermenu a, .Beheermenu a:hover{
	height:17px;
	background-position:left top;
	background-repeat:repeat-x;
	background-color:#ffa621;
	padding:1px 12px 0px 12px;
}


.Beheermenu a:hover{
	color:#000000;
	background-image:url("/_layouts/images/JosephWeb/siteactionsmenuhovergrad.gif");
	text-decoration: underline;
}
.Beheermenu a{
	color:#ffffff;
	background-image:url("/_layouts/images/JosephWeb/beheermenugrad.gif");
	text-decoration: none;
}

.Inhoudmenu a, .ms-quicklaunchheader a{
	height:18px;
	background-position:left top;
	background-repeat:repeat-x;
	background-color:#ffa621;
	padding:1px 12px 0px 12px !important;
}

.Inhoudmenu a, .ms-quicklaunchheader a{
	color:#ffffff;
	background-image:url("/_layouts/images/JosephWeb/siteinhoudmenugrad.gif");
	text-decoration: none !important;
}
.Inhoudmenu a:hover, .ms-quicklaunchheader a:hover{
	color:#000000;
	background-image:url("/_layouts/images/JosephWeb/siteactionsmenuhovergrad.gif");
	text-decoration: underline;
}

/*------------------------------------------
----------- Footer styles -------------
------------------------------------------*/

.BottomBG{
	background-color:transparent;
}
.BottomText, .BottomText a{
	font-family: tahoma;
	color:#ffffff;
	font-size: 8pt;
	text-decoration:none;
	text-align: center;
}

/*------------------------------------------
----------- Actueel styles -------------
------------------------------------------*/

td.Actueel{
	padding-top:20px;
	width:265px;
}

/*------------------------------------------
----------- BodyContent styles -------------
------------------------------------------*/

a.BodyContent {
 	font-family: verdana;
	color:#000000;
	font-size: 11px;
	text-decoration:none;
	font-weight:normal;
}
a.BodyContentBold {
 	font-family: verdana;
	color:#000000;
	font-size: 11px;
	text-decoration:none;
	font-weight:bold;
}
a.BodyContentKlein {
 	font-family: verdana;
	color:#000000;
	font-size: 9px;
	text-decoration:none;
	font-weight:normal;
}

/*------------------------------------------
----------- FotoFrames styles -------------
------------------------------------------*/

.FrameKlein, .FrameHoog, .FrameGroot{
	background-position:center top;
	background-repeat:no-repeat;
	background-color:transparent;	
	margin-right:15px;
}

.FrameHoog{
	height: 355px;
	width: 245px;
	background-image:url("/_layouts/images/JosephWeb/FrameHOOG.png");
	padding: 14px;			
}
.FrameGroot{
	height: 245px;
	width: 353px;
	background-image:url("/_layouts/images/JosephWeb/FrameGROOT.png");
	padding: 14px;			
}
.FrameKlein{
	height: 175px;
	width: 254px;
	background-image:url("/_layouts/images/JosephWeb/FrameKLEIN.png");
	padding: 10px;			
}
.FrameNieuws{
	height: 150px;
	width: 195px;
	background-image:url("/_layouts/images/JosephWeb/FrameNIEUWS.png");
	background-position:left top;
	background-repeat:no-repeat;
	background-color:transparent;
	padding: 10px;	
	border-top: 1px #ef7d0b dotted;
}
.FrameNieuws a IMG{
	border:none;
}
/*------------------------------------------
----------- Nieuws styles -------------
------------------------------------------*/
.NieuwsHeader{
	height: 42px;
	background-image:url("/_layouts/images/josephweb/NieuwsHeader.jpg");
	background-position:left top;
	background-repeat:no-repeat;
	background-color:transparent;
}
.NieuwsTable{
}
.NieuwsTD{
	border-top: 1px #ef7d0b dotted;
	background-color:transparent;
}

.NieuwsItems{
	height: 150px;
	border-top: 1px #ef7d0b dotted;
	background-color:transparent;
}
.NieuwsTitle a{
	font-family:verdana;	
	font-size: 14px;
	font-weight: bold;
	color: #ef7d0b;	
}
.HomeNieuwsTitle, .LeesTD{
	padding: 2px 0px 1px 0px; 
}
.TerugTD{
	padding-bottom: 20px;
}
.HomeNieuwsTitle a{
	font-family:verdana;	
	font-size: 12px;
	font-weight: bold;
	color:#000000 !important;
}
.NieuwsTitle a:hover, .HomeNieuwsTitle a:hover{
	color:#10206b;
	text-decoration: none;
}
.Introductie{
	font-family:verdana;	
	font-size: 10pt;
	font-weight: normal;
	color: #000000;
	padding: 2px 0px 3px 0px; 
}
.ArtikelDatum{
	font-family:verdana;	
	font-size: 10px;
	font-weight: normal;
	color: #000000;
	font-style:italic;
}
.Leesverder {
	font-family:verdana;	
	font-size: 11px;
	font-weight: normal;
	color: #ef7d0b !important;
	font-style:italic;
	white-space:nowrap;
}
.NieuwsButton{
	margin-top:9px;
}
/*------------------------------------------
----------- familie styles -------------
------------------------------------------*/

.fam_thumb {
	cursor: pointer;
	border: none;
}
.FamButton1, .FamButton2, .FamButton3, .FamButton4, .FamButton5, div.FamButton1, div.FamButton2, div.FamButton3, div.FamButton4, div.FamButton5{
	cursor: pointer;	
	border: none;
	height: 32px;
	width: 270px;
}
.FamButton1 a, .FamButton2 a, .FamButton3 a, .FamButton4 a, .FamButton5 a{
	background-repeat:no-repeat;
	background-position:left top !important;
	vertical-align:top !important;
	height: 32px;
	width: 270px;
	padding-bottom:10px;
}
.FamButton1 a{
	background-image: url("/_layouts/images/JosephWeb/FAMILIE/WSJ_familie_menu_1a.jpg");
}
.FamButton1 a:hover{
	background-image: url("/_layouts/images/JosephWeb/FAMILIE/WSJ_familie_menu_1.jpg");
}
.FamButton2 a{
	background-image: url("/_layouts/images/JosephWeb/FAMILIE/WSJ_familie_menu_2a.jpg");
}
.FamButton2 a:hover{
	background-image: url("/_layouts/images/JosephWeb/FAMILIE/WSJ_familie_menu_2.jpg");
}
.FamButton3 a{
	background-image: url("/_layouts/images/JosephWeb/FAMILIE/WSJ_familie_menu_3a.jpg");
}
.FamButton3 a:hover{
	background-image: url("/_layouts/images/JosephWeb/FAMILIE/WSJ_familie_menu_3.jpg");
}
.FamButton4 a{
	background-image: url("/_layouts/images/JosephWeb/FAMILIE/WSJ_familie_menu_4a.jpg");
}
.FamButton4 a:hover{
	background-image: url("/_layouts/images/JosephWeb/FAMILIE/WSJ_familie_menu_4.jpg");
}
.FamButton5 a{
	background-image: url("/_layouts/images/JosephWeb/FAMILIE/WSJ_familie_menu_5a.jpg");
}
.FamButton5 a:hover{
	background-image: url("/_layouts/images/JosephWeb/FAMILIE/WSJ_familie_menu_5.jpg");
}


/*-----------------------------------------------
----------- WP tussen margin styles -------------
-----------------------------------------------*/


Div.ms-PartSpacingVertical{
	margin:2px;
}
DIV.LeftLinksDownloads TD{
	margin-left:2px;
}
/*-----------------------------------------------
----------- FOTO actie styles -------------
-----------------------------------------------*/

.FotoIntroductie{
	font-family:verdana;	
	font-size: 10pt;
	font-weight: normal;
	color: #000000;
	padding: 2px 0px 3px 0px; 
	line-height:14px;
}
.Fotograaf {
	font-family:verdana;	
	font-size: 11px;
	font-weight: normal;
	color: #ef7d0b !important;
	font-style:italic;
	text-align:center;
}
.FotoDivwrapper{
 position:relative;
background-image:url("/images/FrameGROOT_1.png");
background-repeat:no-repeat;
background-position:right top;
 width:333px;
}
.FotoDIV{
background-image:url("/images/FrameGROOT_2.png");
background-repeat:no-repeat;
background-position:left bottom;
padding:10px;
vertical-align:middle !important;

}
.FotoDIV{
position:relative;

vertical-align:middle !important;
background-color:transparent !important;
}

.FotoDivwrapper2{
 position:relative;
background-image:url("/images/FrameGROOT_1.png");
background-repeat:no-repeat;
background-position:right top;
}
.FotoDIV2{
background-image:url("/images/FrameGROOT_2.png");
background-repeat:no-repeat;
background-position:left bottom;
padding:10px;
vertical-align:middle !important;
position:relative;
vertical-align:middle !important;
background-color:transparent !important;

}
.FotoIntroBG{
height: 138px;
width: 333px;
background-image:url("/images/TxtFrame.png");
background-repeat:no-repeat;
background-position: center top;		
}

.Volgende{
width:384px;
margin-right:7px;
position: relative;
top:-100px;			
}

a.PijlBreed{
 width: 25px !important;
}

.Thumb{
float:left;
margin:2px 0px 0px 5px;
border:none;
}
.Thumb a DIV IMG{
width:72px !important;
border:none !important;
}

