/*
	Author: 	Ecommany B.V. - Bas van Dorst
	Created: 	12-03-2007
	Modified: 	27-07-2007
*/

html {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	
	width: 100%;
	height: 100%;
}

body {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	
	font-size:1em;
	font-family:Arial, Helvetica, sans-serif;

}
/* binnen container komt de gehele website */
#container {
	padding: 0px 27px 0px 27px;
	margin: 0 auto;

	float: none;
	position: relative;
	clear: both;
	width: 920px;
	font-size:0.75em;
}

/* header bevat, logo cultuurnetwerk, navigatie, zoekbalk */
#header {
	position:relative;
	clear:left;
	width: 100%;
	height: 100px;
}

/* voor zoekmachines een h1-tag wegzetten met daarin cultuurnetwerk.nl */
h1 {
	display:none;
}

/* heading 2 binnen een blok */
h2 {
	display:inline;
	font-weight: normal;
	text-transform:uppercase;
	font-size: 1.85em;
}

/* logo cultuurnetwerk */
#header_cn {
	position:relative;
	float:left;
	top:6px;
	z-index: 4;
}

/* navigatie in de header */
#header_navigation {
	position: absolute;
	right: 200px;
	float:right;
	margin-top:33px;
	word-spacing:6px;
	z-index: 3;	
}

/* zoekbalk in de navigatie */
#header_search {
	position: relative;
	float:right;
	right:0px;
	margin-top: 25px;
	width: 168px;
	border-top: dashed #000000 1px;
	border-bottom: dashed #000000 1px;
}

/* label met daarin "zoek" voor het zoeken */
#header_search label {
	margin-top:7px;
	width: 50px;
	float: left;
	font-weight:bold;
}

/* zoekveld */
#header_search input {
	margin:5px 0px 5px 0px;
	width:90px;
	border: none;
}

form { margin:0px ; } 

/* disclaimer links onderaan de pagina */
#disclaimer {
	border-top: dashed #000000 1px;	
	position: relative;
	float:left;
	width: 100%;	
	margin-top:40px;
	height:15px;
}

/* disclaimer tekst */
#disclaimer p{
	padding:3px;
}

/* 5 kolommen */
#column5 .col {
	position: relative;
	float: left;
	display:inline;
	width: 168px;
}
#column5 #col1 { margin-right: 20px; }
#column5 #col2 { margin-right: 20px; }
#column5 #col3 { margin-right: 20px; }
#column5 #col4 { margin-right: 20px; }
		
/* 4 kolommen */
#column4 .col {
	position: relative;
	float: left;
	display:inline;
	width: 168px;
}
#column4 #col1 {}
#column4 #col2 { margin-right: 20px; width: 376px;}
#column4 #col4 { margin-right: 20px;}

/* 4 kolommen zonder tussen-ruimte(bijv. agenda) */
#column4_inc_spacing .col {
	position: relative;
	float: left;
	display:inline;
	width: 168px;
}
#column4_inc_spacing #col1 { margin-right: 20px;}
#column4_inc_spacing #col2 { margin-right: 20px; width: 356px; }
#column4_inc_spacing #col4 { margin-right: 20px; }


/* 3 kolommen */
#column3 .col {
	position: relative;
	float: left;
	display:inline;
	width: 168px;
}
#column3 #col1 {}
#column3 #col2 { margin-right: 20px; width: 564px; }

/* apart blok voor elk color1,color2 */
.block {
	position: relative;
	height: 100%;
	min-height:168px;
	margin-bottom: 20px;	
}

/* per class color1,color2 */
.block .color2,.block .color1 {
	width: 138px;
	min-height:138px;
	height:auto !important;
	height:138px;
	padding:15px;
}

/* ronde hoek bovenaan elk blok */
.block .top {
	position: absolute;
	background-position: top;
	background-repeat: no-repeat;
	top: 0px;
	left: 0px;
	height:11px;
	width:168px;
}

/* ronde hoek onderaan elk blok */
.block .bottom {
	position: absolute;
	background-position:bottom;
	background-repeat: no-repeat;
	bottom: -2px;
	left: 0px;
	height:11px;
	width:168px;
}

/* read more link in een blok */
.block .readmore {
	margin-bottom:10px;
	text-transform:uppercase;
	font-weight:bold;
}

/* titels op de homepage, boven het menu*/
.block_menu h3 {
	position:relative;
	padding: 0px 0px 5px 2px;
	margin:0px;
	text-transform:uppercase;		
	border-bottom: dashed #000000 1px;
}

/* 3 hoofd-menu-items linksbovenaan */
#menu_head{
	font-size: 1.04em;
	text-transform:uppercase;
}

/* lijnen aan de boven en onderkant */
.block_menu_lined {
	margin:10px 0px 10px 0px;
	padding:5px 0px 5px 0px;
}

/* lijn 0 pixels van de bovenkant */
#col2_item1 {
	margin-top: 0px;
	padding-left:20px;
}

/* lijn 28 pixels van de bovenkant */
#col2_item2 {
	margin-top: 28px;
	padding-left:20px;	
}

/* lijn 56 pixels van de bovenkant */
#col2_item3 {
	margin-top: 56px;
	padding-left:20px;
}

/* 	behalve als het item van het hoogste niveau betreft is er een 
	tussenruimte in de kolommen,
	en geen padding.*/
#column4_inc_spacing #col2_item1 {
	padding-left:0px;
}

/* h3 per column */
.col h3 {
	margin:6px 0px 4px 0px;
	text-transform:uppercase;
	font-size: 1.04em;
}

/* lijnen van de menu items */
#col1 .line_color1 {
	font-weight: bold;
	position: relative;
	padding:6px 0px 1px 2px;
	height:20px;
}

#col1 .line_color2 {
	font-weight: bold;
	position: relative;
	padding:6px 0px 1px 2px;
	height:20px;
}

#menu {
	margin-top: -15px;
	overflow:hidden;
	position:relative;
	width: 168px;
}

#menu ul {
	display: inline;
	float:left;
	width: 127px;
	margin:0px;
	padding:4px 0px 0px 0px;
}

#menu li {
	display: inline;
	float:left;
	width: 150px;
	margin: 3px 0px 0px 0px;
	padding: 0px 0px 0px 5px;
	float:left;
	background-position: 5px 4px;
	list-style: none;
	font-weight:bold;
}

#menu li li {
	display: inline;
	float:left;
	width: 150px;
	margin: 0px;
	padding: 0px 0px 0px 10px;
	float:left;
	background-position: 0px 12px;
	list-style: none;
	font-weight:normal;
}

#menu li li.selected {
	background-repeat: no-repeat;
}
/* Begin star rater CSS */
#col2 .srating{
list-style:none;
margin: 0px;
padding:0px;
width: 100px;
height: 20px;
position: relative;
background: url(/images/starimages/strating.gif) top left repeat-x;		
}
#col2 .srating li{
padding:0px;
margin:0px;
/*\*/
float: left;
/* */
}
#col2 .srating li a{
display:block;
width:20px;
height: 20px;
text-decoration: none;
text-indent: -9000px;
z-index: 20;
position: absolute;
padding: 0px;
background-image:none;	
}
#col2 .srating li a:hover{
background: url(/images/starimages/strating.gif) 0 -20px repeat-x;
z-index: 1;
left: 0px;
}
#col2 .srating a.onestar{
left: 0px;
}
#col2 .srating a.onestar:hover{
width:20px;
}
#col2 .srating a.twostars{
left:20px;
}
#col2 .srating a.twostars:hover{
width: 40px;
}
#col2 .srating a.threestars:hover{
width: 60px;
}
#col2 .srating a.threestars{
left: 40px;
}
#col2 .srating a.fourstars{
left: 60px;
}	
#col2 .srating a.fourstars:hover{
width: 80px;
}
#col2 .srating a.fivestars{
left: 80px;
}
#col2 .srating a.fivestars:hover{
width: 100px;
}	
/* End star rater CSS */

#content ul {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#col4 .picture_margin_bottom{
	margin-bottom:18px;
}

#col2 .picture {
	vertical-align: top
	}

#styleswitch {
	float:right;
	position:absolute;
	top: 22px; 
	right:-200px;
}
#styleswitch img {
	margin: 1px;
}

.test { 
	position:absolute;
	width: 400px;
}
/* div veld dat niet op scherm, wel in printafdruk*/
#alleenprint {
	visibility: hidden;
	display:none;
	}

/* zoekveld omgeven met puntjes */
#search {
	position: relative;
	margin-top: 15px;
	margin-bottom: 15px;
	border-top: dashed #000000 1px;
	border-bottom: dashed #000000 1px;
	padding-top: 0px;
}
/* label met daarin "zoek" voor het zoeken */
#search label {
	margin-top:7px;
	width: 50px;
	float: left;
	font-weight:bold;
}
/* zoekveld */
#search input {
	margin:5px 0px 5px 0px;
	width:150px;
	border: solid 1px;
	
}	
#search select {
	margin:5px 0px 5px 0px;
	width:120px;
	border:1px;  
}