/* Copyright Bouwmeester Groep Eindhoven */
/* 2008 - WL */
/* CSS Document global.css */
/* WEBSITE Surplus */

* {
   text-decoration:none;
   color:#666;
 }
 
html {
  padding-right: 0px; 
  padding-left: 0px; 
  padding-bottom: 0px; 
  margin: 0px; 
  color: #666; 
  padding-top: 0px;
}

body {font-size: 70%;padding:0px; margin: 0px; color: #666; padding-top: 0px; background-color: #fff; font-family: Tahoma, Garamond, sans-serif;}

#middencontent ol, #middencontent ul {
	list-style-position: outside;
	clear: both;
}

/*img {
	border-top-width: 0px; 
  border-left-width: 0px; 
  border-bottom-width: 0px; 
  border-right-width: 0px
}*/

hr {
  border-top-style: solid; 
  border-right-style: solid; 
  border-left-style: solid; 
  height: 1px; 
  background-color: #ddd; 
  border-bottom-style: solid;
}

.divider            {border-top:1px solid #cccccc; height:2px; padding:0;margin:0;}
.dividerNoline      {float:left;color: #9b9b9b;width: 510px;margin: 10px 0 0 0;height:1px; clear:both;}

#content .lijn    { float:left;color: #9b9b9b;width: 510px;margin: 6px 0 6px 0;height:1px;}
  
#wrapper          { margin:1px 0px 0px 0px; height:auto; width:992px;}/* margin-top:21px; */
#container        { float:left; position:relative; display:inline; width:935px;margin:0 0 6px 0; text-align: left;font-family: Tahoma;}

#header           { margin:0;padding:0;width:534px; height:63px;}
#logo             { margin:0px;padding:0;}
#logoText         { float:left;margin:0;}

#topmenu          { float:right;width:378px;text-align:right;margin:22px 8px 0 0;padding:6px 0 4px 0;}
#topmenu li       { display:inline;}
#topmenu a        { padding: 0px 2px 0px 2px;color:#838383;text-decoration: none}
#topmenu a:hover  { color: #e33c20}

#mainVisual       { float:left;width:534px; background-image:url(../images/visual_content.jpg);height: 151px; position:relative;}
#mainMenu         { float:left;width:534px;height:27px;margin:0;padding:0;background: url('../images/bg_menu.jpg') repeat-x;}
#mainMenu a       { padding: 0px 2px 0px 2px;color:#838383;text-decoration: none}
#mainMenu a:hover { color: #e33c20}


/* GRID */
/* =================================================== */

#leftMargin     { clear:left;float:left; position:relative; display:inline;  width:12px;height:556px;background:#fff url('../images/left_margin.jpg');}
#leftColumn     { float:left;width:177px;margin:0 0 0 1px;height:557px;}
#middleColumn   { float:left;width:534px;position: relative; z-index: 10; background-color: #fff; }

#brandcolor     { float:left;width:534px;}

#content        { float: left; width: 534px; border-top: 1px solid #b4b5b5; margin: 0; padding: 0;
 	background-image:url(../images/verticalverloopdividerh.jpg);
	background-repeat:no-repeat;
	background-position:top left; 
}
#middencontent  {  min-height: 233px; }


#rightColumn    { float:left;width:220px;background:#fff;border-left:1px solid #fff;}
#rightMargin    {clear:right;float:right; position:relative; display:inline; width:45px;height:600px;background:#fff url('../images/right_margin.jpg') no-repeat;}



/* LEFT */
/* =================================================== */

#leftApplications           { float:left;width:177px;height:121px;padding:0;border-bottom:1px solid #b4b5b5}
#leftApplicationsContent    { padding:21px 0 0 6px; width:173px;}
#leftApplications img       { padding:2px 2px 2px 20px;}

#leftRelations              { float:left;width:177px;height:101px;border-bottom:0px solid #b4b5b5;background:#fff url('../images/bg_relations.jpg') repeat-y;}
#leftRelationsContent       { padding:12px 12px 0px 6px;height:79px;}
#leftRelations ul           { padding:2px 0 4px 8px;}
#leftRelations li           {}
#leftRelations li a            { color: #000;text-decoration: none}
#leftRelations li a:hover      { color: #e33c20}

#leftNews                   { float:left;width:176px;min-height:120px; margin:0;height:auto !important; border-top:1px solid #b4b5b5;}

#index_leftNews   			{ float:left;width:176px;min-height:120px; margin:0;height:auto !important; border-top:1px solid #b4b5b5; background-image:url(../images/bg_newshome2.jpg); background-repeat:no-repeat;}

#leftNews ul ,#index_leftNews ul  	{ padding:2px 4px 2px 4px; margin-left:8px;list-style-type: none; }
#leftNews li ,#index_leftNews  li 	{}

#logoSubsite                { float:left;margin:0;}

.newsTeaser        { display:block;padding:10px 0 0 12px;}
.nieuwstitel      { float:left;text-align: left;font-size:12px; font-weight: bold;}
.nieuwsdatum      { float:left;text-align: left;margin:0 15px;padding:1px 4px 0 0; color:#818181;}
.nieuwsbericht    { padding: 10px 0 0 0;	margin: 0px;	text-align: left;clear:both}
.nieuwsbericht a  { padding:0 !important ;}

#leftRelationsContent #beheer,
#leftRelationsContent #vragen {
  display:block;
  margin:0 0 8px 0;
}

#leftRelationsContent #beheer a,
#leftRelationsContent #vragen a {
  padding:4px 0 4px 0; 
  font-size: 105%;  
  color: #af0e16; 
  font-weight:bold;
  text-decoration:none;
  }

#leftRelationsContent #beheer a:hover,
#leftRelationsContent #vragen a:hover {
  text-decoration:underline;
  }  
  
#left_bottomwrapper { /*div rondom logo en leftnews*/
	width:177px;
}
  
 /* -- gerelateerd -- */
/* --------------------------------------- */
#relations          {margin:0 0 0 7px; padding-top: 13px;}

#relations a        {
  color:#000;
  text-decoration:none;	
  padding-right:20px;
  background: url('../images/bg-agenda_item.gif') no-repeat;
	background-position: right top;
  }
	
#relations a:hover  {
  color:#af0e16;
  text-decoration:underline;
  padding-right:20px;
  background: url('../images/bg-agenda_item.gif') no-repeat;
	background-position: right top;
  }
 ul#onderdeaandachtList  { margin:0 0 0 5px;padding:0;}
 
#relations ul   {margin:0 0 0 4px;padding:0;list-style:none;display:block;}
#relations li   {line-height:18px;}
 
.titleWebshop   {font-weight:bold;margin:8px 0 0 0;padding:4px 0 0 24px; height:20px;background: url('../../images/icons/relico_shop.jpg') no-repeat;}
.titleDoc       {font-weight:bold;margin:4px 0 0 0;padding:4px 0 0 24px; height:20px;background: url('../../images/icons/relico_doc.jpg') no-repeat;}
.titleRelpag    {font-weight:bold;margin:4px 0 0 0;padding:4px 0 0 24px; height:20px;background: url('../../images/icons/relico_relpag.jpg') no-repeat;}
.titleMaatwerk  {font-weight:bold;margin:4px 0 0 0;padding:4px 0 0 24px; height:20px;background: url('../../images/icons/relico_maatwerk.jpg') no-repeat;}
.titleTrainingen  {font-weight:bold;margin:4px 0 0 0;padding:4px 0 0 24px; height:20px;background: url('../../images/icons/relico_training.jpg') no-repeat;}
.titleWorkshop  {font-weight:bold;margin:4px 0 0 0;padding:4px 0 0 24px; height:20px;background: url('../../images/icons/relico_workshops.jpg') no-repeat;}
.titleNieuws    {font-weight:bold;margin:4px 0 0 0;padding:4px 0 0 24px; height:20px;background: url('../../images/icons/relico_relpag.jpg') no-repeat;}
.titleKalender  {font-weight:bold;margin:4px 0 0 0;padding:4px 0 0 24px; height:20px;background: url('../../images/icons/relico_relpag.jpg') no-repeat;}
.titleAlbum     {font-weight:bold;margin:4px 0 0 0;padding:4px 0 0 24px; height:20px;background: url('../../images/icons/relico_relpag.jpg') no-repeat;}
.titleTrainingen    {font-weight:bold;margin:4px 0 0 0;padding:4px 0 0 24px; height:20px;background: url('../../images/icons/relico_training.jpg') no-repeat;}
.titleWorkshop    {font-weight:bold;margin:4px 0 0 0;padding:4px 0 0 24px; height:20px;background: url('../../images/icons/relico_workshops.jpg') no-repeat;}
.blokWebshop    { float:left;width:170px;min-height:40px;margin-bottom:8px;background: url('../../images/bg_relations.jpg') no-repeat;}
.blokDoc        { float:left;width:170px;min-height:40px;margin-bottom:8px;background: url('../../images/bg_relations.jpg') no-repeat;}
.blokRelpag     { float:left;width:170px;min-height:40px;margin-bottom:8px;background: url('../../images/bg_relations.jpg') no-repeat;}
.blokMaatwerk   { float:left;width:170px;min-height:40px;margin-bottom:8px;background: url('../../images/bg_relations.jpg') no-repeat;}
.blokTrainingen { float:left;width:170px;min-height:40px;margin-bottom:8px;background: url('../../images/bg_relations.jpg') no-repeat;}
.blokWorkshop   { float:left;width:170px;min-height:40px;margin-bottom:8px;background: url('../../images/bg_relations.jpg') no-repeat;}
.blokNieuws     { float:left;width:170px;min-height:40px;margin-bottom:8px;background: url('../../images/bg_relations.jpg') no-repeat;}
.blokKalender   { float:left;width:170px;min-height:40px;margin-bottom:8px;background: url('../../images/bg_relations.jpg') no-repeat;}
.blokAlbum      { float:left;width:170px;min-height:40px;margin-bottom:8px;background: url('../../images/bg_relations.jpg') no-repeat;}

.blokWebshop_index    {width:170px;min-height:10px;margin-bottom:8px;background: url('../../images/lijntje_links_onder_aandacht.png') no-repeat;}
.blokDoc_index        {width:170px;min-height:10px;margin-bottom:8px;background: url('../../images/lijntje_links_onder_aandacht.png') no-repeat;}
.blokRelpag_index     {width:170px;min-height:10px;margin-bottom:8px;background: url('../../images/lijntje_links_onder_aandacht.png') no-repeat;}
.blokMaatwerk_index   {width:170px;min-height:10px;margin-bottom:8px;background: url('../../images/lijntje_links_onder_aandacht.png') no-repeat;}
.blokTrainingen_index {width:170px;min-height:10px;margin-bottom:8px;background: url('../../images/lijntje_links_onder_aandacht.png') no-repeat;}
.blokWorkshop_index   {width:170px;min-height:10px;margin-bottom:8px;background: url('../../images/lijntje_links_onder_aandacht.png') no-repeat;}
.blokNieuws_index   {width:170px;min-height:10px;margin-bottom:8px;background: url('../../images/lijntje_links_onder_aandacht.png') no-repeat;}
.blokKalender_index   {width:170px;min-height:10px;margin-bottom:8px;background: url('../../images/lijntje_links_onder_aandacht.png') no-repeat;}
.blokAlbum_index   {width:170px;min-height:10px;margin-bottom:8px;background: url('../../images/lijntje_links_onder_aandacht.png') no-repeat;}
.titleWebshop_index   {font-weight:bold;margin:4px 0 0 0;padding:4px 0 0 24px; height:20px;background: url('../../images/icons/grey_relico_shop.png') no-repeat;}
.titleDoc_index       {font-weight:bold;margin:4px 0 0 0;padding:4px 0 0 24px; height:20px;background: url('../../images/icons/grey_relico_doc.png') no-repeat;}
.titleRelpag_index    {font-weight:bold;margin:4px 0 0 0;padding:4px 0 0 24px; height:20px;background: url('../../images/icons/grey_relico_relpag.png') no-repeat;}
.titleMaatwerk_index  {font-weight:bold;margin:4px 0 0 0;padding:4px 0 0 24px; height:20px;background: url('../../images/icons/grey_relico_maatwerk.png') no-repeat;}
.titleTrainingen_index  {font-weight:bold;margin:4px 0 0 0;padding:4px 0 0 24px; height:20px;background: url('../../images/icons/grey_relico_training.png') no-repeat;}
.titleWorkshop_index  {font-weight:bold;margin:4px 0 0 0;padding:4px 0 0 24px; height:20px;background: url('../../images/icons/grey_relico_workshops.png') no-repeat;}
.titleNieuws_index    {font-weight:bold;margin:4px 0 0 0;padding:4px 0 0 24px; height:20px;background: url('../../images/icons/grey_relico_relpag.png') no-repeat;}
.titleKalender_index  {font-weight:bold;margin:4px 0 0 0;padding:4px 0 0 24px; height:20px;background: url('../../images/icons/grey_relico_relpag.png') no-repeat;}
.titleAlbum_index     {font-weight:bold;margin:4px 0 0 0;padding:4px 0 0 24px; height:20px;background: url('../../images/icons/grey_relico_relpag.png') no-repeat;}
.titleTrainingen_index    {font-weight:bold;margin:4px 0 0 0;padding:4px 0 0 24px; height:20px;background: url('../../images/icons/grey_relico_training.png') no-repeat;}
.titleWorkshop_index    {font-weight:bold;margin:4px 0 0 0;padding:4px 0 0 24px; height:20px;background: url('../../images/icons/grey_relico_workshops.png') no-repeat;}

#leftNews h4 {margin:0px 0px 3px 6px; color:black;}
#index_leftNews h4 {margin:0px 0px 3px 6px; color:black;}

 /* -- onder de aandacht -- */
/* --------------------------------------- */

a.link_onderdeaandacht {
	color: #af0d18;
	text-decoration: none;
	font-weight: bold;
	line-height: 18px;
}

a.link_onderdeaandacht:hover {
	color: #af0d18;
	text-decoration: underline;
	font-weight: bold;
}

a.link_onderdeaandacht:active {
	color: #af0d18;
	text-decoration: none;
	font-weight: bold;
}

ul#onderdeaandachtList li .link_onderdeaandacht  { padding:4px 0 2px 0;}
ul#onderdeaandachtList li .txt_onderdeaandacht   { padding:2px 0 2px 0;}

 /* -- onderwijsnieuws -- */
/* --------------------------------------- */
a.onderwijsnieuws {
	color: #af0d18;
	text-decoration: none;
	line-height:18px;
	padding-right:15px;
	background-image: url('../images/bg-agenda_item.gif');
	background-position: right top;
	background-repeat: no-repeat;
	font-weight: bold;
	line-height: 120%;
}

a.onderwijsnieuws:hover {
	color: #af0d18;
	text-decoration: underline;
	background-image: url('../images/bg-agenda_item.gif');
	background-position: right bottom;
	background-repeat: no-repeat;
	font-weight: bold;
}

a.onderwijsnieuws:active {
	color: #af0d18;
	text-decoration: none;
	font-weight: bold;
}
 ul#leftNewsContent  { margin:0 0 0 5px;padding:0;}
 ul#leftNewsContent li {margin-bottom:5px;}
 
/* CONTENT */
/* =================================================== */

h1          { padding: 0px 0 10px 0; font-size: 180%;  margin: 0px; color: #f1b500;}
h2          { font-size: 115%; margin: 0px 0px 4px 0; color: #af0e16;padding:12px 0 0 12px;}
h3          { padding-right: 0px; padding-left: 0px; font-size: 105%; padding-bottom: 0px; margin: 0px; color: #7f7f7f; padding-top: 4px}
h4          { padding-right: 0px; padding-left: 0px; font-size: 105%; padding-bottom: 4px; margin: 0px; color: #af0e16; padding-top: 4px}
h5          { padding-right: 0px; padding-left: 0px; font-weight: bold; font-size: 105%; padding-bottom: 4px; margin: 0px; color: #7f7f7f; padding-top: 4px}
h6          { padding-right: 0px; padding-left: 0px; font-weight: bold; font-size: 100%; padding-bottom: 4px; margin: 0px; padding-top: 4px}
p           { padding:0; font-size: 100%; margin: 0px; font-weight:normal;}
.leesmeer   { padding:12px 0 0 12px; background: url('../images/arrow.gif') 1px 18px no-repeat;}

#contentHead            { float:left;margin: 0px 0 12px 2px; width: 510px; height: 28px;}
#txt                    { padding:2px; margin-left:10px; margin-top:10px;}
  
.lijn                   { float:left; }
#breadcrumbs            { float:left; width:378px; padding: 0px 4px 4px 0px; }
#breadcrumbs p          { padding: 4px 6px 4px 14px; color: #ffffff; }

#breadcrumbs a          { text-decoration: none; color: #ffffff; font-weight: bold; }
#breadcrumbs a:hover    { text-decoration: underline; color: #ffffff; font-weight: bold; }
#breadcrumbs a:active   { text-decoration: none; color: #ffffff; font-weight: bold; }

/*#middencontentHeader    { position: absolute; left:390px; top:10px; z-index: 8;width:130px; margin:4px 8px 0 0;height:21px;}
*/

#pageTools img          { float:right; padding:0 2px 0 2px;}
/*#pageTools, #terugknop  { float:right; height:auto; margin:0; width:80px; padding:0px; text-align:right;}
*/
#pageTools, #terugknop {float:right; width:100px; height:18px; margin:8px 0 0 0; padding:0; text-align:right;}

.contentTitel     { padding:0px 4px 4px 0px;font-size:12px;font-weight:bold;}
.contentSubtitel  { padding:0px 4px 4px 0px;font-size:12px;color:#af0e16;}
.introtxt         { margin:0;padding:0px 4px 16px 0px;font-weight:bold;}
#content a        { color: #000;text-decoration: none}
#content a:hover  { color: #e33c20}

#zoeken           { width:500px;}
#middencontent    { width:534px;}
#middencontent a, #middencontent a sup{color:#b2010b; text-decoration:none; font-weight: bold;}
#middencontent a:visited{color:#b2010b; text-decoration:none; font-weight: bold;}
#middencontent a:hover{color:#b2010b; text-decoration:underline; font-weight: bold; }
#middencontent a:active{color:#b2010b; text-decoration:none; font-weight: bold;}

/*#middencontent table   { width:516px; empty-cells:show;} */
/*#middencontent table td { border:none;}*/
#zoek_profiel {}
#zoek_profiel table {width: auto;}


/* PAGETOOLS */
/* =================================================== */
#notificatie        { display: none;}
#notificatieContent { padding:12px;}

#tellafriend        { display: none;width: 534px;height: 372px; color: black;} 
#tellafriendContent { padding:12px;}
#tellafriend table  { text-align:left;}


/* RIGHT */
/* =================================================== */

#col3Head       { float:left;background:#fff url('../../images/bg_ad.jpg') no-repeat; margin: 0px; width: 330px; height: 150px;}
#col3Head p     { padding:12px;}
#col3Space      { float:left;margin-left:21px; height:16px; padding:4px;}
#col3Divider    { float:left;margin-bottom:2px;}

#search         { float:left;width:220px;height:63px;background:#fff url('../images/bg_search.jpg') repeat-x;}
#searchContent  { padding:26px 2px 2px 12px;}
#search input   { width:120px;margin:0;}
#search img     { cursor:pointer;vertical-align:bottom;margin:0 0 2px 4px;}

#productCol      { width: 220px; background: #fae4cb url( '../images/bg_rightcolumn.jpg' ) repeat-x; clear:right;}
#productSlide    { position: relative; z-index: 1; top: 0px; left: -220px; display: block; width: 220px; clear:both;}
#productPrevNext { position: relative; width: 220px; height: 29px; background: #fae4cb url( '../../images/bg_next.jpg' ) repeat-x;}
#productPrevBtn  { padding:7px 2px 2px 12px; float: left; cursor: pointer; }
#productNextBtn  { padding:7px 12px 2px 4px; float: right; cursor: pointer; }

.productBlock             { display: block; width: 220px; height: 101px; border-bottom: 1px solid #fff; cursor: pointer;}
.productBlockFirst        { display: block; width: 220px; height: 101px; border-bottom: 1px solid #fff; cursor: pointer; }
.productBlockContent      { padding: 4px 2px 2px 12px;}
.productBlockContent_img  { float: right; margin: 0px 6px 8px 2px; padding: 0px 2px 2px 12px;}
.productBlockContent_txt {color:#666; text-decoration:none;}

#newsLetter           { float:left;width:220px;height:100px;border-top:1px solid #fff;background:#fff url('../images/bg_newsletter.jpg') repeat-x;}
#newsLetterContent    { padding:4px 2px 2px 12px;}
#newsletterForm       { margin-top:5px;}
#newsletterForm input { width:120px;margin:0;}
#newsletterForm img   { cursor:pointer;vertical-align:bottom;margin:0 0 2px 4px;}

#rssLink              { margin: 5px 0 0 0;}
#rssLink img          { float:left; margin:0px 6px 0 0;}
#rssLink a {color: black;text-decoration:none;}
#rssLink a:hover {color: #af0d18; text-decoration:none;}


/* FORMULIER */
/* =================================================== */

.loginForm    {width:400px;}
.submitButton {margin-left:130px;}
#shop_product {clear:both; margin: 10px 10px 0px 10px; padding:2px;}
#shop_product img{float:right; }
#shop_product label {width:60px;}

#notificatie form    {margin:0; width:500px;}
#notificatie label   {clear:left; width: 80px; line-height: 18px; cursor:pointer;}

#tellafriend form    {margin:0; width:400px;}
form                 {margin:0;}

fieldset  {margin-bottom: 30px; padding: 5px 0; border-width: 0 0 0px 0; border-style: solid; border-color: #666666;}
legend    {margin: 0 0 5px -7px; padding: 5px 0; font-weight: bold; font-size: 1.2em; color: #000000;}

label,
input,
select,
textarea {float: left;}

label {clear:left; width: 130px; line-height: 18px; cursor:pointer;}

input,
select,
textarea {margin: 1px 3px 1px 0 ; font-size: 1em; font-family: Tahoma, Garamond, sans-serif;}

.tafForm input     {width: 160px;}
eselect    {width: 164px;}
etextarea  {width: 210px; height: 50px;}

.clear {display: block; clear: both; font-size: 0px; line-height: 0px;}  
    
input.medium {width:132px;}
input.small	 {width:50px;}

.radio input {width: 20px;clear:left; float: left; height: 18px;}
.radio label {width: auto; clear:right; float: left;margin-right: 10px;}

.maandSelector {margin:0px 0 0 10px;height:21px;}

/* checkbox */
.optin input {margin-left:126px;width: auto; clear: left; height: 18px;}
.optin label {width: auto; float: left; clear: right;}
.checkboxTableCell        {padding:0; width:150px;}
.checkboxTableCell input  {padding:0; width:150px;}
.checkboxTableCell label  {width: auto; float: left; clear: right;}

/* FORMULIER */
/* =================================================== */

#formulier {margin:10px 10px 0px 10px; padding:2px;}
#formulier .checkboxTableCell input {width:20px;}
#formulier input {width:170px;}

/* FOOTER */
/* =================================================== */

#footer 		{ 
  margin:0px 0 0 200px; 
  width: 520px; 
  height: auto;
  color:#ffffff;
  border-top:1px solid #ddd;
  clear:both;
  position:relative;
  float:left;
 }
  
#footerContent 	  {padding: 8px 0 0 12px; color:#c5cbd7;}
#footercontent p  {padding:0px; display:inline; float:right; margin:4px 12px 10px 0px;}
#footer img       {padding:0px 4px 0px 0px; float: right; margin: 11px 2px 0px 0px;}
#footer a         {padding:0px 4px 0px 4px; font-weight: bold; color: #af0d18; text-decoration: none;}
#footer a:hover   {font-weight: bold; color: #af0d18;text-decoration: underline;}

/*  KALENDER  */

.dag {border:1px solid #666666;	vertical-align: top;}
.dagbezet {background-color: #ffebda;border:1px solid #666666;vertical-align: top;cursor: pointer;}
.kalenderlink {text-decoration:none;color: #000000;}
.weekenddag {color: #ababab;}
.td_zalm {background-color: #ffebda;}



#middencontentHeader {float:left; margin:4px 8px 0 0;height:1px;}

#nieuwspagina {margin-left:10px;}
#middencontent #nieuwsoverzicht { margin: 10px 10px 10px 10px; }

/* --- news  ----------------------------------- */

#news         {margin: 0 10px 0 0; padding:12px 12px 12px 0;}
.date         {float:right;font-weight:bold;}
.newsTitle    {font-weight:bold;color: #af0e16;}

.newsDivider  {
  height:21px;	
  background-color: #dfdfdf;
	width: 100%;
	height: 1px;
  margin:10px 0 10px 0;
  padding:0;
  }

.newsTeaser       {display:block;padding:10px 0 0 12px;}
.nieuwstitel      {float:left;text-align: left;font-size:12px; font-weight: bold;}
.nieuwsdatum      {float:left;text-align: left;margin:0 15px;padding:1px 4px 0 0; color:#818181;}
.nieuwsbericht    {padding: 0px 0 0 0;	margin: 0px;	text-align: left;clear:both}
.nieuwsbericht a  {padding:0 !important ;}


/*-- nav links --*/
/* ---------------------------------------*/
ul#navlist {
	margin-left: 0;
	padding-left: 0px;
	white-space: nowrap;
	font-size: 10px;
}

#navlist li {
	display: inline;
	list-style-type: none;
	font-size: 11px;
}

#navlist a { padding: 2px 5px; }

#mainVisual.webshop         {background: url('../images/meisje_daydreamer.jpg');}
#mainVisual.downloads       {background: url('../images/visual_download.jpg');}
#mainVisual.kwadrant        {background: url('../images/meisje_donker_lachend.jpg');}
#mainVisual.aanbod          {background: url('../images/jongen_verrekijker.jpg');}

#mainVisual.vragen          {background: url('../images/jongen_schoolbord.jpg');}
#mainVisual.tools           {background: url('../images/jongen_schaak.jpg');}

/*-- fotoalbum --*/
/* ---------------------------------------*/
#middencontent #albumpagina {margin-top:10px;}
#albumpagina >table {width:514px;}
#albumpagina legend {margin-top:2px;}

/* --Nieuwsbrief -- */
/* ------------------------------------- */
#c_middencontent #nieuwsbriefpagina

.headingNieuwsbriefPagina { color:#b00e16; font-weight:bold }
#c_middencontent #nieuwsbriefpagina h2 { color:#b00e16; font-size:15px; margin-top:7px; }
.inhoudNieuwsbriefPagina { font-size: 10px; font-family: verdana, arial, helvetica, sans-serif; padding-right:10px; }

/* --Nieuwsbrief Archief -- */
/* ------------------------------------- */
#middencontent #nieuwsbriefarchief {margin: 10px 10px 10px 10px;}
#nieuwsbrieflijst {margin-top: 20px;}

#nieuwsbrieflijst #rij{
	height: 34px;
	border-bottom: 1px solid #c5c5c5;
 	padding-top: 4px;
	text-align: left;
}
#nieuwsbrieflijst #rij #naam{
	padding-top: 5px;
	background-image: url( '../images/achtergrondreserveringen.gif' );
	background-repeat: repeat-y;
	height: 24px;
}

/* --BUTTONS -- */
/* ------------------------------------- */
#btn_1,#btn_2,#btn_3,#btn_4 {
	width:125px; 
	height:25px; 
	text-align:center; 
	clear:right; 
	margin-bottom:5px;
	margin-left:15px; 
	background-repeat:no-repeat;
	color:white;
	font-weight:bold;
	cursor:pointer;
	padding-top:5px;
	position:relative;
}
#btn_1 {background-image:url(../images/knop1.jpg);}
#btn_2 {background-image:url(../images/knop1.jpg);}
#btn_3 {background-image:url(../images/knop2.jpg);}
#btn_4 {background-image:url(../images/knop2.jpg);}