/* CSS RESET | ERIC MEYER | http://meyerweb.com/eric/tools/css/reset/ v1.0 | 20080212 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

html, body {
    width: 100%;
    height: 100%;
}

body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
:focus {
	outline: 0;
}
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
abbr,acronym {
	border: 0;
}


/* PALINGSOAP CSS BEGIN */

body {
	background:				#214b8c url(/fileadmin/GFX/wolkenpatroon.jpg) repeat-x bottom fixed;
	font:					11px Arial, Helvetica, serif;
	line-height:			1.6;
	color:					#000;
	text-align:				center;
}

h1,h2,h3,h4,h5,h6,h7 {
	font-size:				12px;
}

h1 a,h2 a,h3 a {
	text-decoration:		none;
}

a {
	color:					#0458b6;
	text-decoration:		none;
}

a:hover {
	color:					#dd1500;
	text-decoration:		underline;
}

#content {
	position:relative;
	background:				#fff url(/fileadmin/GFX/main_bg.gif) repeat-x;
	margin:					0 auto;
	width:					970px;
	text-align:				left;
}

#topmenu {
    background-color:		#DEECF8;
}
    #topmenu #trosbar {
		position:			relative;
		margin:				0px auto;
	}

/* FRAMEWORK COLUMNS
-----------------------------------------
*/
#header {
	margin:					11px 11px 0;
}

#leftcolumn {
	float:					left;
	margin-left:			11px;
	width:					211px;
	display:				inline;
}

#middlecolumn {
	float:					left;
	margin-left:			11px;
	width:					413px;
	display:				inline;
}

#rightcolumn {
	float:					right;
	margin-right:			11px;
	width:					301px;
	display:				inline;
}

/* MENU
-----------------------------------------
*/

#menu {
	background:				#034896 url(/fileadmin/GFX/menu_bg.gif) repeat-x;
	margin:					8px 11px 15px;
	height:					29px;
	border-bottom:			1px solid #d5d5d5;
}
    #menu ul { }

		#menu ul li {
			margin: 0;
  			float: left;
  			display: block;
		}

			#menu ul li a {
				font-size:			12px;
				font-weight:		bold;
				color:				#fff;
				padding:			5px 16px 0;
				height:				24px;
				display:			block;
			}

			* html #menu ul li a {
				width:60px;
			}

			#menu ul li a:hover, #menu ul li.hover {
				background:			#c41300 url(/fileadmin/GFX/menu-hover_bg.gif) repeat-x;
				text-decoration:	none;
			}

/* CONTENT BLOCKS HEADERS
-----------------------------------------
*/
#tros-home-button {
    display:    block;
    height:     100px;
    left:       880px;
    position:   absolute;
    top:        44px;
    width:      75px;
    z-index:    100;
}


.csc-header, .news-head {
	background:				#0458b6 url(/fileadmin/GFX/header_blue.gif) no-repeat bottom right;
	border-top:				1px solid #9bbce2;
	height:					23px;
}

.blauw .csc-header, .row_even .news-head, .blauw .csc-header-n2 {
	background:				#0458b6 url(/fileadmin/GFX/header_blue.gif) no-repeat bottom right;
	border-top:				1px solid #9bbce2;
	color:                  #ffffff;
}

.rood .csc-header, .row_odd .news-head, .rood .csc-header-n2 {
	background:				#dd1500 url(/fileadmin/GFX/header_rood.gif) no-repeat bottom right;
	border-top:				1px solid #f1a199;
    color:                  #ffffff;
}

.csc-header h1, .csc-header h2, .csc-header h3, .csc-header h4, .news-head h2, .csc-header-n2 h2 {
	margin:					0 9px 0;
	font-size:				12px;
	color:					#fff;
}

.news-head h2 a {
	color:					#fff;
}

/* CONTENT BLOCKS
-----------------------------------------
*/
#backlink {
    text-align:             right;
}

.rood, .blauw, .ad, .feed-div, .tx-npoliveplayer-pi1 {
	margin-bottom:			14px;
	overflow:				hidden;
}

.ad {
	text-align:				center;
	margin-top:             14px;
}

.csc-textpic-image, .csc-textpic-text, .tx-comments-pi1, .feed-div, .news-list-item, .news-single-content {
	border:					1px solid #dddddd;
	border-width:			0px 1px 3px;
	border-color:			#e9e9e9 #dddddd;
}
.tx-comments-form-top-message {
    color:                  #0458B6;
    font-weight:            bold;
}
.tx-comments-required-error {
    color:                  red;
    font-weight:            bold;
}
.news-single-content.clearfix {
	border-top:				1px solid #e9e9e9;
}
.news-single-content .related-video {
    padding:                5px;
    background-color:       #DDDDDD;
    margin-top:             10px;
}
.related-video li{
    margin-top:             5px;
}
.related-content {
    margin-bottom:          14px;
}

.csc-textpic-intext-left .csc-textpic-imagewrap, .csc-textpic-intext-left-nowrap .csc-textpic-imagewrap {
	margin-right:			 0 !important;
}

.csc-textpic-text, .feed-loading, .feed-not-available, .feed-single-1, .feed-single-2, .tx-comments-comment-options,
.news-single-content, .news-list-item .news-img, #tx-comments-comment-form {
	padding:				10px 8px;
}

.csc-textpic-intext-left {
	padding:				10px 0 0 8px;
}

.csc-textpic-intext-right {
	padding:				10px 8px 0 0;
}
/* Uitzondering nieuwsblock VP */
.news-list-item .bodytext, .news-list-item .news-morelink {
	padding:				0 8px;
}

span.news-date {
	position:				relative;
	padding:				10px 8px 0;
	color:					#dd1500;
	display:				block;
}

.news-list-item .news-img {
	float:					left;
	width:					120px;
}

.news-list-item .news-morelink {
	float:					right;
	padding:				0 8px 10px;
	text-align:				right;
}

.csc-textpic-image {
	margin-bottom:			0 !important;
	border-bottom:			0 !important;
}

div.csc-textpic img {
	border:					0 !important;
}
dl.csc-textpic-image {
    border:             0px;
}

/*
----------- CSS for comments guestbook--------------
*/
.tx-comments-comment-1, .tx-comments-comment-2 {
    padding:            	10px 8px;
	border-bottom:			1px solid #fff;
}

.tx-comments-comment-name {
    color:             		#666;
}

.tx-comments-comment-options {
	height:					20px;
}

.tx-comments-comment-options ul li {
	float:					left;
	width:					50%;
}

/* TWITTERFEED
-----------------------------------------
*/
.feedlist {
	padding-right:			8px;
}

.feed-div {
	position:				relative;
	float:					left;
}

.feedlist, .feed-div {
	width:					299px;
}

.feed-single-1, .feed-single-2  {
	float:					left;
	border-top:				1px solid #fff;
}

.feedlist div:first-child {
	border-top:				0;
}

.feed-single-1, .feed-single-2, .feed-loading {
	width:					285px;
}

.feed-loading {
	text-align:				center;
}

.feed-date, .feed-content {
	float:					left;
	display:				block;
}

.feed-date {
	margin-right:			8px;
	width:					20%;
	text-align:				right;
}

.feed-content {
	width:					77%;
}

.twitter-icon {
	position:				absolute;
	margin:					-36px 0 0 240px;
	width:					38px;
	height:					49px;
	z-index:				100;
}

/* GUESTBOOK AND TWITTER ODD AND EVEN ROWS COLORING
-----------------------------------------
*/
.tx-comments-comment-1, .feed-single-1 {
    background-color:		#ddd;
}

.tx-comments-comment-2, .feed-single-2, .feed-loading, .tx-comments-comment-options {
	background-color:		#d5d5d5;
}

.feed-content a:hover, .tx-comments-comment-options a:hover {
	color:					#dd1500;
}

.comment-no-comment {
    padding-left:          10px;
}

/* GUESTBOOK FORM
-----------------------------------------
*/
#tx-comments-comment-form label {
	float:					left;
	margin-bottom:			5px;
	width:					130px;
	display:				block;
}

#tx-comments-comment-form input, #tx-comments-comment-form textarea {
	float:					left;
	width:					240px;
}

#tx-comments-comment-form input.submit {
	float:					left;
	margin-right:			14px;
	width:					100px;
}

#tx-comments-comment-form ul li {
	width:					100%;
	float:					left;
	padding-bottom:			5px;
}

/* FOOTER
-----------------------------------------
*/

#footer {
	float:					left;
	background:				url(/fileadmin/GFX/footer_bg.gif) no-repeat right bottom;
	width:					100%;
	height:					117px;
}

#wrapper_footer {
	float:					left;
	background:				#004796 url(/fileadmin/GFX/wrapperfooter_bg.gif) repeat-x;
	margin:					0 auto;
    width:					100%;
}

	#fdynamic .csc-header {
		background:			transparent;
		border:				0;
		margin:				0;
	}

	#fdynamic .csc-header h4 {
		margin:				0;
	}

	#fdynamic .csc-header, .footer-list {
	}

	.footer-item {
		float:				left;
		width:				200px;
		padding:			11px;
	}

	.footer-list li a {
		color:				#fff;
	}

	#footernav {
		margin:				3px auto 20px;
		width:				970px;
		height:				35px;
	}

		#fcopyright {
			float:				left;
			color:				#004796;
		}

	    #fmenu ul {
	    	float:				right;
			list-style-type:	none;
		}

	    #fmenu ul li {
	        margin-right:		5px;
	        display:			inline;
	    }

		#fmenu ul li, #fmenu ul li a {
			color:				#004796;
		}

		#fmenu ul li a:hover {
			color:				#fff;
			text-decoration:	none;
		}

		#fcopyright, #fmenu {
			margin:				0 11px;
		}

/* CSS HACKS
-----------------------------------------
*/
/* CSS CLEARFIX */
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}

