/* CSS Document */

/* Site-wide Google Fonts */
@import url(http://fonts.googleapis.com/css?family=Roboto:300,400,400italic,500,500italic,700italic,700);
@import url(http://fonts.googleapis.com/css?family=Raleway:400,500,600,700);
body {
	background: #F1F5F9;
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	line-height: 1.6em;
}

body, div, p, a, span {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-moz-font-feature-settings: "calt=0,liga=0";
    -moz-font-feature-settings: "liga=0";
    -moz-font-feature-settings: "liga" 0;    
}

b, strong {
	font-weight: 500;
}

h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, .go_row-title {
	font-family: 'Raleway', sans-serif;
	font-weight: 500;
}

.content a {
	font-weight: 500;
	text-decoration: none;
	/*border-bottom: 1px #000 dotted;*/
	}
	
.content .unit-medium{
    font-weight: initial;
    text-decoration: inherit;
    border-bottom: none;
}

ol:not([class]) li:not([class]), 
ul:not([class]) li:not([class]){
	margin-bottom: 10px;	
}
 

.go_topmenu {
	font-size: 14px;
	font-weight: 300;
	height: 24px;
}
.go_topmenu a {
	color: #333;
	background: #FFF;
	opacity: 0.8;
	padding: 2px 7px;
	margin-left: 8px;
}
.go_topmenu a:hover {
	opacity: 1;
	color: #111;
}

img.top-image {
	display: none;
	border-radius: 4px;
}

.go_logo img{
/*	max-height: initial;	*/
}

/*
.go_logo::after { 
	content: "";
    width: 609px;
    height: 219px;
    background: #FFF url("../img/header-stadsdorp.jpg") no-repeat 0 0;
    top: 10px;
    left: 5px;
    position: absolute;
}
*/

/* Welkom */
.welkom.group {
	background:#FFF;
	margin-bottom:10px;
	padding:16px 20px 20px 20px;
}
.welkom h1 {
	font-size: 1.6em;
}

/* Hoofdmenu */
.hoofdmenu {
/*	background: #971A18;	*/
	margin: 0;
	text-align: left;
	border-top: none;
}
.hoofdmenu-items .hoofdmenu-button{
/*	background: #971A18;	*/
}

.hoofdmenu-button {
	color: #FFF;
	font-size: 20px;
	font-weight: 500;
	line-height: 24px;
/*	border-bottom: 1px solid #971A18;	*/
	-webkit-font-smoothing: antialiased;
}
.hoofdmenu-button:hover {
/*	border-bottom: 1px solid #FFF;	*/
}

.hoofdmenu-button {
/*	margin: 4px 0 20px 26px;	*/
}
.hoofdmenu-button:last-child {
/*	margin-right: 26px;	*/
}
	
.hoofdmenu-button-aangeklikt{
	background: none;
	color: #FFF !important;
	padding-top: 14px;
	margin: 4px 0 16px 26px;
	border-top: none;
	font-size: 18px;
	font-weight: 500;
	border-bottom: 1px solid #FFF;
}	


/* Content */
.artikel-kop {
	font-family: 'Raleway', sans-serif;
	font-size: 1.34em;
	font-weight: 500;
	text-transform: none;
	letter-spacing: 0;
	color: #000;
	margin: 18px 0 18px 0;
	padding-left: 0;
}

.col-midden h1 {
	line-height: 1.4em;
}
	.unit-groot h1 a {
		font-weight: 600;
	}

.col-midden .unit-groot-top > span, .unit-groot-top > span {
	background: #DBE8EF;
	color: #333;
	padding: 2px 8px;
}

	.nieuwsteberichten .datumplaats, .nieuwsteberichten .tag, .kalenderdag-index .locatie {
		line-height: 16px;
	}
	
	.metawolk, .tag, .go_provider, .go_location {
		font-size: 1em;
		line-height: 1.4em;
		max-height: 2.8em;
	}

.netwerk-wrapper .unit-medium {
	background: #DBE8EF;
}
.netwerktitel {
	color: #333;
}

.navigatie-wrapper {
	font-size: 14px;
}

.content .padding-content h1 {
	font-size: 1.6em;
	line-height: 1.4em;
	margin: 10px 0 20px 0;
}
	.content .padding-content h1:first-child {
		font-size: 2em;
		margin: 0 0 20px 0;
	}


/* Footer */	
footer {
	border: none;
	color: #111111;
}
footer a {
	color: #111111;
}
footer a:hover, footer a:active {
	color: #000;
	text-decoration: underline;
}
	
footer .menuwrapper {
	width: 100%;
}
	footer ul li.copyright { float: right; }
	
.spacer {display:none !important;}



/*HIERONDRE */






/* Sidebar */
.kalenderdag-index, .gevonden, .verloren {
	  background: #80AACF url("../img/bg-header-wave.png") repeat top left;
	  border: none;
}
.kalenderdag h2 a, .kalenderdag-index h2 a, .unit-medium .type a, .relatie a, .locatie a {
	text-decoration: none;
}
.kalenderdag-index h4, .gevondenverloren-kop h4 {
	color: #FFF;
	font-weight: 600;
	background: none;
}
	
.kalenderdag-index .unit-medium, .gevondenverloren .unit-medium {
	background:	#F5F9FB;
	border-top: none;
}
.activiteit-nieuw {
	background: #FCFDFE !important;
}
.unit-medium-activiteit:hover, .activiteit-nieuw:hover {
  	background: #FFF !important;
}

.unit-medium-tijd {
	line-height: 2em;
	font-size: 0.85em;
}

a.home-naar-agenda {
	background-position: 9px 9px;
	padding: 10px 0 10px 21%;
	background-color: #DBE8EF;
	border-bottom-style: solid;
	border-bottom-color: #C5D1D6;
}
a.home-naar-agenda:hover {
	color: #000 !important;
	text-decoration: underline;
}
	
.wit {
	background: #FFF;
}




/* HIERONDER */


 
	
/* Responsive Lay-out voor full-size > 1200px width*/
@media only screen and (min-width: 1200px) {
	img.top-image {
		display: block;
		float: left;
		margin: -25px 0 20px 94px;
	}
}




/* HIERBOVEN */

@media only screen and (max-width: 1200px) {	
	.topImage {
		display: none;
	}
	
	.kalenderdag-index h2, .gevondenverloren h2 {
		font-size: 14px;
	}
	.unit-medium-tijd {
		font-size: 11px !important;
	}
	
	footer {
		margin-top: 40px;
	}
}


/* iPad only styles for fixing font lay-out, mostly in sidebar and .kalendar-index */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)  {
	
	.unit-medium-tijd {
		line-height: 2.6em;
		width: 20%;
		padding-right: 3px;
	}

	.col-left {
		width: 30%;
	}

	.col-midden {
		width: 68%;
	}

	.col-right {
		width: 68%;
		margin-left: 27%;
	}

}


@media only screen and (max-width: 1024px) {
	footer ul li.copyright { clear: left; float: left; }
}

@media only screen and (max-width: 659px) {
	.col-right { width: 100%; margin-left: 0;}
	.col-midden { width: 100%; }
}

@media only screen and (max-width: 500px) {
	li.copyright { text-align: left; }
}

@media only screen and (max-width: 800px) {
	/* Hoofdmenu */
	.hoofdmenu {
		background: none;
	}

}


footer ul { width: 100%;}
footer ul li { float: left; }




/* RESPONSIVE - TOP */
@media only screen and (max-width: 800px) {	 	/* 6 & 7 items */
	.top-6-items .hoofdmenu .hoofdmenu-button,
	.top-7-items .hoofdmenu .hoofdmenu-button{
    	background: #971A18;
	}	
}
@media only screen and (max-width: 900px){		/* 8 menu items ! */
	.top-8-items .hoofdmenu .hoofdmenu-button{
    	background: #971A18;
	}
}
@media only screen and (min-width: 1001px){		/* 9 menu items ! */
	.top-9-items .hoofdmenu .hoofdmenu-buttom{
    	background: #971A18;
	}
}
@media only screen and (min-width: 1201px){		/* 10-11-12 menu items */
	.top-10-items .hoofdmenu .hoofdmenu-button,
	.top-11-items .hoofdmenu .hoofdmenu-button,
	.top-12-items .hoofdmenu .hoofdmenu-button{
    	background: #971A18;
	}
}
	
	
	
	
	

/* end */