/**
 * Title: Ried fan de Fryske Beweging
 * Description: This stylesheet defines the default layout of itnijs.nl
 * Copyright: Pronamic
 * Company: Pronamic
 * Author: Jelke Boonstra, Karel-Jan Tolsma
 * Version: 2.2
 */

body {
	background: #e4e4e4 url("images/container-background.gif") repeat-y 50% 0;

	font-size: 12px;
	font-family: Arial, Heltvetica, sans-serif;

	line-height: 150%;

	margin: 0;
	padding: 0;
}

/**
 * Global
 */
.note {
	background-color: #fffc9f;

	padding: 10px;
}

img {
	border: none;
}

.clear {
	clear: both;
}

hr {
	display: none;
}

P {
	margin: 0 0 15px 0;
}

/**
 * Anchors
 */
a {
	color: #e31e10;
	
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

/**
 * Headings
 */
h2 {
	color: #003e9a;

	font-size: 22px;
	font-weight: normal;

	margin: 0;
	padding: 0;
}

h2.pagetitle {
	color: #003e9a;
	
	font-size: 28px;
	
	margin-bottom: 15px;
}

h3 {
	font-size: 18px;
	font-weight: normal;
}

h2 a,
h3 a {
	color: #003e9a;
}

/**
 * Forms
 */
form .field {
	margin: 1em 0;
}

.field input, 
.field textarea, 
.field select {
	font: 1em Arial, Helvetica, sans-serif;

	padding: 7px;

	width: 30em;
}

.field input:focus, 
.field textarea:focus, 
.field select:focus {
	border: 1px solid #333;
}

label {
	font-weight: bold;

	display: block;
}

/**
 * Container
 */
#container {
	background: #FFF;

	margin: 0 auto;
	padding: 10px;

	width: 980px;
}

/**
 * Head
 */
#head {
	float: left;

	margin: 0 0 10px 0;

	width: 980px;
}

/**
 * Name
 */
#name {
	margin: 10px;
	float: left;
}

#name a {
	background: url("images/logo.gif") no-repeat;

	display: block;

	width: 163px;
	height: 72px;

	overflow: hidden;

	text-indent: -1000em;
}

/**
 * Banner
 */
#head .banner {
	float: right;
}

#head .banner ul {
	margin: 0 0 5px 0;
	padding: 0;

	list-style-type: none;
}

/**
 * Menu
 */
#menu { 
	background: #02409b;

	border-bottom: solid 1px #FFF;

	font-size: 14px;
	font-weight: bold;

	margin: 0;
	padding: 6px 5px 0 15px;
}

#menu ul {
	list-style: none;

	margin: 0;
	padding: 0;
}

#menu li,
#sub-menu li {
	float: left;
}

#menu a {
	color: #FFF;

	display: block;
}

#menu a span {
	background: url("images/menu-spacer-line.gif") no-repeat right;

	display: block;

	padding: 10px 15px 12px 15px;
}

#menu .last { background: none; }

#menu .active,
#menu .active:hover {
	background: #FFF url("images/menu-active-left.gif") no-repeat top left;

	color: #0a47a2;

	display: block;

	text-decoration: none;
}

#menu .active span {
	background: url("images/menu-active-right.gif") no-repeat top right;

	display: block;

	margin: 0;
}

/**
 * Sub-menu
 */
#sub-menu {
	background: url("images/submenu-back.gif") repeat-x bottom left;

	border-right: solid 1px #d9e1ee;
	border-bottom: solid 1px #d9e1ee;
	border-left: solid 1px #d9e1ee;

padding: 5px;
	min-height: 34px;
}

#sub-menu ul {
	float: left;

	list-style: none;

	margin: 0;
	padding: 0;
}

#sub-menu ul li {
	background: url("images/submenu-spacer-line.gif") no-repeat right;
	padding: 0 5px;
}

#sub-menu a {
	color: #0a47a2;

	display: block;

	float: left;
}

#sub-menu a span {
	display: block;

	padding: 8px 10px;
}

#sub-menu a.active {
	color: #FFF;

	text-decoration: none;
}

#sub-menu a.active { background: url("images/specific-colors/blue-left.gif") top left no-repeat; } /* Algemeen */
#sub-menu a.active span { background: url("images/specific-colors/blue-right.gif") top right no-repeat; }

/* Specific sub menu items */
#item-1 a.active { background: url("images/specific-colors/red-left.gif") top left no-repeat; } /* Algemeen */
#item-1 a.active span { background: url("images/specific-colors/red-right.gif") top right no-repeat; }

#item-7 a.active { background: url("images/specific-colors/lightblue-left.gif") top left no-repeat; } /* Sport */
#item-7 a.active span { background: url("images/specific-colors/lightblue-right.gif") top right no-repeat; }

#item-8 a.active { background: url("images/specific-colors/purpleblue-left.gif") top left no-repeat; } /* Economie */
#item-8 a.active span { background: url("images/specific-colors/purpleblue-right.gif") top right no-repeat; }

#item-9 a.active { background: url("images/specific-colors/purple-left.gif") top left no-repeat; } /* Internet */
#item-9 a.active span { background: url("images/specific-colors/purple-right.gif") top right no-repeat; }

#item-10 a.active { background: url("images/specific-colors/gray-left.gif") top left no-repeat; } /* Literatuur */
#item-10 a.active span { background: url("images/specific-colors/gray-right.gif") top right no-repeat; }

#item-11 a.active { background: url("images/specific-colors/pink-left.gif") top left no-repeat; } /* Cultuur */
#item-11 a.active span { background: url("images/specific-colors/pink-right.gif") top right no-repeat; }

#item-12 a.active { background: url("images/specific-colors/yellow-left.gif") top left no-repeat; } /* Politiek */
#item-12 a.active span { background: url("images/specific-colors/yellow-right.gif") top right no-repeat; }

#item-13 a.active { background: url("images/specific-colors/darkblue-left.gif") top left no-repeat; } /* Recht */
#item-13 a.active span { background: url("images/specific-colors/darkblue-right.gif") top right no-repeat; }

#item-14 a.active { background: url("images/specific-colors/orange-left.gif") top left no-repeat; } /* Onderwijs */
#item-14 a.active span { background: url("images/specific-colors/orange-right.gif") top right no-repeat; }

#item-15 a.active { background: url("images/specific-colors/green-left.gif") top left no-repeat; } /* Natuur */
#item-15 a.active span { background: url("images/specific-colors/green-right.gif") top right no-repeat; }


/**
 * Search form
 */
#search-form {
	background: url("images/search-item-left.gif") no-repeat top left;

	float: right;
	padding: 0 0 0 5px;
	margin: 4px 4px 9px 0;
}

#search-form label {
	display: none;
}

#search-query-field {
	background: #FFF;
	display: block;

	float: left;

	margin: 0;
	padding: 6px 0 5px 0;
}

#search-button {
	background: url("images/search-button.gif") no-repeat center top;

	border: none;

	cursor: pointer;

	display: block;

	float: left;

	width: 27px;
	height: 27px;
}

#search-button:hover,
#search-button.hover {
	background-position: center bottom;
}

#search-button span {
	display: none;
}

#search-form input {
	border: none;
}

/**
 * Main
 */
#main {
	background: url("images/lines.gif") repeat-y;

	float: left;

	margin-bottom: 10px;

	width: 980px;
}

/* Anchors */
.more-info {
	padding: 5px 0;
}

.more-info a {
	color: #e31e10;

	float: left;
}

.more-info span { 
	color: #868686;

	float: left;

	margin: 0 8px;
}

.read-more {
	background: url("images/arrow.gif") no-repeat 0 50%;

	font-weight: bold;

	padding-left: 10px;
}

/* Main content */
#main-content {
	float: left;

	margin-right: 10px;
	padding: 6px 11px;

	width: 613px;
}

/* News items*/
.image {
	position: relative;
}

/* Specific overlay elements */
.label {
	background-image: url("images/specific-colors/overlay.gif");
	background-repeat: no-repeat;
	background-position: top left;

	position: absolute;

	top: 20px;
	right: -5px;

	height: 30px;
	width: 120px;
	
	text-align: center;
	text-transform: uppercase;
	
	padding-left: 5px;
	padding-top: 4px;
}

.label.category-1 { background-image: url("images/specific-colors/overlay-red.gif"); } /* Algemeen */
.label.category-7 { background-image: url("images/specific-colors/overlay-lightblue.gif"); } /* Sport */
.label.category-8 { background-image: url("images/specific-colors/overlay-purpleblue.gif"); } /* Economie */
.label.category-9 { background-image: url("images/specific-colors/overlay-purple.gif"); } /* Internet */
.label.category-10 { background-image: url("images/specific-colors/overlay-gray.gif"); } /* Literatuur */
.label.category-11 { background-image: url("images/specific-colors/overlay-pink.gif"); } /* Cultuur */
.label.category-12 { background-image: url("images/specific-colors/overlay-yellow.gif"); } /* Politiek */
.label.category-13 { background-image: url("images/specific-colors/overlay-darkblue.gif"); } /* Recht */
.label.category-14 { background-image: url("images/specific-colors/overlay-orange.gif"); } /* Onderwijs */
.label.category-15 { background-image: url("images/specific-colors/overlay-green.gif"); } /* Natuur */

.label a {
	color: #FFF;

	font-size: 110%;
	font-weight: normal;
}

.items p,
.article p {
	margin: 0;
}

.item h2 {
min-height: 40px;	
}

.item {
	float: left;

	margin-bottom: 15px;

	width: 299px;
}

.item.odd {
	margin-right: 15px;
}

.date {
	color: #979797;

	display: block;

	font-size: 12px;

	text-transform: uppercase;
}

/**
 * More items
 */
.more-items {
	background: url("images/transition-back.gif") repeat-x top left;

	margin: 0 0 15px 0;
	padding: 15px;
}

.more-items a {
	color: #000;
}

.more-items ul {
	list-style: none;

	margin: 10px 0 10px 0;
	padding: 0;
}

.more-items ul li {
	background: url("images/specific-colors/list-blue.gif") no-repeat 0 50%;

	display: block;

	float: left;

	padding: 2px 0 2px 15px;

	width: 47%;
}

/* Specific colors */
.more-items .category-1 { background-image: url("images/specific-colors/list-red.gif"); } /* Algemeen */
.more-items .category-7 { background-image: url("images/specific-colors/list-lightblue.gif"); } /* Sport */
.more-items .category-8 { background-image: url("images/specific-colors/list-purpleblue.gif"); } /* Economie */
.more-items .category-9 { background-image: url("images/specific-colors/list-purple.gif"); } /* Internet */
.more-items .category-10 { background-image: url("images/specific-colors/list-gray.gif"); } /* Literatuur */
.more-items .category-11 { background-image: url("images/specific-colors/list-pink.gif"); } /* Cultuur */
.more-items .category-12 { background-image: url("images/specific-colors/list-yellow.gif"); } /* Politiek */
.more-items .category-13 { background-image: url("images/specific-colors/list-darkblue.gif"); } /* Recht */
.more-items .category-14 { background-image: url("images/specific-colors/list-orange.gif"); } /* Onderwijs */
.more-items .category-15 { background-image: url("images/specific-colors/list-green.gif"); } /* Natuur */

.more-items .read-more {
	clear: both;

	color: #e31e10;

	margin: 10px 0;

	width: 200px;
}

/**
 * Categories
 */
.categories p {
	margin: 4px 0;
}

.categories h2 {
	background: #003e9a url("images/rounded-element-heading.png") no-repeat 98% 50%;

	color: #FFF;

	font-size: 110%;
	font-weight: normal;

	padding: 4px 8px;

	text-transform: uppercase;
}

.categories h2 a {
	color: #FFF;
}

/* Specific items and colors */
h2.category-1 { background-color: #cf0000; } /* Algemeen */
h2.category-7 { background-color: #00bbdc; } /* Sport */
h2.category-8 { background-color: #5000e3; } /* Economie */
h2.category-9 { background-color: #82009a; } /* Internet */
h2.category-10 { background-color: #3e3e3e; } /* Literatuur */
h2.category-11 { background-color: #fc1f8c; } /* Cultuur */
h2.category-12 { background-color: #a4a615; } /* Politiek */
h2.category-13 { background-color: #588fae; } /* Recht */
h2.category-14 { background-color: #f66d00; } /* Onderwijs */
h2.category-15 { background-color: #319d00; } /* Natuur & milieu */

.categories h3 {
	color: #003e9a;

	font-size: 140%;
	font-weight: normal;

	margin: 5px 0;
	padding: 0;
	
	min-height: 35px;
}

.categorie {
	float: left;
	display: block;

	margin: 0 0 10px 0;

	width: 197px;
	
	margin-right: 11px;
	
	min-height: 360px;
}

.last {
	margin: 0;
}

/* Articles */
.article {
	display: block;

	margin: 0 0 20px 0;
}

.article .image {
	float: left;

	margin-right: 10px;
	
	width: 200px;
}

.article .content {
	float: left;

	width: 400px;
}

/* Navigation */
.alignleft {
	float: left;
}

.alignright {
	float: right;
}

/* Comments */
#comments {
	margin: 0; 
	padding: 0; 

	list-style-type: none;
}

.comment {
	margin-bottom: 10px;
}

.comment span {
	color: red;
	
	font-weight: bold;
}

.comment-information {
	 float: left; 
	 
	 width: 100px; 
	 
	 margin-right: 15px; 
	 
	 text-align: right;
}

.comment-text {
	background: url("images/comment.gif") no-repeat;
	
	min-height: 141px;
	
	float: left; 
	
	width: 453px; 
	
	padding: 15px 15px 15px 30px;
}

/* News articles */
.news-article {
	display: block;

	margin: 0 0 15px 0;
}

.news-article img {
	clear: both;

	float: right;

	margin-left: 10px;
}

.post {
	margin-bottom: 30px;
}

.post img {
	float: right;
	
	margin: 15px;
}

/**
 * Sidebar
 */
#sidebar {
	float: left;

	width: 335px;
}

#sidebar ul {
	margin: 0;
	padding: 0;
	
	list-style-type: none;
}

/* Columns */
.columns {
	background: url("images/transition-back.gif") repeat-x top left;

	margin-bottom: 15px;
	padding: 15px;
}

.columns h2 a {
	color: #003e9a;
}

.column {
	margin-bottom: 10px;
}

.column a{
	color: #e31e10;
}

.column img {
	clear: both;

	float: left;

	margin: 5px 10px 5px 0;
}

.column p {
	margin: 0;
	padding: 0;
}

/* Banner */
#banner {
	height: 280px;

	margin: 0 0 10px 0;
}

/* Recent comments */
li.widget_get_recent_comments {
	background: url("images/transition-back.gif") repeat-x top left;

	margin-bottom: 15px;
	padding: 15px;
}

li.widget_get_recent_comments ul {
	list-style: none;

	margin: 10px 0;
	padding: 0;
}

li.widget_get_recent_comments li {
	background: url("images/arrow.gif") no-repeat 0 15%;

	margin: 10px 0;
	padding-left: 10px; 
}

li.widget_get_recent_comments li a {
	color: #000;
}

li.widget_get_recent_comments span {
	color: #666;

	display: block;

	text-transform: uppercase;
}

/* About */
.about {
	background: #003e9a;

	color: #FFF;

	margin-bottom: 15px;
	padding: 15px;
}

.about h2 {
	color: #FFF;
	
	margin-bottom: 15px;
}

.about .read-more {
	color: #FFF;
}

.about p {
	color: #9db6da ;
}

.about .read-more {
	background: url("images/arrow-white.gif") no-repeat 0 50%;
}

/**
 * Foot
 */
#foot {
	background: #02409b;

	float: left;

	padding: 25px;

	width: 930px;

	margin-bottom: 10px;
}

#foot h2,
#foot h2 a { 
	color: #FFF; 
}

#foot .col{
	color: #9eb6db;

	float: left;

	width: 300px;
}

#foot ul {
	list-style: none;

	margin: 20px 0 10px 0;
	padding: 0;
}

#foot li {
	float: left;

	margin: 0 0 5px 0;

	width: 50%;
}

#foot a {
	color: #9eb6db;
}

/* Foot bottom */
#foot-bottom {
	color: #919191;

	font-size: 11px;
}

#foot-bottom a { color: #919191; }
#foot-bottom a:hover { color: #545454; }

#foot-bottom .copyright {
	float: left;
}

#foot-bottom .realisation {
	float: right;
}