/*
   CSS is based on some incomprehensible nesting of divs.

   Since nobody bothered to provide some way of an explanation, I'll try to make one myself.

   I think the basic idea is:

   - The  div #contentDiv (why you should postfix the name of div with -Div, I don't know) has a width of 4 'columns'.
   - Above this #contentDiv there is the header, and below it a footer.
   - In #contentDiv are a few invisible divs (#nav...) for the javascript navigation
   - Furthermore in #contentDiv are floated:
     - A 2 column-width div #col12 and/or
       A #col1 and a #col2
     - A 2 column-width div #col34 and/or
       A #col3 and a #col4
     - A 3 column-width div #col123

   Something like this. I don't know why it are ids, and not classes (which would give a bit more flexiblity)
   E.g. #col1 #col2 #col3 and #col4 are essentialy the same (a 250 px width left floating block) I
   think the difference is often only a background-image or so.

   $Id: general.css,v 1.40 2007/06/19 13:15:54 human Exp $
*/

body {
  margin: 0px;
  background-color: #ededed;
  text-align: center;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 0.9em; 
}
img { 
  border: 0;
}
address {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	font-style: normal;
	background-color: #FFFFFF;

}
.clearfix:after { 
  content: "."; 
  display: block; 
  height: 0px; 
  clear: both; 
  visibility: hidden; 
}



div {
  -moz-box-sizing: border-box; 
  box-sizing: border-box; 
  margin: 0; 
  padding: 0; 
}
div, p, caption, th, td, li, a { 
  font-family: verdana, arial, helvetica, sans-serif;
  text-align: left; 
  color: #000; 
}
a { 
  text-decoration: none; 
}
img a { 
  border: none; 
}
table { 
  margin: 0; 
  border-collapse: collapse;
}
td {
  vertical-align: top;
  padding: 0; 
  empty-cells: show; 
}
div {
  text-align: left; 
  border-collapse: collapse;
  margin: 0; 
}
span { 
  line-height: 1.4em; 
}

h1, h2, h2 a, h3, h3 a, h4, h4.a, h5, h5 a, h6 {
	margin: 0px;
}
h1, h2, h3, h4 {
  text-transform: uppercase;
}
h2, h2 a, h3, h3 a, h5, h5 a { 
  font-weight: bold; 
}
h1 {
	color: #999;
	font-weight: normal;
}
h1 a:hover {
	color: #999;
}
h2 { 
  font-size: 1.6em; 
  margin-bottom: 10px; color: #CC9D00; 
}
h2 a { 
  color: #CC9D00; 
}
h3 {
  font-size: 1.6em; color: #646464; margin-bottom: 8px; 
}
h4 { 
  font-size: 1.6em; 
  font-weight: normal; 
  color: #646464; 
}
h4 a { 
  color: #646464; 
}
h5 {
  font-size: 1em; margin-top: 13px; color: #CC9D00; 
}
h5 a {
}
h6 {
	color: #999;
	font-size: 95%;
	margin-bottom: 7px;
}

div#navigationHpFlash {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  width: 1000px;
}
div#navigationContentFlash {
  width: 1000px;
  position: relative;
  margin-right: auto;
  margin-left: auto;
}
div#navigationContentFlash img {
  display: block;
}

div#navigationTop a { 
  padding: 0px;
  margin-left: 0px; 
}
div#navigationTop img { 
  padding: 0px;
  margin-left: 5px; 
  margin-right: 5px; 

}
div#navigationTop {
  margin-top: 0px;
  padding-top: 5px;
  padding-right: 0px;
  padding-left: 0px;
  padding-bottom: 5px;
  width: 1000px;
  background-color: #FC3;
  text-align: left;
  margin-right: auto;
  margin-left: auto;
}
/*
 padding-left cannot be used on box with given width, because:
  - safari, icab, IE dont' boxing support box-sizing. gecko does, but with stupid -moz prefix.
  - IE has a non-standard default for that (actually the whole reason for wanting to use it in the
   first place ).
  So, we apply the padding to a inner div, only to work around this.
  Goes wrong on other places to (dropdown), but not as irritating.
*/
#navigationTop .allbrowserssuck {
  padding-left: 40px;
}
div#navigationTop a { 
  font-size: 0.9em; 
  font-weight: bold; 
  text-transform: uppercase; 
  color: #FFF; 
  text-decoration: none; 
}
div#navigationTop a:hover { 
  color: #C90; 
}
div#navigationTop form, 
div#navigationTop p { 
  display: inline;
}
div#navigationTop input { 
  border: none;
}

div#contentDiv {
  margin-left: auto;
  margin-right: auto;
  width: 1000px;
  background: url(../media/img/bg_contentDiv.jpg);
  margin-bottom: 0px;
  padding-bottom: 40px;
  position: relative;
}

/* 
   Ugly use of CSS:
   Copying everything, neglecting to define a more generic class:
*/
div#col1 {
  position: relative;
  float: left;
  display:inline;
  width: 249px;
  background: url(../media/img/bg_col1.jpg);
  border-right: 1px solid #CBCBCB;
  border-left: 0px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}
div#col2 {
  position: relative;
  float: left;
  display:inline;
  width: 250px;
  border: 0px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}
div#col3 {
  position: relative;
  float: left;
  display:inline;
  width: 249px;
  background-color: #FFF;
  border-right: 1px solid #CBCBCB;
  border-left: 0px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}
div#col3bc {
  position: relative;
  float: left;
  display:inline;
  width: 499px;
  background-color: #FFF;
  border-right: 1px solid #CBCBCB;
  border-left: 0px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}
div#col4 {
  position: relative;
  float: left;
  display:inline;
  width: 250px;
  background: url(../media/img/bg_col4.jpg);
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  border: 0px;
}
div#col4bc {
  position: relative;
  float: left;
  display:inline;
  width: 500px;
  background: url(../media/img/bg_col4.jpg);
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  border: 0px;
}
div#col12 {
	position: relative;
	width: 498px;
	background: url(../media/img/bg_col12.jpg);
	border-right: 1px solid #CBCBCB;
	margin: 0px;
	padding: 0px;
	float: left;
}
div#col23 {
  position: relative; 
  float: left; 
  display:inline;
  width: 498px !important; /* if not important, IE for some reason doesn't see it, beats me) */
  background: url(../media/img/bg_col12.jpg);  
  border-right: 1px solid #CBCBCB; 
  border-left: 0px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}
div#col34 { 
  position: relative; 
  float: left;
  display:inline; 
  width: 498px; 
  background: url(../media/img/bg_col12.jpg); 
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  border: 0px;
}
div#col34.dilemma { 
  background: url(../media/img/bg_col34_dilemma.jpg); 
}

div#col34.dilemma div.meerVanDit {
  background-color:#669933;
}
.mening {
	background: url(../media/img/bg_mening.jpg) !important;
	padding: 1px 0px 0px;
	margin: 0px;
}
div#col123 {
	position: relative;
	float: left;
	display:inline;
	width: 749px;
	background: url(../media/img/bg_col12.jpg);
	border-right: 1px solid #CBCBCB;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
div#col1234 {
	float: left;
	display:inline;
	margin: 0px;
	padding: 0px;
}
div#col123Blauw {
	position: relative;
	float: left;
	background: url(../media/img/bg_col123.gif);
	margin: 0px;
	padding: 0px;
	width: 749px;
	display: block;
}
div#colExtra {
	position: relative;
	float: left;
	width: 250px;
	margin: 0px;
	padding: 0px;
}

input.mm_validate, textarea.mm_validate { 
  width: 240px;
}


div.colTitle {
	position: relative;
	padding: 1ex 5px 0px 0px;
	color: #000;
	margin-left: 40px;
}
div.colTitle h4 { 
  color: #000; 
}
div.colTitle h6 {
	margin-top: 0.1em;
	margin-bottom: 0.1em;
}
div#col1 div.colSubTitle {
	padding: 3px 0px 1px 30px;
}
div#col12 div.colSubTitle {
	border-bottom: 1px solid #CBCBCB;
	margin: 0px;
	padding: 0px;
}
div#col123 div.colSubTitle {
	border-bottom: 1px solid #CBCBCB;
	margin: 0px;
	padding: 0px;
	color: #000;
}
div#col23 div.colSubTitle { 
  padding-left: 10px !important; /* important otherwise IE doesn't see it, don't know why */ 
  border-bottom: 1px solid #CBCBCB; 
}

div#col34.dilemma div.colSubTitle {
	padding-left: 30px;
}
div#colExtra div.colSubTitle { 
  border-bottom: 1px solid #CBCBCB; 
}
div#col3 p, 
div#col4 p { 
  margin-top: 0px; 
}

div#col123 div h1, 
div#col123Blauw div h1 {
	margin: 0px;
	padding: 0px;
}
div#col123Blauw div h2 { 
  margin-top: 0px; 
  color: #FFF !important; 
}
div#col123Blauw div img {
	margin: 0px;
	padding: 0px;
}
div#col23 div.contentCol23 { 
  padding: 0px 5px 7px 4px; 
}
div#col23 div p {
  margin: 7px 0px 15px 7px;
  font-size: 0.9em;
}
div#colExtra div.contentExtraDiv {
  margin-left: 10px; 
}
div#colExtra h1 { 
  margin: 10px 0px 0px 7px; 
}
div#colExtra h2 {
  margin: 5px 0px 5px 7px;
  font-weight: normal; 
  font-size: 1.7em; 
}

div#contentCol123 img.mainImg {
  margin: 8px 12px 8px 40px;
  float: left;
  display:inline;
}
div#contentCol123 p { 
  margin: 0px 20px 10px 40px; 
  font-size: 0.8em; 
  color: #303030;
}

div#marquee {
  position: relative;
  float: left;
  display:inline;
  width: 498px;
  background: url(../media/img/bg_marquee.jpg);
  height: 60px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

div#marqueeDiv {
  width: 478px; 
  margin: 10px 10px 3px 10px; 
}
div.marqueeText, #marqueeDivBlock1 p, #marqueeDivBlock2 p { 
  padding: 0; 
  margin: 0; 
  text-align: left; 
  font-size: 0.8em; 
  font-weight: bold; 
}
div#marqueeAuthor {
  margin: 0px 9px 0px 10px; 
  font-size: 0.7em; 
}
div#col12 div#marquee, 
div#col23 div#marquee { 
  /*width: 498px; */
}

div.mainItem {
	border-top: 1px solid #CBCBCB;
	border-bottom: 1px solid #CBCBCB;
	line-height: 1.4em;
	padding-left: 40px;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-right: 8px;
	font-size: 90%;
}
div.mainItem.overview a {
	font-size: 100%;
	color: #447516;
}
div.mainItem.overview   li  {
	list-style-type: none;
	border-top-style: solid;
	border-top-width: 1px;
}
div.mainItem a:hover {
  color: #CBCBCB; 
}
div.mainItem h2, div.mainItem h2 a, div.otherItem h3, div.otherItem h3 a, div.otherItem h5 { 
  color: #CC9D00; 
}
div#col12 div.colTitle h3, div#col12 div.mainItem h3 { color: #689F28 !important; margin-top: 10px; }
div#col12 div.mainItem h5 { font-size: 1.0em; font-weight: bold; }
div#col34 div.mainItem h5, div#col34 div.mainItem h5 a { color: #689F28 !important; margin-top: 10px; margin-bottom: 5px; }
div#col12 div.mainItem h2 a:hover, div#col12 div.otherItem h3 a:hover, div#col34 div.mainItem h2 a:hover { color: #CBCBCB !important; }
div#col34 div.mainItem h5 a:hover { color: #CBCBCB !important; }
div#col12 div.mainItem h6 { text-transform: uppercase; font-size: 1.3em; font-weight: normal; }
div#col12.dilemma div.mainItem h5, div#col12.dilemma div.mainItem h5 a { color: #689F28 !important; margin-bottom: 5px; }
div#col12.dilemma div.mainItem h5 a:hover { color: #CBCBCB !important; }
div.otherItem h3 {
	margin: 12px 0px 0px;
}
div#col34 div.mainItem h2, div#col34 div.mainItem h2 a {
  color: #689F28;
 }
div.mainItem p { 
  /*font-size: 0.9em;  */
}

div.mainItem p, div.otherItem p { 
  margin-top: 0px; 
}

div.otherItem {
	padding: 0px 10px 10px 40px;
	border-bottom: 1px solid #CBCBCB;
	line-height: 1.4em;
}
div.otherItem a:hover {
  color: #CBCBCB; 
}
div.otherItem p {
	font-size: 0.85em;
}
div.otherItem img {
  margin: 8px 7px 8px 0px;
}

div#volgendeAflevering { 
  border-top: 1px solid #CBCBCB;
  border-bottom: 1px solid #CBCBCB; 
}

div.oneven { 
  background: url(../media/img/bg_col1-2.jpg);  /* makes no ***** sense */
}
div.tegenspelerscontainer { 
  background: url(../media/img/bg_col1.jpg);  /* makes no ***** sense */

}

div.reactie, div.reactie { 
  background-color: #FFF; 
}
div.reactie.oneven, div.reactie.oneven { 
  background: url(../media/img/bg_reactieOneven.jpg); 
}

div.top5 {
	background: url(../media/img/bg_top5.jpg);
	padding: 5px 5px 8px;
	margin: 0px;
}

div.tegenspelers {
	padding: 0px 5px 7px 8px;
	border-top: 1px solid #3662C1;
	font-size: 0.8em;
}
div.tegenspelers img {
	margin: 0px 0px 8px;
	padding: 0px;
}
div.tegenspelers {
	color: #666;
	margin: 0px;
	padding: 8px;
}
div.tegenspelers a {
	color: #3662C1;
	font-weight: bold;
}
div.tegenspelers a:hover { 
  color: #000; 
}
div#col3 div.reactie, 
div#col4 div.reactie { 
  padding: 5px 5px 7px 7px;
  border-top: 1px solid #CBCBCB; 
  font-size: 0.9em; 
}
div#col3bc div.reactie, 
div#col4bc div.reactie { 
  padding: 5px 5px 7px 7px;
  border-top: 1px solid #CBCBCB; 
  font-size: 0.9em; 
}
div.archief a:hover, div.archiefOneven a:hover { color: #C90; }

.itemAuthor {
	color: #ADA7BF;
	font-size: 0.9em;
	font-weight: bold;
}
.itemTitle a { color: #4D62A3; font-size: 0.9em; font-weight: bold; }
.itemActors { color: #4D62A3; font-size: 0.7em; }
.itemActors a { color: #4D62A3; font-size: 1.0em; }
.itemDate, .itemDate a { color: #666; font-size: 0.8em; }

div.archief, div.archiefOneven{ padding: 5px 5px 7px 7px; border-top: 1px solid #CBCBCB; font-size: 0.9em; }
div.archief p strong, div.archiefOneven p strong { text-transform: uppercase; }
div.archiefOneven { background: url(../media/img/bg_archiefOneven.jpg); }
div.archief { background: url(../media/img/bg_archief.jpg); }

.meerVanDit { 
  text-transform: uppercase; 
  color: #FFF; 
  font-size: 6pt;
  font-weight: bold; 
  padding: 0px; padding-top: 2px; 
}
.meerVanDit h1 { 
  margin-left: 1ex;
}
.meerVanDit a { 
  text-decoration: none; 
  color: #FFF;
}

.meerVanDit2 { 
  text-transform: uppercase; 
  color: #FFF; 
  font-size: 6pt;
  font-weight: bold; 
  padding: 0px; padding-top: 2px; 
}
.meerVanDit2 h1 { 
  margin-left: 1ex;
}
.meerVanDit2 a { 
  text-decoration: none; 
  color: #FFF;
}
div#col12 div.meerVanDit {
	padding-left: 30px;
}
div#col23 div.meerVanDit { 
  background-color: #E6C36F; 
}
div#col3 div.meerVanDit { 
  background-color: #D38F52;
 }
div#col3 div.meerVanDit2 { 
  background-color: #ADA7BF;
 }
div#col3bc div.meerVanDit { 
  background-color: #D38F52;
 }
div#col4 div.meerVanDit { 
  background-color: #ADA7BF; 
}
div#col4bc div.meerVanDit { 
  background-color: #ADA7BF; 
}
div.meerVanDitExtraPadding { padding-left: 31px; }
.colSubTitleExtraPadding {
  margin: 0px; 
}

div.inGesprekMet {
	font-size: 0.75em;
	padding: 20px 20px 20px 40px;
}
div.inGesprekMet img {
	float: left;
  display:inline;
	margin: 10px 10px 10px 0px;
}
div.inGesprekMet h1 {
	font-size: 2em;
	color: #999;
	line-height: 1em;
	margin: 0px;
	padding: 0px;
}

div.contentCol4 {
	padding-left: 0px;
}

ul.top10Acteurs {
	padding: 0px;
	margin: 0px 0px 0px 10px;
	font-weight: bold;
}
#col12 ul.top10Acteurs {
	margin-left: 42px;
}
#col1 ul.top10Acteurs {
	margin-left: 20px;
}
ul.top10Acteurs li {
	color: #3662C1;
	list-style: none;
	margin: 0px;
	font-size: 0.8em;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #EDEDED;
	padding: 0px;
	line-height: 1em;
}
ul.top10Acteurs li .views {
  font-weight: normal;
}
ul.top10Acteurs li a {
	color: #3662C1;
	padding: 0px 10px 2px 0px;
	text-decoration: none;
	margin: 0px;
}
ul.top10Acteurs li a:hover { 
  color: #000; 
}

ul.links {
	padding: 0px;
	margin: 7px 0px 7px 20px;
}
ul.links li { 
  width: 202px; 
  list-style: none; 
  margin: 0px 0px 3px 0px; 
  font-size: 0.8em; 
  font-weight: bold; 
}
ul.links li a { 
  color: #556699; 
  display: block; 
  padding: 0px 10px 2px 0px; 
  text-decoration: none; 
  margin: 0px; 
}

ul.links li a:hover { 
  color: #000; 
}

div#col12.dilemma ul.links { 
  left: -40px; 
}
div#col12.dilemma ul.links li a { 
  color: #689F28;
}
div#col12.dilemma ul.links li a:hover { 
  color: #000;
}

div#acteur, div#biografie { 
  position: relative; 
  float: left; 
  display:inline;
  padding-bottom: 25px; 
}
div#acteur {
  width: 260px;
  padding-left: 40px;
}
div#biografie {
  margin-top: 14px;
  width: 400px;
}
div#biografie p {
  color: #FFF;
  font-size: 0.9em;
}

div.kiesActeurTitle { 
  height: 40px; 
  border-bottom: 1px solid #CECECE; 
}
div.kiesActeur { 
  float: left; 
  display:inline;
  color: #666;
  font-size: 1em; 
}
div.kiesActeurAlfabet {
  color: #3662C1;
  font-size: 1.2em;
  font-weight: bold;
  margin-left: 20px;
  padding-top: 10px;
}
div.kiesActeurAlfabet a { 
  color: #636363;
}

div.contentTop10Acteurs { 
  background: url(../media/img/bg_col4.jpg); 
}

table.acteurs { 
  width: 100%; 
  background: url(../media/img/bg_table_acteurs.jpg); 
}
table.acteurs tr td { 
  border-right: 1px solid #CECECE;
  font-size: 0.8em;
}
table.acteurs tr td.acteursNaam { 
  height: 38px;
  font-size: 0.9em;
  text-transform: uppercase;
  font-weight: bold;
  color: #3662C1;
  border-bottom: 1px solid #CECECE;
  padding-left: 10px;
  vertical-align: middle;
}
table.acteurs tr td.acteursNaam a { 
  color: #3662C1; 
}
table.acteurs tr td.acteursNaam a:hover { 
  color: #000; 
}


table.acteurs tr td.acteursNaam.col2.row1,
table.acteurs tr td.acteursNaam.col1.row2,
table.acteurs tr td.acteursNaam.col3.row2 { 
  background-color: white !important; 
  background-image: none;
}

table.acteurs tr td.acteursInfo { 
  padding: 14px 16px 16px 12px; 
  font-size: 0.7em; 
  color: #626262; 
}
table.acteurs tr td.acteursInfo.col2.row2,
table.acteurs tr td.acteursInfo.col1.row1,
table.acteurs tr td.acteursInfo.col3.row1 { 
  background: url(../media/img/bg_td_acteurs_info_donker.jpg); 
}
table.acteurs tr td.acteursInfo img { 
  float: left;
  display:inline;
  margin: 2px 12px 3px 0px;
  border: 1px solid #FFF; 
}

table.acteurs tr td div.meerVanDit {
  padding-left: 2px;
}
table.acteurs tr td.eersteMeerCell  { 
  padding: 0 0 0 0;
}
table.acteurs tr td.eersteMeerCell div.meerVanDit {
  padding-left: 13px;
  padding-bottom: 0px;

}
table.acteurs tr td.eersteCell {
  padding-left: 20px;
}
table.acteurs tr td.col3 { 
  border-right: none; 
}

div.allDilemmas { 
  border-bottom: 1px solid #CBCBCB; 
  padding-bottom: 20px; 
}
div.dilemmas {
  margin: 10px 0px 10px 40px;
  width: 410px;
}
div.dilemmas div {
  position: relative;
  width: 205px;
  font-weight: bold;
  font-size: 0.8em;
  display: block;
  margin: 0px;
  padding: 1em 0em 0em;
  float: left;
  display:inline;
}
div.dilemmas div a {
  color: #606060;
}
div.dilemmas a:hover { 
  color: #73962E; 
}
.dilemmaDiv * {
	margin-left: 30px;
	margin-right: 20px;
}
.dilemmaDiv.overview * {
	margin-left: 40px;
	margin-right: 20px;
} 

.dilemmaDiv strong, .richDiv strong { 
  color: #FFF; 
}
.dilemmaDiv h4, 
.richDiv h4 { 
  color: #FFF !important; 
  margin-top: 15px; 
  margin-bottom: 8px; 
  font-weight: bold; 
  font-size: 1.8em; 
}
.richDiv h5 { 
  color: #FFF !important; 
  margin-top: 15px; 
  margin-bottom: 8px; 
  font-weight: bold; 
}
.dilemmaDiv p, 
.richDiv p {
  color: #FFF !important;
  font-size: 0.8em;
  line-height: 1.3em;
}
.richDiv p, .richDiv h1, .richDiv h2, .richDiv h3, .richDiv h4, .richDiv h5 { 
  margin-left: 20px;
  margin-right: 20px;
} 

div.dilemmaStuurDiv { background: url(../media/img/bg_dilemmaStuurDiv.jpg); padding-top: 5px; }
div.dilemmaStuurDiv p { margin: 0 20px 0px 7px; padding-bottom: 10px; }
div.dilemmaStuurDiv form { margin: 10px 20px 20px 7px; }
div.dilemmaStuurDiv input.titeldilemma { width: 320px; margin-bottom: 5px; }
div.dilemmaStuurDiv textarea { width: 450px; }
div.dilemmaStuurDiv strong { color: #283524; margin-left: 0px; }
div.dilemmaStuurDiv h4 { color: #FFF !important; margin-top: 15px; margin-bottom: 8px; font-weight: bold; font-size: 1.8em; }
div.dilemmaStuurDiv td { color: #282828 !important; font-size: 0.70em; }
div.dilemmaStuurDiv p { color: #647157 !important; font-size: 0.75em; }
div.dilemmaStuurDiv p a { color: #669933 !important; }
div.dilemmaStuurDiv td { padding: 1px 20px 0 0;}
div.mening div.meerVanDit { 
  background-color: #669933; 
}
div.vijftigEuro { padding-left: 0px !important; border-bottom: 1px solid #CBCBCB; }

div#footer, #footer p {   
  position: relative; 
  border: none;
  padding-top: 0;
  margin-top: 0;
  margin-left: auto; 
  margin-right: auto; 
  width: 1000px; 
  height: 27px; 
  background: url(../media/img/bg_footer.jpg);

}
#footer a {
  visibility: hidden;
}
#footer:hover a {
  visibility: visible;
}
#footer img {
  visibility: hidden;
  position: absolute;
  right: -6px;
}
#footer:hover img {
  visibility: visible;
}
.overview.active a {
  color: black;
  font-size: larger;
}
.overview a {
  color: #669933;
  font-weight: bold;
}

.paging {
	color: #666;
	margin: 0px;
	padding: 1px 4px 2px;
	border-top: 1px solid #CBCBCB;
	border-bottom: 1px solid #CBCBCB;
}
.paging a {
	font-weight: bold;
	color: #E6C36F;
}
.paging .current {
	color: #000;
}

p.back {
	padding-top: 0.8ex;
	padding-bottom: 0.8ex;
	display: block;
	background-color: #E6C36F;
	color: white;
	font-family: Sans-Serif;
	width: 100%;
	font-size: 10pt;
	font-weight: bolder;
	text-transform: uppercase;
	padding-right: 0px;
	padding-left: 0px;
	margin: 0px;
}
p.back a { 
  display: block;
  left: 0px;
  right: 0px;
  margin-left: 3em;
  color: white;
}
p.back:hover a { 
  color: black; 
}

div.video { 
  display: inline;
}

div.video img {
  margin: 0px 0px 0px 7px;
}

div.video a {		
  display: inline;
  color: #cfa10f;
  font-weight: bold;
}

.mmxf img { 
  margin-bottom: 1ex;
  margin-top: 1ex;
}

.mmxf img.image-left { 
  margin-right: 1ex;
} 
.mmxf img.image-right { 
  margin-left: 1ex;
} 

.mmxf a { 
  color: #5f310f;
}

.mmxf a:hover { 
  color: black;
  text-decoration: underline;
} 

.mening .mmxf a,
.mening .mmxf a:hover { 
  color: #fdd;  
  
}

.mmxf p { 
  margin-top: 0px;
  margin-bottom: 1ex;
  padding-bottom: 0px !important;
}

div.intro { 
  /* font-style: italic; */
}

span.search { 
  text-decoration: underline;
  /*
  background-color: #dd7;
  color: black;
     */
}

.mail span.gui { 
  width: 100px;
  display: block;
  float: left;
  display:inline;
  color: green;

}
.mail .mm_check_error { 
  float: right;
  display:inline;
  color: red;
  display: block;
  width: 200px;
}


.freetextcontainer h1,
.freetextcontainer h2,
.freetextcontainer h3,
.freetextcontainer h4 { 
  margin-left: 10px;
  text-transform: none;
} 
.freetext h1,
.freetext h2,
.freetext h3,
.freetext h4,
.freetext h5 { 
  text-transform: none;
  font-weight: bold;
} 

.freetext { 
  margin-left: 290px;
}

.freetext h1, 
.freetext h2,  
.freetext h3 { 
  margin-left: -300px;
  padding-left: 300px;
}

.freetext h1 { 
  font-size: 13pt;
}
.freetext h2 { 
  font-size: 12pt;
}
.freetext h3 { 
  font-size: 11pt;
}
.freetext h4 { 
  font-size: 10pt;
}
.freetext .image-left { 
  margin-left: -320px;
}

.freetext form { 
  background-color: #ededed;
}
.freetext textarea, .freetext input { 
  width: 98%;
}
.forum_post {
	font-size: 85%;
	width: 320px;

}