/*
Theme Name: De Klimroos
Theme URI: http://www.deklimroos.nl
Description: De Klimroos is een thema gebaseerd op het Responsive thema.
Author: Sneffets
Author URI: -
Template: responsive
Version: 1.0
*/

/* Generated by Orbisius Child Theme Creator (http://club.orbisius.com/products/wordpress-plugins/orbisius-child-theme-creator/) on Sat, 08 Feb 2014 19:45:02 +0000 */ 

@import url('../responsive/style.css');
/* ALGEMEEN----------------------------------------------------------------------------------------------------*/
@font-face {
	font-family: Bree Serif;
	src: url('BreeSerif-Regular.otf');
}

body {
	font-size: 12px;
}

#container, #footer {
	background: #fff;
}

/* VERBORGEN ELEMENTEN-----------------------------------------------------------------------------------------*/
.navigation, .post-data, .post-meta, .featured-subtitle, .call-to-action, .featured-title, #featured p, .breadcrumb-list, .pagination {
	display: none;
}

/* KOPPEN--------------------------------------------------------------------------------------------------- */
h1, h2 {
	font-family: Bree Serif;
	font-weight: 500;
	margin-top: 0;
}

h1, {
	margin-bottom: 1em;
	font-size: 17px;
}

h2 {
	margin-bottom: .5em;
	font-size: 17px;
}

/* LINKS------------------------------------------------------------------------------------------------------ */
a, a:visited {
	color: #00628B;
	text-decoration: none;
}

a:hover,
a:focus,
a:active {
	color: #00628B;
	outline: 0;
	text-decoration: underline;
}

::selection {
	background: #999999;
	color: #ffffff;
	text-shadow: none;
}



/*Headermenu algemeen-----------------------------------------------------------------------------------------*/
.menu {
	background-color: #ffffff;
	background-image: none;
	margin-left: 5px;
}

.menu li {
	margin-right: 3px;
	text-align: center;
}

.menu a {
	border-left: none;
	font-size: 13px;
	font-weight: 700;
	height: 35px;
	line-height: 35px;
	text-shadow: none;
	color: #192823;
}

.menu a:hover {
	text-decoration: none;
	font-weight: 700;
}

.menu li li a {
	text-align: left;
	font-family: Arial !important;
	font-size: 11px;
}

/*Headermenu kleuren------------------------------------------------------------------------------------------*/
.menu #menu-item-76, #menu-item-76.current-menu-item, #menu-item-76 a:hover, .menu #menu-item-76.current_page_item a, .menu #menu-item-76.current-menu-item a {
	background-color: #DD1E2F;
	background-image: none;
}

.menu #menu-item-77, #menu-item-77.current-menu-item, #menu-item-77 a:hover, .menu #menu-item-77.current_page_item a, .menu #menu-item-77.current-menu-item a {
	background-color: #EBB035;
	background-image: none;
}

.menu #menu-item-78, #menu-item-78.current-menu-item, #menu-item-78 a:hover, .menu #menu-item-78.current_page_item a, .menu #menu-item-78.current-menu-item a {
	background-color: #06A2CB;
	background-image: none;
}

.menu #menu-item-79, #menu-item-79.current-menu-item, #menu-item-79 a:hover, .menu #menu-item-79.current_page_item a, .menu #menu-item-79.current-menu-item a {
	background-color: #218559;
	background-image: none;
}

.menu #menu-item-80, #menu-item-80.current-menu-item, #menu-item-80 a:hover, .menu #menu-item-80.current_page_item a, .menu #menu-item-80.current-menu-item a {
	background-color: #D0C6B1;
	background-image: none;
}

/*wrapper-----------------------------------------------------------------------------------------------------*/
#wrapper, .front-page #wrapper {
	margin: 0 auto 20px;
}

#wrapper {
	border: 1px solid #D0C6B1;
}

/*featured----------------------------------------------------------------------------------------------------*/
#featured {
	padding: 0;
	border: 1px 0 0 0;
}

#featured-image {
	height: 240px;
	padding: 0;
	margin-top: 0;
}

.col-460 {
	width: 100%;
	padding: 0;
	margin: 0;
}

/*widget------------------------------------------------------------------------------------------------------*/
.widget-title h3 {
	text-align: center;
	font-size: 18px;
	padding: 15px;
	font-family: Bree Serif;
	color: #192823;
	font-weight: normal;
}

.widget-title {
	background: #D0C6B1;
	padding: 0;
}

.widget-wrapper {
	border: 1px solid #D0C6B1;
	background: transparent;
	padding: 0;
}

.textwidget {
	padding: 0 15px;
}

.home-widgets h3 {
	padding: 15px;
	text-align: left;
	font-size: 30px;
	font-family: "Bree Serif";
	font-weight: normal;
}

.home-widgets .widget-wrapper {
	border: none;
	background: #ffffff;
	padding: 0;
	text-align: left;
}

.home-widgets .textwidget {
	padding: 0 20px;
}

#home_widget_1 h3 {
	color: #DD1E2F;
}

#home_widget_2 h3 {
	color: #EBB035;
}

#home_widget_3 h3 {
	color: #06A2CB;
}

/*widget-titles rood----------------------------------------------------------------------------------*/
#advanced_menu-2 h3 { 
	background: #DD1E2F;
}

#advanced_menu-2 {
	border-color: #DD1E2F;
}

.school_widgets h3 {
	color: #DD1E2F;
}

.school_widgets img {
align: center;
}

/*widget-titles geel----------------------------------------------------------------------------------*/
#advanced_menu-3 h3 {
	background: #EBB035;
}

#advanced_menu-3 {
	border-color: #EBB035;
}

#categoryposts-2 h3, .ouders_widgets h3 {
	color: #EBB035;
}

/*widget-titles blauw----------------------------------------------------------------------------------*/
#advanced_menu-4 h3 {
	background: #06A2CB;
}

#advanced_menu-4 {
	border-color: #06A2CB;
}

/*widget-titles groen----------------------------------------------------------------------------------*/
#advanced_menu-5 h3 {
	background: #218559;
}

#advanced_menu-5 {
	border-color: #218559;
}

/*widget diversen----------------------------------------------------------------------------------*/


#widgets ul {
	list-style: outside circle url(http://www.deklimroos.nl/wp-content/uploads/2014/02/menu.gif);
	line-height: 2em;
	font-size: 13px;
	margin: 15px;
}

.widget_theme_navigation a,.menu-header-container a {
	font-weight: 500;
	color: #555555;
}

.fbf_facebook_page_widget, .fbf_facebook_page_widget a {
	font-size: 12px;
	color: #666;
}

#widgets a:hover {
	text-decoration: underline;
}


.wpdm-category li {
	border-bottom: none;
}

/*datum------------------------------------------------------------------------------------------------------*/
#date {
	float: right;
	margin-right: 10px;
	font-weight: 600;
	margin-top: 10px;
}