@charset "utf-8";
/* default style changes */
html, body, img, table, td, th, form, ul { /* remove default padding */
    text-align:  left;
    padding:  0;
    margin:  0;
    border:  0;
}
table, td, th {
    vertical-align:  top;
}

body  {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	text-align: center;
	background: #FFF url(../images/geefsamen/layout/background_top.jpg) repeat-x 0px -280px;
	min-width: 1003px;
}
html {
    overflow: -moz-scrollbars-vertical;
}
p, div.content_info {
	font-size: 13px;
	line-height: 1.6;
}

img {
	border: none;
}
ul {
	list-style: none;
}
ul#translate {
	float: right;
}
div#content_frame ul {
	list-style: square;
	padding: 0 10px;
	margin: 5px 0px 10px 10px;
}
a {
	text-decoration: none;
	color: #5b3887;
}
div#topheader a, ul#menu a { /* HREF CHANGES FOR MENU */
	color: #fff;
	font-weight: bold;
}
a:hover {
	text-decoration: underline;
}
#content.sitestretch {
	width: 1003px;
	margin: 0px auto 20px auto;
}

#header.sitestretch{
	width: 1003px;
	background: transparent none no-repeat 0px 95px;
	margin: 10px auto 20px auto;
}

#header.sitestretchactiepagina {
	width: 1003px;
	background: #FFF url(../images/geefsamen/layout/header_background_actiepagina.jpg) no-repeat 0px 95px;
	margin: 10px auto 20px auto;
}

#top.sitestretch {
	width: 1003px;
	margin: 0px auto;
	padding-top: 10px;
}


/* TOP */
div#topheader {
	background-color:#5B3887;
	border-bottom:5px solid #F87B00;
	height: 35px;
	width: 100%;
	color: #FFF;
}
ul#top {
	padding-top: 6px;
}
ul#top li{
	float: left;
	border-right: 1px solid #986bad;
	padding: 0 5px;
}
#totalenimg {
	margin-bottom:10px;
}
ul#top li.dark {	
	border-right: 1px solid #986bad;
	color: #fff;
}
#rightImage{
	display:none;
}
/* HEADER */
div#header {
	margin-top: 5px;
	height:410px;
	margin-bottom:5px;
}
div#header  div {
	float: left;
	width: 196px;
}
div#header div.center div.image {
	height: 250px;
	width: 581px;
}
div#header div.smallbox h3{ 
	margin-bottom: 12px;
}
div#header span.large{
	float: left;
	font-size: 11px;
	font-weight: bold;
	text-align: right;
	width:90px;
	height:15px;
}
div#header span.description{
	float:right;
	font-size:11px;
	font-weight: normal;
	padding-top:0px;
	width:74px;
	padding-right:4px;
	height:17px;
}
div#header div.header_home_zoeken { 
	border:none;
	margin:3px;
}

div#header div.header_home_zoeken input.inputbox  { 
	font-size: 10px;
}

div#header div.createActie a { 
	border:none;
	background: transparent url(../images/geefsamen/layout/btn_meld_je_aan.png) no-repeat 0 0;
	width:170px;
	height:45px;
	display:block;
	margin-top:0px;
	text-decoration: none;
}
div.imageholder img {
	margin: 14px 14px 14px 20px;
}

div#header div.smallbox{ 
	/* background: transparent url(../images/geefsamen/layout/background_specialbox.jpg) no-repeat 0 0; */
	background: transparent;
	height: 226px;
	padding: 20px;
	width: 172px;
	display: block;
	text-align: left;
	color: #5B3887;
	margin-top:8px;
}
div#header div.center div.image { 
	background: transparent url(../images/geefsamen/layout/header_border.png) repeat-x 0 0;
}
div#header div.center div.image div.buttons {
	float:right;
	margin-top:0px;
	margin-right: 40px;
	color: #000;
} 
div#header div.donatiebutton {
	float:left;
	width: 90px;
} 
div#header div.center {
	width: 581px;
	padding: 0 4px;
	height:355px;
}
ul#menu {
	height: 27px;
	background:transparent;
	margin: 54px 0 10px;
	z-index: 20;
	padding: 14px 3px 0pt;
	width: 575px;
	text-align: right;
}
ul#menu li{
	font-family: Calibri,Arial,Verdana;
	float: left;
	position: relative;
	height: 27px;
	width: 113px;
	background: transparent url(../images/geefsamen/layout/background_menu_item.png) repeat-x 0 0;
	cursor: pointer;
	margin: 0 1px;
	font-size: 16px;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: bold;
	line-height: 24px;
} 
ul#menu li a {
	display: block;
	width: 100%;
	margin: 0px 0px 0px 0px;
	/* text-indent: 60px; */
	height: 100%;
	color: #6b5195;
	_width: auto;
	_height: auto;
	text-align: center;
}

ul#menu li.active {
	background: transparent url(../images/geefsamen/layout/background_menu_item_active.png) repeat-x 0 0;
}
ul#menu li.active a {
	color:#FFF;
	margin-right: 0px 20px 0px -20px;
}
/* */
ul#top li
{
    position:relative;
}
ul#top ul.submenu
{
    position:absolute;
    background-color:#664294;
    left:-1px;
    border:1px solid #664294;
    list-style:circle;
    margin:0px;
    display:none;
		top:14px;
		z-index:99;
}
ul#top li:hover ul.submenu
{
    display:block;
}
ul#top ul.submenu li
{
    display:block;
    float:none;
    width:120px;
    border:none;
    padding:0px;
}
ul#top ul.submenu li a{
    padding:2px 6px;
    width:108px;
    height:100%;
    display:block;
    background-color:transparent;
    text-decoration:none;
}
ul#top ul.submenu li a:hover{
    background-color:#5B3887;
    color:#F90;
    text-decoration:none;
}
/* SUBMENU HOME tabbladen  */

ul#menu li ul{
	background: #a65f0b repeat-x scroll bottom left;
	border-top: 1px solid #ba7735;
	position: absolute;
	padding: none;
	min-height: 40px;
	text-align: left;
	width: 150px;
	top: 27px;
	left: 0px;
	display: none;
	text-align: left;
	z-index:500;
}
ul#menu li:hover ul,
ul#menu li.hover ul
{
	display: block;
	height:27px;

}
ul#menu li ul li{
	background: #ff7e00;
	border-bottom: 1px solid #df7003;
	width: 130px;
	color: #FFF;
	font-size: 12px;
	text-transform: none;
	margin: 0;
	padding: 0 10px;
} 

ul#menu li ul li a {
	display: block;
	margin: 0px 0px 0px -0px;
	width: 100%;
	text-indent: 0px;
	height: 100%;
	color: #ffffff;
	_width: auto;
	_height: auto;
}



div.logo {
	height: 90px;
	margin-bottom: 7px;
}
/* CONTENT MENU */
div.content_top {
	background:#FFFFFF url(../images/geefsamen/layout/content_top.png) no-repeat scroll left bottom;
	height:6px;
	width:579px;
}
ul.content_menu {
	background:#FFFFFF url(../images/geefsamen/layout/content_top.png) no-repeat scroll left bottom;

	height:37px;
	line-height:30px;
	padding-left:5px;
	text-align:center;
	width:579px;
}
ul.content_menu li.active {
	background: #FFF url(../images/geefsamen/layout/background_contentmenu_item.png) repeat-x 0 top;
	color:#333;
	cursor:default;
	margin-top:1px;
}
ul.content_menu li.active span {
	background:#FFFFFF url(../images/geefsamen/layout/background_contentmenu_item.png) repeat-x scroll right top;
	
}
ul.content_menu li {
	background: #FFF url(../images/geefsamen/layout/background_contentmenu_item.png) repeat-x 0 bottom;
	float: left;
	color: #5b3887;
	font-weight: bold;
	margin-right:1px;
	padding-left:5px;
	height:31px;
	width:auto;
}
ul.content_menu li span {
	background:#FFFFFF url(../images/geefsamen/layout/background_contentmenu_item.png) repeat-x scroll right bottom;
	display:block;
	font-size:12px;
	margin-left:0px;
	max-width:120px;
	min-width:10px;
	padding-right:5px;
	width:auto;
	height:100%;
	float:left;
	position:relative;
}
ul.content_menu li a{
	display: block;
	height:100%;
	width:100%;
	_height:auto; /* IE6 HACK */
	_width:auto; /* IE6 HACK */
}
/* BOX INFO*/
h3 {
	font-size: 22px;
	font-weight: bold;
	color: #5b3887;
	margin: 0;
}
/* CONTENT */
div#content {

}
div.content_info {
	padding: 0 15px 15px 15px;
	width: 549px;
	background:#FFF url(../images/geefsamen/layout/content_background.png) repeat-y left top;
}

div.content_info ol li {
	font-size: 13px;
	line-height: 1.6;
}

div#content div {
	float: left;
}
div#content div.left,div#content div.right {
	width: 196px;
}
div#content div.center {
	width:578px;
	padding: 0 5px;
}
div#content div.box_small{ 
	background: #FFF url(../images/geefsamen/layout/background_box_normal.jpg) repeat-x 0 0;
	height: 250px;
	width: 196px;
	display: block;
	margin-bottom: 5px;
}
.box_small span.title{
	color: #664294;
	/* text-transform: uppercase; */
	font-family: Myriad Pro, Arial, Helvetica, Verdana;
	font-size: 14px;
	font-weight: bold;
	line-height: 12px;
	margin-top: 10px;
	margin-left: 42px;
	display: block;
	text-align: left;
	height: 20px;
}
div.clear,
div#content div.clear,
div#header div.clear {
	clear: both;
	float: none;
	width:auto;
	height:auto;
}
div#content_frame {
	background:#FFFFFF url(../images/geefsamen/layout/content_bottom.png) no-repeat scroll left bottom;
	color:#5B3887;
	padding-bottom:5px;
	text-align:left;
 }
div.actie {
	background:#FFF url(../images/geefsamen/layout/actie_background.jpg) no-repeat scroll left top;
	height: 310px;
	width: 262px;
	float: left;
	/* clear: both; */
	padding: 8px 18px 18px 8px;
	position:relative;
	/* background-image:url(../images/geefsamen/layout/content_background.png);
	background-repeat:repeat-y; */
	background-color:#fff;
	background-position:0px 0px;
}

div#content_frame div.even {
	background-color: transparent;
}
div.actie img.avatarImage {
	height:90px;
	position:absolute;
	width:90px;
	left:0px;
	top:0px;
	border:1px solid #000000;
}

div.avatar {
	color: #000;
	position:absolute;
	left: 8px;
	width: 100px;
	font-weight:bold;
	font-size:12px;
}

div.actie div.info, 
div.actie div.options, 
div.actie img {
	float: left;
}
div.actie div.options {
	width:33px;	
	display:inline;
}
div.actie div.options div.status {
	margin-top:8px;
}
div.actie div.info {
	width: 262px;
	margin:  100px 0px 0px 0px;
	display:inline;
}
div.actie div.options {
	width: 262px;
	margin:  270px 0px 0px 0px;
	position: absolute;
}
div.actie span.title {
	font-weight: bold;
	margin-bottom: 5px;
	padding-left: 0px;
}
div.actie span.description {
	color: #555555;
	display: block;
}
div.actie span.title,
div.actie span.title a 
{
	font-size: 15px;
	display: block;
	font-family:tahoma;
	font-weight:bold;
}
div.actie span.description {
	padding: 0px;
}

/* */
div.actie div.Stars a img {
	width:auto;
	height:auto;
}
div.ratingStars {
	width:130px;
}
div.ratingHeader {
	width:150px;
	font-weight:bold;
	font-size:12px;
	height:20px;
}
div.ratingHeaderBarometer {
	color: #000;
	position:absolute;
	left: 110px;
	width: 150px;
	font-weight:bold;
	font-size:12px;
	height:20px;
}

div.ratingMessage,
div.ratingScore {
	display:none;
}
div.rate {
	width:171px;
}
/* BOTTOM  */

div#bottom {
	background:none repeat scroll 0 0 #5B3887;
	border-top:5px solid #F87B00;
	height: 81px;
	width: 100%;
	text-align: center;
	margin-top:5px;
	
}
div#bottom div.holder{
	width: 983px;
	padding: 20px 10px;
	margin: 0 auto;
	position: relative;
}
div#bottom img.logo1 {
	position: absolute;
	right: 20px;
	top:7px;
}
div#bottom img.logo {
	position: absolute;
	left: 0px;
	top:7px;

}
div#bottom ul {
	display:block;
	margin:0 auto;
	width:578px;
}
div#bottom ul li.clear{
	visibility:hidden;
	background:none;
}
div#bottom ul li{
	float: left;
	margin-left: 5px;
	padding: 0pt 10px 0pt 0pt;
	background: transparent url(../images/geefsamen/layout/bottom_li.png) no-repeat 0 0;
	background-position: right;
	width:auto;
	position:relative;
}
div#bottom ul li a {
	display: block;
	color: #FFF;
}

/* box small */
div#content div.box_small ul li {
	list-style: square;
}
div#content div.box_small ol, div#content div.box_small div.sideList, div#content div.box_small ul {
	text-align: left;
	font-weight: normal;
	color: #5b3887;
	margin:0px;
	margin-top: 10px;
	font-size: 12px;
	padding: 0 10px;
	width: 170px;
}
div#content div.box_small ul a, div#content div.box_small div.sideList a, div#content div.box_small ol a {
	color: #5b3887;

}
div#content div.box_small ul li, div#content div.box_small div.sideList li, div#content div.box_small ol li {
	margin-left: 25px;
}
/* error */
div#errorMainContent,
div#statusMainContent {
	text-align:left;
	width:559px;
	background: #FFF url(../images/geefsamen/layout/content_background.png) repeat-y 0 top;
}
/* reactie */
.boxReactie {
	clear:both;
	float:left;
}
.boxReactie .tekst { 
	clear:both;
	float:left;
	width:100%;
	padding:5px;
} 
.boxReactie .datum,
.boxReactie .naam,
.boxReactie .iconen { 

padding:0 0 0 10px;

}
.leftQuoted .bericht
{
	margin-left:20px;
	width:528px;
}
div.bericht {
width:548px;
border:1px solid #5B3887;
float:left;
clear:both;
margin: 1px 0;
}
/* Nieuwe berichten */
.content_info #cp-menu {
	width: 550px; 
}
#cp-menu #navigation {
	padding:0px;
	background-color:#5B3887;
	color:#FFF;
}
#cp-menu #navigation #active-subsection a:hover, 
#cp-menu #navigation #active-subsection a {
	color:#5B3887;
}
#cp-menu #navigation ul {
	width: auto;
	float:left;
	margin:0;
	padding:0px;
}
#cp-menu #navigation a {
	color:#FFF;
	background:transparent;
	font-weight:normal;
}
#cp-menu #navigation li {
	width:auto;
	float:left;
	margin:0;
}
#cp-main {
	width:auto;
}
.content_info #tabs {
	margin-left:0px;
}
.content_info #tabs ul{
	padding:0px;
}
.content_info #tabs a span {
	color:#000;
	font-weight:normal;
}
.content_info #tabs ul span,
.content_info #tabs ul a{
padding:0px;
magin:0px;
}
div.content_info fieldset dd {
	margin:0px;
}
div.content_info ul.linklist li.rightside, div.content_info p.rightside {
	float:left;
	margin-left:0px;
}
.content_info #tabs ul span{
	margin-right:10px;
}
.content_info .cp-mini {
	margin: 10px 0px;
	background-color:#EEE;
}
.content_info #cp-main h2 {
	margin-left:0;
}
.content_info dl.mini dd.friend-offline, .content_info dl.mini dd.friend-online {
	padding:0px 2px;
}
.content_info dl.mini dd {
	padding:0px;
}
#cp-menu #navigation hr {
	float:left;
	height:15px;
	width:1px;
}
#cp-main .column1 {
	width:auto;
}
#cp-main #smiley-box {
	width:auto;
}
#cp-main #message-box {
	clear:both;
	float:left;
}
.content_info .panel {
	width:550px;
	padding:0px;
	background-color:transparent;
}
#postform dt label {
	float:left;
}
.content_info .forumbg table {
width:535px;
}
#format-buttons input.button {
	padding:0px 1px;
}
#format-buttons select{
	display:none;
}
#postform #postingbox {
	width:550px;
}
.content_info .row .pagination span a:hover, .content_info li.pagination span a:hover {
	background-color:#5B3887;
}
.content_info .forumbg {
background:none;
background-color:#5B3887;
}

div#content_frame a {
	text-decoration: underline;
}

div#content_frame div.actie a:link, div#content_frame div.actie a:visited, div#content_frame div.actie a:active, 
div#content_frame .linklist a:link, div#content_frame .linklist a:visited, div#content_frame .linklist a:active, 
div#content_frame .pagination a:link, div#content_frame .pagination a:visited, div#content_frame .pagination a:active {
	text-decoration: none;
}

div#content_frame div.actie a:hover, 
div#content_frame th a:hover, 
div#content_frame .linklist a:hover, 
div#content_frame .pagination a:hover {
	text-decoration: underline;
}

div#kop {
	font-style: italic;
}

div#queryDump, div#cookieDump {
	position: fixed;
	bottom: 0;
	left: 0;
	font-size: 70%;
	background-color: #fff;
	color: #58595b;
	border: 1px #000 solid;
	padding: 5px;
	margin: 10px 0;
	width: 32px;
	height: 18px;
	overflow: hidden;
	cursor: help;
	font-size: 8pt;
	text-align: left;
}

div#cookieDump {
	left: 33px;
}

div#queryDump:hover, div#cookieDump:hover {
	width: 99%;
	height: 200px;
	overflow-y: scroll;
	z-index: 999;
}

div#queryDump span.donker, div#cookieDump span.donker {
	color: #02193E
}

div#queryDump span.licht, div#cookieDump span.licht {
	color: #B7B7B7;
}

table#smiliesBox img {
	margin-bottom: 5px;
}

p.debugJs {	
	float: right;
	margin: 5px;
	clear: both;
}

div.errorInloggen, div.messageError, div.messageStatus {
	font-weight: bold;
	padding: 10px;
	text-align: center;
}

div.errorInloggen, div.messageError {
	color: #87393B;
}

div.messageStatus {
	color: #518739;
}

span.adminNotice {
	color: #D40202;
	font-weight: bold;
}

table.nice td, table.nice th {
	padding: 3px 6px;
}

table#smiliesBox td.showAllResults {
	color: #ABACAD;
}

table#smiliesBox img {
	margin-bottom: 5px;
}

table#smiliesBox a:link, table#smiliesBox a:visited, table#smiliesBox a:active, table#smiliesBox a:hover {
	color: #58595b;
	display: block;
	text-decoration: none;
	vertical-align: middle;
	text-align: center;
	-moz-opacity: 0.50;
	opacity: 0.50;
}

table#smiliesBox a:hover {
	-moz-opacity: 1.00;
	opacity: 1.00;
}

td.showAllResults {
	text-align: center;
	padding: 10px;
	font-weight: bold;
	cursor: pointer;
}

div#header div.cornerCenter {
	font-weight: bold;
	text-align: center;
	width: 170px;
}

div.cornerCenter p {
	margin-top: 0px;
	font-size: 11px;
	line-height: 1.4;
}


.light, .light a:link, .light a:visited, .light a:active, .light a:hover {
	color: #9C83BB;
}

tr.uneven td {
	background-color: #FBD9B7;
}

img.doelLogo {	
	float: right;
	margin: 15px;
}

th {
	white-space: nowrap;
}

th a:link, th a:visited, th a:active, th a:hover {
	color: #5B3887;
	text-decoration: underline;
}

/* weergave fotos op actiepagina als gallery */
div.fotobox {
	float: left;
	width: 120px;
	margin: 3px;
}

div.fotobox div.fototools {
	margin: 3px;
}

/* google maps correctie */
div#content div.googleMaps div {
	float: none;
}

/* actie pagina */
div.socialMedia {
	position: relative;
}
div.socialMedia  div.koppeling{
	float: left;
}
div.facebookName {
	font-style: italic;
}
.middle-submenu
{
    background-color: #EEEEEE;
    border: 1px solid #CCCCCC;
    left: -4px;
    position: absolute;
    top: 30px;
    width: 200px;
    z-index: 999;
		display:none;
		}
ul ul.middle-submenu li
{
	float:none;
	clear:both;
	
	background-color:#EEE;
	background-image:none;
	
}
