/*
#########################
#		ALGEMEEN 		#
#########################
*/
body, html,
h1, h2, h3, h4, h5, h6,
p,
ul, ol, li,
dl, dt, dd,
form
{
	margin: 0; padding: 0;
}

a { outline: none; }
p { margin-bottom: 1.2em; }
h2 { font-size: 1.3em; }
h3 {}
h4 {}
img { border: none; }
html { font: 62.5%/200% Arial, Verdana, Tahoma, sans-serif; }

body {
	padding: 2em 0;
	font-size: 1.2em;
	background: #1f1f1f url(/img/bg.gif) repeat-x;
}

/* iFader
------------------------------------------------------------------*/
div.js-ifader { position: relative; }
div.js-ifader div.js-ifader-item { right: 0; position: absolute; top: 0; z-index: 0; }
div.bannerWrapper { width:717px; height: 68px; overflow: hidden; margin-top: 10px; }

/*
################
#	LAYOUT	   #
################
*/

div#topmenu {
	width: 944px;
	margin: auto;
	padding: 0 12px 1em;
	text-align: right;
	color: #dadada;
}

div#topmenu a {
	text-decoration: none;
	color: #dadada;
}

div#topmenu a:hover,
div#topmenu a:focus,
div#topmenu a.active { text-decoration: underline; }

div#container {
	position: relative;
	width: 968px;
	margin: auto;
	overflow: hidden;
	background: #fff url(/img/kolom-rechts.gif) repeat-y right;
}

h1.sitelogo,
p.sitelogo {
	background: #fff url(/img/sitelogo-nl.gif) no-repeat center;
	float: right;
	height: 115px;
	margin-bottom: 0;
	padding: 0;
	text-indent: -9999px;
	width: 251px;
}

h1#sitelogo-en, p#sitelogo-en { background-image: url(/img/sitelogo-en.gif); }
h1#sitelogo-de, p#sitelogo-de { background-image: url(/img/sitelogo-de.gif); }

h1.sitelogo a, p.sitelogo a {
	display: block;
	height: 115px;
}

div#kolom-breed {
	float: left;
	width: 717px;
	overflow: hidden;
	background: no-repeat;
}

div.header {
	position: relative;
	height: 221px;
	background: url(/img/header.png); /* Overrule voor IE6 */
}

div#header-sub {
	height: 171px;
	background-image: url(/img/header-sub.png); /* Overrule voor IE6 */
}

div.header h1.welkom-in-groningen,
div.header h2.welkom-in-groningen {
	position: absolute;
	top: 146px;
	left: 335px;
	width: 382px;
	height: 75px;
	text-indent: -9999px;
	background: url(/img/welkom-in-groningen.gif) no-repeat;
}
div.header h1#welkom-in-groningen-highlight {
	background-image: url(/img/achtergrond-welkom.png);
	text-indent: 0;
}

div.header h1.welkom-in-groningen a,
div.header h2.welkom-in-groningen a {
	display: block;
	height: 75px;
}

div#header-sub h1.welkom-in-groningen,
div#header-sub h2.welkom-in-groningen {
	top: 96px;
}

div.header h1#welkom-in-groningen-en,
div.header h2#welkom-in-groningen-en { background-image: url(/img/welkom-in-groningen-en.gif); }

div.header h1#welkom-in-groningen-de,
div.header h2#welkom-in-groningen-de { background-image: url(/img/welkom-in-groningen-de.gif); }

div.wrapper {
	clear: both;
	padding: 1.6em 8px 0 16px;
}

a#alle-groninger-links {
	display: block;
	clear: both;
	padding: 1em 1em .8em 0;
	color: #a60761;
	font-size: 1.6em;
	font-weight: bold;
	text-align: right;
	background: url(/img/pijltjes-oranje-links.gif) no-repeat right 60%;
}

a#alle-groninger-links:hover,
a#alle-groninger-links:focus { text-decoration: none; }

a#alle-groninger-links span {
	padding-left: 1em;
	background: url(/img/pijltjes-roze-rechts.gif) no-repeat 0 .3em;
}

/*BANNER TIJDELIJK */
a.banner {
	display: block;
	overflow: hidden;
	height: 68px;
	margin: 10px 0 0 87px;
	width: 	630px;
}
a.banner:hover {
	background-position: 0 -68px;	
}

h1#paginatitel,
h2#paginatitel { /* Overrule voor IE6 */
	margin-bottom: .4em;
	color: #fff;
	font-size: 1.8em;
	overflow: hidden;
	border-top: 1em solid #000;
}

h1#paginatitel span,
h2#paginatitel span {
	float: left;
	padding: .3em 3em .3em .8em;
	background: #000 url(/img/heading-2.gif) no-repeat top right;
}

div#navigatie { /* Overrule voor IE6 */
	padding: 0 12px 0 12px;
	overflow: hidden;
}

div#navigatie a {
	float: left;
	margin-right: .3em;
	padding: 0 .5em;
	color: #f11549;
	text-decoration: none;
	border: 1px solid #f11549;
}

div#navigatie a:hover,
div#navigatie a:focus,
div#navigatie a.active {
	color: #fff;
	background-color: #f11549;
}

div#navigatie a.archief { margin-left: 1em; border: 1px solid #fff; }

div#navigatie a.archief:hover,
div#navigatie a.archief:focus { color: #f11549; text-decoration: underline; background: none; }

div#navigatie a#volgende-3-items {
	float: right;
	margin-right: 0;
	padding-left: 1em;
	padding-right: 1em;
}

div#fotosuitgelicht-wrapper {
	background: #ffaa2b url(/img/uitgelicht-home.gif) repeat-x top;
	height: 180px;
	padding: 5px;
	overflow: hidden;
	margin-bottom: 15px;
}

div.wrapper-inhoud .uitgelicht {
	font-size: .9em;
	padding-top: 160px;
}

.uitgelicht .inhoud {
	color: #fff;
}

div.ticker { /* Overrule voor IE6 */
	margin-bottom: 1em;
	padding: 1em 0 4em 0;
	overflow: hidden;
	background: #fff url(/img/ticker.gif) repeat-x bottom;
}

div#kolom-rechts {
	float: left;
	width: 251px;
	overflow: hidden;
}

div#footer-top {
	clear: both;
	width: 681px;
	margin-left: 16px;
	font-size: 1.2em;
	text-align: right;
	background: url(/img/footer-top.jpg) no-repeat 0 50%; /* Overrule voor IE6 > fixed */
	overflow: hidden;
	font-weight: bold;
}

div#rsscontainer {
	width: 681px;
	height: 1.6em;
	padding: 1em 0 2.6em;
	overflow: hidden;
}

div#footer-top ul { list-style: none; background: none; } /* Overrule voor IE6 > margin-top: -1em; */
div#footer-top ul li { margin: 0 0 4em 140px; }

div#footer-top a {
	color: #4f4f4f;
	text-decoration: none;
}

div#footer-top a:hover,
div#footer-top a:focus { text-decoration: underline; }

div#footer-bottom {
	width: 692px;
	margin-left: 16px;
	padding: 1.6em 0;
	color: #1a171b;
	background: url(/img/footer-bottom.jpg) no-repeat right 50%;
}

div#footer-bottom a {
	color: #1a171b;
	text-decoration: none;
}

div#footer-bottom a:hover,
div#footer-bottom a:focus {
	text-decoration: underline;
}

/* SUBPAGINA'S */
div#breadcrumbs {
	text-align: right;
	color: #e31f50;
}

div#breadcrumbs a {
	padding-right: .6em;
	color: #000;
	text-decoration: none;
}

div#breadcrumbs a:hover,
div#breadcrumbs a:focus { text-decoration: underline; }

h3#to-home, p#to-home { font-size: 2em; font-weight: bold; margin: -.8em 0 .6em; }
h3#to-home a, p#to-home a { color: #ed1f51; }

h3#to-home a:hover,
h3#to-home a:focus,
p#to-home a:hover,
p#to-home a:focus { text-decoration: none; }

p#pagina-intro {
	width: 420px;
	margin-bottom: 1.9em;
}

div#kolom-links {
	float: left;
	width: 225px;
	margin-top: 5em;
	overflow: hidden;
}

div.kolom-overzicht {
	float: left;
}

div.content-smal {
	float: left;
	width: 452px;
	margin-top: 5em;
	padding-left: 16px;
}

div.content-smal a { color: #E41F50; }
div.content-smal-oranje a { color: #FC7E04; }
div.content-smal-groen a { color: #AFC400; }

div.content-smal a:hover,
div.content-smal a:focus { text-decoration: none; }

div#pagina-intro {
	margin-bottom: 2em;
	padding-bottom: .8em;
	background: url(/img/intro-roze.gif) no-repeat bottom right;
}

div#pagina-intro a { color: #000; }
div#pagina-intro a:hover,
div#pagina-intro a:focus { text-decoration: none; }

div#pagina-intro h1,
div#pagina-intro h2 {
	padding: .3em 40px .3em 12px;
	color: #fff;
	line-height: 140%;
	font-size: 1.6em;
	background: #e31f50 url(/img/intro-roze.gif) no-repeat top right;
}

div#pagina-intro div {
	padding: 1.6em 20px 0 20px;
	background: #ffe0e5 url(/img/intro-roze.gif) no-repeat right -122px;
}

div.content-smal-groen div#pagina-intro,
div.content-smal-groen div#pagina-intro h1,
div.content-smal-groen div#pagina-intro h2,
div.content-smal-groen div#pagina-intro div {
	background-image: url(/img/intro-groen.gif);
}

div.content-smal-groen div#pagina-intro h1,
div.content-smal-groen div#pagina-intro h2 { background-color: #afc400; }
div.content-smal-groen div#pagina-intro div { background-color: #e0e89b; }

div.content-smal-oranje div#pagina-intro,
div.content-smal-oranje div#pagina-intro h1,
div.content-smal-oranje div#pagina-intro h2,
div.content-smal-oranje div#pagina-intro div {
	background-image: url(/img/intro-oranje.gif);
}

div.content-smal-oranje div#pagina-intro h1,
div.content-smal-oranje div#pagina-intro h2 { background-color: #fc7e04; }
div.content-smal-oranje div#pagina-intro div { background-color: #fce5cf; }

p.illustratie-rechts {
	float: right;
	margin-left: 18px;
}

p.illustratie-links {
	float: left;
	margin-right: 18px;
}

p.illustratie img,
p.illustratie small {
	display: block;
}

p.illustratie small {
	padding: .6em .6em 1.4em .6em;
	color: #fff;
	font-size: 1em;
	text-align: right;
	background: #e31f50 url(/img/bijschrift-roze.gif) no-repeat bottom left;
}

div.content-smal-groen p.illustratie small { background-image: url(/img/bijschrift-groen.gif); background-color: #afc400; }
div.content-smal-oranje p.illustratie small { background-image: url(/img/bijschrift-oranje.gif); background-color: #fc7e04; }


div.results-area {

}

div.results-area span.resultcountestimation {
	font-size: 1.4em;
	font-weight: bold;
}

div.results-area span.pagenumber {
	border: 1px solid #F25F19;
	background: #F25F19;
	color: #fff;
	padding: 3px 6px 3px 6px;
	margin-left: 15px;
	margin-right: 3px;
}

div.results-area a.pagenumber {
	border: 1px solid #F25F19;
	background: #fff;
	color: #F25F19;
	padding: 3px 6px 3px 6px;
	margin-left: 3px;
	margin-right: 3px;
	text-decoration: none;
}

div.results-area a.moregoogleresults {
	color: #F25F19;
	text-decoration: none;
}

div.results-area dl.extended-search-results {
	margin-top: 40px;
}

div.results-area dt {
	font-size: 1.4em;
	background: url(/img/search_arrow.gif) no-repeat;
	background-position: 0px 5px;
	padding-left: 40px;
}

div.results-area dt a { color: #ff8326; }

div.results-area dt a:hover,
div.results-area dt a:focus { text-decoration: none; }

div.results-area dd {
	padding-left: 40px;
	margin-bottom: 30px;
}

div.results-area dd p.content {
	width: 480px;
	margin-bottom: 0;
}

div.results-area a.visibleurl {
	color: 	#F25F19;
	text-decoration: none;
}

div#LCcopyright { display: none; }
inlinezoekresultatenheader, #inlinezoekresultaten { display: none; }

/*
################
#	LIJSTEN	   #
################
*/

/* ACCESSIBILITY-MENU */
ul#accessible { display: none; }

/* GRONINGEN_SITES */
ul#groningen-sites {
	list-style: none;
	overflow: hidden;
	background: url(/img/groningen_sites_bg.gif) repeat-x bottom;
}
ul#groningen-sites li { float: left; }

ul#groningen-sites li a {
	text-align: center;
	display: block;
	padding: 6em 0 1em 0;
	text-align: center;
	background: #fff url(/img/groningen-sites.gif) no-repeat bottom left;
}

ul#groningen-sites li a:hover,
ul#groningen-sites li a:focus { text-decoration: none; }

ul#groningen-sites li a#site-gemeente-groningen {
	width: 191px;
	color: #ff0000;
	background-position: -12px bottom;
	
	/* Tijdelijk totdat city-for talents online gaat en er 4 items in het hoofdmenu zijn
	width: 239px;
	background-position: 0 bottom; */
}

ul#groningen-sites li a#site-toerisme-groningen {
	width: 175px;
	color: #ff7e00;
	background-position: -187px bottom;
	
	/* Tijdelijk totdat city-for talents online gaat en er 4 items in het hoofdmenu zijn
	width: 239px;
	background-position: -155px bottom; */
}

ul#groningen-sites li a#site-provincie-groningen {
	width: 183px;
	color: #094fa4;
	background-position: -350px bottom;
	
	/* Tijdelijk totdat city-for talents online gaat en er 4 items in het hoofdmenu zijn
	width: 239px;
	background-position: -328px bottom; */
}

ul#groningen-sites li a#site-city-of-talent {
	width: 168px;
	color: #1a171b;
	background-position: -535px bottom;
}

/* TAALMENU */
div.header dl ul { list-style: none; }

div.header dl ul li {
	float: left;
}

div.header dl ul li a {
	display: block;
	width: 16px;
	height: 11px;
	padding: 0 .3em;
	text-indent: -9999px;
	background: no-repeat center;
}

div.header dl ul li a#taal-nl { background-image: url(/img/taal-nl.gif); }
div.header dl ul li a#taal-en { background-image: url(/img/taal-en.gif); }
div.header dl ul li a#taal-de { background-image: url(/img/taal-de.gif); }

/* HANDIG: STUUR DOOR & PRINT PAGINA */
ul#handig {
	position: absolute;
	margin-top: -3em;
	list-style: none;
}

ul#handig li {
	display: inline;
}

ul#handig li#print-pagina {
	margin-left: 1.6em;
}

ul#handig li a {
	padding-left: 1.6em;
	color: #656565;
	text-decoration: none;
	background: url(/img/handig.gif) no-repeat 0 45%;
}

ul#handig li a:hover,
ul#handig li a:focus { text-decoration: underline; }

ul#handig li#print-pagina a {
	background-position: -289px 45%;
}

/*
############################
#	DEFINITIE-LIJSTEN	   #
############################
*/

/* CHANGE LANGUAGE */
div.header dl {
	overflow: hidden;
}

div.header dl dt {
	float: left;
	padding: .4em 1.8em;
	background: #fff;
}

div.header dl dd { /* Overrule voor IE6 */
	float: left;
	padding: .8em 2.8em .8em 0;
	background: url(/img/taal.png) no-repeat right top;
}

/* CATEGORIE-OVERZICHT */
dl.categorie {
	float: left;
	width: 225px;
	margin-left: 9px;
}

dl.categorie-allelinks {
	float: none;
	padding-bottom: 3.8em;
}

dl.categorie-sub {
	float: none;
	width: auto;
	margin-left: 0;
}

dl.categorie dt {
	margin-bottom: .5em;
	padding: 1em 0 3.9em .8em;
	background: no-repeat;
}

dl#overzicht-wonen-en-leven dt { background-image: url(/img/overzicht-wonen-en-leven.jpg); }
dl#overzicht-vvv-en-vrije-tijd dt { background-image: url(/img/overzicht-vvv-en-vrije-tijd.jpg); }
dl#overzicht-kennis-en-banen dt { background-image: url(/img/overzicht-kennis-en-banen.jpg); }

dl.categorie-groen dt,
dl.categorie-sub-groen dt { background-image: url(/img/dummy-overzicht-groen.jpg); }
dl.categorie-roze dt,
dl.categorie-sub-roze dt { background-image: url(/img/dummy-overzicht-roze.jpg); }
dl.categorie-oranje dt,
dl.categorie-sub-oranje dt { background-image: url(/img/dummy-overzicht-oranje.jpg); }

dl.categorie dt img {
	display: block;
}

dl.categorie dd {
	padding-left: .8em;
}

dl.categorie-roze dd a { color: #EC1E54; }
dl.categorie-oranje dd a { color: #FC7E04; }

dl.categorie dd.titel {
	line-height: 140%;
	color: #afc400;
}

dl.categorie dd.uitgelicht a {
	display: block;
	color: #000;
	font-weight: bold;
}

dl.categorie dd.uitgelicht a:hover,
dl.categorie dd.uitgelicht a:focus { color: #AFC300; }

dl.categorie-roze dd.uitgelicht a:hover,
dl.categorie-roze dd.uitgelicht a:focus { color: #EC1E54; }

dl.categorie-oranje dd.uitgelicht a:hover,
dl.categorie-oranje dd.uitgelicht a:focus { color: #FC7E04; }

dl.categorie dd.uitgelicht a:visited { color: #6e6e6e; }

dl.categorie ul {
	margin-top: 1em;
	list-style: none;
}

dl.categorie-sub ul {
	margin-left: -.8em;
}

dl.categorie ul li {
	margin: .4em 0;
	padding-left: 2em;
	background: url(/img/pijltje-groen.gif) no-repeat 0 .2em;
}

dl.categorie-sub ul li {
	margin: 0;
	padding-left: 0;
	background: none;
}

dl.categorie ul li a {
	text-decoration: none;
	color: #3f3f3f;
}

dl.categorie ul li a:visited { color: #8f8f8f; }

dl.categorie-sub ul li a { /* Overrule voor IE6 */
	display: block;
	padding: .3em .6em .3em 2.8em;
	background: url(/img/pijltje-groen.gif) no-repeat .8em .5em;
}

dl.categorie ul li a:hover,
dl.categorie ul li a:focus { text-decoration: underline; }

dl.categorie-sub ul li a:hover,
dl.categorie-sub ul li a:focus,
dl.categorie-sub ul li a.active { background-color: #e0e89b; }

/* Verschillende kleuren voor categorie-overicht */
div.kolom-eerste dl.categorie, dl.categorie.categorie-eerste { margin-left: 0; clear: left; }

dl.categorie-roze dd.titel { color: #ed1f51; }
dl.categorie-oranje dd.titel { color: #ff7e00; }

dl.categorie-roze ul li { background-image: url(/img/pijltje-roze.gif); }
dl.categorie-oranje ul li { background-image: url(/img/pijltje-oranje.gif); }

dl.categorie-front-groen ul li a { color: #5f6a00; }
dl.categorie-front-roze ul li a { color: #ec2051; }
dl.categorie-front-oranje ul li a { color: #ff7e00; }

dl.categorie-sub-roze ul li a { background-image: url(/img/pijltje-roze.gif); }
dl.categorie-sub-roze ul li a:hover,
dl.categorie-sub-roze ul li a:focus,
dl.categorie-sub-roze ul li a.active { background-color: #ffe0e5; }

dl.categorie-sub-oranje ul li a { background-image: url(/img/pijltje-oranje.gif); }
dl.categorie-sub-oranje ul li a:hover,
dl.categorie-sub-oranje ul li a:focus,
dl.categorie-sub-oranje ul li a.active { background-color: #FCE5CF; }

/* TICKERLIJSTEN */
div.ticker dl {
	float: left;
	width: 210px;
	padding: 0 10px;
	border-right: 1px solid #d8d8d8;
}

div.ticker dl.ticker-laatste { border: none; }

div.ticker dl dt {
	padding-top: 6.5em;
	font-weight: bold;
	background: no-repeat;
}

div.ticker dl dt small { display: block; font-weight: normal; }

div.ticker dl dt.ticker-geen-foto { padding-top: 0; }

div.ticker dl dd {
	padding-top: 1em;
}

div.ticker dl dd.meer-informatie a {
	padding: .2em 0 .2em 2.6em;
	font-weight: bold;
	text-decoration: none;
	color: #000;
	background: url(/img/pijltjes-roze.gif) no-repeat;
}

div.ticker dl dd.meer-informatie a:hover,
div.ticker dl dd.meer-informatie a:focus {
	text-decoration: underline;
}

div.ticker dl dd.meer-informatie-blauw a {
	background-image: url(/img/pijltjes-blauw.gif);
}

div.ticker dl dd.meer-informatie-lichtroze a {
	background-image: url(/img/pijltjes-lichtroze.gif);
}

/* DEFINITIELIJST IN RECHTERKOLOM */
div#kolom-rechts dl dt {
	padding: .9em 12px .4em;
	border-top: 1px solid #e8e9e9;
	background: #fff url(/img/dl-kolom-rechts.gif) repeat-x bottom;
}

div#kolom-rechts dl dd ol {
	padding: 1em 12px 2em;
	list-style: none;
	border-top: 1px solid #fff;
	background: #fce5cf;
}

dd#LC_chatcontainer img { display: block; }

div#kolom-rechts dl dd ol.blauw { background-color: #e5f7f7; }

div#kolom-rechts dl dd ol li {
	margin: 0.4em 0;
	padding-right: 2em;
	background: url(/img/pijltje-oranje.gif) no-repeat right .25em;
}

div#kolom-rechts dl dd ol.blauw li { background-image: url(/img/pijltje-blauw.gif); }

div#kolom-rechts dl dd ol a {
	color: #d75b00;
	text-decoration: none;
}

div#kolom-rechts dl dd ol.blauw a { color: #1b88ae; }

div#kolom-rechts dl dd ol a:hover,
div#kolom-rechts dl dd ol a:focus {
	text-decoration: underline;
}

div#kolom-rechts dl a img.click {
	display: block;
}

/* TV-links */
ul#tv-links {
	position: absolute;
	margin: 2.4em 0 0 426px; /* Overrule voor IE6 */
	list-style: none;
}

ul#tv-links li {
	float: left;
	margin-left: 18px;
	padding-left: 24px;
	background: url(/img/television.gif) no-repeat 0 45%;
}

ul#tv-links li a {
	color: #F11549;
	text-decoration: none;
}

ul#tv-links li a:hover,
ul#tv-links li a:focus {
	text-decoration: underline;
}

/*
####################
#	FORMULIEREN	   #
####################
*/
/* FORMULIER ZOEK & VIND */
form.zoek-en-vind {
	padding: 1.8em 12px 2.6em;
	background: #fff url(/img/zoek-en-vind.gif) repeat-x top;
}

form.zoek-en-vind fieldset {
	margin: 0;
	padding: 2.1em 0 0;
	border: none;
	background: url(/img/zoek-en-vind-nl.gif) no-repeat top left;
}

form#zoek-en-vind-en fieldset {
	background-image: url(/img/zoek-en-vind-en.gif);
}

form#zoek-en-vind-de fieldset {
	background-image: url(/img/zoek-en-vind-de.gif);
}

form.zoek-en-vind p { margin-bottom: 1em; }

form.zoek-en-vind legend {
	height: 0;
	line-height: 0;
	text-indent: -9999px;
}

form.zoek-en-vind input {
	display: block;
	width: 215px;
	margin-bottom: .6em;
	padding: .3em 4px;
	border: 2px solid #ffb266;
}

form.zoek-en-vind input.submit {
	width: auto;
	margin: 0; padding: 0;
	border: none;
}

a.smalllink {
	font-size: 70%; display:block;
	padding-right: 5px;
}
	
form#switch-device {
	display: inline;
}

form#switch-device input.submit {
	background: none;
	border: none;
	color: #000;
	cursor: pointer;
	font-family: Arial, Helvetica, sans-serif;
	height: auto;
	overflow: visible;
	width: auto;
}