/* Copyright Groningen Fanatics sinds 2003, 
wij waren, zijn en blijven Tegen Het Moderne Voetbal!
*/

/* Standaard */

* { 
	margin: 0; 
	padding: 0; 
}
.reparatiekit { 
	clear: both; 
	font-size: 1px; 
	height: 1px; }
a { 
	color: #007f35; 
	text-decoration: underline; 
}
a:hover { 
	text-decoration: none;
}
a img { 
	border: none; 
}
h1 { 
	font-size: 18px; 
}
p.groen { 
	color: #007f35;
}
body { 
	background: #EEE;
	font-family: "Trebuchet MS", Arial, Helvetica,Verdana, sans-serif;;
	font-size: 12px;
	line-height: 20px;
	height: 100%;
}
#wrapper { 
	background: url('../img/bg/wrapper.png') repeat-y; 
	margin: 0 auto; 
	width: 832px;
}

/* Header + Menu */

#header { 
	background: url('../img/bg/censuuriskut.png') 16px 0 no-repeat; 
	height: 205px; 
	position: relative; 
}

/* header logo groot */

/*
#header #logo { 
	background: url('../img/bg/logo.png'); 
	text-indent: -9999px; 
	overflow: hidden; 
	width: 265px; 
	height: 280px; 
	position: absolute; 
	right: 10px; 
	top: -5px; 
	z-index: 100; 
}
*/ 

/* header logo klein */

#header #logo { 
	background: url('../img/bg/logo_bg.png'); 
	text-indent: -9999px; 
	overflow: hidden; 
	width: 160px; 
	height: 170px; 
	position: absolute; 
	left: 30px; 
	top: 3px; 
	z-index: 100; 
}
#menu { 
	list-style: none;
	width: 800px;
	padding: 0 16px 0 16px;
	position: absolute;
	bottom: 0;
	background: url('../img/bg/menu.png');
}
#menu li { 
	float: left; 
	font-weight: bold; 
	line-height: 30px; 
	font-size: 14px; 
}
#menu li a { 
	color: #fff; 
	text-decoration: none; 
	background-color: none; 
	height: 30px; 
	padding: 0 10px; 
	display: block; 
	margin: 0 0 0 10px; 
	text-align: center; 
	white-space: nowrap; 
	cursor: pointer;  
}
#menu li a + a { 
	margin: 0 0 0 0; 
	padding: 0; 
}
#menu li a:hover { 
	background-color: #007f35;
}
#menu li a.link { 
	background-color: black; 
}

/* Content incl Subpages */

#content { 
	width: 760px;
	padding: 0 36px 0 36px;
	min-height: 500px;
}
#content h1 { 
	font-style: normal; 
	font-weight: bold; 
}
#content h1, #content h2, #content h3 { 
	margin: 20px 0 10px 0;  
}
#content h2 { 
	font-size: 16px; 
}
#content .item { 
	margin: 0 0 40px 0; 
}
#content .item h2 { 
	font-style: normal; 
	font-weight: bold; 
	font-size: 16px; 
}  
#content .item h2 a { 
	text-decoration: none; 
	color: #000; 
}
#content .item h2 a:hover { 
	text-decoration: underline; 
}
#content .item .right { 
	float:right!important; 
	margin: -5px 0 0!important; 
}
#content .item .text .date { 
	line-height: 16px;
	padding: 4px 0 4px 0;
	font-size: 12px;
	width: 40px;
	height: 32px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 3px solid #007f35; 
	float: left;
	text-align: center;
	margin: 5px 10px 0 0;
	background: #007f35;
	color: #fff;
	text-transform: uppercase;
}
#content .item .date b { 
	font-size: 18px; 
	font-style: normal; 
	font-weight: bold; 
}
#content .item .text { 
	line-height: 18px; 
	padding: 0 0 10px 0; 
}
td.nodeco a { 
	text-decoration: none; 
	color: #000; 
}
td.nodeco a:hover { 
	text-decoration: underline; 
}

#content #archief { 
	width: 100%; 
}
#content #archief td { 
	border-bottom: 1px solid #007f35; 
	padding: 5px 0 5px; 
}
#content #archief td.right { 
	text-align: right; 
	padding: 0 5px; 
	min-width: 100px;
}
#content #archief td.date { 
	width: 100px; 
}
#content #archief td.text { 
	min-width: 400px; 
}

#content #form label { 
	display: inline; 
	float: left; 
	width: 200px; 
}
#content #form input { 
	margin: 0 0 5px; 
	padding: 5px; 
	border: 1px solid #000; 
}
#content #form input:focus, #content #form textarea:focus { 
	border-color: #007f35; 
}
#content #form textarea { 
	height: 200px; 
	padding: 5px; 
	border: 1px solid #000; 
}
#content #form br { 
	clear: both; 
}
#content #form input[type="submit"] { 
	background-color: #007f35; 
	color: #FFF;
	cursor: pointer; 
	margin: 3px 0 0 0;
}
#content #form input[type="submit"]:hover { 
	background-color: #000;
}
#content #pagina ul, #content .item ul { 
	margin: 0 0 0 50px; 
}
#content #pagina img, #content .item img, .bibliotheek { 
	float: left; 
	margin: 5px; 
	background: #fff; 
	padding: 5px; 
	border: 1px solid #007f35; 
}
#content .item img.noborder { 
	border: none; 
}
#content a.hide { 
	display: none; 
}

/* Footer */

#footer { 
	background: #0E842E; 
	width: 800px; 
	margin: 20px 0 0 16px; 
	text-align: center; 
	line-height: 30px; 
	color: #fff; 
}
.clear { 
	clear: both; 
}
.reden { 
	background: #43b38d; 
	color: #fff; 
	padding: 10px!important; 
	line-height: 18px; 
}
.tag { 
	clear: both; 
	border-bottom: 1px solid #007f35; 
	width: 755px; 
	margin: 10px 0 10px 0; 
}

/* Pagination */

#page_container { 
	height: 200px; 
}
#page_container img.play { 
	position: absolute; 
	margin: 35px 0 0 60px;
}
#page_container ul { 
	list-style-type: none!important; 
	margin: 0 auto;  
}
#page_container ul li { 
	margin: 0px 30px 10px 0px; 
	background: #EEE; 
	width: 160px; 
	height: 170px; 
	float: left;  
}
#page_container ul li div { 
	padding: 0; 
	text-align: center;  
} 
#page_container ul li a {
	font-weight: normal; 
	text-decoration: none; 
	color: black; 
}
#page_container ul li a:hover {
	text-decoration: underline; 
}
#page_container ul li:hover { 
	background: #DDD;
}
#page_container ul li div img { 
	margin: 10px 0 0 0; 
	z-index: 0;
}
#page_container ul, .alt_page_navigation{ 
	padding-bottom: 10px; 
}
.page_navigation { 
	margin: 0 auto; 
}
.page_navigation a, .alt_page_navigation a {
	padding: 3px 5px;
	margin: 2px;
	color: #fff;
	float: left;
	background-color: #007f35;
	min-width: 20px;
	text-align: center;
}
.active_page {
	background-color: #fff !important;
	color:black !important;
}  
.ellipse { 
	float: left; 
}