/* =========================================================================================

//
//	StyleSheet Stichting Vluchteling / General Layout
//
//	Aangemaakt door Tim Kant, Realpix, 09-2008
//

========================================================================================= */

/* =========================================================================================
// 	Algemeen
========================================================================================= */

html,body {
   margin: 0;
   padding: 0;
   font-family: Tahoma, Arial, Helvetica, sans-serif;
   font-size: 12px;
   color: #000000;
   background: white url('../gfx/body_bg.gif') repeat-x;
}

img {
   border:0px;
}
form {
   margin:0;
}
a {
   color: #CC3034;
   text-decoration: none;
}
a:hover {
   text-decoration:underline;
}
input, select, textarea {
   font-family:tahoma;
   font-size:12px;
   border:1px solid #c82226;
}
input.submitbutton {
   margin:0 10px;
   border:1px outset #c82226;
   background:#f6edd9;
   padding:3px;
   width:100px;
   font-weight:bold;
}

p {
   padding: 0px;
   margin-top: 0px;
   font-size: 12px;
   font-weight: normal;
}

p.bold {
   font-weight: bold;
}

p.price {
   text-align: right;
   color: #CC3034;
   font-weight: bold;
}

.error_message, .info_message {
   padding:10px;
   border:1px solid red;
   color:red;
   margin:10px 0;
}
.error_message h3, .info_message h3 {
   font-size:13px;
   margin:0 0 10px 0;
   font-style:normal;
}
.info_message {
   border:1px solid blue;
   color:blue;
}

/* =========================================================================================
// 	Opbouw - CONTAINER
========================================================================================= */

#container {
   width: 925px;
   height: auto;
   margin: 0 auto;
   padding: 0px 38px 0 37px;
   background: url('../gfx/bg_body_simple.jpg') repeat-y 50% 0%;
}

.shoehorn {
   clear:both;
   width:100%;
   height:1px;
   line-height:1px;
   font-size:1px;
}
/* =========================================================================================
// 	Opbouw - HEADER
========================================================================================= */

#container_header {
   width: 901px;
   height: 233px;
   margin-left:7px;
   padding: 0 8px;
   padding-top:7px;
   background: url('../gfx/header_bg.gif') repeat-y;
   position:relative;
}
img.header_bottom {
   position:absolute;
   top:225px;
   left:0;
}
img.header_image {
   display:block;
   position:absolute;
   top:7px;
   left:8px;
}
.header_logo {
   position:absolute;
   top:36px;
   left:32px;
}

#container_header_en {
   width: 925px;
   height: 240px;
   margin: 0px;
   padding: 0px;
   background: url(../gfx/bg_header_en.jpg) 1px 0px no-repeat;
}

#headerSideBox {
   width: 138px;
   height: 155px;
   margin: 12px 16px 0px 0px;
   _margin: 12px 7px 0px 0px;
   position:absolute;
   top:29px;
   left:735px;
   background: url('../gfx/header_searchbox_bg.png');
}

#languageFlag {
   width: 128px;
   height: auto;
   margin: 3px 0px 0px 10px;
   _margin: 5px 0px 0px 10px;
   padding: 0px;
   color: #000000;
   font-size: 12px;
}
#languageFlag a {
   color: #000000;
}
#languageFlag a:hover {
   text-decoration: underline;
}

#donateHolder {
   width: 118px;
   height: auto;
   margin: 10px 0px 0px 5px;
   padding-left: 5px;
   border-left: #d77f84 2px solid;
}

#searchHolder {
   width: 128px;
   margin: 0 5px 5px;
   _margin: 15px 0px 0px 3px;
   padding-left:10px;
   float: right;
   position: absolute;
   right:0;
   top:0;
}

/* =========================================================================================
// 	Opbouw - MENU
========================================================================================= */

#container_menu {
   width: 925px;
   height: 40px;
   margin-top: 5px;
   padding: 0px;
   overflow: hidden;
}

/* =========================================================================================
// 	Opbouw - CONTENT
========================================================================================= */

#container_content {
   width: 907px;
   height: auto;
   margin: 0px 0px 0px 17px;
   _margin: 0px 0px 0px 8px;
   padding: 0px;
   position: relative;
}

#leftColumn {
   width: 183px;
   /* empty columns without blocks have no height and thus mess up the layout  */
   min-height:100px;
   _height:100px;
   margin: 0px;
   padding: 0px;
   position: relative;
   float: left;
}
.logos_fondsen a {
   float:left;
   margin:3px;
}

#centerColumn {
   width: 506px;
   height: auto;
   margin-left: 15px;
   padding: 0px;
   position: relative;
   float: left;
}
#centerColumn p {
   line-height:18px;
}
.cColInside{
   width: 506px;
   height: auto;
   margin-bottom: 10px;
   padding: 0px;
}

#rightColumn_small {
   width: 183px;
   /* empty columns without blocks have no height and thus mess up the layout */
   min-height:100px;
   _height:100px;
   margin-right: 10px;
   _margin-right: 5px;
   padding: 0px;
   position: relative;
   float: right;
}
.rColInside{
   width: 183px;
   height: auto;
   margin-bottom: 60px;
   _margin-bottom: 40px;
   padding: 0px;
}

#content2Right {
   width: 689px;
   height: auto;
   margin-right: 20px;
   _margin-right: 10px;
   padding: 0px;
   position: relative;
   float: right;
}
.rColInsideWide {
   width: 689px;
   height: auto;
   margin-bottom: 60px;
   _margin-bottom: 40px;
   padding: 0px;
}

/* =========================================================================================
// 	Opbouw - HOMEPAGE
========================================================================================= */

.home_newsItem {
   width: 506px;
   height: auto;
   margin-bottom: 10px;
   padding: 0px;
}

.home_newsItemWide {
   width: 689px;
   height: auto;
   margin-bottom: 30px;
   padding: 0px;
}

.home_testimonialImage {
   margin-right: 10px;
   margin-bottom: 10px;
   float: left;
}
.home_testimonialImage img {
   width: 74px;
}
a.home_newsitem_more {
   display:block;
   text-align:right;
   font-weight:bold;
}

.home_focus {
   width: 504px;
   height: 336px;
   position:relative;
   overflow:hidden;
   margin-bottom:1em;
   clear:both;
   cursor:pointer;
}
.hf_image {
   display:block;
   width: 504px;
   height: 336px;
}
.home_focus h3 {
   position:absolute;
   top:25px;
   left:25px;
   font-size:24px;
   width:460px;
}
.hf_content {
   position:absolute;
   bottom:0;
   left:0;
   width:485px;
   color:white;
   padding:10px;
   background:url('../gfx/homefocus_contentbg.png');
}
.hf_edge_top, .hf_edge_bottom {
   position:absolute;
   top:0;
   left:0;
}
.hf_edge_bottom {
   bottom:0;
   top:auto;
}
.hf_content a.hf_link_previous,
.hf_content a.hf_link_next {
   color:black;
   font-size:11px;
   font-weight:bold;
}
.hf_content a.hf_link_previous {
   float:left;
}
.hf_content a.hf_link_next {
   float:right;
}
.hf_content a.hf_link_previous:hover,
.hf_content a.hf_link_next:hover {
   text-decoration:underline;
}


/* =========================================================================================
// 	Opbouw - DOSSIER
========================================================================================= */

#dossier_highlights {
   width: 506px;
   height: auto;
   margin-bottom: 60px;
   _margin-bottom: 40px;
   padding: 0px;
}

#dossier_highlightImage {
   width: 74px;
   height: auto;
   margin-right: 10px;
   margin-bottom: 10px;
   padding: 0px;
   position: relative;
   float: left;
}

#dossier_highlightIntro {
   width: 422px;
   height: auto;
   margin-bottom: 10px;
   padding: 0px;
   position: relative;
   float: right;
}

#dossier_highlightText {
   width: 506px;
   height: auto;
   margin-bottom: 10px;
   padding: 0px;
   clear: both;
}

.dossier_news {
   border-top:1px solid #808080;
   padding-top:20px;
   margin-top:20px;
}
.dossier_intro {
   font-weight:bold;
}
.dossier_news h2 {
   color:black;
}
.dossier_back {
   margin: 10px 0 10px 0;
}
.dn_item {
   margin-bottom:2em;
}
.dn_item h2 {
   color: #cc3034;
   font-size:18px;
}
.dn_intro {
   font-weight:bold;
}


/* =========================================================================================
// 	Opbouw - FOOTER
========================================================================================= */

#footer_holder {
   height: 20px;
   padding-bottom: 10px;
   padding-top: 10px;
   color: #646464;
   font-size: 10px;
   text-align: center;
   position: relative;
/*   width:1018px; */
   margin: 0 auto 0 auto;
}

#footer_holder a {
   color: #646464;
}

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

#footer_holder .red {
   color: #cc3034;
}

/* =========================================================================================
// 	List - MAIN MENU
========================================================================================= */

#main_menu {
   color: #633f29;
   font-size: 15px;
   font-weight: bold;
   text-align: center;
   padding:10px 0 15px 0;
   position:relative;
}

#main_menu a {
   color: #633f29;
   margin:0 3px;
   text-transform:lowercase;
}

#main_menu a:hover,
#main_menu a.active {
   color: #cc3034;
   text-decoration: none;
}

.breadcrumbs {
   margin-bottom:15px;
   font-size:11px;
}
.breadcrumbs a {
   color:#808080;
   text-decoration:underline;
}
.breadcrumbs a:hover {
   color:#cc3034;
}


/* =========================================================================================
// 	Form - SIDE COLUMN
========================================================================================= */

input.sidecolumn {
   width: 163px;
   _width: 155px;
}

input.money {
   width: 36px;
   color: #cc3034;
   font-size: 10px;
}

input.name {
   width: 75px;
   color: #cc3034;
   font-size: 10px;
}

input.search_field {
   width: 118px;
   height: auto;
   font-size: 11px;
   color: #cc3034;
   border: #7D7D7D solid 1px;
   background-color: #FFFFFF;
}

input.search_button {
   width: auto;
   height: auto;
   margin: 3px;
   background: none;
   border: none;
   font-size: 11px;
   color: #000000;
   font-weight: bold;
}

input.search_field_big {
   width: 250px;
   height: auto;
   margin-bottom: 10px;
   font-size: 13px;
   color: #cc3034;
   border: #7D7D7D solid 1px;
   background-color: #FFFFFF;
}

input.amount {
   width: 30px;
   height: auto;
   margin-bottom: 10px;
   font-size: 11px;
   color: #cc3034;
   border: #7D7D7D solid 1px;
   background-color: #FFFFFF;
}

input.search_button_big {
   width: auto;
   height: auto;
   margin: 3px;
   background: none;
   border: none;
   font-size: 12px;
   color: #000000;
   font-weight: bold;
}

input.donate_button {
   width: auto;
   height: auto;
   margin: 3px;
   font-size: 11px;
}


/* =========================================================================================
// 	Table - DONATE
========================================================================================= */

table.donate td {
   line-height: 25px;
}

/* =========================================================================================
// 	Menu - SUBMENU
========================================================================================= */

.glossymenu {
   list-style-type: none;
   margin: 0 0 1em 0;
   padding: 0;
   width: auto;
}
.glossymenu li a {
   font-size: 15px;
   font-weight: bold;
   color: #633f29;
   display: block;
   width: auto;
   padding: 3px 0;
   _padding: 0px 0;
   margin: 0px;
   padding-left: 10px;
   padding-bottom: 5px;
   _padding-bottom: 0px;
   text-decoration: none;
}
.glossymenu a:hover {
   color: #cc3034;
}
.glossymenu a.active {
   padding-left: 25px;
   color: #cc3034;
}

ul.itemList li a {
   color: #cc3034;
   text-decoration: none;
}

ul.itemList li a:hover {
   text-decoration: underline;
}

/* =========================================================================================
// 	Pagination
========================================================================================= */

.pagination{
   padding: 2px;
}

.pagination ul{
   margin: 0;
   padding: 0;
   text-align: left;
   font-size: 11px;
}

.pagination li{
   list-style-type: none;
   display: inline;
   padding-bottom: 1px;
}

.pagination a, .pagination a:visited{
   padding: 0 5px;
   text-decoration: none;
   color: #000000;
}

.pagination a:hover, .pagination a:active{
   color: #000;
   text-decoration: underline;
}

.pagination a.currentpage{
   color: #cc3034 !important;
   font-weight: bold;
   cursor: default;
}

.pagination a.disablelink, .pagination a.disablelink:hover{
   background-color: white;
   cursor: default;
   color: #000000;
   font-weight: normal !important;
}

.pagination a.prevnext{
   font-weight: bold;
}

/* =========================================================================================
// 	Table - DONATION
========================================================================================= */

form.donation input.field {
   width: 200px;
   height: auto;
   margin-bottom: 10px;
   font-size: 13px;
   color: #cc3034;
   border: #cc3034 solid 1px;
   background-color: #FFFFFF;
}

form.donation input.field_short{
   width: 75px;
   height: auto;
   margin-bottom: 10px;
   font-size: 13px;
   color: #cc3034;
   border: #cc3034 solid 1px;
   background-color: #FFFFFF;
}

form.donate_form input,form.donate_form select {
   border: 1px black solid;
}

form.donate_form input[type="checkbox"],form.donate_form input[type="radio"],form.donate_form input[type="submit"] {
   border: none;
}

table.donation_table td.title {
   width: 150px;
   margin-bottom: 3px;
}

table.donation_table td {
   padding-bottom: 3px;
}

table.donation_table td.big_title {
   padding-top: 15px;
   font-weight: bold;
}

table.product_table th {
   padding: 3px 0px;
   border-bottom: solid 1px #999999;
   text-align: left;
}

table.product_table tr.total_products td{
   border-top: #999999 solid 2px;
   padding: 3px 0px;
   font-weight: bold;
}

/* =========================================================================================
// 	Headings
========================================================================================= */

h1 {
   margin: 0px 0px 20px 0px;
   padding: 0px;
   font-size: 24px;
   color: #cc3034;
}

h2 {
   margin: 0px 0px 20px 0px;
   padding: 0px;
   font-size: 20px;
   color: #cc3034;
   font-weight: bold;
}
h2 a {
   text-decoration: none;
}
h2 a:hover {
   text-decoration: underline;
}

h3 {
   margin: 0px 0px 5px 0px;
   padding: 0px;
   font-size: 13px;
   color: #cc3034;
   font-weight: bold;
}

h3 a {
   text-decoration: none;
}
h3 a:hover {
   text-decoration: underline;
}

h4 {
   width: 486px;
   margin: 0px 0px 5px 0px;
   padding: 0px;
   font-size: 18px;
   color: #FFFFFF;
   font-weight: bold;
}