/* Reset the base */
* { margin: 0; padding: 0;}
.clear { clear: both; }
/* Colorstyles ----------------- */


.cat_orange {
    border-color: #ec7404;
    color: #ec7404 !important;
}

.cat_orange a {
    color: #ec7404;
}

.cat_pink {
    border-color: #b10042;
    color: #b10042 !important;
}

.cat_pink a {
    color: #b10042;
}
.cat_green {
    border-color: #93984e;
    color: #93984e !important;
}
.cat_green a {
    color: #b10042;
}
.cat_purple {
    border-color: #99aad3;
    color: #99aad3 !important;
}
.cat_purple a {
    color: #b10042;
}
.cat_blue {
    border-color: #11b5d7;
    color: #11b5d7 !important;
}
.cat_blue a {
    color: #b10042;
}

.cat_blue li {
line-height: 18px;
}

.cat_purple2 {
    border-color: #C10077;
    color: #C10077 !important;
}
.cat_purple2 a {
    color: #C10077;
}

.gray {
color: #666;
}

.algemeen, .algemeen a, .algemeen p, .algemeen strong, .algemeen small {
color: #ac0040;
}
.algemeen_blauw, .algemeen_blauw p, .algemeen_blauw a, .algemeen_blauw strong, .algemeen_blauw small {
color: #00aad2;
}

.crisisopvang, .crisisopvang a, .crisisopvang p, .crisisopvang strong, .crisisopvang small, .cat_green h1 {
color: #93984e;
}
.woonvoorziening, .woonvoorziening a, .woonvoorziening p, .woonvoorziening strong, .woonvoorziening small, .cat_purple h1 {
color: #99aad3;
}
.thuisbegeleiding, .thuisbegeleiding a, .thuisbegeleiding p, .thuisbegeleiding strong, .thuisbegeleiding small {
color: #ec7404;
}

p.intro {
font-size: 15px !important;
line-height: 22px;
margin: 8px 0 17px 0;
}
.algemeen p.intro {
color: #ac0040 !important;
}
.crisisopvang p.intro {
color: #93984e !important;
}
.woonvoorziening p.intro {
color: #99aad3 !important;
}
.thuisbegeleiding p.intro {
color: #ec7404 !important;
}


/* Colorstyles ----------------- */


html, body {height: 100%;}

#wrap {min-height: 100%;}

body:before {
    content:"";
    height:100%;
    float:left;
    width:0;
    margin-top:-32767px;
}
body {
	background: #FFF url(../images/bg.png) no-repeat center top;
	font: 12px/20px Arial, Verdana, Helvetica, sans-serif;
}
.box {
	margin: 0 auto;
    width: 900px;
}
#main {
    overflow:auto;
    padding-bottom: 75px;
    margin-bottom: 50px;
}
#main-content {
    overflow:auto;
    padding-bottom: 210px;
    margin-bottom: 75px;
}
#topmenu {
    position: relative;
    float: right;
    margin-top: 10px;
}
#menu a{
    color: #FFF;
    text-decoration: none;
}
#menu li {
    display: inline;
    list-style-type: none;
    padding: 0 15px 10px 15px;
    border-right: #FFF solid 1px;
}
#menu li:last-child {
    border-right: 0px;
}
#logo {
	background: #FFF url(../images/logo.png) no-repeat center top;
    height: 59px;
    margin-top: 10px;
    width: 161px;
    cursor: pointer;
}
#mainnav {
    margin: 40px 0 0 -30px;
    width: 237px;
    position: absolute;
    top: 60px;
}
#nav a{
    color: #00b0d4;
    font: bold 18px arial;
    text-decoration: none;
    margin-left: 15px;
}
#nav li {
    list-style-type:none;
    padding: 5px 15px 5px 15px;
    border-bottom: #00b0d4 solid 1px;
}
#nav .active{
    color: #b10042;
}
#nav li span {
    padding: 5px;
    left: 50px;
    margin-top:25px;
    display: none;
    width: 275px;
    background: #0f9fce;
    color: #FFF;
    position: absolute;
}
#nav li span a {
    color: #FFF;
    font-size: 12px;
}
#subnav li {
	list-style-type: disc;
    border-bottom: 0px;
    padding: 2px 15px 2px 0;
    margin-left: 30px;
    list-style-image: url(../images/line.png);
}
#subnav a{
    color: #b10042;
    font-size: 12px;
    font-weight: normal;
    text-decoration: none;
    margin-left: 0;
}

.activeSub {
font-weight: bold !important;
}

#slider {
position: relative;
height: 250px;
width: 680px;
float: right;
margin-top: 40px; 
}

#mainImage {
}

.imageRoundCorners {
position: absolute;
top: 0;
left: 0;
height: 250px;
width: 680px;
}
#blocks {
    margin-top: 10px;
}
.item {
    border-bottom: 1px solid;
    float: left;
    width: 270px;
    margin: 20px 30px 0 0;
    height: 210px;
}
.item:nth-child(3n) {
    margin-right: 0;  
}
.item a {
    display: block;
    text-decoration: none;
    font-size: 12px;
}
.item img {
    border: 0;
    padding: 0;
    margin:  0;
}
.item h1 {
    font: bold 14px arial;
    text-transform: uppercase;
}
.item p {
    color: #666;
    font-size: 12px;
    line-height: 150%
}
.item ul {
    margin-left: 15px;
}
.item li {
    color: #666;
    font-size: 12px;
    padding: 0 0 2px 5px;
    list-style-image: url(../images/bullet.png);
}
.item span {
    color: #b10042;
}
#content {
    width: 625px;
    float: right;
    margin-top: 20px;
    margin-right: 54px;
}
#content h1 {
    font-size: 21px;
    margin-top:  20px;
}
#content h2 {
    font-size: 15px;
}
#content h3 {
    font-size: 14px;
}
#content p {
    color: #4f4f4f;

    }
#content small {
    font: italic 10px arial;
}


#content li {
color: #4f4f4f;
list-style: outside;
margin-left: 12px; 

}



#footer {
    background:  #c10077;
    position: relative;
	margin-top: -75px;
	height: 75px;
	clear:both;
}
#footer-content {
    background:  #c10077;
    position: relative;
	margin-top: -210px;
	height: 210px;
	clear:both;
}
#wrapper {
    width: 679px;
    float: right;
}
.footer-item {
    padding-top: 15px;
    float: left;
    width: 400px;
    height: 100px;
}
.footer-item:last-child {
    float: left;
    width: 200px;
    height: 100px;
}
.footer-item h1 {
    font: bold 16px arial;
    color: #FFF;
    padding-top: 5px;
}
.footer-item p {
    font: normal 13px arial;
    color: #FFF;
    line-height: 150%; 
}
.footer-item a {
    color: #FFF;
    text-decoration: none;
}

#map_content_left {
width: 284px;
float: left;
color: #666;
font: 12px/20px Arial, Verdana, Helvetica, sans-serif;

}

#map_content_right {
    width: 301px;
    float: left;
    margin-left: 40px;
	font: 12px/20px Arial, Verdana, Helvetica, sans-serif;
    
}
#map_content_right h1,h2,small {
    color: #00aad2;
}
#map_content_right strong, #map_content_right a {
color: #ac0040;
text-decoration: none;    
}

#map_content_left a {
color: #ac0040;
}

#map_content_left h1, h2, small{
    color: #00aad2 ;
}

#map_content_right p{
    margin-bottom: 10px;
}
ul#map {
    margin: 20px 0;
    width: 284px;
    height: 335px;
    background: url(../images/map_overlay.png) no-repeat 0  0;
    position: relative;
    list-style-type: none !important;
}
ul#map li {
margin: 0;
padding: 0;
	position: absolute;
    list-style-type: none !important;

}
ul#map li a{
	display: block;
	height: 100%;
	text-indent: -9000px;
	outline: 0;
    list-style-type: none !important;
}
#friesland {
    width: 82px;
	height: 76px;
	top: 15px;
	left: 147px;
}
#groningen {
    width: 78px;
	height: 76px;
	top: 9px;
	left: 204px;
}
#drenthe {
    width: 71px;
	height: 72px;
	top: 40px;
	left: 201px;
}
#overijssel {
    width: 96px;
	height: 89px;
	top: 82px;
	left: 178px;
}
#zuidholland {
    width: 91px;
	height: 82px;
	top: 144px;
	left: 47px;
}
ul#map li a:hover {
	background: url(../images/map_overlay.png) no-repeat 0 0;
}
ul#map #friesland a:hover {
	background-position: -1px -343px;
}
ul#map #groningen a:hover {
	background-position: -83.5px -345.5px;
}
ul#map #drenthe a:hover {
	background-position: -165px -345px;
}
ul#map #overijssel a:hover {
	background-position: -241px -345px;
}
ul#map #zuidholland a:hover {
	background-position: -339px -344px;
}
.friesland_active {
    background: url(../images/map_overlay.png) no-repeat 0 0;
	background-position: -1px -343px;
}
.groningen_active {
    background: url(../images/map_overlay.png) no-repeat 0 0;
	background-position: -83.5px -345.5px;
}
.drenthe_active {
    background: url(../images/map_overlay.png) no-repeat 0 0;
	background-position: -165px -345px;
}
.overijssel_active {
    background: url(../images/map_overlay.png) no-repeat 0 0;
	background-position: -241px -345px;
}
.zuidholland_active {
    background: url(../images/map_overlay.png) no-repeat 0 0;
	background-position: -339px -344px;
}

#search_form {
	display:none;
	position:absolute;
	width:230px;
	height:6px;
	padding: 10px 14px 30px 24px;
	margin-left: 630px;
	top:45px; 
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	
}
#search_form input {
	background:#efefef;
	border:1px solid #ccc;

}

#search_form input[type="input"] {
	height:19px;
	padding-left:3px;
width:150px; 
}
#search_form input[type="submit"] {
	width:48px; 
	text-align:left; 
	height:22px;
} 
.zoekterm {
font-style: italic;
background-color: #b2e3ef;
padding: 0 3px;
color: #000;
}

.zoekresult {
margin: 10px;
padding-bottom: 5px;
border-bottom: 1px dotted #ac0040;
}

.clickHead {
font-size: 14px;
font-weight: bold;
cursor: pointer;
margin-top: 10px;
}

.contentHead {
padding-left: 20px;
}

.table_contact {
color: #666;
}

.formTextArea, errorTextArea {
	width: 300px;
	height: 70px;
}

.error, .errorBold {
	color:#f00;
	}
.errorBold {
	font-weight:bold;
	}
	
#isologo {
float: right;
margin: 10px 20px 0 0;

}

hr {
margin: 20px 0;
}