/*
Huis van de Groninger Cultuur
=================================================================*/



/* Main Layout
=================================================================*/
* {
	margin:0;
	padding:0;
	}
img {
	border:0;
	display:block;
 }
body {
	font-family:arial;
	line-height:1.4em;
	font-size:76%;
	background-color:#fff;
	}
.noshow { /* Generally used to make things disappear when display:none; and visibility:hidden; cause bugs. */
	position:absolute;
	left:-9000px;
	}
#wrapitall {
	position:relative;
	font-size:1em;
	background-color:#fff;
	}



/* Topbar
=================================================================*/
#topbarcontainer {
	height:40px;
	background:#bb3 url(../gfx/topbar_bg.gif) repeat-x left top;
	}
#topbar {
	width:780px;
	height:40px;
	margin-left:auto;
	margin-right:auto;
	}



/* Crumbtrail
=================================================================*/
#crumbtrail {
	font-weight:bold;
	color:#000;
	padding-top:9px;
	padding-left:15px;
	}
#crumbtrail a:link,
#crumbtrail a:visited {
	color:#661;
	}
#crumbtrail a:hover,
#crumbtrail a:visited:hover {
	color:#000;
	}



/* Logo- and Contactbar
=================================================================*/
#logo {
	position:relative;
	top:20px;
	left:15px;
	display:inline;
	}
#contactbarcontainer {
	position:relative;
	height:170px;
	background-color:#fff;
	}
#contactbar {
	position:relative;
	width:780px;
	height:170px;
	margin-left:auto;
	margin-right:auto;
	background:#fff url(../gfx/contactbar_bg.gif) no-repeat 410px 0px;
	}
#contactbar address {
	position:absolute;
	top:30px;
	font-style:normal;
	line-height:1.3em;
	}
#address_one {
	right:160px;
	}
#address_two {
	right:15px;
	width:;
	}



/* Main Menu
=================================================================*/
#mainmenucontainer {
	height:50px;
	background:#b10 url(../gfx/mainmenu_bg.gif) repeat-x left top;
	}
#mainmenu {
	width:780px;
	height:50px;
	margin-left:auto;
	margin-right:auto;
	}
#mainmenu li {
	height:38px;
	list-style:none;
	float:left;
	padding:12px 5px 0px 5px;
	}
#mainmenu a:link,
#mainmenu a:visited,
#mainmenu a:hover,
#mainmenu a:visited:hover {
	text-decoration:none;
	color:#fff;
	display:block;
	float:left;
	padding:3px 10px 4px 10px;
	}
#mainmenu a:link,
#mainmenu a:visited {
	}
#mainmenu a:hover,
#mainmenu a:visited:hover {
	padding:2px 9px 3px 9px;
	border-top:1px solid #f55;
	border-right:1px solid #510;
	border-bottom:1px solid #510;
	border-left:1px solid #f55;
	background:#b10 url(../gfx/mainmenu_bg.gif) repeat-x left bottom;
	}
#mainmenu a.select:link,
#mainmenu a.select:visited {
	padding:2px 9px 3px 9px;
	border-top:1px solid #f55;
	border-right:1px solid #510;
	border-bottom:1px solid #510;
	border-left:1px solid #f55;
	background:#b10 url(../gfx/mainmenu_bg.gif) repeat-x left 50%;
	}
#mainmenu a.select:hover,
#mainmenu a.select:visited:hover {
	padding:2px 9px 3px 9px;
	border-top:1px solid #f55;
	border-right:1px solid #510;
	border-bottom:1px solid #510;
	border-left:1px solid #f55;
	background:#b10 url(../gfx/mainmenu_bg.gif) repeat-x left bottom;
	}



/* Sub Menu
=================================================================*/
#submenucontainer {
	height:50px;
	background-color:#000;
	}
#submenu {
	width:780px;
	height:50px;
	margin-left:auto;
	margin-right:auto;
	}
#submenu li {
	display:block;
	float:left;
	height:50px;
	}
#submenu a:link,
#submenu a:visited,
#submenu a:hover,
#submenu a:visited:hover {
	display:block;
	float:left;
	padding:16px 15px 0px 15px;
	height:34px;
	text-decoration:none;
	}
#submenu a:link,
#submenu a:visited {
	color:#fff;
	}
#submenu a:hover,
#submenu a:visited:hover {
	background:#333 url(../gfx/submenu_select_bg.gif) no-repeat 50% bottom;
	}
#submenu a.select:link,
#submenu a.select:visited {
	font-weight:bold;
	background:#000 url(../gfx/submenu_select_bg.gif) no-repeat 50% bottom;
	}
#submenu a.select:hover,
#submenu a.select:visited:hover {
	font-weight:bold;
	background:#333 url(../gfx/submenu_select_bg.gif) no-repeat 50% bottom;
	}



/* Homebar
=================================================================*/
#homebarcontainer {
	background-color:#000;
	}
#homebar {
	width:780px;
	margin-left:auto;
	margin-right:auto;
	background-color:#000;
	color:#fff;
	overflow:hidden;
	}
#homephotocontainer {
	float:left;
	width:260px;
	}
#homebar .kolom520 {
	padding:30px 15px 0px 15px;
	width:490px;
	}
#homebar .kolom520 h1 {
	margin-bottom:15px;
	font-size:1.8em;
	font-weight:normal;
	}
#homebar .kolom520 p {
	margin-bottom:15px;
	}
#homebar a:link,
#homebar a:visited {
	color:#fff;
	}
#homebar a:hover,
#homebar a:visited:hover {
	color:#aaa;
	}



/* Middlebar
=================================================================*/
#middlecontainer {

	}
#middle {
	width:780px;
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
	}
.kolom260 {
	float:left;
	width:260px;
	}
.kolom520 {
	float:left;
	width:520px;
	}



/* Contentcontainer
=================================================================*/
h1,h2,h3,h4,h5,h6 {
	margin:0px;
	padding:0px;
	font-size:1em;
	}
a:link {
	color:#369;
	}
a:hover {
	color:#69c;
	}
a:visited {
	color:#636;
	}
a:visited:hover {
	color:#969;
	}
.contentversion {
	background:transparent url('../gfx/kolom260_bg.gif') repeat-y 520px top;
	}
.homeversion {
	background:transparent url('../gfx/kolom260_bg.gif') repeat-y 260px top;
	}
.contentcontainer {
	position:relative;
	overflow:hidden;
	height:1%; /* Makes overflow work in IE as well */
	width:780px;
	}
.contentcontainer .kolom520 {
	position:relative;
	width:490px;
	padding:20px 15px 10px 15px;
	}
.contentcontainer .kolom260 {
	position:relative;
	width:230px;
	padding:20px 15px 10px 15px;
	}
.contentcontainer h1 {
	font-size:1.6em;
	margin-bottom:15px;
	color:#c32;
	font-weight:normal;
	}
.contentcontainer h2 {
	font-size:1.6em;
	color:#c32;
	}
.contentcontainer .kolom260 h2 {
	font-weight:normal;
	margin-bottom:15px;
	}
.contentcontainer .kolom260 h2 span {
	color:#444;
	}
.contentcontainer h3 {
	font-size:1.2em;
	color:#444;
	}
.contentcontainer p {
	margin-bottom:15px;
	}
.contentlist {
	margin-bottom:15px;
	}
.contentlist li {
	height:1%; /* Otherwise the arrows aren't shown in IE... */
	list-style:none;
	padding-left:20px;
	background:url('../gfx/listarrow.gif') no-repeat 10px 7px;
	}
.contentlist li ul li {
	padding-left:20px;
	background:url('../gfx/listsubarrow.gif') no-repeat 10px 7px;
	}
.photoleft {
	position:relative;
	float:left;
	margin:3px 15px 6px 0px;
	width:240px;
	}
.photoright {
	position:relative;
	float:right;
	margin:3px 0px 6px 15px;
	width:240px;
	}
.photoleft span,
.photoright span {
	display:block;
	width:230px;
	padding:2px 5px 2px 5px;
	font-size:0.9em;
	border-bottom:1px solid #bbb;
	background-color:#ddd;
	}
.photoresize {
	position:absolute;
	right:0px;
	top:0px;
	filter:alpha(opacity=60);
	opacity: 0.6;
	-moz-opacity:0.6;
	}



/* Blocks
=================================================================*/
.block {
	width:230px;
	border-bottom:1px solid #aaa;
	margin-bottom:15px;
	}




/* Contentoptions
=================================================================*/
.contentoptions {
	margin-bottom:18px;
	}
.contentoptions li {
	list-style:none;
	display:inline;
	padding:0px 20px 0px 18px;
	}
.printing {
	background:url(../gfx/printicon.gif) no-repeat left 2px;
	}
.mailing {
	background:url(../gfx/mailicon.gif) no-repeat left 2px;
	}



/* Documenten
=================================================================*/
div.documenten a:link,
div.documenten a:visited,
div.documenten a:hover,
div.documenten a:visited:hover {
	display:block;
	width:440px;
	padding:3px 10px 3px 32px;
	margin-bottom:15px;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
	}
div.documenten a:link,
div.documenten a:visited {
	background-color:#eee;
	background-repeat:no-repeat;
	background-position:10px 4px;
	}
div.documenten a:hover,
div.documenten a:visited:hover {
	background-color:#f3f3f3;
	}
.docgif {
	background-image:url('../gfx/icons/icon_gif.gif');
	}
.docjpg {
	background-image:url('../gfx/icons/icon_jpg.gif');
	}
.docbmp {
	background-image:url('../gfx/icons/icon_bmp.gif');
	}
.docpdf {
	background-image:url('../gfx/icons/icon_pdf.gif');
	}
.docdoc {
	background-image:url('../gfx/icons/icon_doc.gif');
	}
.docxls {
	background-image:url('../gfx/icons/icon_xls.gif');
	}
.doczip {
	background-image:url('../gfx/icons/icon_zip.gif');
	}
.doctxt {
	background-image:url('../gfx/icons/icon_txt.gif');
	}
.docwmp {
	background-image:url('../gfx/icons/icon_wmp.gif');
	}



/* Footer
=================================================================*/
#footercontainer {
	background-color:#b10;
	height:50px;
	color:#fff;
	}
#footer {
	width:780px;
	height:34px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	padding-top:16px;
	}
#footer p {
	display:inline;
	}
#footer ul {
	display:inline;
	}
#footer ul li {
	display:inline;
	padding-left:15px;
	}
#footer ul li a:link,
#footer ul li a:visited {
	color:#fff;
	}
#footer ul li a:hover,
#footer ul li a:visited:hover {
	color:#fbb;
	}



/* Formulieren
=================================================================*/
input,
select,
textarea {
	font-size:1em;
	font-family:arial;
	}
.form_standard {
	margin-bottom:20px;
	background-color:#eee;
	clear:both;
	}
.form_standard legend {
	padding:10px 10px 5px 0px;
	color:#555;
	font-size:1.5em;
	margin-bottom:10px;
	}
.form_standard em {
	color:#f00;
	}
.form_standard h4 {
	padding:4px 10px 4px 10px;
	background-color:#ddd;
	font-size:1.1em;
	}
.form_standard input,
.form_standard select {
	width:180px;
	}
.form_standard fieldset {
	border:0px;
	}
.form_standard div {
	padding:4px 0px 4px 0px;
	clear:both;
	border-bottom:1px solid #ddd;
	overflow:hidden;
	margin:0px 10px;
	height:1%;
	}
.form_standard div.errorfield {
	border-top:1px solid #f00;
	border-right:1px solid #f00;
	border-bottom:1px solid #f00;
	border-left:1px solid #f00;
	padding:6px 9px 8px 9px;
	margin:10px 10px 6px 10px;
	background-color:#fff;
	}
.form_standard textarea {
	width:340px;
	}
.form_standard label {
	float:left;
	display:block;
	padding-top:1px;
	width:100px;
	text-align:right;
	padding-right:15px;
	}
.form_standard big {
	display:block;
	color:#df0024;
	font-weight:bold;
	padding:3px 0px 6px 22px;
	background:url(../gfx/alert.gif) no-repeat 0px 4px;
	}
.form_standard big span {
	font-size:0.7em;
	display:block;
	font-weight:normal;
	}
.form_standard em {
	color:#f00;
	}
.form_standard .buttons {
	clear:both;
	border-bottom:0px;
	}
.form_standard .buttons input {
	float:right;
	color:#fff;
	font-weight:bold;
	font-family:arial;
	border:0px;
	cursor:pointer;
	border-top:1px solid #fff;
	border-right:1px solid #000;
	border-bottom:1px solid #000;
	border-left:1px solid #fff;
	width:auto;
	padding:2px 10px;
	background-color:#000;
	}
.form_standard .buttons input:hover {
	border-top:1px solid #000;
	border-right:1px solid #fff;
	border-bottom:1px solid #fff;
	border-left:1px solid #000;
	background-color:#fff;
	color:#000;
	}
.form_standard .stuurcc input {
	width:auto;
	margin-right:6px;
	}
.form_standard .stuurcc label {
	width:auto;
	display:inline;
	float:none;
	font-weight:normal;
	}
input.button,
a.button:link,
a.button:visited {
	background-color:#000;
	color:#fff;
	font-weight:bold;
	cursor:pointer;
	border-top:1px solid #fff;
	border-right:1px solid #000;
	border-bottom:1px solid #000;
	border-left:1px solid #fff;
	}
input.button:hover,
a.button:hover,
a.button:visited:hover {
	background-color:#fff;
	color:#000;
	border-top:1px solid #000;
	border-right:1px solid #fff;
	border-bottom:1px solid #fff;
	border-left:1px solid #000;
	}



/* Search
=================================================================*/
#searchform {
	float:right;
	width:245px;
	padding:10px 15px 0px 0px;
	text-align:right;
	}
#searchform fieldset {
	border:0px;
	}
#searchfield {
	width:195px;
	}
#searchbutton {
	position:relative;
	top:-1px;
	left:0px;
	}



/* News module
=================================================================*/
.newsteasers {
	
	}
.newsteasers dt {
	font-weight:bold;
	}
.newsteasers dd {
	margin-bottom:15px;
	}



/* Extra options (Below News and Agenda modules).
=================================================================*/
.extraoptions {
	margin-bottom:15px;
	}
.extraoptions li {
	list-style:none;
	padding-left:20px;
	height:1%;
	margin-bottom:4px;
	font-weight:bold;
	}
.archivelink {
	background:transparent url(../gfx/icon_archive.gif) no-repeat left top;
	}
.rssfeedlink {
	background:transparent url(../gfx/icon_rss.gif) no-repeat left top;
	}



/* Agenda (Small)
=================================================================*/
.agendatable {
	margin-bottom:15px;
	width:230px;
	}
.agendatable th {
	border-right:3px solid #ddd;
	}
.agendatable td {
	
	}
.agendatable th,
.agendatable td {
	background-color:#ccc;
	padding:5px 10px 5px 10px;
	border-bottom:3px solid #ddd;
	}
.agendatable th span {
	display:block;
	color:#555;
	}
.day {
	font-size:1.6em;
	margin-bottom:2px;
	}
.month {
	font-weight:normal;
	font-size:1.1em;
	}
.year {
	font-weight:normal;
	font-size:1.1em;
	line-height:1.2em;
	}



/* Agenda (Large)
=================================================================*/
.agendatablelarge {
	margin-bottom:15px;
	width:490px;
	background-color:#ddd;
	}
.agendatablelarge caption {
	background-color:#ccc;
	border-bottom:3px solid #fff;
	font-weight:bold;
	padding:2px 10px 2px 10px;
	text-align:left;
	}
.agendatablelarge th,
.agendatablelarge td {
	border-bottom:3px solid #fff;
	padding:2px 10px 2px 10px;
	}
.agendatablelarge th {
	text-align:left;
	border-right:3px solid #fff;
	color:#666;
	}
.agendatablelarge td {
	
	}




/* Employees
=================================================================*/
.employeetable {
	margin-bottom:15px;
	width:230px;
	}
.employeetable th {
	border-right:3px solid #fff;
	width:40px;
	}
.employeetable td {
	padding:5px 10px 0px 10px;
	}
.employeetable th,
.employeetable td {
	background-color:#ddd;
	border-bottom:3px solid #fff;
	}
.employeetable tr.even th,
.employeetable tr.even td {
	background-color:#eee;
	}
.employeetable th span {
	display:block;
	color:#555;
	}



/* Page Scroller (Used on Agenda and News pages).
=================================================================*/
.pagescroller {
	margin-bottom:15px;
	overflow:hidden;
	height:1%; /* Solving problems in IE. */
	background-color:#eee;
	}
.pagescroller li {
	display:block;
	float:left;
	list-style:none;
	}
.pagescroller span {
	font-weight:bold;
	background-color:#ccc;
	}
.pagescroller a:link,
.pagescroller a:visited,
.pagescroller a:hover,
.pagescroller a:visited:hover,
.pagescroller span {
	display:block;
	float:left;
	padding:2px 5px;
	}
.pagescroller a:link,
.pagescroller a:visited,
.pagescroller span {
	border:1px solid #eee;
	}
.pagescroller a:hover,
.pagescroller a:visited:hover {
	border:1px solid #69c;
	}



/* Links)
=================================================================*/
.linktable {
	margin-bottom:15px;
	width:490px;
	border-top:1px solid #ddd;
	}
.linktable th {
	}
.linktable td {
	}
.linktable th,
.linktable td {
	border-bottom:1px solid #ddd;
	padding:2px 10px 2px 10px;
	text-align:left;
	}