/*
Theme Name: DAP Moergestel
Theme URI: /wp-content/themes/
Author: aceview
Tags: 
Author URI: http://aceview.nl/
Description: DAP Moergestel
Version: 1.0
License: copyright Aceview Internet
License URI: license.txt
*/


/* Default ================================================================================ */

HTML {
	height: 100%;
}

body {
	background: url("images/bg_body.gif") repeat-x left top #fff;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	line-height:18px;
	color: #524d51;
}
a {
	color:#007E86;
}

a:hover{
	color: #1e3f61;
}

.clearer {
	clear:both;
	height:1px;
}

#breadcrumbs{
	position:absolute;
	top:10px;
	right:10px;
	
	
	}
table{
	border:1px solid #ccc;
	margin-top:10px;
	}

tr{
	border-bottom:1px solid #ccc;
	}
	
td{
	padding:6px;	
	}


/* Font ================================================================================ */

@charset "UTF-8";

H1 {
    color: #007E86;
    font-family: arial;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
    padding-bottom: 8px;
	text-transform: uppercase;
}

H2 {
	color:#626262;
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 8px;
}


H3 {
	color: #398ACA;
    font-size: 12px;
}

/* Layout ================================================================================ */

#container {
	height: 100%;
    margin: 14px auto 0;
    width: 980px;
}

#main {
	
	float: left;
    margin: 10px 7px 0;
    padding-bottom: 35px;
    position: relative;
    text-align: left;
    width: 966px;
}

#breadcrumbs{
	float: right;
	margin-top:-10px;
   
}

/* Header ================================================================================ */

#header {
	float: left;
    height: 373px;
    padding-top: 19px;
    position: relative;
    width: 980px;
}

#headertop{
	background: none repeat scroll 0 0 #FFFFFF;
    float: left;
    height: 75px;
    width: 980px;
}

#header_photo{
	float: left;
}

#headerinner{
	background: url("images/bg_headerinner_shadow.png") no-repeat scroll 3px bottom transparent;
    border-top: 5px solid #007B83;
    float: left;
    height: 242px;
    overflow: hidden;
    padding-bottom: 3px;
    width: 980px;
}

#headerinner #header_left{
	background: url("images/header_left.png") no-repeat scroll left top transparent;
    float: left;
    height: 242px;
    width: 7px;
}

#headerinner .tekstvak{
	background: #99cbcf;
    float: left;
    height: 242px;
    width: 351px;
}

.home #headerinner .tekstvak{
	width: 382px;
}

#headerinner .image{
	float: left;
}

#headerinner #header_right{
	background: url("images/header_right.png") no-repeat scroll left top transparent;
	float: left;
    height: 242px;
    width: 7px;
}





#headerinner img{
	float: right;
}

#slogan{
	float: left;
	width: 690px;
	height: 143px;
}

#logo{
    left: 30px;
    position: absolute;
    top: 0;
}

/* Sidebar Left ================================================================================ */

#sidebar {
	float: left;
    margin-right: 30px;
    overflow: hidden;
    width: 322px;
}

#sidebar img{
	border: 1px solid #32858c;
}

#contact{
	float: left;
    padding-left: 14px;
    width: 284px;
}

#contact h2{
	background: url("images/bg_contact.png") no-repeat left bottom transparent;
	color: #730027;
    font-size: 18px;
    font-weight: normal;
    margin-bottom: 10px;
	font-family: Georgia, "Times New Roman", Times, serif;
	padding-bottom: 9px;
}

.bovag{
	float: left;
    margin-top: 13px;
}

.home #sidebar{
	float: right;
	margin-left: 30px;
	margin-right: 0;
}









#sidebar .contact h2{
	padding-bottom: 10px;
	color: #2c95cb;
	font-size: 18px;
	font-style: italic;
	/*margin-bottom: 0;*/
}

.contact span{
	color: #2c95cb;
	font-weight: bold;
}

.contact a{
	text-decoration: underline;
	color: #1e3f61;
}


/* Sidebar Right ================================================================================ */



/* Content ================================================================================ */

#content {
	float: left;
    width: 614px;
	padding-top:22px;
}

#content ul{
	list-style:disc;
	margin:5px 0 5px 0;
	}
	
#content ul li{
	list-style-position:inside;
	margin:0 0 0 -8px;
	
	}

.home #content{
	width: 614px;
}

#content .image{
	float: left;
    margin-bottom: 10px;
	border: 1px solid #9E9E9E;
}



ul{
	list-style-type: none;
}

ul li{
	background: url("images/ic_bulletlist.png") no-repeat left 7px transparent;
	padding: 0 10px;
	margin-left: 0;
}



ul#uitgelicht{
    border-bottom: 5px solid #007E86;
    float: left;
    height: 122px;
    width: 966px;
	margin-bottom: 36px;
}

ul#uitgelicht li{
	background: #99CBCF;
    border-left: 1px solid #E5E5E5;
    float: left;
    height: 70px;
    padding: 26px 27px;
    width: 239px;
	font-size: 13px;
	color: #007E86;
}

ul#uitgelicht li.contact{
	width: 324px;
	font-size: 13px;
}

ul#uitgelicht li h2{
	margin-bottom: 13px;
}

ul#uitgelicht li.contact h2{
	background: url("images/ic_contact.png") no-repeat scroll left 0 transparent;
    padding: 3px 0 4px 17px;
	margin-bottom: 8px;
}

ul#uitgelicht li:first-child{
	border: none;
}


#openingstijden{
	background: none repeat scroll 0 0 #99CBCF;
    float: left;
    padding: 30px;
    width: 904px;
	color: #007e86;
	border: 1px solid #007E86;
	margin-top: 25px;
}

#openingstijden ul{
	padding-bottom: 25px;
}

#openingstijden h2{
	text-transform: uppercase;
}

#openingstijden ul li{
	float: left;
    width: 257px;
	background: url("images/border_openingstijden.gif") repeat-y left top;
	padding: 0 0 0 30px;
}

#openingstijden ul li.drie{
	width: 330px;
}

#openingstijden ul li:first-child{
	background: none;
	padding-left: 0;
}



/* Hoofdnavigatie ================================================================================ */

.main-menu{
    float: right;
    margin-top: 20px;
}

.main-menu ul{
    
}

.main-menu ul li{
    float: left;
} 

.main-menu ul li a{
    border-left: 1px solid #DADDE1;
    color: #007E86;
    display: block;
    /*font-family: arial;*/
    font-size: 14px;
    font-weight: bold;
    padding: 8px 10px;
    text-decoration: none;
    text-transform: uppercase;
}

.main-menu ul li:first-child a{
	border: none;
}

.main-menu ul li:first-child{
	
}

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

.main-menu ul li.current_page_item a{
	color: #015156;
}

.main-menu ul li.current-menu-item a, .main-menu ul li.current-page-ancestor a{
	color: #015156;
}


/* Hoofdnavigatie dropdown ================================================================================ */

.main-menu ul li ul.sub-menu{
	position: absolute;
	top: 201px;
	left: -999em;  /*using left instead of display to hide menus because display: none isn't read by screen readers */
	width: 157px;
	padding:0px;
	margin:0px 0 0 0px;
	border-top:none;
	background: #c2dbe8;
	z-index:1000;
}

.main-menu ul li:hover ul, #menu ul li.sfhover ul{ 
	left: auto;
}

.main-menu ul li ul.sub-menu li{
	display:block;
	width:100%;
	height:auto;
	padding:0;
	margin:0;
	text-align:left;
	border-bottom: 1px solid #fff;
}

.main-menu ul li ul.sub-menu li a{
	display:block;
	margin:0;
	font-size: 13px;
	font-style: normal;
	color:#005ba1;
	text-decoration:none;	
	background: none;
	text-align: center;
	padding: 5px 0;
}

.main-menu ul li ul.sub-menu li:last-child a{
	border-bottom: none;
}

.main-menu ul li ul.sub-menu li a:hover{
	display:block;
	color:#fff;
	text-decoration:none;
	background: none;
	border-radius: 0;
}
			
			
.main-menu ul li.current-menu-item ul.sub-menu li a{
	color:#005ba1;
}

.main-menu ul li ul.sub-menu li.current-menu-item a{
	display:block;
	color:#fff;
	text-decoration:none;
	background: none;
	border-radius: 0;
	color: #005BA1;
}


/* Subnavigatie ================================================================================ */


ul#sub-menu{
	background: #fefefe;
    float: left;
    margin-bottom: 35px;
    /*padding-bottom: 26px;*/
    width: 319px;
	border: 1px solid #E5E5E5;
	border-bottom: 5px solid #007e86;
}

ul#sub-menu{
	padding: 0 12px;
    width: 295px;
}

ul#sub-menu li{
	
}

ul#sub-menu li a{
	
    color: #626262;
    display: block;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    margin: 1px;
    padding: 12px 0;
    text-decoration: none;
    text-transform: uppercase;
	border-top: 1px solid #E5E5E5;
}

ul#sub-menu li:first-child a{
	border-top: 0;
}


ul#sub-menu li.last a span{
	border-bottom: 0;
}

ul#sub-menu li a:hover{
	color: #007e86;
}

ul#sub-menu li.current_page_item a{
	color: #007e86;
}


/* Service navigatie ================================================================================ */

.service-menu{
	float: right;
    margin-bottom: 28px;
}
		
.service-menu ul{

}
		
.service-menu ul li{
	float: left;
}
			
.service-menu ul li a{
    color: #fff;
    display: block;
    font-size: 12px;
    text-decoration: none;
	padding: 0 10px;
	/*font-family: Arial, Helvetica, sans-serif;*/
	border-left: 1px solid #fff;
}
				
.service-menu ul li:first-child a{
	border: none;
}

.service-menu ul li:last-child a{
	padding-right: 0;
}
				
.service-menu ul li a:hover{
	text-decoration: underline;
}

.service-menu ul li.current-menu-item a{
	text-decoration: underline;
}

/* Sidebar navigatie ================================================================================ */
			
	
/* Extra navigatie ================================================================================== */	

	
/* Footer navigatie ================================================================================= */

.footer-menu{
	float: right;
	margin-right: 14px;
}

.footer-menu ul{
	list-style-type: none;
}

.footer-menu ul li{
	float: left;
	margin-left: 0;
}

.footer-menu ul li a{
	border-right: 1px solid #959697;
    color: #FFFFFF;
    font-size: 12px;
    padding: 0 9px;
    text-decoration: none;
}

.footer-menu ul li a:hover{
	text-decoration: underline;
}

.footer-menu ul li:last-child a{
	border: none;
	padding-right: 0;	
}

/* Footer ================================================================================ */


#footer {
    background: url("images/bg_footer.gif") repeat-x left top #fef8ce;
    float: left;
    padding-bottom: 15px;
    width: 100%;
	position: relative;
}

#footertop{
	margin: 0 auto;
	width: 980px;
	position: relative;
}

#footertop #contact{
	position: absolute;
	bottom: 35px;
	left: 0;
}

#footerinner{
	width: 980px;
	margin: 0 auto;
	padding-top: 20px;
}

.aceview a{
	background: url("images/ic_aceview.png") no-repeat scroll left top transparent;
    color: #FFFFFF;
    float: left;
    font-size: 12px;
    margin-left: 7px;
    padding-left: 25px;
}

#aceview a{
	background: url("/images/ic_aceview.png") no-repeat scroll left top transparent;
    color: #9A9682;
    font-size: 12px;
    padding: 2px 25px;
    text-decoration: none;
}

/* ======================================================================================= */

.alignright {
	float:right;
	margin:0 0 10px 10px;
	padding:2px;
	border:1px solid #eee;
}

/* Comments ================================================================================ */


.commentlist {
	background-color:#574739;
	color:#006699;
}

.comment-body {
	background-color:#eee;
	margin-bottom:5px;
	padding:10px;
}

.comment-meta {
	font-size:11px;
}

.comment-body p, .comment-body .says {
	color:#574739;
}

#commentform input, #commentform textarea {
	border:1px solid #ccc;
}

.reply {
	width:80px;
	padding:3px;
	background-color:#ccc;
	text-align:center;
}

#submit {
	padding:5px;
	background-color:#006699;
	border:0;
}


/* Nieuws ================================================================================ */


#nieuws .entry{
	border-bottom:1px solid #eee;
	min-height:200px;
}

#nieuws .post-date{
	font-size:11px;
	color:#ccc;
}
	
#nieuws h3{
	font-size:14px;
	font-weight:bold;
}

#nieuws .post-thumb, #nieuws .nieuws-image{
	float:right;
	padding:2px;
	border:1px solid #eee;
	margin:0 0px 20px 20px;
}
	
/* Contactformulier ================================================================================ */

#gform_1 input, #gform_1 textarea{
	border:1px solid #ccc;	
}

#gform_1 #input_1_7{
	width: 10% !important;
}
	
#gform_1 input.gform_button{
	border: none;
}

.gform_button{
	background-color: #007E86;
	border:1px solid #fff;
	padding:5px;
	color:#fff!IMPORTANT;
}

#gform_wrapper_1 label span.gfield_required{
	color: #000;
}
	
#gform_1 ul li{
	margin: 0;
}	

.gform_wrapper .top_label .voorletters input.medium, .gform_wrapper .top_label .voorletters select.medium{
	width: 10% !important;
}

/* Category page =================== */


ul#projecten-thumbs{
	list-style:none;
	margin:0;
	padding:0;
	}
	
ul#projecten-thumbs li{
	float: left;
    margin: 0 3px 10px;
    padding: 0;
    width: 146px;
	}


ul#projecten-thumbs li .projecten-thumbs img{
	border-color: #ccc;
    border-style: solid solid solid solid;
    border-width: 1px;
    float: left;
    margin: 0;
    padding: 2px;	
	}
	
ul#projecten-thumbs li .projecten-txt{
	/*background: none repeat scroll 0 0 #C5C6C8;
    border-top: 2px solid #FFDB1D;*/
    float: left;
	font-size:11px;
    overflow: hidden;
    padding: 5px;
    width: 136px;
	height:40px;
	
	}
	
ul#projecten-thumbs li .projecten-txt a {
	color: #000000;
    text-decoration: none;
}
	

/* Single-referentie =================== */


#projecten {
	margin-top: 20px;
	
}

#projecten h2{
	color: #4D4D4D;
	font-size: 16px;
}

#project-image img {
	float:right;
	margin:0 0px 15px 15px;
	
	}

#project-image img{
	
	overflow:hidden;
	margin-top:10px;
	padding:2px;
	border:1px solid #ccc;
	}
	
ul#project-thumbs{
	width:665px;
	list-style:none;
	margin:20px 0 0 -8px;
	padding:0;
	
	
	}
	
ul#project-thumbs li{
	float: left;
	margin:0 0 4px 8px;
	padding:0;
	
}

ul#project-thumbs li .project-thumb img {
	
	padding:2px;
	margin:0;
	border:1px solid #ccc;
	}
	
ul#project-thumbs li .projecten-txt{
	height:50px;
	background-color:red;
	 
	 }
	
	
/* Dierenartsen page =================== */


ul#dierenartsen-thumbs{
	list-style:none;
	margin:0;
	padding:0;
	}
	
ul#dierenartsen-thumbs li{
	float: left;
    margin: 0 20px 10px 0px;
    padding: 0 20px 0 0;
    width: 146px;
	}


ul#dierenartsen-thumbs li .dierenartsen-thumbs img{
	border-color: #ccc;
    border-style: solid solid solid solid;
    border-width: 1px;
    float: left;
    margin: 0;
    padding: 2px;	
	}
	
ul#dierenartsen-thumbs li .dierenartsen-txt{
	/*background: none repeat scroll 0 0 #C5C6C8;
    border-top: 2px solid #FFDB1D;*/
    float: left;
	font-size:11px;
    overflow: hidden;
    padding: 5px;
    width: 136px;
	height:40px;
	
	}
	
ul#dierenartsen-thumbs li .dierenartsen-txt a {
	color: #000000;
    text-decoration: none;
}


a.post-edit-link{
	padding:5px;
	background-color:#cc0000;
	color:#fff;	
	}
	

ul#video{
	list-style:none;	
	}
	
ul#videolinks li{
	list-style:none;
	padding:5px 10px;
	margin-bottom:10px;
	color:#000;
	background-color:#eee;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	
	}