﻿/*
Title:      	Merichtem styles 
Author:     	Patience Ngandi
Updated:        September 02 2008
*/
a:hover * {background-position: 0 0;}
/* ---- [ typography ] ------------ */
body {background-color:#DADADA;  font-family: "Arial", "Verdana", sans-serif; }
body a {text-decoration:none;color:#a50706;font-weight:bold;}
* { margin: 0; padding: 0; }
* div[width] {width: 100% !important;} /*leftheaderflap hack for eyes cms */
html>body div[width] { width: auto !important; } /* hack for eyes cms */
a img { border: 0; }
a:hover {color:#a60705; text-decoration:underline;}

.seperator{margin:0px 11px;height:9px; }
p {font: normal 13px Arial,verdana,san-serif;margin-bottom:0px;color:#656565;}
h1 {font: 700  17px Arial,verdana,san-serif;margin-bottom : 10px;overflow:hidden;}
h3 { font:bold  14px Arial,verdana,san-serif; margin-bottom: 10px;}
h2{font: 700 1em Arial,verdana,san-serif; color:#393939;margin-bottom:15px;}
table{width:auto;}
acronym, abbr, cite, dfn ,q{border-bottom: dashed 1px #A50706;}

/*** IMAGES ***/

.image_top_left {display: block; margin-bottom: 15px;}
.image_top_middle {display: block; margin: 0 auto 15px auto;}
.image_bottom_left {display: block; margin-top: 15px;}
.image_bottom_middle {display: block; margin: 15px auto 0 auto;}
.image_align_right {float: right; margin: 0 0 0 15px;}
.image_align_left {float: left; margin: 0 15px 0 0;}

/*	rss
--------------------------------*/

#viewcontent table.eyeRssFeed tr td { padding:5px; border:0px;vertical-align:top;}
#viewcontent table.eyeRssFeed tbody tr th{font-weight: bold;border: none !important;}
#viewcontent th {border-bottom:1px solid #6a5b1a;padding:5px 15px 5px 5px;width:auto !important;}
#viewcontent table.eyeRssFeed  {border:0px solid #fff !important;padding:5px 15px 5px 5px;width:auto !important;color:#656565 !important;font-weight:bold;}
#viewcontent table.eyeRssFeed tr.rssHeader td,#content table.eyeRssFeed tr.rssItem td , #content table.eyeRssFeed tr.rssAlternatingItem td{font-size:1.1em;}
#viewcontent table tr td { padding:5px;}
#viewcontent div.block #formTable tr td{padding:0 !important;}

#viewcontent table tr.rssItem a, #viewcontent  table tr.rssHeader a {text-decoration:underline !important; font-weight:bold !important}
#viewcontent table tr.rssHeader, #viewcontent table tr.rssHeader a{font-weight:bold !important;color:#656565 !important; }
#viewcontent table tr.rssHeader a {text-decoration:underline !important;}



/*	wrapper
--------------------------------*/
#wrapper{width:100%;margin-left:auto; margin-right:auto; }

#top-navigation ul {padding:0; float:left;width:685px; background-color:#FFFFFF; overflow:hidden;list-style:none;font:11px Arial;}
#top-navigation li {float: left;padding: 0; font-size:small; }
#top-navigation ul li a {display:block; color:#000;}
#top-navigation ul .firsttab a {color:#434242;}
#top-navigation ul .othertabs a, #top-navigation ul .lasttab a{color:#434242;}
#top-navigation{width:682px;padding-left: 6px; height:25px;float:left;overflow:hidden; background: url("images/headtopflapper.jpg") repeat-y left top;}
#top-navigation .firsttab  {background-color:#b4b4b4 ; margin-right:3px;}
#top-navigation .othertabs {background-color:#E1DFE0;margin-right:3px;}
#top-navigation .lasttab {background-color:#E1DFE0;margin-right:0px;}
#top-navigation .firsttab  a {background: url("images/tab_normal.jpg") no-repeat right -29px;padding: 5px 24px 5px 7px;}
#top-navigation .othertabs a {background: url("images/tab_normal.jpg") no-repeat right top;padding:5px 24px 5px 9px;}
#top-navigation .lasttab a  {background: url("images/tab_normal.jpg") no-repeat right top;padding:5px 24px 5px 5px;}

#top-navigation .othertabs a:hover {background-position:right -29px;}
#top-navigation .lasttab a:hover  {background-position:right -29px;}
#lastcurve {background : url("images/lastshadow.jpg") no-repeat right top; float:right;}

/*	header
--------------------------------*/
#sidebar h1, #sidebar h2 { display: none; }
#sidebar { width:252px; float:left;margin-right:2px;text-align:right;}
#sidebarlogo {float:left; width:210px;background-color:#FFFFFF ;}
#headerwrapper {width:100%; display:block;background-color:#FFFFFF ;float:left;margin:0;padding:40px 0px 0px 0px;}
#header {width: 950px; margin: 0 auto;padding:0;background-color :Transparent;}
#rightHeader {background-color:#B4B4B4;float:left;width:683px;margin-right:0px;height:166px;}
#contheader {margin:0 auto; width:950px;background-color:#ffffff;}
#leftheaderflap {width: 696px; float:left;background: url("images/headtopflapper.jpg") repeat-y left top;}
#rightheaderflap {width: 696px;background: url("images/rightheaderflap.jpg") repeat-y right top;overflow:hidden;}
#headerback {width: 682px;border: solid #A6A6A6; border-width:  0px 1px 0px 1px ; background-color:#b4b4b4; margin: 0 auto;height:136px;padding-bottom:5px;}

#pictures  {width:683px;padding-top:25px;float:left;}
#pictures #canvas, #pictures #canvas table {width:683px; padding:0px;}
#foto-opladen {display:block; margin-top:-29px; position:relative; width:22px;float:right;margin-right:14px;}
#wrapper-header{width:696px;float:left;}
.images { float:right;padding:0;margin:0; border-collapse:collapse;height:106px;}
.images img {max-width:170; width : 170px; min-height :106px; height : 106px;}
.images img.imgextra {max-width:171; width : 171px; min-height :106px; height : 106px;}
#leftheader {float:left; width : 692px;}

/*menu*/

#menuwrapper { height:30px;width:100%;display:block;background-image: url("images/menubackgrnd2.jpg");background-repeat: repeat-y repeat-x ;background-position:center bottom; float:left;}
#menu { width: 950px; margin: 0 auto;height:30px;background-color:Transparent;}
#leftsidemenu {width: 254px;overflow:hidden; float: left; height:30px;vertical-align:middle;text-align:right;}
#leftsidemenu * {font-size:11px;}
#leftmenuflap {width: 696px; float: left;background-image:url("images/leftmenuflap.jpg");background-position:left top; background-repeat:repeat-y;}
#rightmenuflap {width: 696px;background-image:url("images/rightmenuflap.jpg");background-position:right top; background-repeat:repeat-y;overflow:hidden;}
#menuback { width: 682px;border: solid #A53738; margin: 0 auto;border-width:  0px 1px 0px 1px ;background-image:url("images/midback.jpg");background-position:right bottom; background-repeat:repeat-y;overflow:hidden;}
#bgmenu{width:669px;float:left;text-align:right; height:30px;}
#backleft{height : 25px;width:318px;float:left;padding:5px 0px 1px 15px;text-decoration:bold;}
#backleft h1 {height : 25px;font :17px Arial Rounded MT Bold ;color:White;}
#backright{height:30px; width:329px;float:left; color:White; text-align:right;}
#backright ul {list-style-type :none;font-size:11px;height:30px;}
#backright ul li {padding-top:0em;}
#backright a {height:30px;color:White; text-align:right;font:normal 11px;text-decoration:none;}
#backright a:hover { text-decoration: underline; }

/*	leftside menu
--------------------------------*/
#search {height:28px;padding:0; margin: 4px 0px 20px 0px; }
#search input.imageGlass { margin-right: 5px; }
#search input.image { position: relative; top: -12px; } 
#search input[type=text] { background-image:url("images/txtsearchbck.jpg"); background-position:top; background-repeat:repeat-x;background-color:#FFFFFF;border: 1px solid #C1C1C1; position: relative; top: -12px;}
#sidemenu {text-align:left;font:13px Arial; color:#E7E4E4;}
#menumarker {height:2px; vertical-align :middle; background-image:url("images/menubreak.jpg"); background-repeat:no-repeat;margin-right:14px;margin-bottom:15px;}
#leftsidemenu .imgicons{ float:left; padding:5px 0px 5px 0; }
#leftsidemenu .icons{ float:left; padding-top:5px ; }
#leftsidemenu .txticons{ float:left; padding-top:7px;font-size:11px; }
#leftsidemenu .txticons a{color:#000000; }
.spacer {float:left;padding:5px 9px 5px 9px;}


/*	container
--------------------------------clear:both;overflow:hidden;
*/
#wrapper-menutop {float:left; height:20px;width:100%;display:block;background-image: url("images/menubackgrnd.jpg");background-repeat: no-repeat;background-position:center ;}
#container {width:100%;background-color:#DADADA;margin:0 auto;float:left;}
#center {width:950px;margin:0 auto;}
#contentwrapper { width: 100%;background-color:#dadada;float:left;}
#contentcontainer{ width: 950px; margin: 0 auto;background:url("images/flap.jpg") repeat-y top right;overflow:hidden;}
#leftmenu {margin-top:23px; width: 254px; float: left; }
#leftmenu * {background-color:Transparent;}
#leftflap { width: 696px; float: left;}
#rightflap { width: 696px;}
#back {width: 682px; background-color:#dadada; margin: 0 auto;border-width:0px;}
#bgcol1 {width:682px; margin: 0 auto; background-color: white; float:left;}
#bgcol2 {width:682px;background: #FFFFFF url("images/bgcolor.jpg") repeat-x bottom; float:left;border-width:  0px;}

#breadcrumb {width:682px; background-color:#fff;padding:12px 0px 22px 0px;font:0.81em Arial; color:#747373;float:left;}
#breadcrumb a { color:#747373;text-decoration:none; }
#breadcrumb a:hover { text-decoration: underline; } 
#trailer {float:left;padding-left:14px;text-align:left;}
#lgweb {float:right;padding-right:21px;text-align:right;}
 #lgweb dd,#lgweb dt {float:left;margin-right:5px;}
#lgweb a:hover {color:#a60705;text-decoration:underline;}

#todaynews {width:656px; background-color:#B4B4B4;text-align:left;padding:12px 13px;float:left;border: solid #8A8A8A;border-width: 0;margin:0 auto;}
#todaynews a {text-decoration:none;color:#FFFFFF;font: Bold 13px "Arial", "Verdana", sans-serif;}
#todaynews a:hover {color:#a60705;text-decoration:underline;}
#todaynews span {clear:both;display:block;color:#393939;font:  Bold 13px "Arial", "Verdana", sans-serif;}
#todaynews p {color:#FFFFFF;}
#todaynews a.NewsTitle { display: block; margin-bottom: 10px; }
#todaynews a.readmore { display: block; margin-top: 5px; }
#todaynews div.events {float:left; padding-right:18px; width:597px;}
#todaynews div#rss {float:left;width:35px;text-align:right;}
#todaynews div#rss a { border: 1px solid #858585; width: 31px; height: 14px; padding: 0; margin: 0; display: block;}
#todaynews div#rss a:hover { border: 1px solid #A60705; }

#newcontent {width:682px;min-height:400px;height:auto!important;height:300px; float:left;}
#pmain {width:662px;padding-left:12px; float:left;font:0.81em "Arial", "Verdana", sans-serif;}
#pmain div.block span.error{color:Red; margin-right:10px;}
#pmain #loginlist ul{margin-top:10px;}
#pmain #loginlist ul li a{text-decoration:none;color:#a60705;font: Bold 13px "Arial", "Verdana", sans-serif;}
#pmain #loginlist ul li a:hover{color:#a60705;text-decoration:underline;}
#newcontent ul {font-size:12px !important;}
#newcontent ol {font-size:12px !important; list-style-type: decimal; }
#newcontent #loginlist ul {margin-left:15px;}
#newcontent ul.sitemap {margin:7px 15px 15px 25px;line-height:13.41pt;display:block;list-style:none;}
#newcontent ul.sitemap li {color:#656565;font-family:Arial,Verdana,Sans-serit; font-size:12px !important; line-height:13.41pt; list-style-type:square !important; margin-left:30px;}
#newcontent ul.sitemap li li {list-style-type:circle !important;color:#656565;}

#newcontent , #newcontent #loginlist table{font: normal Arial,verdana,san-serif;}
#newcontent #ctl00_ctl00_ContentRoot_mainContent_pnlForm{padding-right:15px;}
#newcontent  #results {display:block;width:630px;}
#viewcontent div h1 {float:inherit;margin: 0px 5px 0px 0px;}
#viewcontent div h2 {margin: 10px 5px 10px 0px;}
#viewcontent div h2 span a{margin-left: 10px;}
#viewcontent div h3 {font-size: 13px;font-style:normal;}
#newcontent .form_container {font: normal 13px Arial,verdana,san-serif;margin-bottom: 10px;}
#newcontent .form_container span {color:#000;}
#newcontent fieldset {padding:5px 0px 5px 14px;margin: 5px 10px 10px 10px;text-align:justify;}
#viewcontent div p,#newcontent p, #todaynews p, #leftmenu #sidemenu ul{ font-family: "Arial", "Verdana", sans-serif;}
#viewcontent{width:650px; min-height:100px;padding:15px 0px 145px 0px;text-align:justify;overflow:hidden;}

#viewcontent TABLE.sessions {MARGIN: 7px 7px 15px 0px;	WIDTH: 500px}
#viewcontent TABLE.sessions TD {BORDER-RIGHT: #6e6e6e 1px solid;BORDER-TOP: #6e6e6e 1px solid;PADDING-LEFT: 5px;VERTICAL-ALIGN: top;BORDER-LEFT: #6e6e6e 1px solid;	BORDER-BOTTOM: #6e6e6e 1px solid}
#viewcontent TABLE.sessions TH {BACKGROUND-COLOR: #D59492;TEXT-ALIGN: center}
#viewcontent TABLE.sessions TD {PADDING:3px 0px;	FONT-SIZE: 13px;	BORDER-TOP-STYLE: none;	LINE-HEIGHT: 14px;	BORDER-RIGHT-STYLE: none;	BORDER-LEFT-STYLE: none;	TEXT-ALIGN: center;	BORDER-BOTTOM-STYLE: none}
#viewcontent TABLE.sessions TR.alt0 {BACKGROUND-COLOR: #b4b4b4;}
#viewcontent TABLE.sessions TR.alt1 {BACKGROUND-COLOR: #b4b4b4;}
#viewcontent TABLE.sessions TD.date {WIDTH: 280px}
#viewcontent div ul {margin-left:20px;margin-top:5px;color:#656565;}
#viewcontent div ol {margin-left:25px;margin-top:5px;color:#656565;}

#viewcontent div ul ol, #viewcontent div ul ul, #viewcontent div ol ol, #viewcontent div ol ul { margin-top: 0; }

#wrapper-column-left {width:486px; float:left;margin:0;}
#column-left {color:#A60705; border: solid #8A8A8A;border-width:  0px 0px 0px 0px ; padding:6px 0px 0px 14px;width:471px;height:23px; float:left;margin:0;background-image:url("images/columnleftheader.jpg"); background-repeat:no-repeat;background-position:left;text-align:left;}
#column-left * {background-color:Transparent;}
#column-left-content {padding-left:14px;width:457px;padding-right:14px;}
#column-left-content a {color:#A60705;}

#column-left-content .pushitems .schotA p,#column-left-content .pushitems .schotB p {clear:both; display:block;overflow:hidden;text-align:justify;/*width:460px;*/}
#column-left-content .pushitems .schotA p img,#column-left-content .pushitems .schotB p img{width:90px !important; height:90px !important;}
#column-left-content .pushitems { margin-bottom: 10px;}
#column-left-content .pushitems h2 {text-align:left; font-size: 1em; line-height: 1em; margin:  16px 0 14px 0; padding-bottom: 0; }
#column-left-content .pushitems h2 a { font-size: 1em; line-height: 1em; font-weight: bold; text-decoration: none; font: Bold 0.81em Arial; color:#000000;}
#column-left-content .pushitems h2 a:hover { text-decoration: underline;}
#column-left-content div .schotA,#column-left-content div .schotB{ background-image: url("images/dots.jpg");background-repeat:repeat-x;background-position:center bottom;float:left;}
#column-left-content div .links {text-align:right;padding:  1px 0 1px 0; float:right;}
#column-left-content div .links a{font: normal 0.7em Arial;}
#column-right-content div dl dt {margin-bottom:10px; padding: 0px 0px 10px 0px;background-image: url("images/dots.jpg");background-repeat:repeat-x;background-position:center bottom;}
#column-right-content div dl {font: normal 0.81em Arial;color:#000000; }
#column-right-content div dl dd.date {font: bold 0.8em ; margin-top:5px;}


#wrapper-column-right {width:196px; float:left;margin:0;text-align:left; color:#A50706;overflow:hidden;padding:0;}
#wrapper-column-right * {background-color:Transparent;}
#column-right-header {border: solid #8A8A8A;border-width: 0px 0 0px 0px ; width:196px;height:23px; padding-top:6px; float:left;margin:0;background-image:url("images/rightback.jpg"); background-repeat:repeat-y ;background-position:right; text-align:left; color:#A50706;font-weight:bold;}
#column-right-content {width:171px; float:left;margin-right:25px;text-align:left; }
#column-right-content div.events {overflow:hidden;}
#wrapper-column-right #column-right-header #Eventsrss {float:left;width:15px;text-align:right;margin-bottom:0px;}
#wrapper-column-right #column-right-content #Eventsrss a { display: block; border: 1px solid #858585; width: 31px;}
#wrapper-column-right #column-right-content #Eventsrss a:hover { border: 1px solid #A60705;}
#column-right-content div.events dl dt a {color:#656565;font: normal 13px Arial,verdana,san-serif;}
#column-right-content a:hover {text-decoration:underline;}

#newcontent #wrapper-column-right #column-right-content ul {text-decoration:none; font:bold 0.7em Arial;list-style:none !important;padding:0px; margin-top:3px;}
#column-right-content a {text-decoration:none; color:#000000;}
#column-right-content ul li {text-decoration:none; color:#656565;}
#left-menu {margin-top:23px; width:267px; float:left; }
#center-strip {margin: 0 auto;text-align:center;height:20px;width:684px;float:left;}

/* Tables */

#newcontent #pmain #viewcontent table {margin-bottom:10px; border :none;width:auto;}
#newcontent #pmain #viewcontent table  caption{padding:2px; border :none;width:auto;font:bold 14px Arial,verdana,san-serif;border-bottom:1px solid #E0EBC3;border-top:1px solid #E0EBC3;background-color:#D59492;}
#newcontent #pmain #viewcontent table th {border-bottom: 1px solid #E0EBC3;}
#newcontent #pmain #viewcontent table th p{color:#656565 !important;font-weight:bold;}
#newcontent #pmain #viewcontent table tr td {padding:5px;}


/*	Poll
--------------------------------*/
#poll{ float: left;width:196px;  margin-top:15px;}
#poll div.pollinfo div.currentpoll table{font: bold 0.7em;color:#838383;padding-left:3px;}
#poll div.pollinfo div.currentpoll table tbody tr td label{margin-left:9px;color:#656565;}
#poll div.pollinfo div.currentpoll h3, #poll div.pollinfo div.currentpoll h3 a{color:#656565;font-weight:normal;}
#poll div.pollinfo div.currentpoll div.stem a{background-color:#8A8A8A; width:9px;}
#poll h2, #poll h1{background-image:url(images/rightback.jpg);background-position:right center; background-repeat:repeat-y; border-style:solid;border-width:0px 1px 0px 0px; border-color:#8A8A8A; color:#A50706; font-weight:bold;}
#poll div div span a, #poll div.pollinfo div.currentpoll a{font-size:12px;font-weight:bold; padding:2px;color: #f9f9f9;}
#poll p {margin-left:3px;}
#poll .tekstRes{font-size: 13px; font-weight:normal;}
#poll .stem {padding:10px;}
#poll A.stemlink {margin-bottom:10px;}
#poll .stemlink{padding:10px 5px; color: White;font-weight: bold;font-size: 11px; text-decoration: none;float: right;margin-top: 5px;}
DIV#pollObj_stem { text-align:right;}

/* tell a friend
--------------------------------*/
#wrappermenu {float:left;height:20px;width:auto; min-width:682px;}
#backmenu { float:left;height:20px;width: 450px;margin: 0 auto;background-color: #fff;background-image:url("images/midback.jpg");background-position:right bottom;overflow:hidden;}
#wrapperfrnd #backheader {height: 159px; width:190px; background-color: #fff;float:left; border:none;margin-bottom:20px;}
#wrapperfrnd{margin:0 auto;width:450px;background-color:#fff;}
/*	footer
--------------------------------*/
#footer {font: 11px Arial; width: 667px; height:35px;margin:0 auto;padding-left:283px; color:#8D8D8D;padding-top:32px;float:left;clear:both; background: #dadada url("images/footer_bg.jpg") no-repeat top left;}
#footer a{ text-decoration:none; color:#686868; line-height: 19px; }
#footer a:hover { text-decoration: underline; }
#footer #treefooter {width:667px; }
/* -----[ CSS editing ] ----------------	*/
div.eyeEditMenu *, 
#eyeEditMenu table { margin: 0 !important; padding: 0 !important;width:auto !important; }
div.eyeEditMenu a { cursor: pointer; }

/* -----[ CSS tree ] ----------------	*/
ul.myEyesTree li a { padding-left: 20px; }
ul.myEyesTree li ul { display: none; }
ul.myEyesTree li ul.open { display: block; }

ul.myEyesTree li { list-style: none; }
ul.myEyesTree li a { padding-left: 20px; }
ul.myEyesTree ul { padding-left: 20px; }

/* ---- [ contactfriend ] ---- */
#contactfriend {background: #FFFFFF url("images/bgcolor.jpg") repeat-x bottom; width:450px;height:500px; clear: both;}
#contactfriend h1 {padding:7px 0 6px 20px; text-transform:lowercase; font-family:Arial; text-align:left;margin-bottom:10px;}
#contactfriend #error p {color:#656565;font:13px Arial,verdana,san-serif;margin-bottom:0;clear:both;padding: 0px 10px;}
.contactfriendFormulier {border:none;padding:20px 0 0 5px;overflow:visible; margin:10px;}
.contactfriendFormulier .fieldrow {padding-left:5px; display:block; overflow:visible; clear:both;}
.contactfriendFormulier label {float:left;width:110px;}
.contactfriendFormulier .fieldBox {height:19px; font-size:9pt; width:200px;margin-left:5px;float:left;}
.contactfriendFormulier .fieldMsgBox {margin-left:5px;font-size:9pt; width:200px;float:left;}
.contactfriendFormulier input, fieldset select {float:left; margin-bottom:5px;}

#btnclose {color:#333; text-decoration:underline; padding: 0px 10px;}


