/*
#################
#	ALGEMEEN	#
#################
*/

body, html, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, form, object, input { margin: 0; padding: 0; }
html { font: 62.5%/200% Arial, Verdana, Tahoma, sans-serif; overflow-y: scroll; }
body {
	color: #222;
	font-size: 1.2em;
	padding-bottom: 16px;
}

body#component-campagne { background-repeat: repeat; }

/* Background-image
-------------------------------------------------------------------*/
html {
	background: url(/img/body/achtergrond-museum.jpg) no-repeat 50% 65% fixed #fff;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

/* Algemene classnames
------------------------------------------------------------------*/
.nomargin, .nom { margin: 0 !important; }
.nopadding .nop { padding: 0 !important; }
.nomp { margin: 0; padding: 0; }
.p10 { padding: 10px; }
.ptop { padding-top: 1em !important; }

.block, object { display: block; }
.inline { display: inline; }

.center { display: block; margin: auto; }

.hide, .hidden { position: absolute; left: -9999px; display: none; }
.offscreen { text-indent: -9999px; }

.fleft { float: left; }
.fnone { float: none; }
.fright { float: right; }

.clear { clear: both; }
.cleft { clear: left; }
.cright { clear: right; }

.tcenter { text-align: center; }
.tleft { text-align: left; }
.tright { text-align: right; }

.vbottom { vertical-align: bottom; }
.vmiddle { vertical-align: middle; }
.vtop { vertical-align: top; }

.absolute { position: absolute; }
.relative { position: relative; }

.bold, .b, .strong { font-weight: bold; }
.em, .italic, .i { font-style: italic; }
.normal { font-weight: normal; }
.u, .underline { text-decoration: underline; }
.small { font-size: .9em; }
.lower { text-transform: lowercase; }
.upper { text-transform: uppercase; }
.capitalize { text-transform: capitalize; }

.wide { width: 100%; }
.wauto { width: auto }

.default { cursor: default; }
.pointer { cursor: pointer; }

.oranje { color: #e7801c }

/* Afbeeldingen
------------------------------------------------------------------*/
img { border: none; display: block; vertical-align: middle; }
.beeld { margin: 0 0 10px 0; }

/* Alinea's en paragafen
------------------------------------------------------------------*/
p, div.alinea { margin-bottom: 1.2em; }

#component-campagne .intro,
#component-campagneoverzicht .intro,
#component-campagnepage .intro { background: #F5F5F5; }
#component-campagne #overzicht .intro,
#component-campagneoverzicht #overzicht .intro,
#component-campagnepage #overzicht .intro { margin: 0 15px; }

/* Overflow en clearfix
------------------------------------------------------------------*/
.overflow { overflow: hidden; }
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

/* Hyperlinks
------------------------------------------------------------------*/
a { color: #e7801c; }
a:hover, a:focus, a.none { text-decoration: none; }
a.none:hover, a.none:focus { text-decoration: underline; }
a span { cursor: pointer; }
a.non-hover { text-decoration: none; }
a.non-hover:focus,
a.non-hover:hover { text-decoration: none; }

/* Call-to-action */
a.cta {
	background-image: url(/img/pijltjes/call-to-action-mask.png);
	background-position: right top;
	background-repeat: no-repeat;
	color:#fff;
	display:block;
	height:45px;
	margin: 0 0 10px;
	padding: 5px 20px 0 12px;
	text-decoration:none;
}
/* Call-to-action in sidebar blok */
.cta a.cta { width: 168px; }
.cta a.cta img.text { padding: 10px 0 0 0; }

a.cta-klein {
	background-image: url(/img/pijltjes/call-to-action-klein-mask.png);
	background-position: right top;
	background-repeat: no-repeat;
	color:#fff;
	display:block;
	height: 18px;
	margin: 0 -6px 0 10px;
	padding: 6px 20px 0 12px;
	text-decoration:none;
}

/* Overig
------------------------------------------------------------------*/
.zwart { color: #333 !important; }
.roze { color: #ea2ca0; }
.oranje { color: #e7801c; }
.wit { color: #fff !important; }

/* Pijltje bloklink */
span.bloklink {
	background-image: url(/img/pijltjes/wit-klein.png); 
	background-position: center center;
	background-repeat: no-repeat;
	display: block;
	float: left;
	height: 10px;
	margin: 5px 0 0 0;
	width: 10px;
}


button.button{
	cursor: pointer;
	background: url("/img/opdekaart-button.png") no-repeat right center #000000;
    border: 0;
    height: 22px;
    padding-right: 19px;
    padding-top: 1px;
    width: auto;
}

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

/* Top
------------------------------------------------------------------*/
div#top {
	margin: 14px auto 0;
	width: 970px;
}
div#vvvuitburo { width: 970px; margin: 0 auto; position: relative; }
div#vvvuitburo ul { position:absolute; top: 3px; right: 0; }
div#vvvuitburo li { float: left; margin-left: 10px; }
div#vvvuitburo li.vvv a {
	background: url(/img/topicon-vvv.png) no-repeat;
	width: 35px;
	height: 35px;
	display: block;
	text-indent: -9999px;
}
div#vvvuitburo li.uit a {
	background: url(/img/topicon-uit.png) no-repeat;
	width: 35px;
	height: 35px;
	display: block;
	text-indent: -9999px;
}
div#vvvuitburo li a:hover,
div#vvvuitburo li a:focus { opacity: 0.9; }

/* Logo
------------------------------------------------------------------*/
p#logo a { 
	display: block;
    float: left;
    height: 68px;
    width: 100%;
}
p#logo{
	background: #F47A02 url(/img/logo-nieuw.png) no-repeat 50% 50%;
	height: 68px;
	width: 100%;
	float: left;
	margin-bottom: 0;
	text-indent: -9999px;
}

/* languages

 */

body div#header p.logo-en {
	background-image: url(/img/lang-en/logo-home.png) !important;
}

body div#header p.logo-de {
	background-image: url(/img/lang-de/logo-home.png) !important;	
}

/* Header
------------------------------------------------------------------*/
div#header-outer {
	z-index: 999;
  	overflow: visible;
}

div#header {
	position: relative;
	margin: 0 auto;
	width: 970px;
	padding: 0 16px;
}

div#header-top, 
div#header-top a { color: #1f1f1f; }

div#header-top{
	height: 25px;
	line-height: 25px;
	margin: 0;
	padding: 0 8px;	
	margin: 0 auto;
	position: relative;
}

#campagne-header { margin: 0 0 20px 0; }

/* Container
------------------------------------------------------------------*/
div#container-outer {
	background: url(/img/body/container-outer-nieuw.png) repeat-y; /*ie6*/
	margin: 0 auto;
	padding: 0 16px;
	width: 970px;
}

div#container {
	background: #fff;
	min-height: 180px;
}

div.container {
	position: absolute;
	top: 0;
	z-index: 1;
	width: 100%;
	padding-bottom: 15px;
}

/* Kolommen en wrappers daaromheen
------------------------------------------------------------------*/
div.kolom-wrapper {
	float: left;
	width: 735px;
}
div.kolom-wrapper-breed-links,
div.kolom-wrapper-wide {
	float: none;
	width: auto;
}
div.kolom-midden {
	float: right;
	width: 500px;
}
div.kolom-wrapper-breed div.kolom-midden,
div.kolom-wrapper-wide div.kolom-midden {
	float: none;
	margin-left: 10px;
	width: auto;
}

div.kolom-wrapper-breed-bedrijfsdetail div.kolom-midden {
	float: none;
	margin-left: 10px;
	margin-right: 10px;
	width: auto;
}

div.kolom-wrapper-breed-links div.kolom-midden {
	float: right;
	padding-right: 15px;
	width: 720px;
}

div.kolom-wrapper-geen-linker-kolom {
	float: left;
	width: 755px;
}

div.kolom-wrapper-geen-linker-kolom div.kolom-midden {
	float: none;
	padding-left: 15px;
	width: auto;
}

div.kolom-wrapper-breed-links div.kolom-border {
	width: 690px;
}
div.zijkolom {
	float: left;
	min-height: 10px;
	width: 200px;
}
div#subinhoud-links { padding-left: 15px; }
div#subinhoud-rechts { float: right; padding-right: 15px; }

div.kolom-border { border: 1px solid #ddd3c4; padding: 15px; width: 470px; }
div.kolom-product-detail { padding: 30px 20px 15px; margin-bottom: 10px; }

div.kolom-product-detail div.alinea ul { list-style-position: inside; }

div#subinhoud-links #front-mijn-groningen { width: 199px; margin-top: 20px; }

/* Campagne pagina's */
/* Portal */
#component-campagne #portal #content { }
#component-campagne #portal .kolom-wrapper { width: 615px; }
#component-campagne #portal .kolom { margin: 0 0 10px 0; padding: 0 0 0 20px; width: 352px; }
#component-campagne #portal .breed { width: 457px; }
#component-campagne #portal .last { clear: both; } 

/* Overzichtspagina */
#component-campagneoverzicht #overzicht {
	overflow: hidden;
	padding: 4px 0 0 15px;
	width: 940px;
}
#component-campagneoverzicht #overzicht .item {
	border-bottom: 1px dotted #222;
	float: left;
	margin: 0 20px 0 0;
	padding: 16px 0 10px;
	width: 300px;
}
#component-campagneoverzicht #overzicht .last { margin: 0; }
#component-campagneoverzicht #overzicht .item .meer { padding: 0 0 10px 0; }

/* Subpagina (campagne) */
#component-campagnepage #sub .kolom-midden { width: 438px; }
#component-campagnepage #sub .kolom-wrapper { width: 673px; }
#component-campagnepage #sub div#subinhoud-rechts { width: 262px; }
#component-campagnepage #sub h1 { width: 340px; }
#component-campagnepage #sub .blok-head { background: url(/img/h3.blok-breed-grijs.gif) no-repeat bottom left #222; }

/* Inhoud zijkolommen
------------------------------------------------------------------*/
div.kolom-rechts div.alinea ul { margin: 0; list-style: none; }
div.kolom-rechts div.alinea li { 
	background: url(/img/breadcrumbs-pijltje.gif) no-repeat left 9px; 
	padding: 3px 0 3px 13px;
	border-top: 1px solid #DCD3C4;
}

div.grotelink a {
	background: #9FB200 url(/img/pijltjes/grotelink.gif) no-repeat right center;
	padding: 15px;
	font-size: 2em;
	font-weight: bold;
	color: #fff !important;
	display:block;
	text-decoration:none;
	line-height: 120%;
}
div.grotelink a:hover,
div.grotelink a:focus { opacity: .8; color: #f7f7f7; }

/* Zoekresultaten
------------------------------------------------------------------*/
div.zoek-links {
	width: 463px;
	float: left;
	padding-left: 5px;
}

div.zoek-rechts {
	width: 463px;
	float: right;
	padding-right: 5px;
}

ul.searchresults li {
	border-bottom: 1px dotted #000;
	padding: 20px 0;
}

p.zoek-url { 
	font-size: 0.9em;
	margin: 0;
	padding-left: 15px;
	background: url(/img/pijltjes/grijs-op-wit-klein.gif) no-repeat 3px 7px;
}

div.zoekresultaat h2 {
	padding-left: 18px;
	background: url(/img/pijltjes/wit-op-oranje-blok.gif) no-repeat 0 4px;
}

body#component-searchengine h2.title { 
	margin-top: 1.5em;
	padding-left: 20px;
	background: url(/img/pijltjes/oranje-op-wit.gif) no-repeat 3px 1px;
}

body#component-searchenginetoerisme h2.title {
	margin-top: 1.5em;
} 

.highlight { color: #222; background: #ffa64f; }
.highlight2 { color: #fff; background: #9ab12a; padding: 1px 2px; }

h2.linkspadding { padding: 0.4em 0; }

dl.zieook { margin-bottom: 1.2em; }
dl.zieook dt { font-size: 14px; padding-bottom: 3px; font-weight: bold; }
dl.zieook dd { padding: 3px 3px 3px 20px; background: url(/img/pijltjes/oranje-op-wit.gif) no-repeat 0 7px; }

/* Inhoud
------------------------------------------------------------------*/
div.intro {
	background: #f9f4eb;
	font-weight: bold;
	padding: 18px 20px 5px;
}
div.introstripped {
	background: none;
	padding: 0;
}

/* Blok-actief
------------------------------------------------------------------*/
div.blok-actief { /*ie6*/
	background: url(/img/dummies/blok-actief.jpg) no-repeat right 0;
	margin-bottom: 20px;
	position: relative;
}
div.blok-actief div.blok-content {
	background: #f9f4eb;
	width: 300px;
}
div.blok-actief div.blok-oranje {
	background: #e7801c;
}
div.blok-actief h2 {
	background: url(/img/pijltjes/wit-op-oranje-groot.gif) no-repeat 10px 10px;
	margin-bottom: 10px;
	padding: 12px 0 6px 25px;
}
div.blok-actief div.text  {
	background: url(/img/pijltjes/wit-op-oranje-klein.gif) no-repeat 10px 6px;
	padding: 0 16px 1px 25px;
}
div.blok-actief ul.children {
	line-height: 135%;
	padding: 12px 0;
}
div.blok-actief ul.children li {
	float: left;
	width: 49%;
}
div.blok-actief ul.children a {
	background: url(/img/pijltjes/oranje-op-lichtoranje.gif) no-repeat 20px 7px;
	color: #1f1f1f;
	display: block;
	padding: 4px 0 4px 32px;
}
div.blok-actief img.preview {
	position: absolute;
	right: 0;
	top: 0;
}
div.blok-actief a.meer {
	background: url(/img/blok-actief-leesmeer.gif) no-repeat;
	bottom: 0; /*ie6 */
	color: #fff;
	font-size: 1.1em;
	font-weight: bold;
	letter-spacing: 1px;
	padding: 7px 0 7px 12px;
	position: absolute;
	right: -8px;
	text-transform: uppercase;
	width: 196px;
}

/* Front-top
------------------------------------------------------------------*/
div#front-top { padding-bottom: 14px; position: relative; }

/* Mijn Groningen
------------------------------------------------------------------*/
.mijn-groningen-blok { float: left; margin: 0 25px 25px 0; position: relative; width: 150px; }
.mijn-groningen-wrapper .last { margin: 0 0 25px 0; }

span.mijngroningen {
	position:absolute;
	z-index: 5;
	bottom: 0;
	right: 7px;
	color: #fff;
	text-transform: uppercase;
}

p#logo span.mijngroningen a { 
	display: block;
	color: #fff;
	padding: 8px 8px 6px 8px;
	height: auto;
}
span.mijngroningen a:hover { background: #f19038; }

div.mijn-groningen-blok > a.none {
	color: #1F1F1F;
}

/* Front Mijn Groningen
------------------------------------------------------------------*/
div#front-mijn-groningen {
	background: #F47A02;
	float: left;
	line-height: 130%;
	width: 310px;
}
div#front-mijn-groningen a.next { float: left;padding: 7px 16px 4px 12px; }

div#front-mijn-groningen div.top {
	color: #000;
	padding: 10px;
}
div#front-mijn-groningen div.top h2 { margin-bottom: 6px; }
div#front-mijn-groningen div.top h2 a {
	display: block;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
}

div#front-mijn-groningen div.content {
	padding: 0 11px;
	min-height: 42px;
}
div#front-mijn-groningen dt { font-size: 1em; margin-bottom: 4px; }
div#front-mijn-groningen ul { margin-bottom: 16px; }
div#front-mijn-groningen li {
	background: url(/img/mijn-groningen.png) repeat-x;
	height: 33px;
	line-height: 33px;	
}

div#front-mijn-groningen li span{
	background: url(/img/pijltjes/wit-op-oranje-blok.gif) no-repeat 0 50%;
	color: #E7801C;
	padding: 2px 0 2px 17px;
	margin-left: 7px;
	display: block;
	overflow: hidden;
}

div.zijkolom div#front-mijn-groningen div.top{ color: #fff; padding-bottom: 0 }
div.zijkolom div#front-mijn-groningen dt{ font-weight: bold; color: #fff;  }
div.zijkolom div#front-mijn-groningen li{
	background: url("/img/pijltjes/wit-op-oranje-blok.gif") no-repeat scroll 0 5px transparent;
    color: #FFFFFF;
    line-height: 120%;
	height: auto;
    padding: 3px 0 3px 14px;
}

/* Blok (<div>)
------------------------------------------------------------------*/
div#kolom-rechts div.blok{ padding-bottom: 5px;}

body#component-homepage .blok{ background: #FFF; }
div.blok { background: #f9f4eb; margin-bottom: 13px; overflow: hidden; }

div.blok-head,
dt.blok-head { 
	padding: 8px 8px 4px 8px;
	margin-bottom: 5px;
	background: url(/img/pijltjes/blok-zwart.png) no-repeat 96% 50% #000;
}

div.blok-head h3 {
	color: #fff;
	padding-left: 0;
}

/* Nieuws blok */
div.nieuws li {
	background: transparent url(/img/pijltjes/oranje-op-wit-klein.gif) no-repeat scroll 10px 6px;
	padding: 0 5px 5px 20px;
}
div.nieuws li .date { font-size: 0.9em }
div.nieuws p { padding: 10px;}

/* Groningen hotspots */
div.blok-hotspots div.blok-head h3 { 
	padding-left: 21px
}

div.blok-hotspots ul { margin: 0; padding-bottom: 6px }

div.blok-hotspots li {
	display: block;
	padding: 5px 10px;
}
div.blok-hotspots li img { margin-right: 11px; }
div.blok-hotspots h4 { font-size: 1.2em; }

div.kaart-blok div.blok-head {
	background-image: none;
	padding: 12px 12px 9px;
}

div.meest-bekeken div.blok-head,
div.blok-hotspots div.blok-head { 
	padding: 0;
	background: #222;
}

div.meest-bekeken div.blok-head h3,
div.blok-hotspots div.blok-head h3 {
	padding: 8px 8px 5px 12px;
}

/* Meest gezocht en bekeken blok */
div.meest-gezocht div.blok-head h3 { 
	padding-left: 21px
}
div.meest-bekeken div.blok-head h3 { 
	padding-left: 21px
}

div.meest-gezocht div.blok-head h3,
div.meest-bekeken div.blok-head h3 {
	background: none;
	padding-left: 0;
} 

div.meest-bekeken ul { padding-bottom: 8px; }

div.zie-ook li,
div.meest-gezocht li,
div.meest-bekeken li { margin-left: 10px; }
div.zie-ook li a,
div.meest-gezocht li a,
div.meest-bekeken li a {
	background: url(/img/pijltjes/wit-op-grijs-blok.gif) no-repeat 0 6px;
	padding-left: 18px;
	color: #000;
	display: block;
}
div.zie-ook li a:hover,
div.meest-bekeken li a:hover,
div.meest-gezocht li a:hover {
	text-decoration: none;
	color: #e7801c;
	background-image: url(/img/pijltjes/wit-op-oranje-blok.gif); 
}

div.meest-bekeken li a {
	padding: 2px 0 1px 19px;
	background-position: 0 7px;
}

/* Vaarroutes blok */

dl.blok-vaarroutes li { border-bottom: 1px #E7801C dotted; margin-bottom: 10px; }

dl.blok-themasite-crosslinklist dl.rating,
dl.blok-vaarroutes dl.rating { padding: 5px 0; }

dl.blok-themasite-crosslinklist dl.rating dt,
dl.blok-vaarroutes dl.rating dt {
	float: left;
	background-color: transparent !important;
	padding: 0 7px 0 0 !important;
}

dl.blok-themasite-crosslinklist dl.rating dd,
dl.blok-vaarroutes dl.rating dd {
	background: url(/img/ster-default-nee.png) repeat-x;
	display: block;
	width: 75px;
	height: 14px;
	float: left;
}
dl.rating img { float: left; }

dl.blok-themasite-crosslinklist p.intro,
dl.blok-vaarroutes p.intro { 
	line-height: 17px;
}

dl.blok-vaarroutes p.intro-met-afb {
	float: right;
	width: 190px;
}

/* Crosslinkslist themasite */
dl.blok-themasite-crosslinklist li {
	display: block;
	padding: 0 0 8px;
	margin-bottom: 8px;
	border-bottom: 1px #E7801C dotted;
}
dl.blok-themasite-crosslinklist li.last {
	margin-bottom: 0;
	border: 0;
	padding-bottom: 0;
}

dl.blok-themasite-crosslinklist li h3 { padding-bottom: .2em; }

dl.blok-themasite-crosslinklist li img.fleft {
	margin: 5px 10px 5px 0;
}

/* Vaarbedrijven div */
div.vaarbedrijven h3 {
	border-bottom: 1px #e7801c dotted;
	margin: 10px 0;
	padding: 15px 0 7px 10px;
}

div.vaarbedrijven li {
	width: 300px;
	margin: 5px 30px 5px 0;	
	float: left;
}
div.vaarbedrijven li.last { margin-right: 0; }

div.vaarbedrijven dt.titel {
	font-size: 1.3em;
	font-weight: bold;
}

div.vaarbedrijven dl.rating { padding: 7px 0; }
div.vaarbedrijven dl.rating dt {
	float: left;
	padding: 0 7px 0 0;
}
div.vaarbedrijven dl.rating dd {
	background: url(/img/ster-default-nee.png) repeat-x;
	display: block;
	width: 75px;
	height: 14px;
	float: left;
}

div.vaarbedrijven p.intro { 
	line-height: 17px;
}

div.vaarbedrijven p.intro-met-afb {
	float: right;
	width: 195px;
}

/* Webshop blok */
div.webshop div.blok-head {
	background: url("/img/pijltjes/blok-roze.png") no-repeat 96% 50% #c627a5;
	margin-bottom: 1px;
    padding: 8px 8px 2px;
    border-bottom: 1px solid #d236b2;
}

div.webshop div.blok-head h3 { 
	background: none;
	padding: 0;
	margin: 0;
}

div.webshop div.blok-head img { margin-bottom: 3px; }
div.webshop div.islider-wrapper {
	background: url(/img/blok-webshop.png) no-repeat center top;
}
div.webshop a.islider-next,
div.webshop a.islider-previous {
	position: absolute;
}
div.webshop h4 {
	text-align: center;
	height: 45px;
	line-height: 34px;
	margin-bottom: 8px;
	vertical-align: middle;
}
div.webshop h4, div.webshop h4 a { color: #fff; }
div.webshop div.islider-wrapper-enkel h4 { text-align: left; }
div.webshop img.preview { float: left; margin: 0 8px 8px 0; }
div.webshop p { line-height: 120%; }

div.webshop p.naar-shop {
	border-top: 1px solid #a5a39e;
	margin: 0 8px;
	padding: 8px 0;
}
div.webshop p.naar-shop a { color: #cd2d8f; }

/* Arrangement blok */
div.arrangement-blok div.blok-head {
	background: url("/img/pijltjes/blok-geel.png") no-repeat 96% 50% #ffad01;
    margin-bottom: 5px;
    padding: 8px 8px 2px;
}

div.arrangement-blok div.blok-head h3 { 
	background: none;
	padding: 0;
	margin: 0;
}

div.arrangement-blok h4 {
	padding: 0 10px 0 20px;
	font-size: 1.2em;
	background: url(/img/pijltjes/zwart-op-wit-klein.gif) no-repeat 10px 50%;
}
div.arrangement-blok p { padding: 5px 10px; margin-bottom:5px }
div.arrangement-blok img.picture { width:75px;margin:10px 5px 5px 10px }

/* Hotel boeken blok */
div.hotelboeken-blok div.blok-head {
	background: url(/img/pijltjes/blok-oranje.png) no-repeat 96% 50% #f47a02;
	padding: 0;
}

div.hotelboeken-blok div.blok-head h3 { 
	padding: 8px 8px 2px;
}

div.hotelboeken-blok ul { margin: 5px 0 10px 6px; }

div.hotelboeken-blok li { padding: 3px 0 3px; margin: 0 }
div.hotelboeken-blok li.submit{ margin-top :20px; }
div.hotelboeken-blok li.submit input.pretty-button{ padding: 3px 30px 3px 4px; font-size: .9em; }
div.hotelboeken-blok label { display: block; float: none; width: auto; }
div.hotelboeken-blok ul.usp { border-bottom: 1px dotted #e7801c; margin: 5px }
div.hotelboeken-blok ul.usp li {
	background: transparent url(/img/pijltjes/oranje-op-wit-klein.gif) no-repeat scroll 5px 10px;
	padding: 3px 5px 3px 15px;
	margin: 0;
}
div.mijn-beeldbank input.pretty-button,
div.hotelboeken-blok input.pretty-button { background-image: url(/img/next-groen-op-grijs.png) }
div.mijn-beeldbank input.pretty-button {
	float:left;
	margin-top:20px;
	padding:3px 30px 2px 12px;
}
div.mijn-beeldbank input.pretty-button:hover,
div.hotelboeken-blok input.pretty-button:hover {
	background-image: url(/img/next-donker-groen-op-grijs.png);
	background-color: #738f0f;
}
div.hotelboeken-blok input.button-groen-hover { background-image: url(/img/next-donker-groen-op-grijs.png) }

/* Evenementen blok */
div.evenementen div.blok-head {
	background: url("/img/pijltjes/blok-paars.png") no-repeat 96% 50% #5249bc;
    margin-bottom: 5px;
    padding: 8px 8px 2px;
}

div.evenementen div.blok-head h3 { 
	padding: 0;
	margin: 0;
}

div.evenementen li {
	background: url(/img/pijltjes/oranje-op-wit-klein.gif) no-repeat 5px 6px;
	padding: 0px 5px 3px 15px;
	border-bottom: 1px dotted #5249bc;
	margin: 0 5px 0 5px;
}

div.evenementen p { padding: 10px; }

/* Nieuwsbrief */
div.nieuwsbrief div.blok-head {
	background: url("/img/pijltjes/blok-groen.png") no-repeat 96% 50% #6ab208;
    margin-bottom: 5px;
    padding: 8px 8px 2px;
}

div.evenementen div.blok-head h3 { 
	background: none;
	padding: 0;
	margin: 0;
}

div.nieuwsbrief ul,div.nieuwsbrief p, div.nieuwsbrief ul.errors { padding: 0 10px }
div.nieuwsbrief label { font-weight: bold }
div.nieuwsbrief div.blok-head h3 { padding: 0; background:none }

div.nieuwsbrief input.pretty-button { background-image: url(/img/next-groen-op-grijs.png) }
div.nieuwsbrief input.pretty-button:hover {
	background-color: #738f0f;
	background-image: url(/img/next-donker-groen-op-wit.png);	
}
div.nieuwsbrief input.button-groen-hover { background-image: url(/img/next-donker-groen-op-grijs.png) }

p.notice-ok {
	padding: 1em 1em 0;
	margin: 0;
}

/* Twitter blok */
div.twitter div.blok-head{
	background: url(/img/pijltjes/blok-blauw.png) no-repeat 96% 50% #2eb2d8;	
}	

div.twitter li {
	padding: 10px 0 5px 10px;
	margin: 5px;
	border-bottom: 1px dotted #e7801c;
	overflow: hidden;
}

div.twitter p { padding: 0 10px 10px 10px }
div.twitter li img { float: left; margin-left: -5px; width: 48px; } /* width is noodzakelijk, omdat twitter ook gewoon enorme foto's doorstuurt' */
.author { font-weight: bold }
div.tweet { padding-left: 50px }
div.tweet a { text-decoration: none }


/* iets voor JOU? blok */
div.groningen-voor h3 { 
	background: url(/img/h3.blok-roze-transp.png) no-repeat 0 bottom;
	padding: 12px;
	position: relative;
}
div.groningen-voor a.next { padding: 4px 12px 3px 5px }
div.groningen-voor img.thumb { margin-top: -8px }
div.groningen-voor div.alinea {
	padding: 20px 10px 1px 10px;
	margin-top: -11px;
	background: url(/img/h3.blok-ietsvoorjou.png) no-repeat 0 top;
	position: relative;
}

/* Reisgids blok */
div.reisgidsblok { background: #000 url(/img/reisgids-blok-bg.jpg) no-repeat left center; margin-bottom: 13px; }
div.reisgidsblok div.binnen {
	background: #f1eff0 url(/img/reisgids-notitie.jpg) 0 -3px;
	margin-left: 20px;
	padding: 19px 10px 2px;
	line-height: 18px;
}

div.reisgidsblok h3 { padding-bottom: 7px; }
div.reisgidsblok h3 img { padding-bottom: 4px; }
div.reisgidsblok ul { padding: 4px 0 18px; }
div.reisgidsblok li {
	background: url(/img/pijltjes/wit-op-oranje-blok.gif) no-repeat 2px 5px;
	padding-left: 20px;
	font-weight: bold;
}
div.reisgidsblok p.print { 
	background: url(/img/opties.gif) no-repeat 0 0.5em;
	padding-left: 20px;
}

/* Blokken campagne */
#component-campagne .blok,
#component-campagneoverzicht .blok,
#component-campagnepage .blok {
	background: #f5f5f5;
}
/* Opsomming blok */
.opsomming { padding: 0 0 10px 0; }
.opsomming p { padding: 0 10px 0; }
.opsomming ul { padding: 0 10px 10px; }
.opsomming ul li { padding: 0 0 0 9px; position: relative; }
.opsomming ul li span.bullet {
	background-image: url(/img/pijltjes/blok-list-mask.png);
	background-repeat: no-repeat;
	display: block;
	height:8px;
	left: -2px;
	position: absolute;
	top: 5px;
	width:4px;
}
.opsomming ul li .block {
	padding: 0 0 0 12px;
}

/* Referenties blok */
.referenties { padding: 0 0 5px; }
.referenties ul {
	padding: 0 0 0 10px;
}
.referenties ul li { padding: 5px 0; }
.referenties ul li a {
	color: #000;
	font-weight:bold;
	text-decoration:none;
}

/* Quote blok */
.quote { padding: 0 0 5px 0; }
.quote blockquote {
	font-style: italic;
	margin: 0 20px;
}
.quote blockquote .geciteerde {
	display:block;
	font-weight:bold;
}

/* Alinea blok */
.blok-alinea { padding: 0 0 1px; margin: 0; }
.blok-alinea p { padding: 0 10px; }

p.succes {
	border: 1px solid #ffa66a;
	padding: 2px 7px;
	text-align: center;
}
body.js-on p.succes { cursor: pointer; }

p.succes-hover {
	background: #e7801c;
	border: 1px solid #ec6104;
	color: #fff;
}

p.succes-hover a { color: #fff; }
body.js-on p.succes-hover a { text-decoration: none; }

/* Fotoalbums
------------------------------------------------------------------*/
div.album-preview {
	background: #f9f4eb;
	color: #131313;
	float: left;
	height: 242px;
	margin-top: 20px;
	padding: 10px;
	width: 220px;
}
div.album-preview-rechts { float: right; }

div.album-preview div.preview {
	margin-bottom: 8px;
	position: relative;
}
div.album-preview h2 { font-size: 1.2em; margin-bottom: 8px; }
div.album-preview h2 a { color: #202020; }
div.album-preview p { line-height: 130%; margin-bottom: 4px; }
div.album-preview span.aantal {
	background: #e7801c url(/img/album-aantal.gif) no-repeat 96% 50%;
	bottom: 10px;
	color: #fff;
	padding: 0 20px 0 6px;
	position: absolute;
	right: 10px;
}
div.album-preview a.meer {
	background: url(/img/pijltjes/wit-op-oranje-blok.gif) no-repeat 0 2px;
	padding-left: 19px;
}

.albumitem {
	background: #f9f4eb;
	float: left;
	margin-top: 10px;
	padding: 10px;
}
.albumitem-rechts { float: right; }

a.beeldbank-foto {
	display: block;
	width: 220px;
	height: 140px;
}

/* Grijs blok (<div>)
------------------------------------------------------------------*/
div.blok-grijs {
	background: #f9f4eb;
	line-height: 130%;
	margin-bottom: 10px;
	padding: 10px;
	position: relative;
}
div.blok-grijs dt {
	margin-bottom: 14px;
}
div.blok-grijs dt.icon {
	background: none;
}
div.blok-grijs dt a {
	background: no-repeat right 0;
	display: block;
	padding-top: 2px;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
}
div.blok-grijs img.illustratie { margin-bottom: 0; margin-top: 0; }
div.blok-grijs dd h3 { font-size: 1.4em; margin-bottom: 6px; }

/* Blok (<div>) met oranje tekst
------------------------------------------------------------------*/
div.blok-tekst-oranje, div.blok-tekst-oranje a { color: #E7801C; }

/* Blok Plan your route (<div>)
------------------------------------------------------------------*/
div.plan-route { 
	background: #E7801C !important; 
}
	
div.plan-route dt.icon { padding: 10px; }
div.plan-route label { width: 65px; line-height: 23px }
div.plan-route dd{ padding: 0px 10px 10px 10px;}
input.get-route { margin-right: 15px; width: 275px }
div.plan-route p.vb { margin-left: 65px; padding-top: 12px; display: none; }

div.plan-route button.button{
	cursor: pointer;
	margin-top: 10px;
	float: left;
}

div.plan-route input.text{
	background: url("/img/nieuwsbrief-input.png") repeat scroll 0 0 transparent;
    border: 0 none;
    color: #666666;
    height: 28px;
    padding: 0 0 0 5px;
    width: 267px;
}
/* Blok webshop (<div>)
------------------------------------------------------------------*/
div.blok-webshop{ margin-bottom: 20px; }
div.blok-webshop dl { margin-left: 120px; }
div.blok-webshop img.illustratie { left: -6px; position: absolute; top: -4px; }

/* VVV-Groningen
------------------------------------------------------------------*/
div#vvv-info {
	float: right;
	margin-left: 10px;
	position: absolute;
	right: 0;
	z-index: 999;
}
div#vvv-info-content {
	background: #0057AB;
	color: #fff;
	display: none;
	min-height: 161px;
	padding: 12px;
	width: 300px;
	top: 25px;
	position: absolute;
	z-index: 999;
	right: 0;
}
div.vvv-info-open div#vvv-info-content { display: block; }
h2#vvv-info-title {
	background: url(/img/vvv-info-horizontaal.png) no-repeat;
	float: right;
	height: 25px;
	width: 198px;
}
h2#vvv-info-title a {
	background: no-repeat 10px 168px;
	display: block;
	outline: none;
	position: relative;
	z-index: 100;
	text-decoration: none;
	color: #fff;
	padding: 0 25px 0 40px;
	font-size: 16px;
	white-space: nowrap;
}

div.vvv-info-open h2#vvv-info-title { background-position: 0px -25px; }

div#vvv-info-content address { font-style: normal }
div#vvv-info-content a.vvv { 
	font-style: normal;
	margin-top: 15px;
	display:block;
	color: #fff;
}
/* Overzicht-preview
------------------------------------------------------------------*/
div.overzicht-preview {
	float: left;
	padding-top: 80px;
	position: relative;
	width: 240px;
	height: 170px;
}
div.overzicht-preview-rechts { float: right; }
div.overzicht-preview h2 { line-height: 90%; padding-bottom: 8px; }
div.overzicht-preview h2 a { color: #222; }
div.overzicht-preview img.preview {
	position: absolute;
	top: 0;
}

div.overzicht-preview:hover,
div.overzicht-preview:focus,
div.overzicht-preview.hover { background: #F9F4EB; cursor: pointer; }

/* Nieuws
------------------------------------------------------------------*/
div.newsitem-preview { padding-bottom: 5px; }
div.newsitem-preview h2 {
	background: url(/img/pijltjes/zwart-op-wit.gif) no-repeat 0 2px;
	border-bottom: 4px solid #e87e1e;
	margin-bottom: 5px;
	padding: 0 0 4px 15px;
}
div.newsitem-preview p.datum { margin: 8px 0 10px; }
div.newsitem-preview img.preview {
	float: left;
	margin: 0 14px 12px 0;
}

dl#meer-nieuws dt {
	border-bottom: 3px solid #e87e1e;
	padding-bottom: 3px;
}
dl#meer-nieuws ul {
	line-height: 140%;
	padding: 12px 0;
}
dl#meer-nieuws li { padding: 3px 0; }
dl#meer-nieuws li a {
	background: url(/img/pijltjes/oranje-op-wit-klein.gif) no-repeat 3px 5px;
	color: #222;
	display: block;
	padding-left: 14px;
	text-decoration: none;
}
dl#meer-nieuws li a:hover,
dl#meer-nieuws li a:focus { color: #e7801c; }
dd#meer-nieuws-archief {
	background: url(/img/stippelrand-oranje.gif) repeat-x;
	padding-top: 16px;
}

div#newsdetail {
	background: url(/img/stippelrand-oranje.gif) repeat-x 0 bottom;
	margin-bottom: 10px;
	padding-bottom: 1px;
}

div#newsdetail h1 {
	background: url(/img/pijltjes/zwart-op-wit.gif) no-repeat 0 4px;
	border-bottom: 3px solid #e87e1e;
	margin-bottom: 4px;
	padding: 0 0 6px 15px;
}
div#newsdetail p.datum { color: #e87e1e; font-weight: bold; }

/* Lees-meer
------------------------------------------------------------------*/
p.lees-meer {
	margin-bottom: 0;
	margin-top: 10px;
}
p.lees-meer a {
	color: #89a404;
	font-weight: bold;
	text-transform: uppercase;
}
a.lees-meer {
	background: url(/img/pijltjes/wit-op-oranje-blok.gif) no-repeat 0 3px;
	color: #e7801c;
	font-weight: bold;
	padding-left: 16px;
	text-transform: lowercase;
} 

p.lees-meer a img { margin-bottom: 1px; }
p.lees-meer a:hover img { margin-bottom: 0; border-bottom: 1px dotted #9ab12a; } 

div#front-mijn-groningen p.maak-groningen a {
	background: #9ab12a url(/img/next-groen-op-grijs.png) no-repeat right 50%;
	margin:0;
	padding: 8px 12px 4px;
	display: block;
}

/* Meer arrow
------------------------------------------------------------------*/
p.meer-arrow a {
	background: #9ab12a url(/img/meer-arrow.gif) no-repeat right 50%;
	color: #fff;
	float: left;
	padding: 1px 20px 1px 5px;
	text-decoration: none;
}
p.meer-arrow a:hover,
p.meer-arrow a:focus {
	background-color: #80a239;
	background-image: url(/img/meer-arrow-hover.gif);
}

div#front-mijn-groningen p.maak-groningen a:hover {
	background-color: #738f0f;
	background-image: url(/img/next-donker-groen-op-grijs.png);
}

#component-campagne a.leesmeer,
#component-campagneoverzicht a.leesmeer,
#component-campagnepage a.leesmeer {
	background:none;
	float: none;
	font-weight: bold;
	padding: 0 0 0 8px;
	text-decoration: none;
}

/* Headings
------------------------------------------------------------------*/
h1, .h1 { font-size: 1.6em; font-weight: bold; margin-bottom: .5em; }
h2 { font-size: 1.4em; }
h2.marge-bottom { margin-bottom: 1em; }
h1.outside { margin-bottom: .4em; padding: 0 20px; }
div.alinea h2 { font-size: 1.1em; }

#component-campagne #portal .alinea h2 { 
	font-size: 1.334em;
	margin: 0 0 4px 0;
}

/* Kolom-wrapper
------------------------------------------------------------------*/
div#kolom-wrapper { padding-bottom: 16px; }
body#component-campagnepagegenieten div#kolom-wrapper,
body#component-homepage div#kolom-wrapper{ padding: 0 14px 2px; } 

/* Front-links en -rechts
------------------------------------------------------------------*/
div#front-links { float: left; width: 625px; }
div#front-links-kolomrechts { float: right; width: 304px; }
div#front-rechts { float: right; width: 304px; }

div#front-links .blok,
div#front-rechts .blok{
	width: 304px !important;
	height: 245px;
	overflow: hidden;
	padding: 0;
}

div#front-rechts .blok{ background: #FFF; }

div#front-other-links .blok,
div#front-other-rechts .blok{
	height: 245px;
	overflow: hidden;
	padding: 0;
	width: 304px !important;
}


/* Blok regio's

------------------------------------------------------------------*/
div#blok-regios{
	background: #E7801C !important;
	float: left;
}

div#blok-regios dt{
    padding: 8px 8px 5px 12px;
}

div#blok-regios dt img{ padding-top: 1px; }

div#blok-regios dd{
    padding: 8px 10px;
}

div#blok-regios li a:hover{ background: url(/img/regio-bg-hover.png) repeat-x; }
div#blok-regios li a{
	color: #FFF;
	display: block;
	background: url(/img/regio-bg.png) repeat-x;
	line-height: 33px;
	height: 33px;
	text-decoration: none;
	padding-left: 10px;
}

div#blok-regios li a span{
	background: url(/img/pijltjes/regio.png) no-repeat 0% 50%;
	display: block;
	padding-left: 20px;
}


/* OTHER Front-link en -rechts
------------------------------------------------------------------*/
div#front-other-links { float: left; width: 623px; }
div.other-intro { 
	width:623px;
	height:245px;
	background: url(/img/other-front.jpg) no-repeat;
	position: relative;
	margin-bottom: 13px;
}

div.other-intro h2 { margin-bottom: 5px }

div.other-intro div {
	width: 316px;
	background: #e87e1e;
	padding: 17px;
	color: #fff;
	position: absolute;
	bottom: 17px;
	left: 15px;
	overflow: hidden;
}

div.other-intro div p {
	line-height: 135%;
	font-size: 0.95em;
	margin: 0;
}

div#front-other-links-kolomrechts { float: right; width: 310px; }
div#front-other-rechts { float: right; width: 305px; }

/* OTHER Front-bottom
------------------------------------------------------------------*/
ul.segmenten li  {
	float: left;
	margin-right: 10px;
}

ul.segmenten li a {
	width: 210px;
	height: 22px;
	/* background: #9ab12a url(/img/pijltjes/wit-op-groen.gif) no-repeat 95% 53%; */
	background: #9ab12a url(/img/pijltjes/wit-op-groen-groot.gif) 211px 50% no-repeat;
	vertical-align: middle;
	color: #fff;
	float: left;
	padding: 18px 10px 5px;
	text-decoration: none;
	font-weight: bold;
}

ul.segmenten li a:hover {
	background: #9ab12a url(/img/pijltjes/wit-op-groen-groot-dubbel.gif) 203px 50% no-repeat;
}

ul.segmenten li a:hover img {
	border-bottom: 1px #fff dotted; 
}

/* Segmenten voor en-de */
ul.en-de li { margin: 0 9px 9px 0 }
ul.en-de li a { width: 248px; background-position: 250px 50%; }
ul.en-de li a:hover { background-position: 242px 50%; }
ul.segmenten li.last { margin-right: 0 }

div.fotoviewer div.image { background-image:none; padding: 0; width: 304px; height: 235px; position: relative; }
div.fotoviewer div.image a { display: none;  }
div.fotoviewer div.image a.active { display: block; width: 304px; }

div.fotoviewer {
	position: relative;
}

div.fotoviewer ul.nav {
	position: absolute;
	bottom: 0;
	width: 950px;
	height: 70px;
	/*background: url(/img/zwart-opacity65.png) repeat;*/
	background: url(/img/fotoviewer-navbg.png) repeat-x;
}

div.fotoviewer ul.nav li {
	/*background: url(/img/patr-opacity30.png) repeat;*/
	float: left;
	width: 51px;
	height: 51px;
	display: block;
	margin: 10px 0 0 8px;
}

div.fotoviewer ul.nav li a {
	width: 45px;
	height: 45px;
	padding: 3px;
	background: #323232;
	display: block;
}

div.fotoviewer ul.nav li a:hover, 
div.fotoviewer ul.nav li a.active {
	background: #E7801C;
}	

/* (Kleine)Fotoviewer voor en-de */
div.fotoviewer-small {  } 
div.fotoviewer-small ul.nav { 
	width: 304px;
	background: url(/img/zwart-opacity65.png) repeat;
}

div.en-de-blok { width: 304px;  }
div.en-de-blok.fleft{ clear: left; }

div.en-de-blok dl,
div.en-de-blok dl dt { background: transparent }

/* Foto's in albumpagina
------------------------------------------------------------------*/
div.gib-foto-in-album {
	background: #fff;
	margin-bottom: 12px;
	padding: 12px;
}
div.gib-foto-in-album img.preview,
.gib-video { float: left; margin-right: 12px; }

div.gib-foto-in-album h2 {
	background: url(/img/icons/gib-oranje.gif) no-repeat right 0;
	font-size: 1.1em;
	padding: 0 32px 6px 0;
}
div.gib-foto-in-album h2 a { color: #000; }
div.gib-foto-in-album div.omschrijving { color: #555; }
div.gib-foto-in-album div.stemmen-wrapper {
	float: right;
	width: 228px;
}
div.gib-foto-in-album p.bekeken { float: left; margin-top: 23px; }

/* Front-viewer
------------------------------------------------------------------*/
div.ifader {
/*	background: url(/img/dummies/front-viewer.jpg) no-repeat;*/
	height: 295px;
	margin-bottom: 13px;
}
div.ifader li {
	background: url(/img/front-viewer/li.png);
	margin-bottom: 1px;
	width: 235px;
}
div.ifader span.catch-phrase{
    color: #FFFFFF;
    display: block;
	margin-top: 3px;
	float: left;
    font-size: 0.9em;
    line-height: 120%;
    padding-left: 10px;
    width: 135px;
}
div.ifader h3 { font-size: 1.2em; }
div.ifader h3 a {
	background: url(/img/pijltjes/front-viewer-a.png) no-repeat 11px 50%;
	color: #fff;
	display: block;
	height: 1%;
	padding: 19px 8px 19px 20px;
}

body.js-on div.ifader h3 a,
div.ifader li:hover h3 a,
div.ifader li.active h3 a {
	padding-bottom: 0;
	padding-top: 0;
}
body.js-on div.ifader h3 a { text-decoration: none; }
body.js-on div.ifader li,
div.ifader li:hover,
div.ifader li.active {
	padding-bottom: 19px;
	padding-top: 19px;
}
body.js-on div.ifader li { cursor: pointer; }

body.js-on div.ifader li.hover,
body.js-on div.ifader li.active,
div.ifader li:hover {
	background: url(/img/front-viewer/li.hover.png) no-repeat 0 50%; /*ie6*/
	/*padding-bottom: 12px;
	padding-top: 13px; */
	width: 264px;
}

body div.ifader img.hover { display: none; }

body.js-on div.ifader li.hover img.hover,
body.js-on div.ifader li.active img.hover,
div.ifader li:hover img.hover { display: block; }

body.js-on div.ifader li.hover img.non-hover,
body.js-on div.ifader li.active img.non-hover,
div.ifader li:hover img.non-hover { display: none }

div.ifader li.hover div.content,
div.ifader li.active div.content,
div.ifader li:hover div.content {
	display: block;
}

/* Front-evenementen
------------------------------------------------------------------*/
div#front-evenementen { 
	/* margin-bottom: 18px; */
}
div#front-evenementen h2.title {
	margin-bottom: 10px;
	padding: 3px 0 0 28px;
}
div#front-evenementen h2.title a {
	/*background: url(/img/pijltjes/oranje-op-wit.gif) no-repeat right 50%;*/
	display: block;
	color: #E7801C;
	text-transform:uppercase;
	text-decoration:none;
}
div#front-evenementen div.evenement {
	float: left;
	position: relative;
	width: 310px;
}
div#front-evenementen div.evenement div.content{ background: #000; }

div#front-evenementen div.content h3 a,
div#front-evenementen div.content p.content{ color: #fff; }

div#front-evenementen div.evenement img{ 
    height: 95px;
    margin: 0;
    width: 304px;
}

div#front-evenementen div.evenement-rechts { float: right; }

div#front-evenementen div.blok{ background: #000; }
div#front-evenementen div.overflow{ padding: 10px; position: relative; height: 125px; }


div#front-evenementen a.lees-meer{
	position: absolute;
	right: 10px;
	bottom: 10px;
	height: 20px;
	width: 17px;
	background: url(/img/pijltjes/oranje-zwart.png) no-repeat;
	display: block;
	text-indent: -9999px;
	padding: 0;
}

div#front-evenementen h3 {
	font-size: 1.7em;
	font-weight: normal;
}

div#front-evenementen h3 a { 
	color: #fff;
}

p.datum-label {
	background: url(/img/datum-banner.gif) no-repeat 0 bottom;
	color: #fff;
	font-size: 1.4em;
	font-weight: bold;
	height: 54px;
	margin-bottom: 0;
	position: absolute;
	right: 32px;
	text-align: center;
	top: 0;
	width: 41px;
}
p.datum-label span { position: absolute; }
p.datum-label .maand { left: 0; top: 6px; width: 41px; }
p.datum-label .dag { bottom: 8px; left: 0; width: 41px; }

div#front-evenementen p.datum {
	color: #E7801C;
	font-weight: bold;
	margin: 0;
	position: absolute;
	bottom: 10px;
	left: 10px;
}
div#front-evenementen p.content {
	line-height: 17px;
	margin: 10px 0 0;
	color: #FFF;
}

div#front-other-rechts div#front-evenementen {
	background: #f9f5ec;
	padding: 10px;
}

div#front-other-rechts div#front-evenementen div.evenement {
	float: none;
	margin-bottom: 12px;
	width: auto;
}
div#front-other-rechts div#front-evenementen div.evenement h3 { margin-right: 60px; }
div#front-other-rechts div#front-evenementen p.datum-label { right: 10px; }

/* Product-summary
------------------------------------------------------------------*/
div.product-summary {
	margin-bottom: 24px;
	min-height: 140px;
	padding-left: 140px;
	position: relative;
	background: #f9f4eb;
}
div.product-summary img.preview { /*ie6*/
	left: 0;
	position: absolute;
	top: 0;
}

div.product-summary div.top {
	background: #e7801c;
	color: #fff;
	padding: 5px 0 5px 14px;
}
div.product-summary span.prijs {/*ie6*/
	background: #f19038 url(/img/div.product-summary-span.prijs.gif) no-repeat 0 50%;
	font-size: 1.2em;
	font-weight: bold;
	padding: 5px 6px 5px 16px;
	position: absolute;
	right: 0;
	top: 0;
	color: #fff;
}
div.product-summary h2 {
	font-size: 1.2em;
	font-weight: normal;
	line-height: 120%;
	padding: 2px 0 1px;
	width: 70%;
	min-height: 17px;
}
div.product-summary h2 a { color: #fff; }

div.product-summary div.description {
	padding: 16px 6px 12px 14px;
}

div.product-summary ul.product-opties li {
	float: left;
}
div.product-summary ul.product-opties a {
	background: url(/img/pijltjes/oranje-op-wit-klein.gif) no-repeat right 6px;
	color: #4c4c4c;
	padding: 2px 11px 0 0;
}
div.product-summary input.pretty-bestellen {
	margin-top: -2px;
	position: absolute;
	right: -10px;
}

a.productgroup-summary {
	color: #000;
	float: left;
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom: 12px;
	width: 240px;
}
a.productgroup-summary span.title {
	background: url(/img/pijltjes/wit-op-oranje-blok.gif) no-repeat 0 14px;
	display: block;
	padding: 9px 0 0 20px;
}
a.productgroup-summary-right {
	float: right;
}

/* Product-details
------------------------------------------------------------------*/
div.product-images  { float: left; margin-right: 16px; width: 232px; }
div.product-images div.image-large-container { margin-bottom: 8px; }
div.product-images div.image-large-container a { display: none; }
div.product-images a { border: 1px solid #efeae3; display: block; } 
div.product-images a:hover,
div.product-images a:focus { border-color: #b3b0ad; }
div.product-images div.image-large-container a.active { display: block; }
div.product-images li { float: left; margin: 0 13px 13px 0; }
div.product-images li.last { margin-right: 0; }

h2.prijs {
	font-size: 1.8em;
	padding: 16px 0;
	text-align: right;
	float: right;
	text-align: right;
	width: 200px;
}
h2.prijs span { color: #ea2ca0; margin-left: 12px; }

div.kolom-product-detail input.pretty-bestellen { float: right; /*right: 0; -34px*/ }

/* Splitters
------------------------------------------------------------------*/
div.splitter-border {
	background: url(/img/border.gif) repeat-y 50% 0;
}
div.split-links {
	float: left;
	width: 324px;
}
div.split-rechts {
	float: right;
	width: 324px;
}

/* Stap 2 winkelwagen
------------------------------------------------------------------*/
div.stap2-keuze h2 {
	color: #333;
	font-size: 1.4em;
}

/* Koopjeshoek
------------------------------------------------------------------*/
div#koopjeshoek {
	border-top: 1px solid #ddd3c4;
	margin-top: 16px;
	padding-top: 24px;
}

div#koopjeshoek h2 {
	padding-bottom: 1em;
}

div#koopjeshoek li {
	float: left;
	padding-right: 22px;
	width: 150px;
}
div#koopjeshoek img.preview {
	border: 1px solid #e4dcd0;
	left: 0; /*ie6*/
	position: absolute;
	top: 0;
}

div#koopjeshoek div.inhoud {
	padding: 0 0 12px 55px;
	position: relative;
}
div#koopjeshoek li h3 { font-size: 1em; }
div#koopjeshoek li h3 a { color: #333; }
div#koopjeshoek p.prijs { font-size: 1.2em; }
div#koopjeshoek p.prijs span { margin-right: 6px; }

/* Groningen in beeld
------------------------------------------------------------------*/
div.topstats, div.beeld-row { padding-bottom: 16px; }
dl.beeld-item {
	background: #f9f4eb;
	float: left;
	margin-right: 12px;
	width: 230px;
}
dl.beeld-item-laatste { margin-right: 0; }
dl.beeld-item dt {
	background: #e7801c;
	padding: 4px 12px;
	text-transform: uppercase;
}
dl.beeld-item dt,
dl.beeld-item dt a { color: #fff; }

dl.beeld-item dd.inhoud {
	line-height: 120%;
	padding: 10px;
}

div.beeld-col {
	background: #e7801c;
	color: #fff;
	float: left;
	min-height: 157px; /*ie6*/
	padding: 16px;
	position: relative;
	width: 325px;
}
div.beeld-col a.knop {
	bottom: 16px;
	position: absolute;
	right: 16px;
}
div.beeld-col h2 {
	background: url(/img/icons/gib-oranje-op-wit.gif) no-repeat 0 2px;
	margin-bottom: 6px;
	padding: 3px 0 8px 34px;
}

div.beeld-uitgelicht { background: #f19038; }
div.beeld-uitgelicht h2 { background-image: url(/img/icons/gib-oranje-op-wit.gif); }
div.beeld-uitgelicht img.preview {
	float: left;
	margin-right: 12px;
}

#component-groningeninbeeld div.voorwaarden label {
	width: auto;
	float: none;
	display: inline;
}

#component-groningeninbeeld div.afbeelding {
	width: 200px;
	float: left;
}

#component-groningeninbeeld div.content-rechts,
#component-groningeninbeeld div.content-links,
#component-groningeninbeeld div.voorwaarden {
	float: right;
	width: 460px;
}

#component-groningeninbeeld div.gegevens { 
	background: #f9f4eb;
	font-weight: bold;
	padding: 9px 20px 15px;
}

#component-groningeninbeeld div.gegevens label {
	width: 211px;
	padding-right: 20px;
}
#component-groningeninbeeld div.gegevens label.last { padding-right: 0 }

table.upload { margin: 10px 0 20px; }
table.upload td { text-align: center }
table.upload td.tleft { text-align: left }

div.add-afb-vid form {
	width: 330px;
	margin-right: 10px;
}

div.add-afb-vid input.pretty-button {
	margin-top: 10px;
}

/* Groningen in beeld: Albumoverzicht
------------------------------------------------------------------*/
div#gib-album-overzicht-top { padding-bottom: 16px; }
div#gib-album-overzicht-top h2 { float: left; margin-top: 20px; }
div#gib-album-overzicht-top form { float: right; }
div#gib-album-overzicht-top form h3 {
	font-size: 1em;
	padding-bottom: .3em;
}
div#gib-album-overzicht-top input {
	float: left;
}
div#gib-album-overzicht-top input.text {
	border: 1px solid #ababab;
}
div#gib-album-overzicht-top input.groen {
	font-size: 1em;
	letter-spacing: 0;
	padding-bottom: 2px; padding-top: 1px;
}

div#gib-album-overzicht {
	background: #f9f4eb;
	padding: 16px; 
}
div.gib-album {
	background: #fff;
	color: #575757;
	float: left;
	line-height: 130%;
	margin: 0 12px 14px 0;
	padding: 9px;
	width: 200px;
}
div.gib-album-last { margin-right: 0; }
div.gib-album h3 { font-size: 1.2em; margin-bottom: .3em; }
div.gib-album h3 a { color: #575757; }
div.gib-album span { display: block; margin-top: 6px; }

/* Groningen in beeld: Album
------------------------------------------------------------------*/
div#intro-split { padding-bottom: 16px; }
div#intro-split div.intro {
	background: none;
	font-weight: normal;
	padding: 0;
}

div#intro-right {
	float: right;
	margin-left: 32px;
	width: 300px;
}
div#intro-split a.previous-green { float: right; }

/* Upload en win
------------------------------------------------------------------*/
h2.upload-en-win {
	background: url(/img/upload-en-win.png) no-repeat right 0;
	font-size: 1.1em;
	line-height: 120%;
	margin-bottom: 12px;
	padding-right: 63px;
}
h2.upload-en-win a {
	background: #e7801c url(/img/icons/gib-oranje-op-wit.gif) no-repeat 16px 50%;
	color: #fff;
	display: block;
	padding: 8px 24px 8px 54px;
}

/* Hyperlink knop
------------------------------------------------------------------*/
a.knop {
	background: #9ab02a;
	border: 1px solid #b3c561;
	border-bottom-color: #617118;
	color: #fff;
	float: right;
	font-weight: bold;
	letter-spacing: 1px;
	padding: 2px 8px;
	text-decoration: none;
	text-transform: uppercase;
}
a.knop:hover,
a.knop:focus {
	background: #afc343;
}

/* Betaalmogelijkheden-info
------------------------------------------------------------------*/
div#betaalmogelijkheden-info {
	background: #f9f4eb;
	border: 1px solid #dbd3c6;
	margin-bottom: 16px;
	padding: 5px;
}

/* Boeking-info
------------------------------------------------------------------*/
h2.boeking-info { margin-bottom: 16px; }
table.boeking-info { font-size: 1.3em; margin-bottom: 16px; }
table.boeking-info th {
	background: url(/img/pijltjes/geel-op-wit-groot.gif) no-repeat 0 4px;
	padding-left: 18px;
	text-align: left;
}

dl.boeking-info {
	background: #ffefcc;
	margin-bottom: 16px;
	padding: 4px 8px;
}
dl.boeking-info dt, dl.boeking-info dd { padding: 3px 0; }
dl.boeking-info dd.info {
	/*border-top: 1px solid #beaf8e;*/
	font-weight: bold;
}

/* Illustraties
------------------------------------------------------------------*/
p.illustratie img { margin: 0 auto; }
p.illustratie span {
	display: block;
	font-size: .9em;
	font-style: italic;
	text-align: center;
}
img.illustratie {
	float: right;
	margin-right: 0; margin-left: 8px;
}
img.illustratie-links {
	float: left;
	margin: .5em 8px .3em 0;
}
div.zijkolom img.illustratie {
	display: block;
	float: none;
	margin: 0 auto 2em;
}
div.alinea img.illustratie { margin-top: 12px; }

div.alinea img.intro-illustratie-links { margin: 2px 10px 15px 0; float: left; }
div.alinea img.intro-illustratie-rechts { margin: 2px 0 15px 10px; float: right; }

/* Footer
------------------------------------------------------------------*/
div#footer-outer {
	background: url(/img/body/footer-nieuw.png) no-repeat 0 -5px; /*ie6*/
	line-height: 100%;
	margin: 0 auto;
	padding: 0 16px;
	height: 63px;
	width: 970px;
}

div#footer {
	padding: 16px 13px 12px;
	background: url(/img/ergaatnietsbovengroningen.gif) no-repeat 50% 35%;
}

div#footer p { margin-bottom: 0;  color: #000; }
div#footer a { color: #ec7e04; }

div#footer p, div#footer ul, div#footer li { display: inline; }
div#footer li {
	border-left: 1px solid #fff;
	margin-left: 6px;
	padding-left: 8px;
}

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

/* Algemeen
------------------------------------------------------------------*/
ul, form ol { list-style: none; }

/* Lijst in alinea
------------------------------------------------------------------*/
div.alinea ul { list-style: disc; margin-left: 24px; }
div.alinea ol { margin-left: 28px; }

/* Integraties
------------------------------------------------------------------*/
dl#integraties {
	color: #fff;
	float: left;
	/*margin-top: 28px;*/
	border-left: 1px solid #e5e5e5;
	margin-top: -2px; 
}

dl#integraties dt,
dl#integraties dd,
dl#integraties ul,
dl#integraties li,
dl#integraties img { display: inline; }

dl#integraties dt {
	padding-right: 10px;
	text-transform: lowercase;
	display: none;
}
dl#integraties li { padding-left: 8px; }

/* Topmenu
------------------------------------------------------------------*/
ul#topmenu { float: left; }
ul#topmenu li { border-left: 1px solid #1f1f1f; display: inline; }
ul#topmenu li.first { border: none; }
ul#topmenu a { padding: 0 8px; }
ul#topmenu li.first a { padding-left: 0; }

/* Kies taal
------------------------------------------------------------------*/
dl#kies-taal {
	float: right;
	text-transform: lowercase;
	margin-right: 207px;
}
dl#kies-taal dt { font-weight: bold; padding-right: 15px; }
dl#kies-taal dt, dl#kies-taal dd,
dl#kies-taal li { float: left; }
dl#kies-taal li { padding-left: 15px; }
dl#kies-taal a { background: no-repeat right 50%;text-indent: -9999px; display: block; width: 16px; }
dl#kies-taal li.active a { opacity: .5;} 
dl#kies-taal li.nl a { background-image: url(/img/vlaggen/nl.gif); }
dl#kies-taal li.en a { background-image: url(/img/vlaggen/gb.gif); }
dl#kies-taal li.de a { background-image: url(/img/vlaggen/de.gif); }

body.js-on dl#kies-taal ul.js-hide li {
	float: none;
	display: none;
}
body.js-on dl#kies-taal ul.js-hide li.active { display: block; }
body.js-on dl#kies-taal ul.js-hide li.active a { font-weight: normal; }

/* Header links (Oranje)
------------------------------------------------------------------*/
div#header div.headerlinks-wrapper{
	
}

div#header ul.headerlinks{
	/*bottom: 0;
    position: absolute;
    z-index: 99;*/
	margin-top: -32px;
}

div#header ul.headerlinks a{ 
	color: #FFF;
	text-transform: uppercase;
	background: url(/img/headerlink.png) no-repeat;
	display: block;
	width: 153px;
	height: 32px; 
	line-height: 38px;
	padding-left: 13px;
}

div#header ul.headerlinks a img{
	padding-top: 13px;
}

div#header ul.headerlinks li{
	float: left;	
}

div#header ul.headerlinksleft{
	margin-left: -5px;
	float: left;
}

div#header ul.headerlinks li a:hover{
	background: url(/img/headerlink-hover.png) no-repeat;
}

div#header ul.headerlinks li a:hover img.hover,
div#header ul.headerlinks li a img.non-hover{ display: block; }
div#header ul.headerlinks li a:hover img.non-hover,
div#header ul.headerlinks li a img.hover{ display: none; }

div#header ul.headerlinks li.active a{
	background: url(/img/headerlink-active.png) no-repeat;
}

div#header ul.headerlinks li.even{
	margin-left: -8px;	
}

div#header ul.headerlinksright{
	margin-right: -5px;
	float: right;
}

/* Hoofdmenu
------------------------------------------------------------------*/
ul#hoofdmenu {
	font-size: 1.2em;
	width: 970px;
	float: left;
	line-height: 36px;
	background: #FFF;
	padding: 0;
	overflow: visible;
	z-index: 999;
}

ul#hoofdmenu li { float: left; margin-right: 2px; }
ul#hoofdmenu a {
	color: #212121;
	display: block;
	font-weight: bold;
	padding: 11px 10px 7px 13px; /* lokaal is de padding incorrect, online wel! */
	outline: none;
}

ul#hoofdmenu a:hover,
ul#hoofdmenu a:focus,
ul#hoofdmenu a.active {
	background-color: #9ab12a;
	color: #fff;
}

ul#hoofdmenu ul {
	display: none;
	position: absolute;
}

ul#hoofdmenu li:hover,
ul#hoofdmenu li.hover-ie { background: #9ab12a; }

ul#hoofdmenu li:hover ul,
ul#hoofdmenu li.hover-ie ul { display: block; }

ul#hoofdmenu ul { 
	padding: 5px 8px;
	background: #9ab12a;
	z-index: 999;
}

ul#hoofdmenu ul li{ float: none; margin: 0; }
ul#hoofdmenu ul a {
	background: url(/img/pijltjes/wit-op-groen-blok.gif) no-repeat 0 8px;
	font-size: 0.9em;
	font-weight: bold;
	color: #fff;
    line-height: 26px;
    padding: 0 10px 0 17px;
}

ul#hoofdmenu ul a:hover {
	background: url(/img/pijltjes/groen-op-wit-blok.gif) no-repeat 0 8px;
}

ul#hoofdmenu a img.non-hover,
ul#hoofdmenu a:hover img.hover,
ul#hoofdmenu a:focus img.hover,
ul#hoofdmenu a.active img.hover,
ul#hoofdmenu li.hover-ie a img.hover { display: block; padding-top 14px; }

ul#hoofdmenu a img.hover,
ul#hoofdmenu a:hover img.non-hover,
ul#hoofdmenu a:focus img.non-hover,
ul#hoofdmenu a.active img.non-hover,
ul#hoofdmenu li.hover-ie a img.non-hover { display: none; }

/* Inhoudsopgave
------------------------------------------------------------------*/
dl#inhoudsopgave {
	border: 1px solid #ddd3c4;
	float: left;
	margin: 0 16px 6px 0;
	width: 228px;
}
dl#inhoudsopgave dt {
	background: url(/img/dl.inhoudsopgave-dt.png) no-repeat 0 bottom;
	font-size: 1.2em;
	font-weight: bold;
	padding: 8px 20px 10px;
}
dl#inhoudsopgave dd {
	background: url(/img/dl.inhoudsopgave-dd.png) repeat-x 0 bottom;
	line-height: 120%;
	min-height: 120px;
	padding: 8px 16px;
}
dl#inhoudsopgave li {
	background: url(/img/pijltjes/inhoudsopgave.gif) no-repeat 0 7px;
	padding: 4px 0 4px 12px;
}
dl#inhoudsopgave a { color: #222; text-decoration: none; }
dl#inhoudsopgave a:hover,
dl#inhoudsopgave a:focus { color: #e7801c; }

/* Breadcrumbs
------------------------------------------------------------------*/
div#breadcrumbs-zoeken { 
	background: url("/img/breadcrumbs.png") repeat-x scroll center bottom transparent;
    line-height: 24px;
    margin-bottom: 15px;
    padding: 0 8px;
    border-top: 1px solid #FFF;
}

div#breadcrumbs-zoeken ul { width: 675px; padding: 7px 0 18px; }

div#breadcrumbs-zoeken div.mijnreisgidsblok{
	margin-top: 6px;
	margin-right: 8px;
}

dl#breadcrumbs {
	float: left;
	color: #747474;
}

dl#breadcrumbs li {
	background: url(/img/breadcrumbs-pijltje.gif) no-repeat right 3px;
	display: inline;
	margin-right: 2px;
	padding-right: 13px;
}

dl#breadcrumbs a { color: #747474; }
dl#breadcrumbs li.current {
	background-image: none;
	margin-right: 0;
	padding-right: 0;
	color: #ec7e04;
	font-weight: bold;
}

/* Stemmen
------------------------------------------------------------------*/
dd.stemmen { padding: 8px 0 8px 12px; }
div.sterren-cijfer-wrapper { padding: 4px 0; }
ul.stemmen { float: left; margin-top: 2px; }
ul.stemmen li {
	background: url(/img/ster-oranje-nee.png) no-repeat;
	float: left;
	height: 14px;
	margin-right: 1px;
	text-indent: -9999px;
	width: 14px;
}
ul.stemmen li.active,
ul.stemmen li.hover { 
	background: url(/img/ster-oranje.png) no-repeat;
}
ul.stemmen a { display: block; height: 14px; width: 14px; }
ul.stemmen a:hover,
ul.stemmen a:focus { background: url(/img/ster-oranje.png) no-repeat; }

div.stemmen-wrapper p.cijfer { color: #e7801c; float: right; font-size: 20px; font-weight: bold; margin-bottom: 0; }

/* Submenu
------------------------------------------------------------------*/
dl.submenu { line-height: 120%; margin-bottom: 8px; }
dl.submenu dt { margin-bottom: 2px; }
dl.submenu a { color: #1f1f1f; }
dl.submenu li {
	background: url(/img/pijltjes/oranje-op-wit-klein.gif) no-repeat 0 6px;
	margin-left: 25px;
	padding: 2px 0 2px 14px;
}
dl.submenu a.active { text-decoration: none; }
dl.submenu li a.active {
	color: #e7801c;
}
dl.submenu dt a {
	background: url(/img/pijltjes/wit-op-oranje-blok.gif) no-repeat 7px 7px;
	display: block;
	font-weight: bold;
	padding: 5px 6px 5px 25px;
}
dl.submenu dt a.active {
	background-color: #E7801C;
	background-image: url(/img/pijltjes/oranje-op-wit-blok.gif);
	color: #fff;
}

/* Nu in Groningen
------------------------------------------------------------------*/
dl#nu-in-groningen { margin-top: 2px; }
dl#nu-in-groningen,
dl#nu-in-groningen dt,
dl#nu-in-groningen dd { float: left; }

dl#nu-in-groningen dt {
	background: url(/img/icons/light-bulb.gif) no-repeat;
	margin-top: 1px;
	padding-left: 24px;
}
dl#nu-in-groningen dt img { margin-top: 2px; }
dl#nu-in-groningen dd { font-size: 1.1em; font-weight: bold; margin-left: 8px; }
dl#nu-in-groningen dd, dl#nu-in-groningen dd a { 
	color: #000;
	vertical-align: middle;
}

/* Segmentenmenu
------------------------------------------------------------------*/
ul#segmentenmenu { padding-bottom: 10px; }
ul#segmentenmenu a,
ul#segmentenmenu span { display: block; }

ul#segmentenmenu span {
	background: url(/img/segmentenmenu/provincie.gif) no-repeat 14px 50%;
	height: 45px;
	text-indent: -9999px;
	width: 310px;
}

ul#segmentenmenu a { background: url(/img/pijltjes/wit-op-oranje-groot.gif) no-repeat 294px 50%; }
ul#segmentenmenu a:hover,
ul#segmentenmenu a:focus { background: url(/img/pijltjes/wit-op-oranje-groot-dubbel.gif) no-repeat 286px 50%; }

ul#segmentenmenu li { background: #e7801c; float: left; margin-right: 10px; }
ul#segmentenmenu li.stad { background-position: 0 -45px; }
ul#segmentenmenu li.beleef { background-position: 0 -90px; margin-right: 0; }
ul#segmentenmenu li.stad span { background-image: url(/img/segmentenmenu/stad.gif); }
ul#segmentenmenu li.beleef span { background-image: url(/img/segmentenmenu/beleef.gif); }

/* Blok (<dl>)
------------------------------------------------------------------*/
dl.blok {
	background: #f9f4eb;
	line-height: 130%;
	margin-bottom: 13px;
}
dl.blok dt {
	background: #E7801C;
	padding: 8px 8px 5px 12px;
}
dl.blok dt a {
	display: block;
	padding-top: 2px;
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
	text-decoration: none;
}
dl.blok span.icon {
	background: none !important;
	display: block;
	padding-left: 0;
}

dl.blok dd.content { background: #fff; padding: 10px; }
div.blok div.content { background: #fff; padding: 5px; }
div.blok div.content p{ margin-bottom: 0; }
/* Useful links 
------------------------------------------------------------------*/
dl.useful-links span.icon { background-image: url(/img/icons/ster.gif); }
dl.useful-links dd.content { padding-top: 2px; }
dl.useful-links ol { list-style: none; margin: 0 -10px; padding: 5px 0; }
dl.useful-links li {
	border-bottom: 1px solid #92908b;
	padding: 6px 15px;
	font-weight:bold;
}
dl.useful-links li.last { border: 0 }

/* En-de links*/
div.en-de-blok span.icon { background-image: url(/img/icons/ster-zwart.gif); }
dl.en-de-links ol { margin: 0 }
dl.en-de-links li {
	background: url(/img/pijltjes/wit-op-oranje-blok.gif) no-repeat 10px 50%;
	padding: 6px 5px 6px 33px;
}

/* Top 5 aanbevolen
------------------------------------------------------------------*/
dl.top-aanbevolen {
	border-bottom: 0px;
	margin-bottom: 13px;
}

dl.top-aanbevolen dt{ background: url("/img/pijltjes/blok-zwart.png") no-repeat 96% 50% #000000 !important; }
dl.top-aanbevolen dd.content { padding-top: 2px; background: #FFF; color: #000; }
dl.top-aanbevolen ol { list-style: none; margin: 0 -10px; padding: 5px 0 12px; }
dl.top-aanbevolen li {
	background: url(/img/top-5.png) no-repeat 16px 7px;
	padding: 8px 8px 8px 44px;
}
dl.top-aanbevolen li.item2 { background-position: 16px -74px; }
dl.top-aanbevolen li.item3 { background-position: 16px -154px; }
dl.top-aanbevolen li.item4 { background-position: 16px -234px; }
dl.top-aanbevolen li.item5 { background-position: 16px -314px; }
dl.top-aanbevolen li, dl.top-aanbevolen li a { color: #000; }
dl.top-aanbevolen li a{
	background: url(/img/pijltjes/zwart.png) no-repeat 99% 50%;
	display: block;
}
dl.top-aanbevolen p.meer-ster-oranje { margin-left: 4px; }

/* Blok Hotel boeken (<dl>)
------------------------------------------------------------------*/
dl.hotel-boeken label {
	float: left;
	font-weight: bold;	
	width: 64px;
}

dl.hotel-boeken dd.content{ margin-top: 7px; background: #e0e0e0; height: 100%; overflow: hidden; }
dl.hotel-boeken form li { padding: 2px 0 5px 0; white-space: nowrap; }
dl.hotel-boeken div.input { float: right; width: 217px; }
dl.hotel-boeken select { font-size: 1em; width: 198px; }
dl.hotel-boeken label{ line-height: 20px; }
dl.hotel-boeken div.input select,
dl.hotel-boeken select.auto { margin-right: 0px; width: auto; font-size: 12px; }
dl.hotel-boeken select.last { margin-right: 0; }
dl.hotel-boeken input.button { margin-top: 12px; }

dl.hotel-boeken button.hotel-button {
	margin-top: 12px;
	background: url(/img/zoek-home.png) left top no-repeat;
	width: 93px;
	height: 24px;
	line-height: 24px;
	border: none;
	text-transform: uppercase;
	color: #FFF;
	font-size: 1em;
}

dl.hotel-boeken button.hotel-button img{
	display: inline;
}

/* Blok newsletter (<dl>)
 * ------------------------------------------------------------------*/
dl.newsletter-blok span.icon { background-image: url(/img/icons/newsletter.gif); padding: 3px 0 1px 28px; }
dl.newsletter-blok form#aanmelden-nieuwsbrief div { 
	margin: 0;
	padding: 3px 0 3px 140px;
	width: 224px;
	background: url(/img/lang-en/aanmelden-nieuwsbrief.png) no-repeat right 50%;
}
dl.newsletter-blok form#aanmelden-nieuwsbrief { padding: 0 }
dl.newsletter-blok form#aanmelden-nieuwsbrief input.text { width: 191px } 

/* Simple
------------------------------------------------------------------*/
dl.simple { margin-bottom: 16px; }
dl.simple dt {
	background: url("/img/pijltjes/blok-oranje.png") no-repeat scroll 96% 50% #F47A02;
    padding: 8px 8px 2px;
	font-size: 1.2em;
	font-weight: bold;
}
dl.simple dt a {
	color: #fff;
	display: block;
}
dl.simple dd {
	background: #fcf7f1;
	border: 1px solid #dbd3c6;
	border-width: 0 1px 1px;
	color: #57544f;
	padding: 5px;
}

/* Winkelwagen
------------------------------------------------------------------*/
dl.winkelwagen dt{ background: url(/img/icons/winkelwagen.jpg) no-repeat 96% 50% #e7801c; }
dl.winkelwagen dd { font-size: .9em; background: #FFF; }
dl.winkelwagen th, dl.winkelwagen td { padding: 6px 0; }
dl.winkelwagen tfoot { font-size: 1.2em; font-weight: bold; }
dl.winkelwagen tfoot td { border-top: 1px solid #d8d5c6; padding-bottom: 0 }
dl.winkelwagen table tfoot a.next { padding: 1px 13px 2px 8px; }

/* Groningen op de kaart (<dl>)
------------------------------------------------------------------*/
dl.op-de-kaart form {
	background: none !important;
	padding: 0;
	width: auto;
	margin: 0;
}

dl.op-de-kaart input.text {
	color: #4f8dca;
	border: 0;
	background: url(/img/opdekaart-input.png) no-repeat;
    float: left;
    height: 22px;
    line-height: 22px;
    padding: 0 0 0 6px;
    width: 202px;
}

dl.op-de-kaart input.button {
	position: absolute;
	margin: 2px 0 0 10px;
}

dl.op-de-kaart label { display: none; }
dl.op-de-kaart dd { padding: 10px; }
dl.op-de-kaart dd.content{ padding: 0; }
dl.op-de-kaart dd.content .content{ background: #E7801C; padding: 10px; }

dl.op-de-kaart div.maps { 
	background: url("/img/kaarthome.gif") no-repeat scroll center top #FFFFFF;
    color: #000;
    height: 103px;
	margin-bottom: 0px;
	margin-top: 0px;
	padding: 15px 10px 10px;
}

body.js-on dl.op-de-kaart div.maps { cursor: pointer; }

div.maps p {
	background: url(/img/homekaart.jpg) no-repeat 0 5px;
	min-height: 80px; /*ie*/
	padding: 23px 0 0 122px;
}

div.maps a {
	display: block;
	background: url(/img/pijltjes/wit-op-oranje-groot.gif) no-repeat right 1px;
}

body.js-on div.map-hover a,
div.maps a:hover { background-image: url(/img/pijltjes/wit-op-oranje-groot-dubbel.gif); }

/* Progressbar
------------------------------------------------------------------*/
ul#progressbar {
	color: #c3c3c3;
	font-size: 1.2em;
	padding-bottom: 24px;
}
ul#progressbar li {
	border-top: 6px solid #d3d3d3;
	float: left;
	padding: 4px 0 0 1%;
	width: 24%;
}
ul#progressbar li.passed {
	border-color: #e7801c;
	color: #333;
}
ul#progressbar li.active { font-weight: bold; }

/* Paginatie
------------------------------------------------------------------*/
dl.paginatie { font-weight: bold; }
dl.paginatie dt { margin-bottom: 2px; }
dl.paginatie li { display: inline; margin-right: 8px; }
dl.paginatie a {
	background: #fff;
	color: #E67717;
	padding: 3px 6px;
	text-decoration: none;
}
dl.paginatie a:hover,
dl.paginatie a:focus,
dl.paginatie a.active { background: #E67717; color: #fff; }

/* Groningen in beeld in rechterkolom
------------------------------------------------------------------*/
dl.gib-side { margin-bottom: 16px; }

dl.gib-side dt.blok-head {
	background: url("/img/pijltjes/blok-oranje.png") no-repeat 96% 50% #f47a02;
    margin-bottom: 5px;
    padding: 8px 8px 2px;
}
dl.gib-side dt.blok-head h3 { 
	background: none;
	padding: 0;
	margin: 0;
}

dl.gib-side dt {
	color: #fff;
	text-transform: uppercase;
	background: url(/img/pijltjes/blok-oranje.png) no-repeat 96% 50% #F47A02;	
	padding: 10px 12px 6px;
}
dl.gib-side dd { padding: 8px 8px 8px 12px; }
dl.gib-side div.stemmen {
	padding: 8px;
}

a.border-hover:hover img { border-bottom: 1px dotted #9AB12A; }

/* Bestelbuttons
------------------------------------------------------------------*/
ul#bestel-buttons { padding-top: 24px; }
ul#bestel-buttons li.previous { float: left; }
ul#bestel-buttons li.next { float: right; }

ul#bestel-buttons li.previous a,
a.previous {
	background: url(/img/pijltjes/oranje-op-wit-klein-links.gif) no-repeat 0 50%;
	float: left;
	font-weight: bold;
	padding: 2px 0 2px 16px;
	text-transform: uppercase;
}

ul#bestel-buttons li.next a,
a.next {
	background: transparent url(/img/next.png) no-repeat right 50%; 
	color: #fff;
	/*float: left;*/
	font-weight: bold;
	padding: 4px 16px 3px 12px;
	text-decoration: none;
	text-transform: uppercase;
}

a.next-op-wit {
	background: transparent url(/img/next-op-wit.gif) no-repeat right 50%; 
	color: #fff;
	font-weight: bold;
	padding: 4px 16px 3px 12px;
	text-decoration: none;
	text-transform: uppercase;
}

a.next-op-wit:hover {
	background: transparent url(/img/next-op-wit-hover.gif) no-repeat right 50%; 
}


a.next-op-grijs {
	background: url("/img/uitgelicht-nieuw-meer.png") no-repeat 0 0;
	padding: 0 0 0 35px;
	color: #fff;
	float: left;
	height: 20px;
	line-height: 20px;
	color: #E7801C;
	display: block;
	font-weight: bold;
	text-transform: none;
	text-decoration: none;
}
a.next-op-grijs:hover{ background: url("/img/uitgelicht-nieuw-meer.png") no-repeat 0 0; }

ul#bestel-buttons li.next a:hover,
ul#bestel-buttons li.next a:focus,
a.next:hover, a.next:focus { background-image: url(/img/next-hover.png); }

a.previous-green {
	background: #9ab12a url(/img/previous-groen-op-wit.png) no-repeat left 50%;
	color: #fff;
	float: left;
	font-weight: bold;
	padding: 2px 12px 2px 46px;
	text-decoration: none;
	text-transform: uppercase;
}

/* Direct naar links */
dl.direct-naar { float: left; padding: 0 0 0 15px; width: 196px; }
dl.direct-naar dt { background: #000; padding: 10px 0 6px 10px; }
dl.direct-naar ul { padding: 12px 0 0 6px; }
dl.direct-naar ul li { margin: 0 0 10px 0; }
dl.direct-naar ul li a {
	color: #222;
	font-weight: bold;
	text-decoration:none;
}
dl.direct-naar ul li a.external {
	background: url(/img/icons/external-link.gif) no-repeat right 3px; padding: 0 15px 0 0;
}

/* Bullet Campagne (variabele kleur)
------------------------------------------------------------------*/
ul li a span.bullet { 
	background-image: url(/img/pijltjes/wit-klein.png); 
	background-position: center center;
	background-repeat: no-repeat;
	display: block;
	float: left;
	height: 10px;
	margin: 5px 16px 0 0;
	width: 10px;
}

/* Error-menu
------------------------------------------------------------------*/
ul.errors, ol.errors, li.input-error, div.form-error {
	background: #ffd6d5;
	border: 1px solid #f7403a;
	color: #f7403a;
	margin: 1em 0;
	padding: .2em 0;
}
ul.errors li, ol.errors li { 
	list-style: disc;
	margin: 0 0 0 20px;
	padding: .2em 0; 
}

li.input-error,
div.form-error { padding: 5px; }

li div.input-error,
div.form-error { font-weight: bold; }

form#aanmelden-nieuwsbrief ul.errors { margin: 1em; }

/* Jaarfilter (in nieuwsarchief)
------------------------------------------------------------------*/
ul.jaarfilter { font-size: 1.8em; font-weight: bold; margin-bottom: 20px; }
ul.jaarfilter li { display: inline; padding-right: 6px; }
ul.jaarfilter a.active { color: #e7801c; text-decoration: underline; }

/* Archief per maand
------------------------------------------------------------------*/
dl.archief-per-maand { margin-bottom: 20px; }
dl.archief-per-maand dt {
	background: url(/img/stippelrand-oranje-smal.gif) repeat-x 0 bottom;
	font-size: 1.5em;
	font-weight: bold;
	padding-bottom: 7px;
	text-transform: uppercase;
}
dl.archief-per-maand dd {
	line-height: 140%;
	padding: 4px 0;
}
dl.archief-per-maand dd li { padding: 3px 0; }
dl.archief-per-maand dd a {
	background: url(/img/pijltjes/oranje-op-wit-klein.gif) no-repeat 3px 4px;
	color: #222;
	display: block;
	padding-left: 14px;
	text-decoration: none;
}
dl.archief-per-maand dd a:hover,
dl.archief-per-maand dd a:focus { color: #e7801c; }

/* Archief per maand
------------------------------------------------------------------*/
dl.events-filter dt,
dl.events-filter dd,
dl.events-filter ul,
dl.events-filter li,
dl.events-filter ul.filter li { 
	display: inline;
	float: none;
	padding: 0; 
}

dl.events-filter { margin-bottom: 2em; }

dl.events-filter ul.filter li a {
	border: 1px solid #ffa66a;
	padding: 4px 10px;
	color: #000;
	text-decoration:none;
}

dl.events-filter ul.filter li a.active,
dl.events-filter ul.filter li a:hover {
	border: 1px solid #ec6104;
	background-color: #e7801c;
	color: #fff;
}

/* Inspiratiepagina
------------------------------------------------------------------*/
a.refresh {
	background: url(/img/refresh.png) no-repeat;
	float: right;
	margin-right: 10px;
	padding-left: 26px;
}
a.refresh span {
	background: url(/img/refresh.png) no-repeat right 0;
	display: block;
	padding: 8px 20px 3px 10px;
}
div#inspiraties { padding-bottom: 100px; }
div#inspiraties div.inspiratie { /*ie6*/
	border: 1px solid #fff;
	float: left;
	height: 198px;
	margin: 0 10px 10px 0;
	position: relative;
}
div#inspiraties div.desc { display: none; }
div#inspiraties div.inspiratie-js { cursor: pointer; }
div#inspiraties div.inspiratie-hover { border-color: #e67717; }
div#inspiraties div.info { bottom: 0; position: absolute; }
div#inspiraties h2,
div#inspiraties p.type {
	padding: 4px 12px;
	text-align: right;
}
div#inspiraties h2 { background: url(/img/inspiratiemenu-h2.png); }
div#inspiraties div.klein h2 { font-size: .9em; line-height: 120%; }
div#inspiraties p.type { display: none; }
div#inspiraties div.groot p.type { display: block; }

div#inspiraties p.type {
	background: #e7801c;
	color: #fff;
	font-size: .9em;
	margin: 0;
	padding-bottom: 0; padding-top: 1px;
}

div#inspiraties div.groot,
div#inspiraties div.info {
	width: 316px;
}

div#inspiraties div.middel,
div#inspiraties div.middel div.info {
	width: 240px;
}
div#inspiraties div.klein-wrapper { float: left; margin-right: 10px; width: 140px; }
div#inspiraties div.klein div.info { width: 138px; }
div#inspiraties div.klein { float: none; height: 94px; margin-right: 0; }

div.inspiratie-description { /*ie6*/
	background: url(/img/inspiratie-description.png) no-repeat right 0;
	color: #fff;
	display: none;
	padding: 12px 12px 12px 40px;
	position: absolute;
	width: 252px;
	z-index: 2;
}
div.inspiratie-description-links {
	background-position: left 0;
	padding-left: 12px; padding-right: 40px;
}
div.inspiratie-description div.desc h3 {
	background: url(/img/pijltjes/wit-op-oranje-blok.gif) no-repeat 0 5px;
	padding-left: 16px;
}

/*
####################
#	FORMULIEREN	   #
####################
*/
/* Algemeen
------------------------------------------------------------------*/
label { float: left; width: 160px; }
input.text, textarea { color: #3a3a3a; padding: 3px; }
input.text, textarea, select { border: 1px solid #dcd3c4; }
input.text:focus, textarea:focus, select:focus { border-color: #727272; }
input.js-date {
	background: url(/img/icons/calendar.png) no-repeat 99% 50%;
	padding-right: 22px;
}
fieldset.none { border: none; margin: 0; padding: 0; }
fieldset.none legend { display: none; }
form li { padding: 3px 0; }
input.button { overflow: visible; }

form li.keuze { overflow: hidden; padding-left: 24px; position: relative; clear: both; } /*ie6*/
form li.keuze input { position: absolute; left: 0; }
form li.keuze label { width: auto; }

/* Form-border
------------------------------------------------------------------*/
h2.form-border { margin-top: 8px; }
div.form-border {
	border-top: 1px dotted #ffb210;
	margin-top: 12px;
	padding: 12px 0 0 20px;
}
div.form-border-metkop { margin-top: 4px; }

form li.keuze { padding-left: 24px; position: relative; }
form li.keuze input { position: absolute; left: 0; }
form li.keuze label { width: auto; }
/* Webbeheer-formulier
------------------------------------------------------------------*/
form.webbeheer-formulier label {
	display: block;
	margin-right: 12px;
	width: 200px;
}
form.webbeheer-formulier fieldset {
	border: none;
	margin: 0;
	padding: 0;
}
form.webbeheer-formulier legend { display: none; }
form.webbeheer-formulier input.text { width: 240px; }
form.webbeheer-formulier select { width: 248px; }
.form-input-heading h2 { margin-top: 16px; }
img.unitip { display: inline; }

form.webbeheer-formulier li.form-input-date select { width: auto; }

form.webbeheer-formulier {padding: 15px;}

/* Verticaal
------------------------------------------------------------------*/
form.verticaal label {
	display: block;
}

/* Zoekformulier
------------------------------------------------------------------*/
form#zoekpagina,
form#branches,
form#zoeken {
	background: url(/img/zoek.png) no-repeat right 0;
	height: 25px;
	padding: 4px 0 1px 80px;
	width: 186px;
	float: right;
	margin-top: 2px;
}
body.lang-de form#zoekpagina,
body.lang-de form#branches,
body.lang-de form#zoeken {
	background-image: url(/img/lang-de/zoek.png);
}
body.lang-en form#zoekpagina,
body.lang-en form#branches,
body.lang-en form#zoeken {
	background-image: url(/img/lang-en/zoek.png);
}
body#component-documentnotfoundpage form#zoeken {
	float: none;
	margin: .5em 0 1em;
}

body#component-groningeninbeeld form#zoekpagina {
	height: auto;
	width: auto;
	background: none;
	padding: 7px 10px 5px;
}

body#component-groningeninbeeld p.zoekbg {
	background: url(/img/zoek.png) no-repeat right 0;	
	width: 186px;
	height: 25px;
	padding: 4px 0 1px 80px;
}

p.criterium input {
	margin: 0 5px;
}

p.criterium strong.zoek-in,
p.criterium label {
	width: 140px;
	float: left;
}

form#zoekpagina input.text,
form#branches input.text,
form#zoeken input.text {
	border: none;
	color: #666;
	width: 144px;
	float: left;
}

form#zoekpagina input.button,
form#branches input.button,
form#zoeken input.button {
	position: absolute;
	margin: 2px 0 0 15px;
}

/* Zoeken op vestigingenpagina */

form#zoekpagina,
form#branches { float: none; margin: 0 0 10px; padding-top: 0; }
form#zoekpagina input.text,
form#branches input.text { width: 154px; }
form#zoekpagina input.button,
form#branches input.button { margin-left: 10px; }

form#branches {
	background-position: -31px bottom;
	height: auto;
	padding: 4px 0 4px 80px;
	width: 620px;
}
form#branches fieldset { clear: both; display: block; float: none; }
form#branches dl { margin: 0 0 0 -77px; }
form#branches label { margin: 0 0 2px 0; width: 230px; }

dl.branch-facility ul.vestigingen-filter {
	padding-bottom: 16px;
	padding-top: 4px;
}

/* Aanpassen maat en kleur
------------------------------------------------------------------*/
form ul.edit { width: 220px; float: right }
form ul.edit li { display: inline; line-height: 2.5em; margin-right: 6px; }
form ul.edit label { font-weight: bold; width: 220px; }  

/* Aanmelden nieuwsbrief
------------------------------------------------------------------*/
form#aanmelden-nieuwsbrief {
	background: #E7801C !important;
	padding: 0;
	margin-bottom: 10px;
}

form#aanmelden-nieuwsbrief h2.title {
	padding: 10px;
}

form#aanmelden-nieuwsbrief div {
	background: url(/img/lang-nl/aanmelden-nieuwsbrief.png) no-repeat right 0;
	margin: 10px 0 0 12px;
	padding: 2px 0 2px 100px;
	width: 194px; 
}

form#aanmelden-nieuwsbrief div.content{
	padding: 0px 10px 10px 10px;
}
form#aanmelden-nieuwsbrief a{
	color: #FFF;
	margin-top: 8px;
	float: left;
}
form#aanmelden-nieuwsbrief div {
	background: none;
	margin: 0;
	padding: 0;
	width: auto;
}

form#aanmelden-nieuwsbrief div.content p{ margin-bottom: 2em; }
form#aanmelden-nieuwsbrief input.text {
	background: url("/img/nieuwsbrief-input.png") repeat scroll 0 0 transparent;
    height: 28px;
    width: 267px;
	color: #666;
	border: 0;
	padding:0 0 0 5px;
}

form#aanmelden-nieuwsbrief button.button {
	cursor: pointer;
	height: 24px;
	padding-top: 0;
	margin: 10px 0 0 0;
}
form#aanmelden-nieuwsbrief button.button img{
	display: inline;
}
form#aanmelden-nieuwsbrief label { display: none; }

/* Boekingsformulier
------------------------------------------------------------------*/
form.boekingsformulier input.button { margin-top: 16px; }

/* Buttons
------------------------------------------------------------------*/
input.pretty-button,
form.boekingsformulier input.button {
	background:#9ab12a url(/img/next-groen-op-wit.png) no-repeat scroll right 50%;
	border: none;
	color: #fff;
	cursor: pointer;
	overflow: visible;
	padding: 3px 46px 3px 12px; /*ie6*/ 
	font-weight: bold;
	text-transform: uppercase;
}

input.button-groen-hover {
	background-color: #738f0f;
	background-image: url(/img/next-donker-groen-op-wit.png);
}
input.button-grijs {
	background-color: #7c7474;
	background-image: url(/img/next-grijs.gif);
}
input.button-grijs-hover {
	background-color: #9ab12a;
	background-image: url(/img/next.gif);
}
div.webshop input.pretty-button {
	background-color: #000;
	background-image: url(/img/next-webshop.gif);
}
div.webshop input.pretty-button:hover,
div.webshop input.pretty-button:focus {
	background-color: #738f0f;
	background-image: url(/img/next-donker-groen-op-wit.png);
}

/* Pretty-bestellen
------------------------------------------------------------------*/
input.pretty-bestellen {
	background: url(/img/pretty-bestellen.gif) no-repeat;
	border: none;
	color: #fff;
	cursor: pointer;
	overflow: visible;
	padding: 3px 10px 3px 44px; /*ie6*/
	text-align: left;
	width: 228px;
	min-height: 10px;
}
input.pretty-bestellen-hover {
	background-position: 0 -24px;
}

/* Zoek arrangementen
------------------------------------------------------------------*/
form#zoek-arrangementen { margin-top: 18px; }
form#zoek-arrangementen input.text { width: 162px; }
form#zoek-arrangementen input.js-date { width: 144px; }
form#zoek-arrangementen select { width: 172px; }
form#zoek-arrangementen select.auto { width: auto; }
form#zoek-arrangementen ol { margin-bottom: 24px; }

/* Google Maps-directions
------------------------------------------------------------------*/
form#google-maps-directions-form {
	background: #f9f4eb;
	border: 1px solid #ffc48a;
	margin-bottom: 12px;
	padding: 6px;
}

form#google-maps-directions-form label {
	font-weight: bold;
	margin-top: 2px;
	width: auto;
}
form#google-maps-directions-form input.text {
	margin: 0 12px;
	width: 200px;
}

div#google-maps-directions { margin-bottom: 12px; }

/* Locatiepunten Google Maps - Campagnepagina (sub) */
div.locatiepunten ul li {
	float: left;
	margin: 0 0 20px;
	overflow:hidden;
	width: 50%;
}
div.locatiepunten ul li.first {
	clear: both;
	overflow: hidden; 
}
div.locatiepunten ul li span { display:block; }
div.locatiepunten ul li span.pin {
	background: url(/img/pin.gif) no-repeat left center;
	color:#fff;
	float:left;
	font-weight:bold;
	height: 29px;
	padding: 0 6px 0 0;
	text-align:center;
	width: 18px;
}
div.locatiepunten ul li strong,
div.locatiepunten ul li a { display:block; }

/* submitknoppen
------------------------------------------------------------------*/
input.groen {
	background: #9ab02a;
	border: 1px solid #b3c561;
	border-bottom-color: #617118;
	color: #fff;
	font-weight: bold;
	letter-spacing: 1px;
	padding: 2px 8px;
	text-decoration: none;
	text-transform: uppercase;
}

dl#nu-in-groningen dd a {
	padding-right: 13px;
	background: url(/img/pijltjes/zwart-op-wit-mini.gif) no-repeat right 50%;
}

/* Inloggen stap 2
------------------------------------------------------------------*/
div.stap2-keuze form {
	margin-top: 24px;
}
div.stap2-keuze label {
	float: left;
	width: 130px;
}
div.stap2-keuze input.text {
	width: 184px;
}
div.stap2-keuze form ol {
	padding-bottom: 24px;
}
div.stap2-keuze input.pretty-button { float: right; }
div.stap2-keuze a.next { margin-top: 88px; }

/* Betaalwijze
------------------------------------------------------------------*/
ol.betaalwijze { color: #6d174b; font-size: .9em; padding-top: 16px; }
ol.betaalwijze li {
	background: #f9f4eb;
	padding: 10px;
	margin-bottom: 4px;
}
ol.betaalwijze input.radio,
ol.betaalwijze label { display: inline-block; float:none }
ol.betaalwijze img { display: inline }
ol.betaalwijze select { vertical-align:middle }
ol.betaalwijze img.ideal { margin-right: 9px }

ol.betaalwijze label { color: #333; font-size: 1.1em ;margin-right: 12px; }
ol.betaalwijze input.radio { margin: 5px 6px 0 0; }

ul.checkboxes { padding-top: 16px; }

ul.checkboxes li input { float: left; margin: 0 10px }
ul.checkboxes li label { width: auto }

form#verzendwijze ul.checkboxes li input {
	float: none;
	display: inline;
}
form#verzendwijze ul.checkboxes li label { float: none; }

/* Register, login en ww-reset
------------------------------------------------------------------*/
form.register input.text { width: 180px; }
form.register select { width: 189px; }
form.register p.opmerking {
	margin: 4px 0 8px 0;
	padding: 0;
	font-style: italic;
}

form.register input.pretty-button { margin-top: 25px; }
div.loginhome form.register input.pretty-button { margin-top: 0; }

form.register li.keuze { margin: 10px 5px; }

span.verplicht {
	font-size: 100%;
	vertical-align: top;
	color: red;
}

h1.loginhead {
	height: 149px;
	background: url(/img/header-loginregister.jpg) no-repeat;
	text-indent: -9999px;
	margin: 0 auto 1.4em auto;
}

label.geslacht { width: 85px; }

div.loginhome {
	width: 100%;
	border-bottom: #5d5956 1px dotted;
	padding-bottom: 15px;
	margin-bottom: 15px;
}

div.kolom {
	float: left;
	width: 50%;
}

div.kolom form.register label {	width: 85px; }
div.kolom form.register input.text { width: 125px }
div.kolom h2 { margin-bottom: 15px; }
/*
####################
#	TABELLEN	   #
####################
*/

/* Webshop
------------------------------------------------------------------*/
div.aanbiedingwrapper { padding-bottom: 12px; }
div.aanbieding {
	float: left;
	height: 187px;
	margin-bottom: 10px;
	position: relative;
	width: 245px;
}
div.aanbieding.odd{ margin-right: 10px; }
div.aanbieding-rechts { float: right; }
div.aabieding img.preview { left: 0; position: absolute; top: 0; }
div.aanbieding div.aanbieding-info-wrapper {
	bottom: 0;
	color: #fff;
	left: 0;
	position: absolute;
	width: 245px;
	height: 58px;
	background: url(/img/webshop-aanbieding-bottom.png) repeat-x;
}

div.aanbieding h2.title {
	padding: 7px 8px 0;
	float: left;
	font-size: 1.2em;
}

div.aanbieding h2 a { color: #000; }
div.aanbieding a { 
	color: #F47A02;
	font-size: 1.1em;
}

div.aanbieding form {
	font-size: 1em;
	font-weight: bold;
	padding: 3px 8px;
	float: left;
	width: 232px;
}

div.aanbieding input.button{
	float: right;
	background: url("/img/webshop-bestel-klein.png") no-repeat scroll right 50% #9eac0b;
	font-size: normal;
	text-transform: uppercase;
	padding: 0px 11px 0px 3px;
	border: none;
	color: #fff;
	font-family: Arial,Verdana,Tahoma,sans-serif;
	font-size: .9em;
	font-weight: bold;
}

div.aanbieding input.button:hover{
	background-image: url(/img/webshop-bestel-klein-hover.png);
	background-color: #738f0f;
}

/* Aanbieding breed */
div.aanbieding-breed{
	height: 307px;
	width: 500px;
}

div.aanbieding-breed div.aanbieding-info-wrapper {
	background: url(/img/webshop-aanbieding-breed-bottom.png) repeat-x;
	height: 58px;
	overflow: hidden;
	width: 500px;
}

div.aanbieding-breed form,
div.aanbieding-breed h2.title,
div.aanbieding-breed h2.title a{ 
	background: none;
	text-align: left;
	color: #FFF;
}

div.aanbieding-breed form{ float: left; clear: left; width: 480px; }
div.aanbieding-breed h2.title{ font-size: 1.6em; }
div.aanbieding-breed form a{
	font-size: 1.25em;
}

div.aanbieding-breed input.button{
	float: right;
	background: url("/img/next-groen-op-zwart.png") no-repeat scroll right 50% #9eac0b;
	font-size: normal;
	text-transform: uppercase;
	padding: 2px 13px 2px 3px;
	position: relative;
	top: -11px;
	right: 5px;
}

div.aanbieding-breed input.button:hover{
	background-image: url(/img/next-donker-groen-op-zwart.png);
	background-color: #738f0f;
}

/* Stap 1 bestellen
------------------------------------------------------------------*/
table.winkelwagen-artikelen td, table.winkelwagen-artikelen th {
	border: 1px solid #ddd3c4;
	border-width: 0 0 1px;
	padding: 12px 0;
}

table.winkelwagen-artikelen thead th,
table.winkelwagen-artikelen thead td {
	padding-bottom: 0;
}

table.winkelwagen-artikelen tr.totaal { font-size: 1.4em; }

table.winkelwagen-artikelen tr.totaal th,
table.winkelwagen-artikelen tr.totaal td {
	border-width: 1px 0 0;
	padding-top: 24px;
}

table.winkelwagen-artikelen img.preview { border: 1px solid #e4dcd0; }

table.winkelwagen-artikelen a.verwijder {
	background: url(/img/icons/cross-grey.png) no-repeat right 2px;
	color: #333;
	padding-right: 20px;
	text-decoration: none;
}
table.winkelwagen-artikelen a.verwijder:hover,
table.winkelwagen-artikelen a.verwijder:focus {
	background-image: url(/img/icons/cross.png);
	color: #dc2020;
}

table.winkelwagen-artikelen .producttitel { font-size: 1em; }
table.winkelwagen-artikelen .producttitel a { color: #333; }

/* Stap 3 Uw gegevens
------------------------------------------------------------------*/
table#uw-gegevens { margin: 24px 0 16px; }

/* iSlider
------------------------------------------------------------------*/
.islider { background-color: #f9f4eb; clear: both; }
.islider-wrapper {}
.islider-viewport { height: 95px; margin: 0 35px; overflow: hidden; width: 830px; }
.islider-container{ height: 95px; }
.islider-item { width: 165px; float: left; }
.islider-link img { display: inline; }
.islider-previous {
	background: url(/img/islider-controls-bg.png) no-repeat 0px 0px;
	float: left;
	height: 95px;
	outline: none;
	text-indent: -999px;
	width: 35px;
}
.islider-next {
	background: url(/img/islider-controls-bg.png) no-repeat 0px -95px;
	float: right;
	height: 95px;
	outline: none;
	text-indent: -999px;
	width: 35px;
}

/* iSlider
------------------------------------------------------------------*/
div.webshop .islider-wrapper {}
div.webshop .islider-viewport { height: 190px; margin: 0 8px; overflow: hidden; width: 184px; }
div.webshop .islider-item { /*height: 214px;*/ width: 184px; }
div.webshop .islider-previous,
div.webshop .islider-next {
	background: none;
	height: auto;
	outline: none;
	padding: 9px 5px;
	position: absolute;
	text-indent: 0;
	width: auto;
}
div.webshop .islider-next {
	margin-left: 180px;
}

/* iFader
------------------------------------------------------------------*/
div.ifader { position: relative; }
div.ifader ul.ifader-nav { position: absolute; z-index: 5; }	/* Indien deze boven de items moet komen te liggen */
div.ifader div.ifader-item { left: 0; position: absolute; top: 0; z-index: 0; }
div.ifader-item img.ifader-img {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;	
}

a.ifader-item-link {
	display: block;
	width: 630px;
	height: 295px;
	position: relative;
}

div.ifader-item span {
	position: absolute;
	bottom: 15px;
	right: 15px;
	display: block;
	padding: 7px 36px 5px 10px;
	background: url(/img/front-viewer/li.hover.png) no-repeat right 50%;
	color: #fff;
	z-index: 3;
}

body.lang-en div.ifader-item span,
body.lang-de div.ifader-item span {
	right: 100px;
}

/* iFader - Uitgelicht nieuw
------------------------------------------------------------------*/
div#topimage,
div.ifader-top{ position: relative; }

body#component-homepage div.ifader-top{
	height: 470px;
	width: 970px;
	margin-bottom: 20px;
}

div.ifader-top div.overlay{
	background: url("/img/uitgelicht-nieuw-overlay.png") no-repeat center top;
    height: 36px;
    left: 0;
    position: absolute;
    top: 0;
    width: 970px;
    z-index: 95;
}

div#topimage form#zoeken,
div.ifader-top form#zoeken{ 
	background: url(/img/uitgelicht-nieuw-zoeken.png) repeat;  
	position: absolute; 
	right: 0px;
	top: 0px;
	z-index: 99;
	margin-top: 0;
	width: 291px;
	padding: 7px 10px;
}

div#topimage form#zoeken input.text,
div.ifader-top form#zoeken input.text{ 
	background: url(/img/uitgelicht-nieuw-input.png) repeat;  
	width: 219px;
	height: 17px;
}

div#topimage form#zoeken input.button,
div.ifader-top form#zoeken input.button{ 
	margin: 0;
}
div.ifader-top div.ifader{ position: absolute; left: 0; top: 0; z-index: 10; }
div.ifader-top div.ifader div.ifader-item { left: 0; position: absolute; top: 0; z-index: 0; }

div.ifader-top div.ifader a.ifader-controller{
	display: block;
	position: absolute;
	bottom: 85px;
	right: 15px;
	z-index: 999;
	text-indent: -9999px;
	background: #000;
}

div.ifader-top div.ifader a.ifader-controller span{
	background: url(/img/ifader-controllers.png) no-repeat 0px -20px;
	height: 20px;
	width: 17px;
	margin: 11px 5px;
	display: block;
}

div.ifader-top div.ifader a#ifader-links{ right: 43px;}
div.ifader-top div.ifader a#ifader-links span{ background-position: 0 0; }

div.ifader-top div.ifader div#ifader-slider-wrapper{
	width: 970px;
	height: 85px;
	position: absolute;
	overflow: hidden;
	background: url("/img/uitgelicht-nieuw-fadernav.png") repeat;
	bottom: 0;
	z-index: 120;
}

div.ifader-top div.ifader ul.ifader-nav { 
	position: absolute; 
	z-index: 5;
	bottom: 0;
	height: 85px;
}

div.ifader-top div.ifader ul.ifader-nav li{
	float: left;
	background: none;
	width: 316px;
	padding:0; 
	position: relative;
	height: 85px;
	overflow: hidden;
} 

div.ifader-top div.ifader ul.ifader-nav li.over,
div.ifader-top div.ifader ul.ifader-nav li.active,
div.ifader-top div.ifader ul.ifader-nav li:hover{
	background: none;
}

div.ifader-top div.ifader li h3{
	float: left;
	width: 195px;
	margin: 3px 0 0 10px;
	font-weight: normal;
	color: #FFF;
} 

div.ifader-top div.ifader li h3 a{
	background: none;
	padding: 0;
}

div.ifader-top div.ifader ul.ifader-nav li img.ifader-thumb{
	float: right;
}

div.ifader-top div.ifader ul.ifader-nav a.link{
	display: block;
	height: 85px;	
}

div.ifader-top div.ifader ul.ifader-nav div.content{
	height: 72px;
	overflow: hidden;
}

div.ifader-top div.ifader ul.ifader-nav span.meer{
	display: block;
	height: 20px;
	background: url(/img/uitgelicht-nieuw-meer.png) no-repeat 0px -20px;
	text-indent: -9999px;
	position: absolute;
	bottom: 10px;
	left: 10px;
	width: 17px;
}

div.ifader-top div.ifader ul.ifader-nav li.active span.meer{
	background-position: 0px 0px;
}

div.ifader-top div.ifader div.ifader-item img.ifader-img {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;	
}

div.ifader-top div.ifader a.ifader-item-link {
	display: block;
	width: 970px;
	height: 450px;
	position: relative;
}

div.ifader-top div.ifader div.ifader-item span {
	position: absolute;
	bottom: 15px;
	right: 15px;
	display: block;
	padding: 7px 36px 5px 10px;
	background: url(/img/front-viewer/li.hover.png) no-repeat right 50%;
	color: #fff;
	z-index: 3;
}

/* iFader Homepage
------------------------------------------------------------------*/
div.ifader-top div.ifader{ height: 450px; border-bottom: 20px solid #000; width: 970px;  }
div.ifader-top div.ifader div.ifader-item p.kop{
	position: absolute;
	top: 0;
	width: 970px;
	padding: 20px 10px 11px;
	left: 0;
	z-index: 10;	
	color: #e1630f;
	display: block;
	font-size: 45px;
	margin: 0;
	background: url("/img/uitgelicht-nieuw-fadernav.png") repeat;
}

/* iFader Contentpage
------------------------------------------------------------------*/
div.ifader-top div.ifader-contentpage{ height: 350px; margin-bottom: 0; } 
div.ifader-top div.ifader-contentpage a.ifader-item-link{ height: 350px; }
div.ifader-top div.ifader-contentpage ul.ifader-nav li{ background: url(/img/ifader-nav-contentpage.png) repeat-x !important; }
div.ifader-top div.ifader-contentpage{ border-bottom: 0 ; }

div.ifader-top div.ifader-contentpage div#ifader-slider-wrapper,
div.ifader-top div.ifader-contentpage ul.ifader-nav,
div.ifader-top div.ifader-contentpage ul.ifader-nav li{ height: 107px; }

div.ifader-top div.ifader-contentpage ul.ifader-nav li{ width: 240px; }
div.ifader-top div.ifader-contentpage li h3{ width: 135px; }
div.ifader-top div.ifader-contentpage ul.ifader-nav span.meer{ text-indent: 25px; width: 100px; }

div.ifader-top div.ifader-contentpage a.ifader-controller{ bottom: 107px; right: 0px; }
div.ifader-top div.ifader-contentpage a.ifader-controller span{ margin: 5px; }
div.ifader-top div.ifader-contentpage a#ifader-links{ right: 28px; }

/* Google Maps
------------------------------------------------------------------*/
div.googlemaps { height: 400px; }

#component-campagnepage .googlemaps { margin: 8px 0 12px; }

/* Groningen op de kaart
------------------------------------------------------------------*/

/* BEGIN - Tijdelijk filter boven kaart */
div.map-zoeken { background: url(/img/kaartbg.gif) 450px 0 repeat-y }
form.godk-zoeken { padding: 0 0 1em; position: relative; }
form.godk-zoeken .disabler { background: #fff; bottom: 0; display: none; left: 0; opacity: .25; position: absolute; right: 0; top: 0; }
form.godk-zoeken-disabled .disabler { display: block; }
div.kolom-1 { margin-left: 0; }

div.kolom-3 {
	float: right !important;
	margin-left: 0 !important;
}
div.groningen-op-de-kaart-wrapper {
	border: 0 !important;
	padding: 0 !important;
	margin: 0 !important;
}
/* EINDE - Tijdelijk filter boven kaart */

div.kaart-omlijning {
	border: 1px solid #ddd3c4;
	margin: 15px;
	padding: 10px;	
}

body#component-groningenopdekaart div.kaart-omlijning {
	border: 0;
	padding: 0;
}

body#component-groningenopdekaart div.map-zoeken {
	background: none;
}

div.vestigingen-kaart { margin:0; }

div.groningen-op-de-kaart-controls {
	margin: 4px 0 10px 0;
}

img.kaarticoon {
	width: 24px;
	height: 24px;
}

div.groningen-op-de-kaart-controls a,
ul.map-knoppen li a {
	border: 1px solid #ffa66a;
	padding: 4px 6px 4px 30px;
	color: #000;
	text-decoration:none;
	background-color: #fff;
	background-position: 3px 50%;
	background-repeat: no-repeat;
}

div.groningen-op-de-kaart-controls a.active,
div.groningen-op-de-kaart-controls a:hover,
ul.map-knoppen a.active,
ul.map-knoppen a:hover {
	border: 1px solid #ec6104;
	background-color: #e7801c;
	background-position: 3px 50%;
	background-repeat: no-repeat;	
	color: #fff;
}

dl.map-toon,
dl.map-toon dt,
dl.map-toon dd,
ul.map-knoppen,
ul.map-knoppen li {
	display: inline;
}

ul.map-knoppen li.godk-add-route a { background-image: url(/img/icons/route-toevoegen.gif) }
ul.map-knoppen li.godk-add-route a:hover,
ul.map-knoppen li.godk-add-route a.active {
	background-image: url(/img/icons/route-toevoegen-active.gif)
}
ul.map-knoppen li.godk-toggle-route-filter a { background-image: url(/img/icons/filter-routes.gif) }
ul.map-knoppen li.godk-toggle-route-filter a:hover,
ul.map-knoppen li.godk-toggle-route-filter a.active {
	background-image: url(/img/icons/filter-routes-active.gif)
}

ul.map-knoppen li.godk-toggle-route-filter a.disabled,
ul.map-knoppen li.godk-toggle-route-filter a.disabled:hover,
ul.map-knoppen li.godk-toggle-route-filter a.disabled:active { background-color: #fff; background-image: url(/img/icons/filter-routes.gif); border: 1px solid #b5b5b5; color: #808080; }

ul.map-knoppen li.godk-add-route a { background-image: url(/img/icons/route-toevoegen.gif) }
ul.map-knoppen li.godk-add-route a:hover,
ul.map-knoppen li.godk-add-route a.active {
	background-image: url(/img/icons/route-toevoegen-active.gif)
}
ul.map-knoppen li.godk-toggle-route-filter a { background-image: url(/img/icons/filter-routes.gif) }
ul.map-knoppen li.godk-toggle-route-filter a:hover,
ul.map-knoppen li.godk-toggle-route-filter a.active {
	background-image: url(/img/icons/filter-routes-active.gif)
}

ul.map-knoppen li.godk-toggle-route-filter a.disabled,
ul.map-knoppen li.godk-toggle-route-filter a.disabled:hover,
ul.map-knoppen li.godk-toggle-route-filter a.disabled:active { background-color: #fff; background-image: url(/img/icons/filter-routes.gif); border: 1px solid #b5b5b5; color: #808080; }

ul.map-knoppen li a.godk-zoom-to span{ padding-left: 30px; display: block; }
ul.map-knoppen li.godk-zoom-to-provincie a.godk-zoom-to span { background: url(/img/icons/toon-provincie-active.gif) no-repeat 0 50%; }
ul.map-knoppen li.godk-zoom-to-haren a.godk-zoom-to span { background: url(/img/icons/toon-stad-active.gif) no-repeat 0 50%; }
ul.map-knoppen li.godk-zoom-to-stad a.godk-zoom-to span { background: url(/img/icons/toon-stad-active.gif) no-repeat 0 50%; }
ul.map-knoppen li.godk-zoom-to-centrum a.godk-zoom-to span { background: url(/img/icons/toon-stadscentrum-active.gif) no-repeat 0 50%; }

dl.map-toon {
	padding-left: 10px;
}

dl.map-toon select { border: 1px #ffa66a solid }
dl.map-toon select#godk-regio { 	margin: 7px 6px 0 0; } 

div.groningen-op-de-kaart-wrapper {
	padding-bottom: 20px;
	border-bottom: 1px #ddd3c4 solid;
	margin-bottom: 15px;
}
div.groningen-op-de-kaart-wrapper,
div.groningen-op-de-kaart {
	height: 500px;
	position: relative;
}

div.groningen-op-de-kaart-loader { background: #fff url(/img/ajax-throbber.gif) no-repeat center center; display: none; height: 500px; left: 0; opacity: 0.7; position: absolute; top: 0; width: 100%; z-index: 100; }
div.loading div.groningen-op-de-kaart-loader { display: block; }

div.groningen-op-de-kaart-wrapper div#godk-route-filter { background: #fff; border: 1px solid #EC6104; display: none; left: 0; padding: 10px; position: absolute; right: 0px; top: 0; }
div.groningen-op-de-kaart-wrapper div#godk-route-filter.active { display: block; }
div.groningen-op-de-kaart-wrapper div#godk-route-filter ul.fields li { float: left; width: 200px; }
div.groningen-op-de-kaart-wrapper div#godk-route-filter ul.fields li label { width: 200px; }

div.groningen-op-de-kaart-wrapper { position: relative; }
div.groningen-op-de-kaart-wrapper-smal { margin-left: 280px; }
div.groningen-op-de-kaart-opties { float: left; height: 500px; padding-right: 20px; width: 260px; }
div.groningen-op-de-kaart-opties label,
div.groningen-op-de-kaart-opties select { width: 100px }

div.kaart-omlijning {
	margin: 0 15px;
	padding: 0;
	border: 0;
}

div.kaart-omlijning ul.topbalk, 
form#godk-zoeken ul.topbalk {
	background: url(/img/groningen-op-de-kaart/topbalk.png) repeat-x;
    height: 40px;
    overflow: hidden;
    padding: 6px 0 0 7px;
	margin-bottom: 10px;
}

div.kaart-omlijning ul.topbalk li, 
form#godk-zoeken ul.topbalk li {
	float: left;
	background: #000;
	padding: 3px 15px 2px 2px;
    height: 29px;
    line-height: 29px;
}

div.kaart-omlijning ul.topbalk li.last, 
form#godk-zoeken ul.topbalk li.last {
	padding-left: 190px;	
}

div.kaart-omlijning ul.topbalk input.text:focus, 
form#godk-zoeken ul.topbalk input.text:focus { color: #333; }

div.kaart-omlijning ul.topbalk input.text, 
form#godk-zoeken ul.topbalk input.text {
    color: #B6B6B6;
    font-size: 1em;
    height: 18px;
    line-height: 18px;
    margin-left: 10px;
    padding: 1px 1px 1px 5px;
    width: 295px;
}

div.kaart-omlijning ul.topbalk button.button, 
form#godk-zoeken ul.topbalk button.button {
	background: url(/img/groningen-op-de-kaart/button.png) no-repeat 100% 50% #f47a02;
	padding-right: 27px;
	margin-top: 3px;
}

form#godk-zoeken ul.topbalk button.button {
	border: none;
	cursor: pointer;
	height: 22px;
	padding-top: 1px;
	width: auto;
}

div.groningen-op-de-kaart-controls {
	height: 33px;
	background: url(/img/groningen-op-de-kaart/controls.png) repeat-x top left;
}

div.groningen-op-de-kaart-controls dl.map-toon dt{ display: none; }
div.groningen-op-de-kaart-controls li.godk-zoom-to{
	float: left;	
}

div.groningen-op-de-kaart-controls a.godk-zoom-to{
	height: 33px;
	line-height: 33px;
	padding: 0 5px 0 7px;
	color: #FFF;
	display: block;
	text-decoration: none;
	width: 140px;
	background: url(/img/groningen-op-de-kaart/controls-item.png) no-repeat top right;
	margin-right: 2px;
	border: 0;
}
	
div.groningen-op-de-kaart-controls a.active,
div.groningen-op-de-kaart-controls a.godk-zoom-to:hover{ background-image: url(/img/groningen-op-de-kaart/controls-item-hover.png); }

/* Categories bij groningen-op-de-kaart */
div.categories li.expanded p.toggler,
div.categories li.hover p.toggler,
div.categories li.hover p.toggler{
	background: #f1f1f1;
}

div.categories ul.selectie-links{
	float: left;
	width: 460px;
	position: relative;
}

div.categories ul.selectie-rechts { 
	width: 460px;
	float: right;
	position: relative; 
}

div.categories p.toggler{
    clear: left;
    display: block;
    float: left;
	text-indent: 4px;
	line-height: 24px;
	background: #FFF;
	padding: 3px;
    width: 185px;
	margin: 0;
	font-weight: bold;
	cursor: pointer;
}

div.categories li.expanded p.toggler,
div.categories li.active p.toggler{
	color: #f57a00;
}

div.categories li.collapsable{
	padding: 0px;
}

/* Zie ook site-ie.css */
div.categories ul ul{
    display: block;
    float: left;
    width: 277px;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	display: none;
	padding-top: 5px;
	background: #f1f1f1;
}

div.categories li.expanded ul{
	z-index: 9;
	display: block;	
}

div.categories li:hover ul,
div.categories li.hover ul{
	z-index: 10;
	display: block;
}

/* zie ook site-ie.css */
div.categories ul ul li{
	float: left;
	width: 123px;
	line-height: 13px;
	margin-bottom: 4px;
	padding: 2px 0 0 7px;
}

div.categories ul ul li.active label{
	font-weight: bold;	
}

div.categories ul ul li input.checkbox{
	display: inline;
}

div.categories ul ul li label{
	float: left;
	width: 100px;
	margin-left: 3px;
}

/*
 * Bedrijven op de kaart
 */
div#bedrijven-op-de-kaart{
	margin: 0;
}

div#bedrijven-op-de-kaart form#branches{
	margin: 0;
	padding: 0;
	width: auto;
	background: none;
	overflow: visible;
}

div#bedrijven-op-de-kaart form#branches fieldset{ float: left; margin: 14px 0 0 10px; }
div#bedrijven-op-de-kaart form#branches input.zoeken-q{
	background: url(/img/bedrijven-op-de-kaart/input.png) no-repeat;
	width: 200px;
    height: 24px;
    line-height: 24px;
}

div#bedrijven-op-de-kaart div.groningen-op-de-kaart-controls{ 
	background: url(/img/bedrijven-op-de-kaart/balk.png) repeat-x top left;
	height: 52px;
	margin-bottom: 0;
}

div#bedrijven-op-de-kaart dl.map-toon{ float: right; margin: 15px 10px 0 0;  }
div#bedrijven-op-de-kaart dl.map-toon select{ display: none; }

div#bedrijven-op-de-kaart ul.map-knoppen label:hover,
div#bedrijven-op-de-kaart ul.map-knoppen label.branche-button-active{ background: #f67f00; }
div#bedrijven-op-de-kaart ul.map-knoppen label{
	line-height: 17px;
	padding: 2px 5px;
	text-transform: uppercase;
	background: #d5ccbf;
	border: 0;
	color: #FFF;
	font-size: .9em;
}

div#bedrijven-op-de-kaart ul.vestigingen-filter { padding: 10px; margin-right: 45px; }
div#bedrijven-op-de-kaart ul.vestigingen-filter input{ margin: 3px 6px 0 0; float: left; }
div#bedrijven-op-de-kaart ul.vestigingen-filter label{ line-height: 160%; width: 220px; }

div#bedrijven-op-de-kaart button.button{
	background: url(/img/bedrijven-op-de-kaart/zoekbtn.png) no-repeat 100% 50% #f67f00;
	padding-right: 30px;
    height: 24px;
    line-height: 24px;
}

div#faciliteiten-wrapper{
	background: url(/img/bedrijven-op-de-kaart/balkonderbalk.png) repeat-x;
    height: 34px;
    line-height: 34px;
    margin: 0;
    padding: 0;
}

dl.branch-facility{ margin: 0 !important; float: left; }
dl.branch-facility dt { cursor: pointer; background: url(/img/bedrijven-op-de-kaart/balkonderbalkbutton.png) no-repeat 95% 50%; padding: 0 28px 0 10px; border-right: 1px solid #CCC; }
dl.branch-facility dd.open{ display: block; }
dl.branch-facility dd { 
	display: none;
	background: #FFF;
	position: absolute;
	z-index: 10;
	border-bottom: 1px solid #e3e3e3;
}

/* KOLOMMEN */
div.kolom-1 { 
	width: 420px;
	float: left;
}
div.kolom-1 label {	float: none }

div.kolom-2 {
	float: right;
	width: 433px;
	padding-left: 15px;
	margin-left: 20px
}

ul.selectie-links,
ul.selectie-rechts {
	float: left;
	width: 199px;
}

ul.selectie-rechts { margin-left: 10px }
ul.selectie-links { margin-right: 10px }

.kolom-1 ul { border-top: 1px #d78432 dotted }
.kolom-1 ul li { border-bottom: 1px #d78432 dotted }
.kolom-1 ul li ul { border: 0 }
.kolom-1 ul li ul li { 
	border: 0;
	margin-left: 34px
}

.kolom-1 h3 {
	background: #e7801c url(/img/groningen-op-de-kaart/kop-selectie-op-activiteit.png) 0 bottom no-repeat;
	width: 398px;
	padding: 10px;
	color: #fff;
	margin-bottom: 15px
}

.kolom-2 h3 {
	background: #222 url(/img/groningen-op-de-kaart/kop-zoeken-breed.jpg) 0 bottom no-repeat;
	padding: 10px;
	color: #fff;
	margin-bottom: 15px
}

.kolom-2 li.fleft {
	width: 216px;
}

.kolom-2 select,
.kolom-2 input,
.kolom-3 input { width: 200px; text-align: left; margin-bottom: 10px }
.kolom-2 input.text { width: 192px; }
.kolom-2 label { font-weight: bold; margin-bottom: 2px; }
.kolom-2 select { padding: 2px; }

.kolom-1 img { display: inline; margin-right:10px }
.kolom-1 p { 
	color: #ec6104;
	font-weight:bold;
	padding: 5px 0;
	margin-bottom: 0;
	cursor: pointer;
}

.kolom-1 li.collapsable p.toggler,
.kolom-1 li.collapsed p.toggler { background: url(/img/groningen-op-de-kaart/pijltje-collapsed.gif) 98% 50% no-repeat; }
.kolom-1 li.expanded p.toggler { background: url(/img/groningen-op-de-kaart/pijltje-expanded.gif) 98% 50% no-repeat; }
.kolom-1 li.collapsable ul,
.kolom-1 li.collapsed ul { display: none; }
.kolom-1 li.expanded ul { display: block; }

div#godk-route-filter { padding-left:20px }
div.groningen-op-de-kaart-opties h3,
div#godk-route-filter h3 { color: #e7801c; margin:5px 0 10px }
div.groningen-op-de-kaart-opties h4,
div#godk-route-filter h4 { padding: 0 0 5px; border-bottom: 1px #e7801c dotted; margin: 0 20px 10px 0 }
div#godk-route-filter input { margin-top: 10px; }
div#godk-route-filter ul.field { margin-left: 20px; }

div.gmap-popup { font-size: 0.9em } 

/* Hotels.nl spul
------------------------------------------------------------------*/
div.kolom-border div.kamer { margin-bottom:0;border:0;padding-bottom:0}
div.kamer-kalender-wrapper { clear: both; margin-top: 10px;overflow: hidden; }
div.kamer-kalender { float: left; width : 136px; min-height:225px; }
table.Calendar td.CalendarClosed { color: #ccc; margin: 5px; }
th.CalendarHeader { 
	background:#e7801c;
	-moz-border-radius-topleft:8px;
	-moz-border-radius-topright:8px;
	-webkit-border-top-left-radius:8px;
	-webkit-border-top-right-radius:8px;
}
table.Calendar { 
	background: #f9f4eb;
	-moz-border-radius-topleft:12px;
	-moz-border-radius-topright:12px;
	-webkit-border-top-left-radius:12px;
	-webkit-border-top-right-radius:12px;
}
.CalendarCell, .CalendarClosed {
	text-align:center;
	border: 1px #f9f4eb solid;
}
.CalendarCell { background: #fff; border: 1px #fff solid;}

/* Arrangementen
------------------------------------------------------------------*/
.expanded .collapsed,
.collapsed .expanded { display: none; }

/* Hotel zoeken
------------------------------------------------------------------*/
div.hotel-top { margin: 18px 0 15px 0; }

div.hotel-top p {
	float: left;
	margin-right: 32px;
}
body.js-on div.hotel-top input { display: none; }

div.hotel-overz {
	margin: 20px 0 0;
	background: #E7801C;
	position: relative;
	width: 664px;
}

div.hotel-overz div.content { margin-left: 120px }

div.hotel-foto {
	position:absolute;
	bottom:0;
	left:0;
	height: 100px;
	width: 125px;
	overflow: hidden;
}

div.hotel-foto img { position: absolute; bottom: 0; }

div.hotel-overz li {
	background: url(/img/pijltjes/wit-op-oranje-klein.gif) no-repeat 0 center;
	padding: 1px 0 1px 14px;
}

div.hotel-overz ul {
	margin: 0 10px 0 15px;
	padding: 3px 0;
}

div.hotel dl { margin: 10px 0; }
div.hotel dl dt { width: 100px;float: left}
div.hotel img.afb { margin: 0 0 10px 10px }

div.hotel-info p {
	margin-bottom: 0;
	padding-top: 10px;
}

div.alinea ul.faciliteiten { list-style: none; margin-left: 0; }

div.hotel li {
	background:transparent url(/img/pijltjes/oranje-op-wit-klein.gif) no-repeat 2px 50%;
	padding-left: 14px;
}

div.hotel div.clickable { 
	padding: 5px;
	background: #E7801C;
	position: relative; 
}
	
div.hotel div.clickable-hover { cursor: pointer; }

div.hotel div.clickable-hover h2 a { text-decoration: underline }

div.hotel h2 a {
	font-weight: bold;
	text-decoration: none;
	color: #000;
}

div.hotel-gegevens {
	float: left;
	padding-left: 10px;
	max-width: 330px;
}

div.hotel address {
	font-style: normal;
	margin: 3px 0 0 3px;
	line-height: 140%;
}

div.hotel-overz-kamers {
	background: #f9f4eb;
	padding: 4px 0 4px 4px;
	width: 660px;
}

table.hotel-info thead {
	display: none;
}

table.hotel-info th,
table.hotel-info td { padding: 1px 5px; }

table.hotel-info td.type {
	background: url(/img/pijltjes/oranje-op-wit-klein.gif) no-repeat 1px 50%;
	padding-left: 12px;
	text-align: left;
}

table.hotel-info a.boeknu {
	color: #fff;
	text-decoration: none;
	background: #77b104 url(/img/boeken.gif) no-repeat right center;
	vertical-align: middle;
	padding: 2px 10px 2px 3px;
}

table.hotel-info a.boeknu:hover {
	background: #6f9a1e url(/img/boeken-hover.gif) no-repeat right center;
}

p.ppk {
	background: url(/img/pijltjes/rood-op-wit-klein.gif) no-repeat 4px center;
	padding-left: 15px;
	text-align: left;	
}

/* Kamers
------------------------------------------------------------------*/
table.kamer-gegevens th,
table.kamer-gegevens td {
	background: #f9f4eb;
	padding: 2px 4px;
	vertical-align: top;
}
table.kamer-gegevens th {
	text-align: right;
}

/* Kamers
------------------------------------------------------------------*/
div.kamers {
	background: #f9f4eb;
	padding: 12px;
}
div.kamers div.kamer-info {
	border-bottom: 1px dotted #000;
	padding: 12px 0;
}

/* Hanze Arrangementen
------------------------------------------------------------------*/
div.arr { background-color: #f9f4eb; }
div.arr p { padding: 15px 15px 4px 15px; }
div.arr p, div.hanze div.alinea { margin-bottom: 0; }
div.arr div.hotel { border: 0; margin: 5px; }
div.arr-balk { background: #000; min-height: 55px; }
div.arr div.hotel { padding: 10px; }

div.arr h2,
h2.borders { 
	margin-top: 15px;
	border-width: 5px 0;
	border-style: solid;
	border-color: #E7801C;
	padding: 11px 10px 8px 35px;
	background: url(/img/pijltjes/oranje-op-wit.gif) no-repeat 15px 9px;
}


div.arr div.hotel h3 {
	background: url(/img/pijltjes/wit-op-oranje-blok.gif) no-repeat 0 center;
	padding-left: 30px;
	margin: 4px 0;
}

div.arr div.hotel img {
	margin-left: 30px;
}

div.arr div.hotel div.hotel-detail {
	float: left;
	padding: 0 5px;
	max-width: 320px;
}

div.arr div.hotel div.hotel-detail li {
	background: url(/img/pijltjes/oranje-op-wit.gif) no-repeat 10px center;
	padding: 4px 30px;
}

div.arr div.alinea ul {
	list-style: none outside none; 
	margin: 0 15px;
}

div.arr div.alinea li {
	background: url(/img/pijltjes/oranje-op-wit-klein.gif) no-repeat 0 center;
	padding: 3px 17px;
	margin: 0;
}

div.arr-top {
	background: #E7801C;
	/*height: 155px;*/
	padding: 10px 15px 0;
	overflow:hidden;
}

img.arr-det {
	float:right;
	margin-right:-15px;
	margin-top:-10px;
	position:relative;
}

div.arr-top h1 {
	background: url(/img/pijltjes/wit-op-oranje-groot.gif) no-repeat 0 9px;
	padding: 10px 18px;
	border-bottom: 1px black dotted;
	margin-bottom: 0.5em;
	text-transform: uppercase;
	color: #fff;
	width:220px;
}
div.arr-top ul { width:256px; }
div.arr-top li {
	background: url(/img/pijltjes/wit-op-oranje-groot.gif) no-repeat 7px center;
	padding: 5px 25px;
	font-weight: bold;
}

a.collapsed {
	padding-right: 15px;
	background: url(/img/pijltjes/oranje-collapsed.gif) no-repeat right center;
	margin: 5px 0 3px 160px;
}

a.expanded {
	padding-right: 15px;
	background: url(/img/pijltjes/oranje-expanded.gif) no-repeat right center;
	margin-left: 160px;
}

div.hotels-meer { margin-left: 16px; clear:both; }
div.arr-border { height: 1px; width: 90%; margin: 10px auto; border-top: 1px #000 dotted;}

.voormaar {	float: left; color:#fff; }
.prijs { float: left; margin-left: 20px; color: #e7801c; }

/* Meer arrangementen
*********************************************************/
div.arrangement { /*ie6*/
	background: #e7801c no-repeat 0 38px;
	min-height: 276px;
	margin: 10px 0 25px 0;
	position: relative;
}

div.arrangement .prijs { color: #fff; }

img.arr-overz {
	position: absolute;
	bottom: 0; left: 0;
}

div.hotel-overz h2,
div.arrangement h2 {
	padding: 12px 3px 10px 26px;
	background: url(/img/pijltjes/wit-op-oranje-groot.gif) no-repeat 10px 12px;
	color: #fff;
}

div.arrangement div.content {
	margin-left: 200px;
	min-height: 225px;
}

div.arrangement p {
	margin: 8px 10px 0 15px;
	padding-bottom: 8px;
}

div.hotel-overz p {
	margin: 8px 10px 0 15px;
}

div.arrangement ul {
	margin: 0 10px 8px 15px;
	padding: 6px 0;
	border-bottom: 1px #000 dotted;
	border-top: 1px #000 dotted;
}

div.arrangement li {
	background: url(/img/pijltjes/wit-op-oranje-groot.gif) no-repeat 0 center;
	padding: 2px 0 2px 18px;
}

a.arr-boeknu {
	height: 30px;
	background: #000 url(/img/arr-boeknu.gif) no-repeat right center;
	right: -10px;
	color: #fff;
	padding: 9px 30px 0 5px;
	position: absolute;
	overflow: hidden;
}

a.arr-boeknu img {
	float: left;
}

div.hotel-overz p a,
div.arrangement p a {
	font-weight: bold;
	color: #fff;
	padding-right: 15px;
	background: url(/img/pijltjes/wit-op-oranje-groot.gif) no-repeat right center;
}

/* Achtergrond
*********************************************************/
div.balk {
	position: absolute;
	height: 129px;
	top: 0px;
	left: 0;
	width: 100%;
	background: url(/img/bg-top.png) repeat-x top left #FFF;
	z-index: -1;
}

/* Onderlijning Linkjes textwriter
*********************************************************/
div.top h2 a img,
dl.blok dt a img,
div#front-evenementen h2 a img,
div.blok-grijs dl dt a img {
	padding-bottom: 1px;
}

div.top h2 a:hover img,
dl.blok dt a:hover img,
div.blok-grijs dl dt a:hover img,
div#front-evenementen h2 a:hover img {
	padding-bottom: 0;
	border-bottom: 1px dotted;
}

/* Evenementen
*********************************************************/
li.evenement, div.evenement-intro {
	background: #000;
	color: #fff;
	padding-left:15px;	
	margin: 20px 0;
}

div.evenement-intro { margin:0 }
div.evenement-intro p { font-weight:bold }

div.evenement-content {
	background: #f9f4eb;
	padding: 15px 15px 0 15px;
	margin-bottom: 1em;
}

div.evenement-details h2 {
	background: url(/img/pijltjes/zwart-op-wit.gif) no-repeat 2px 50%;
	padding: 13px 0 5px 21px;
	border-bottom: #000 dotted 1px;
	border-top: #000 dotted 1px;
	font-size: 2em;
	margin-bottom: 12px;
}

div.evenement-fotodiv { 
	position: relative;
	float:right;
	width: 185px;
	height: 255px;
	background: #000;
}

div.evenement-text {
	float: left;
	width: 300px;
}

div.evenement-fotodiv img { display: block }
div.evenement-fotodiv span { 
	position:absolute;
	right: 0;
	background: #000;
	bottom: 15px;
	padding: 3px 25px 3px 10px;
	font-style:italic;
	font-size: 0.9em
}

p.evenement-fototekst {
	position: absolute;
	display:block;
	right: 20px;
	background: #000
}
span.datum {
	background:#e7801c;
	padding: 2px 4px;
	margin: 10px 2px;
	text-transform: uppercase;
	font-weight:bold;
	display:inline-block;
}

li.evenement h4 {
	padding:15px 0 5px 20px;
	font-size: 1.8em;
	background: url(/img/pijltjes/oranje-op-zwart.gif) no-repeat 2px 16px;
	border-bottom: #fff dotted 1px;
}
li.evenement { position: relative; }
div.sms-reminder {
	display: none;
	background: #fff;
	border: 4px solid #e7801c;
	color: #000;
	padding: 12px;
	position: absolute;
	margin-top: -100px;
	width: 400px;
}
p.sms-reminder-succes {
	background: #fff;
	border: 2px solid #e7801c;
	color: #e7801c;
	line-height: 140%;
	padding: 6px;
	text-align: center;
	width: 258px;
}
div.sms-reminder-show {
	display: block;
}
div.sms-reminder a.close {
	background: #e7801c url(/img/sms-reminder-close.gif) no-repeat 4px 1px;
	height: 15px;
	position: absolute;
	right: 0;
	text-indent: -12345px;
	top: 0;
	width: 15px;
}

div.sms-reminder p.error {
	color: #f6460f;
	font-weight: bold;
}

li.evenement a.leesmeer {
	margin-right: 16px;
}
	
a.leesmeer {
	background: url(/img/pijltjes/wit-op-zwart.gif) no-repeat right 50%;
	color: #fff;
	float: right;
	padding: 5px 18px 5px 0;
	margin-right: 3px;	
}
li.evenement p.content { margin: 0 0 8px 2px; padding-bottom: 10px; border-bottom: #fff dotted 1px; }
img.evenement-foto { float: right;  margin-left: 10px }

#component-evenementoverzicht h3.maand {
	color: #e7801c;
	text-transform: uppercase;
	font-size: 3em;
	margin-top:20px
}

a.sms-reminder {
	display:inline-block;
	width:96px;
	height:24px;
	text-indent:-9999px;
	background: url(/img/smsreminder.png) no-repeat;
	vertical-align:middle;
	margin-left: 10px;
}

/* Reisgids */
#component-mijnreisgids div.kolom-midden {
	padding-left: 40px;	
}

div.mijnreisgidsitem {
	width: 232px;
	height: 395px;
	background: #f0eeef url(/img/reisgids-bg.jpg) repeat-y 0 0;
	padding: 5px 10px 0 50px;
	margin: 20px 0 5px 0;
	float: left;
	overflow: hidden
}

div.mijnreisgidsitem input {
	background: none;
	border: 0;
	float: right;
	background: url(/img/icons/verwijder.gif) no-repeat right 50%;
	padding: 3px 25px 3px 0;
}

div.reis-balk { background: #e7801c; margin: 0 0 20px -40px }
div.reis-balk h2 { padding: 15px 0 10px 40px }
div.reis-balk a { width: 225px }

div.mijnreisgidsitem h3 { margin-top: 25px; margin-bottom: 12px }
div.mijnreisgidsitem div.desc { line-height: 180%; }
div.mijnreisgidsitem h3 a {	display:block;padding: 10px 0 }
div.mijnreisgidsitem div.alinea { margin-top:10px }
div.mijnreisgidsitem div.alinea p { line-height:21.5px; }

a.wittelijn { border-bottom: 1px #ffffff solid; }

a.mijn-reisgids-img { margin-bottom: 1em; display: block;}
a.mijn-reisgids-img-print {
	margin-bottom: 0;
	padding: 0 0 5px 10px;
	float: right;
}
/* Bedrijfsdetail */
div.bedrijfsdetail-links {
	width: 478px;
	float: left;
	overflow: hidden;
}

div.bedrijfsdetail-rechts {
	width: 460px;
	float: right;
}

div.bedrijfsdetail-rechts ul.faciliteiten {
	border: 1px dotted #000;
	border-width: 1px 0;
	line-height: 130%;
	margin-bottom: 15px;
	padding: 4px 0;
}
div.bedrijfsdetail-rechts ul.faciliteiten li {
	padding: 7px 0 7px 36px;
	position: relative;
}
div.bedrijfsdetail-rechts ul.faciliteiten img { position: absolute; left: 0; top: 2px; } /*ie6*/

a.bedrijf-overz {
	background: #000 url(/img/pijltjes/wit-op-zwart-links.gif) 10px 50% no-repeat;
	padding: 12px 15px 7px 28px;
	color: #fff;
	text-transform: uppercase;
	float: left;
	font-weight: bold;
	font-size: 1.2em;
	display: block;
	margin: 0 0 20px;
}

div.bedrijfsdetail-rechts h2 {
	padding: 0.4em 0;
}

div.recensies {
	background: #f9f4eb;
	padding: 10px;
	width: 720px;
}

div.contactgegevens { margin-bottom: 20px; width: 250px; }
div.contactgegevens h2,
div.bedrijfsdetail-rechts div.faciliteiten h2 {
	background: url(/img/pijltjes/oranje-op-wit.gif) no-repeat 2px 6px;
	padding-left: 17px;
}

div.contactgegevens p {
	border-width: 1px 0;
	border-color: #000;
	border-style: dotted;
	padding: 5px 0;
}

div.bedrijfsmap {
	border: 1px #cfcfcf solid;
	margin-bottom: 20px;
	padding: 5px;
}

a.meer-bedr {
	position: relative;
	bottom: 32px;
	float: left;
	left: -6px;
	display: block;
	width: 221px;
}

div.bedrijfsdetail-links div.alinea {
	border-bottom: 1px #000 dotted;
}

div.reviews { padding: 10px }

div.review {
	padding: 20px 40px 10px;
	border-bottom: 1px #000 dotted;
	background: url(/img/pijltjes/zwart-op-grijs.gif) no-repeat 10px 22px;
}

div.review-head { border-bottom: 1px #000 dotted }
div.review-head h2 img { margin: 5px 10px 0 }

.recensies div.login {
	float: left;
	padding: 20px 20px 10px;
	width: 305px;
}

.borderright { border-right: 1px #000 dotted }

.recensies div.login h2 {
	padding-left: 35px;
	background: url(/img/pijltjes/zwart-op-grijs.gif) no-repeat 10px 2px;
}

.recensies div.login form,
.recensies div.login p { padding: 15px 35px }
.recensies div.login label { width: 85px }
.recensies div.login input.text { width: 140px }

span.rdatum { color: #656565 }

div.reviews input.pretty-button { background-image: url(/img/next-groen-op-grijs.png) }
div.reviews input.button-groen-hover { background-image: url(/img/next-donker-groen-op-grijs.png) }

div.plaatsreview { padding: 15px }
div.plaatsreview label { width: 100px; margin-top: 10px }
div.plaatsreview textarea { margin-top: 10px }
div.plaatsreview select { width: 60px; margin-top: 10px }
div.plaatsreview input { margin: 10px 0 0 100px }

/* Vestigingenlijst */
div#vestiginglijsten ul.filter{
	background: url("/img/bedrijven-op-de-kaart/balkonderbalk.png") repeat-x;
	height: 34px;
    line-height: 34px;
	width: 100%;
	clear: both;
	margin-bottom:22px;
}

div#vestiginglijsten ul.filter li{ padding: 0; }
div#vestiginglijsten ul.filter a{
	font-weight: bold;
	color: #000;	
	display: block;
	height: 34px;
    line-height: 34px;
	padding: 0 28px 0 10px;
	text-decoration: none;
	border-right: 1px solid #CCCCCC;
	background: url("/img/bedrijven-op-de-kaart/balkonderbalkbutton.png") no-repeat 90% 93%;
}

div#vestiginglijsten ul.filter a:hover,
div#vestiginglijsten ul.filter a.active{
	color: #ec7e04;	
	background: url(/img/pijltjes/vestigingfilter.png) no-repeat 96% 50% #FFF;
	border-right: 1px solid #fff;
}

div.vestigingen-links {
	width: 390px;
	float: left;
}

div.vestigingen-rechts {
	float: right;
	position: relative;
	width: 320px;	
}
#vestigingen-rechts-loading {
	background: #fff url(/img/ajax-throbber.gif) center center no-repeat;
	bottom: 0;
	display: none;
	left: 0;
	/*height: 320px;*/
	opacity: .7;
	position: absolute;
	right: 0;
	top: 0;
	/*top: 6px;
	width: 320px;*/
}

div.loading #vestigingen-rechts-loading { display: block; }

div#vestigingen-google-maps {
	height: 400px;
	background: #c1c2c5;
}

div.vestigingen-google-maps-top { position: fixed; top: 0; }
div.vestigingen-google-maps-bottom { position: absolute; }

ul.vestigingenlijst-uitgelicht li {
	width: 225px;
	float: left;
	margin-right: 22px;
	margin-bottom: 22px;
	background: #faf4eb;
	height: 246px;
}

ul.vestigingenlijst-uitgelicht li.last{
	margin-right: 0;
}

ul.vestigingenlijst-uitgelicht img.foto{
	height:150px;
	width: 225px;
}

ul.vestigingenlijst-uitgelicht div.clearfix{
	padding: 8px;
}

ul.vestigingenlijst-alles{
	clear: left;
}

ul.vestigingenlijst-alles li{
	background: #FFF;
	padding: 5px 10px;
}

ul.vestigingenlijst-alles li.rang1-even{
	background: #faf4eb;
} 

ul.vestigingenlijst div.clearfix strong{ float: left; clear: left; }
ul.vestigingenlijst li p { margin-bottom: 0 }
ul.vestigingenlijst a.target{ display: block; float: left; clear: left; }

ul.vestigingenlijst li.rang1b { background: #fbe6d3 }
ul.vestigingenlijst li.rang1 strong.titel {
	background: url(/img/pijltjes/wit-op-oranje-blok.gif) no-repeat 0 5px;
	padding-left: 20px;
	width: 273px;
	float: left;
	display: block;
}

ul.vestigingenlijst li.rang1 strong a { color: #000 }

ul.vestigingenlijst li div.waardering {
	float: right;
	width: 75px;
	height: 16px;
	overflow: hidden;
	background: url(/img/ster-oranje-nee.png) repeat-x 0 0;
}

/* div.waardering img { float: left } */
div.waardering span {
	background: url(/img/ster-oranje.png);
	height: 16px;
	width: 15px;
	float: left;
	text-indent: -9999px;
}

ul.vestigingenlijst li.first{ float: left; clear: left;}
ul.vestigingenlijst li.rang2 { height: 95px; }
ul.vestigingenlijst li.rang2b { background: #fff }
ul.vestigingenlijst li.rang3 strong.titel,
ul.vestigingenlijst li.rang2 strong.titel {
	float: left;
}

ul.vestigingenlijst li.rang1-hover,
ul.vestigingenlijst li.rang2-hover {
	cursor: pointer;
}

body.js-on ul.vestigingenlijst li.ingeklapt {
	background-image: url(/img/pijltjes/vestiging-collapsed.gif);
	background-position: 97% 13px;
	background-repeat: no-repeat;
}

ul.vestigingenlijst li.ingeklapt div {
	display:none;
}

body.js-on ul.vestigingenlijst li.uitgeklapt {
	background-image: url(/img/pijltjes/vestiging-expanded.gif);
	background-position: 97% 13px;
	background-repeat: no-repeat;
}

body.js-on ul.vestigingenlijst li.uitgeklapt div {
	display: block;
}

h2.niet-in-gids {
	background: url(/img/pijltjes/wit-op-oranje-blok.gif) no-repeat 10px 25px;
	font-size: 1.2em;
	padding: 20px 30px 0;
}

div.vestigingen-kaart dl.map-toon {
	border:0;
	margin: 0;
	padding: 0;
}

div.vestigingen-google-maps-wrapper { position: relative; }
div.vestigingen-kaart div.groningen-op-de-kaart-controls a,
div.vestigingen-kaart ul.map-knoppen li a,
div.vestigingen-kaart ul.map-knoppen li label {
	padding: 2px 10px;
	margin-bottom: 3px;
	display:inline-block; /*ie*/
}

div.vestigingen-kaart ul.map-knoppen li label { border: 1px solid #FFA66A; cursor: pointer; float: none; width: auto !important; }
div.vestigingen-kaart ul.map-knoppen li label input { display: none; }
div.vestigingen-kaart ul.map-knoppen li label:hover,
div.vestigingen-kaart ul.map-knoppen li label.branche-button-active { background: #E7801C; color: #fff; }

ul.vestigingen-filter li { float: left; }
ul.vestigingen-filter label { width: 232px;}

/* Imageviewer */

div.imageviewer { margin-bottom: 20px }
div.imageviewer div.image { height: 270px; overflow: hidden; position: relative; width: auto; }
div.imageviewer div.image img { display: none;  }
div.imageviewer div.image img.active { display: block; }
div.imageviewer ul {}
div.imageviewer ul a.active {}

ul.thumbs { 
	margin-top: -40px;
	position:relative;
	width: 471px;
	margin-left: 61px;
}

ul.thumbs li { 
	float: left;
	width: 115px;
	height: 106px;
	margin-right: 5px;
}	

ul.thumbs li a {
	width: 105px;
	height: 80px;
	padding: 14px 5px 5px 5px;
	display: block;
	background: url(/img/imageviewer/thumb-bg.png) no-repeat;
	margin: 7px 0 0;
	outline: none;
}

ul.thumbs li a:hover { margin: 0 0 7px; }
ul.thumbs li a.active {
	background-position: 0 -103px;
	margin: 0 0 7px 0;
}

div.image {
	width: 460px;
	height: 270px;
	padding: 9px;
	background: url(/img/imageviewer/foto-bg.png) no-repeat
}

div.imageviewer-klein { margin-left: 87px; }
div.imageviewer-klein div.image { 
	width: 360px;
	height:210px;
	background: url(/img/imageviewer/foto-bg-klein.png) no-repeat
}

div.imageviewer-klein ul.thumbs {
	width: 370px;
	margin-left: 12px;
}

/* ... */
div.oranje-blok {
	background: #e7801c;
	padding: 0;
	position: relative;
	margin-bottom: 2em;
}

div.oranje-blok div.rating {
	height: 14px;
	width: 80px;
	background: url(/img/ster-leeg.png) repeat-x;
	top: 14px;
	right: 20px;
	position: absolute;
}

div.rating img { float: left; }

div.oranje-blok h2 {
	background: url(/img/pijltjes/pijl-op-donkeroranje.jpg) no-repeat;
	padding: 15px 0 8px 90px;
	border-bottom: #df6e00 dotted 1px;
	margin-bottom: 10px;
}

div.oranje-blok div.info { 
	width: 240px;
	padding: 5px 20px 10px 0;
	color: #fff;
}

div.oranje-blok div.info p { 
	border-bottom: 1px dotted #df6e00;
	padding-bottom: 15px;
}

div.oranje-blok a.bekijk-details {
	background: #000 url(/img/pijltjes/wit-op-zwart.gif) no-repeat 94% 50%;
	padding: 4px 27px 4px 10px;
	text-transform: uppercase;
	display: block;
	color: #fff;
	font-weight: bold;
	float: right;
}

div.lichtoranje { background: #fff8e6; padding: 20px; }
ul.half { margin-top: 10px; }
ul.half li { 
	width: 50%;
	float: left;
	background: url(/img/pijltjes/geel-op-bijna-wit.gif) no-repeat 3px 50%;
	width: 328px;
	font-size: 1.5em;
	padding: 5px 0 5px 22px;
	margin-top: 5px;
}

/* Sitemap */
ul.sitemap { padding: 2px 0 5px 14px; }
ul.sitemap li a { padding-left: 13px; background:url(/img/pijltjes/grijs-op-wit-klein.gif) no-repeat 0 4px; }

/*404*/
div#goog-fixurl { margin: 15px 0; }
ul.populair { margin: 5px; }
ul.populair li a {
	display: block;
	padding-left: 20px;
	background: url(/img/pijltjes/oranje-op-wit-klein.gif) no-repeat 7px 6px;
}

/* Reisgidsknop */
input.add-to-reisgids {
    background: url("/img/reisgids/toevoegen.png") no-repeat scroll 0 0 transparent;
    border: 0 none;
    color: #ED7E04;
    display: block;
    font-size: 1em;
    outline: 0 none;
    padding: 2px 0 5px 8px;
    width: 200px;
}

input.add-to-reisgids:hover { background-position: 0 -24px; }

/* reisgids op brancheoverzichtspagine */
body#component-bedrijfdetail div.mijnreisgidsblok,
body#component-brancheoverzicht div.mijnreisgidsblok { float: right; margin:0; }
body#component-bedrijfdetail div.reisgidsblok,
body#component-brancheoverzicht div.reisgidsblok { display: none; }
body#component-brancheoverzicht h1 { margin-bottom: 0;}

div.mijnreisgidsblok { margin-bottom: 1em; }

/* opties (print en sharethis) */
ul#opties { float: right; margin: 1px 15px 0 0; }
ul#opties li { 
	display:-moz-inline-stack;
	display:inline-block; /*ie*/	
}

ul#opties a {
	background:url(/img/opties.gif) no-repeat 0 0.5em;
	color:#4d4d4d;
	display: block;
	font-size: 0.9em;
	padding-left: 18px;
}

.stButton .chicklets { 
	font-family: Arial,Verdana,Tahoma,sans-serif !important;
	font-size: 12px !important;

}

/* Tips pagina */
ul.filter li {
	float: left;
	width: auto;
	padding-right: 10px;
}

ul.filter li label { width: auto; }

ul.tips { margin-top: 1em; }

li.tip { 
	float: left;
	width: 200px;
	height: 147px;
	padding: 17px 20px;
	display: block;
	font-size: .9em;
	margin-bottom: 10px;
	overflow: hidden;
	position: relative;
}

li.tip span.naam {
	position: absolute;
	right: 20px;
	bottom: 12px;
	font-style: italic;
}

li.tip h3 { 
	font-size: 1.3em;
	padding: 0 30px 10px 0;
}

li.tip-groen h3 { 
	color: #9ab12a;
	background: url(/img/tips/icoon-groen.gif) no-repeat right top;
}
li.tip-grijs h3 { 
	color: #636363;
	background: url(/img/tips/icoon-grijs.gif) no-repeat right top;
}
li.tip-oranje h3 { 
	color: #e7801c;
	background: url(/img/tips/icoon-oranje.gif) no-repeat right top;
}

li.tip-groen { background: url(/img/tips/groen.jpg) no-repeat; }
li.tip-grijs { background: url(/img/tips/grijs.jpg) no-repeat; }
li.tip-oranje { background: url(/img/tips/oranje.jpg) no-repeat; }

/* Kleurthema op campagnepagina's */
.kleur-bg { background-color: red !important; }
.kleur-c { color: red !important; }

div.webbeheer-formulier-thanks {
	background: #9ab12a;
	color: #fff;
	margin-bottom: 16px;
	padding: 12px;
}
div.webbeheer-formulier-thanks h2 {
	border-bottom: 1px solid #B3CB3E;
	font-size: 16px;
	margin-bottom: 4px;
	padding-bottom: 4px;
}
body.groen-site div.webbeheer-formulier-thanks div.alinea a { color: #fff; }
div.webbeheer-formulier-thanks p,
div.webbeheer-formulier-thanks div.alinea { margin: 0; }

div.webbeheer-formulier-thanks p img { display: block; margin: 0 auto 12px; }

/* Local live dingetjes
------------------------------------------------------------------*/
.local_live_map {
	height: 500px;
	position: relative;
	width: 500px;
}

p.hide-field {
	display: none;	
}

/* ie fixjes */

dl.hotel-boeken input.hotel-button {
	display: block;
}

dl.hotel-boeken input.hotel-button-hover {
	background-image: url("/img/lang-nl/hotel-button-hover.png");
}

div.arr-balk p img {
	float: left;	
}

/* multisite */

div.front-multi {
	width: 630px;
	height: 316px;
	position: relative;
	overflow: hidden;
}

div.front-multi img.main-img {
	position: absolute;
	top: 0;
	left: 0;
}

div.front-multi div {
	left: 14px;
	bottom: 14px;
	background: #E7801C;
	position: absolute;
	padding: 10px 20px 10px 10px;
	color: white;
}

div.front-multi h1 {
	font-size: 1.6em;
	margin-bottom: .4em;
	margin-top: .2em;
}

div.front-multi p {
	font-size: 1.4em;
	margin-bottom: .2em;
}

div#front-multi-rechts { float: right; width: 308px; }
div#front-multi-links { float: left; width: 630px; }

div.even-columns {
	padding: 12px 0 24px 0;
}

div.introduction {
	background: black;
	color: white;
	padding: 10px;
	font-weight: bold;
}

div.column-left {
	width: 465px;
	float: left;
}

div.column-right {
	float: right;
	width: 472px;
}

div.module {
	background: #E7801C;
	margin-bottom: 10px;
}

div.module h2 {
	padding: 8px 8px 5px 12px;
}

div.module div {
	padding: 10px;
}

div.module p.overflow img {
	float: left;
	margin-right: 12px;
}

div.module a{ color: #222; }

ul.multi-items li {
	border-bottom: 1px dotted gray;
	padding: 12px
}

ul.multi-items li p {
	overflow: hidden;
}

ul.multi-items li p img {
	float: left;
	margin-right: 12px;
}

div.multisite-blok { padding: 10px 10px 1px; }
div.multisite-blok h3 { padding: 4px 0 5px; }

dl.multiblok {
	/*height: 149px;*/
}

dl.multiblok dd {
	padding: 8px 8px 10px;
}

dl.blok-event dt {
	margin-bottom: 10px;
}

dl.blok-event dt a {
	display: block;
	color: #E7801C;
	text-transform:uppercase;
	text-decoration:none;
}

dl.blok-aanbevolen {
	margin-bottom: 18px;	
}

dl.blok-aanbevolen dt {
	margin-bottom: 10px;
}

dl.blok-aanbevolen dt a {
	display: block;
	color: #E7801C;
	text-transform:uppercase;
	text-decoration:none;
}

dl.blok-campagneuitgelicht{
	margin-bottom: 15px; 
}

div.reis-tijdelijk {
	background: #fff;
	height: 52px;
	float: right; 
}

img.uitgelicht-afb {
	float: left;
	margin: 5px 8px 5px 0;
}

.categorie {
	clear: left;
    float: left;
    margin-top: -20px;
}

div#beeld-uplopad a.knop, div.beeld-uitgelicht a.knop, h2.upload-en-win a.none, div#intro-right a.previous-green { color: #fff; }