body, html {
    background: #dde8ee url(/Sitefiles/Layout/2011/bg.jpg) repeat-x fixed center top;
    margin: 0px;
    min-height: 101%;
    font-family: Arial;
    font-size: 12px;
    line-height: 18px;
}

#mainBody {
    font-family: Arial;
    font-size: 12px;
    line-height: 18px;
}

#MainPageDiv {
    margin: auto;
    width: 100%;
}

#DesignerDiv {
    margin: 0 auto;
    width: 960px;
    background: url(/sitefiles/layout/2011/wrapper-bg.png) no-repeat center bottom;
    padding-bottom: 10px;
}

.Topbar {
    color: #000 !important;
    font-size: 12px !important;
}

.Topbar a, .Topbar a:visited {
    color: #808080;
    cursor: pointer;
    cursor: hand;
    font-size: 12px !important;
}

.footer {
    height: 30px;
}

.footer, footer p {
    font-size: 11px !important;
    color: #aaa;
}

.footer a {
    color: #0071BC;
}

.footer a:hover {
    color: #0071BC;
}

p {
    font-family: Arial;
    font-size: 12px;
    line-height: 18px;
}

A {
}

.normal P, /*
 .normal TABLE,
 */
.normal TR, .normal TH, .normal TD, .normal LABEL, .normal INPUT, .normal DIV, .normal SPAN, .normal LI {
    font-family: Arial;
    font-size: 12px;
    line-height: 18px;
}

.large P, .large TABLE, .large TR, .large TH, .large TD, .large LABEL, .large INPUT, .large DIV, .large SPAN, .large LI {
    font-family: Arial;
    font-size: 16px;
    line-height: 18px;
}

.OverZeeuwland H1 {
    color: #F78F1E;
    font-size: 127%;
    font-weight: bold;
    margin-bottom: 5px;
    margin-top: 5px;
}

.OverZeeuwland A {
    color: #F78F1E;
}

.Klantenservice H1 {
    color: #6A449B;
    font-size: 127%;
    font-weight: bold;
}

.Klantenservice A {
    color: #6A449B;
}

.Woonmarkt H1 {
    color: #C11130;
    font-size: 127%;
    font-weight: bold;
}

.Woonmarkt A {
    color: #C11130;
}

.Projecten H1 {
    color: #41B649;
    font-size: 127%;
    font-weight: bold;
}

.Projecten A {
    color: #41B649;
}

/*-- Over Zeeuwland 2011 --
 */
.OverZeeuwland2011 h1 {
    color: #f78e1f;
    font-size: 20px;
}

.OverZeeuwland2011 a {
    color: #0071bc;
}

.OverZeeuwland2011 a:hover {
    color: #f78e1f;
}

/*-- Klantenservice 2011 --
 */
.Klantenservice2011 h1 {
    color: #6a449b;
    font-size: 20px;
}

.Klantenservice2011 a {
    color: #0071bc;
}

.Klantenservice2011 a:hover {
    color: #f78e1f;
}

/*-- Woonmarkt 2011 --
 */
.Woonmarkt2011 h1 {
    color: #c11130;
    font-size: 20px;
}

.KopenVolKansen h1 {
    color: #5465EA;
    font-size: 20px;
}

.Woonmarkt2011 a {
    color: #0071bc;
}

.Woonmarkt2011 a:hover {
    color: #f78e1f;
}

/*-- Projecten 2011 --
 */
.Projecten2011 h1 {
    color: #41b649;
    font-size: 20px;
}

.Projecten2011 a {
    color: #0071bc;
}

.Projecten2011 a:hover {
    color: #f78e1f;
}

/*-- KopenVolKansen --
 */

.KopenVolKansen h1 {
    color: #5465EA;
    font-size: 20px;
}

.KopenVolKansen a {
    color: #0071bc;
}

.KopenVolKansen a:hover {
    color: #f78e1f;
}

.header-bg {
    background: url(/sitefiles/layout/2011/header-bg.jpg) no-repeat left top;
    height: 122px;
    width: 740px;
    margin-bottom: 5px;
}

.sidebar-main {
    background: #0071bc;
}

.sidebar-right {
    background: #0071bc url(/sitefiles/layout/2011/sidebar-bottom.jpg) no-repeat center bottom;
    width: 180px;
    height: 480px;
}

.logo-right {
    background: #0071bc url(/sitefiles/layout/2011/logo-right.jpg) no-repeat right top;
    height: 122px;
    width: 180px;
}

ul.main-menu {
    width: 740px;
    height: 30px;
    display: inline;
    margin: 0px;
    padding: 0px;
}

ul.main-menu li {
    list-style: none;
    text-align: center;
    font: bold 12px Arial, Helvetica, sans-serif;
    line-height: 28px;
    color: #000;
    height: 30px;
    width: 185px;
    float: left;
    display: block;
}

ul.main-menu li a {
    display: block;
    text-decoration: none;
    color: #000;
}

ul.main-menu li a:hover {
    color: #fff;
}

li.overzeeuwland a {
    background: url(/sitefiles/layout/2011/btn-over-zeeuwland.jpg) no-repeat left top;
}

li.klantenservice a {
    background: url(/sitefiles/layout/2011/btn-klantenservice.jpg) no-repeat left top;
}

li.woonmarkt a {
    background: url(/sitefiles/layout/2011/btn-woonmarkt.jpg) no-repeat left top;
}

li.projecten a {
    background: url(/sitefiles/layout/2011/btn-projecten.jpg) no-repeat left top;
}

li.overzeeuwland a:hover {
    background: url(/sitefiles/layout/2011/btn-over-zeeuwland.jpg) no-repeat left -30px;
}
.OverZeeuwland2011 li.overzeeuwland a{
	background: url(/sitefiles/layout/2011/btn-over-zeeuwland.jpg) no-repeat left -30px;
	color:#fff;
}

li.klantenservice a:hover {
    background: url(/sitefiles/layout/2011/btn-klantenservice.jpg) no-repeat left -30px;
}
.Klantenservice2011 li.klantenservice a {
    background: url(/sitefiles/layout/2011/btn-klantenservice.jpg) no-repeat left -30px;
		color:#fff;
}

li.woonmarkt a:hover {
    background: url(/sitefiles/layout/2011/btn-woonmarkt.jpg) no-repeat left -30px;
}
.Woonmarkt2011 li.woonmarkt a {
    background: url(/sitefiles/layout/2011/btn-woonmarkt.jpg) no-repeat left -30px;
	color:#fff;
}

li.projecten a:hover {
    background: url(/sitefiles/layout/2011/btn-projecten.jpg) no-repeat left -30px;
}
.Projecten2011 li.projecten a {
    background: url(/sitefiles/layout/2011/btn-projecten.jpg) no-repeat left -30px;
	color:#fff;
}

/*.call2action {
    height: 160px;
    width: 152px;
    margin-left: 15px;
}

a.call2-woningaanbod {
    background: #0071bc url(/sitefiles/layout/2011/call2-woningaanbod.png) no-repeat center top;
    width: 152px;
    height: 28px;
    display: block;
}
a.call2-inschrijven {
    background: #0071bc url(/sitefiles/layout/2011/call2-inschrijven.png) no-repeat center top;
    width: 152px;
    height: 28px;
    display: block;
}

a.call2-reparatieverzoek {
    background: #0071bc url(/sitefiles/layout/2011/call2-reparatieverzoek.png) no-repeat center top;
    width: 152px;
    height: 28px;
    display: block;
}

a.call2-vragen {
    background: #0071bc url(/sitefiles/layout/2011/call2-vragen.png) no-repeat center top;
    width: 152px;
    height: 28px;
    display: block;
}

a.call2-inloggen {
    background: #0071bc url(/sitefiles/layout/2011/call2-inloggen.png) no-repeat center top;
    width: 152px;
    height: 28px;
    display: block;
}*/

/*.blocks {
    width: 360px;
    margin-right: 5px;
    margin-left: 5px;
    margin-top: 10px;
    float: left;
}

.blocks h3 {
    font: normal 16px Arial, Helvetica, sans-serif;
    color: #0071bc;
    padding-bottom: 5px;
    margin: 0px;
}

.blocks-content {
    background: #fff url(/sitefiles/layout/2011/bg-block-content.jpg) repeat-x left top;
    padding-top: 10px;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    height: 120px;
    border-bottom: 1px dotted #bfbfbf;
}

.blocks-content a, .blocks-content a:hover, .blocks-content a:visited {
    color: #0071bc;
    text-decoration: underline;
}

.blocks-content img {
    width: 120px;
    height: 100px;
}
*/
.blocks {
	width: 360px;
	margin-right: 5px;
	margin-left: 5px;
	margin-top: 10px;
	float: left;
}
.blocks h3 {
	font: normal 16px Arial, Helvetica, sans-serif;
	color: #0071bc;
	padding-bottom: 5px;
	margin: 0px;
}
.blocks-content {
	background: #fff url(/sitefiles/layout/2011/bg-block-content.jpg) repeat-x left top;
	padding-top: 10px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	height: 120px;
	
}
.blocks-content a, .blocks-content a:hover, .blocks-content a:visited {
	color: #0071bc;
	text-decoration: underline;
}
.blocks-content img {
	width: 120px;
	height: 120px;
}
a:active, a:focus {
    border: none;
}
div.call-action {
	width:152px;
	margin-left:15px;
}
.call-action h3 {
	color:#fff;
	font:bold 11px/24px Arial, Helvetica, sans-serif;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}
.call-action h3 a {
	display:block;

	width:152px;
	height:28px;
	text-decoration:none;
	background:url(/sitefiles/layout/2011/sidebarmenu-bg.png) no-repeat left top;
	color:#fff;
	text-indent:5px;
}
.call-action h3 a:hover {
	width:152px;
	height:28px;
	text-decoration:none;
	background:url(/sitefiles/layout/2011/sidebarmenu-bg.png) no-repeat left -28px;
	color:#fff;
}
.call-action ul {
	list-style:none;
	margin:0px;
	padding:0px;
}
.call-action ul li {
	list-style:none;

	margin:0px;

	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	color:#0071bc;
	font:bold 11px Arial, Helvetica, sans-serif;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #ccc;
	border-right-color: #ccc;
	border-left-color: #ccc;
}
.call-action ul li a {
	color:#0071bc;
		background:#fff;
	border-top:none;
	text-decoration:none;	display:block;	
	height:24px;
	line-height:24px;
	text-indent:5px;
	
}
.call-action ul li a:hover {

	background:#eee;
	color:#0071bc;
	border-top:none;
	text-decoration:none;
}
div.hider{ display:none; }
/*-- End 2011 Layout --
 */