/*
Title:      	Baseproject master styles for screen media
Author:     	yvw, © 2008 anaXis nv.
Updated:        Aug 25 2008
*/

* { margin: 0; padding: 0; }
* div[width] {width: 100% !important;} /* stupid hack for eyes cms */
html>body div[width] { width: auto !important; } /* stupid hack for eyes cms */
body { background-color: #E20904; font: normal 77.5%/1.1em Tahoma, Arial, Verdana; color: #747474; }
div.editlabel{ font-size: 12px; }

/* ---- [ typography ] ------------ */
h1, h2{ font-family: Arial Narrow, Arial, Verdana, Tahoma; font-weight: lighter; }
h3{ font-family: Arial Narrow; font-weight: bold; }
h1, h2, h3{ margin-bottom: 10px; }
h3 a{ text-decoration: none; }

.lightbox{ cursor: pointer; }
.canvasHeight { line-height: 30px }

/*	wrapper
--------------------------------*/
#wrapper { /*clear: both; margin: 0 auto; width: 940px;*/ background-color: #ACAAAB; }
#centerWrapper{ clear: both; margin: 0 auto; width: 940px; overflow: auto; }

#wrapper p{ /*padding: 10px;*/ text-align: justify; padding-left: 30px; padding-right: 30px; }
#wrapper a{ color: #AB0303; text-decoration: none; }
#wrapper a:hover{ color: #AB0303; text-decoration: none; }
#wrapper a:visited{ color: #AB0303; text-decoration: none; }
#wrapper h2{ padding: 10px; padding-top: 20px; font-size: 20pt; padding-left: 30px; padding-right: 10px; }
#wrapper h3{ padding-left: 10px; font-size: 13pt; color: #AB0303; padding-left: 30px; padding-right: 30px; }
#wrapper #leftContainer h2{ color: White; }
#wrapper #leftContainer p{ color: White; }
#wrapper #centerContainer #grayCenterContainer h2{ color: #505050; clear:both; }
#wrapper #centerContainer #whiteCenterContainer h2{ color: #858585; clear:both; padding: 0 0 0 30px; }
#wrapper #rightContainer h2{ color: #505050; }


/* HOMEPAGE */
#homepage{ float:left; background: white url('images/background.gif') repeat-y; }

#homepage #leftContainer{ float: left; width: 285px; }
#homepage #centerContainer{ float: left; width: 430px; }
#homepage #centerContainer #whiteCenterContainer{ float: left; padding-top: 10px; }
#homepage #rightContainer{ float: left; width: 220px; }

#homepage #leftContainer img{ width: 285px; }
#homepage #rightContainer img{ width: 220px; }


/* DETAILPAGE */
#detailpage{ float:left; background: white url('images/background_detail.gif') repeat-y; }

#detailpage #leftContainer{ float: left; width: 200px; }
#detailpage #centerContainer{ float: left; width: 590px; }
#detailpage #centerContainer #grayCenterContainer{ height: 130px; border-bottom: solid 8px white; float:left; overflow: hidden; }
#detailpage #rightContainer{ float: left; width: 150px; position: relative; }

#detailpage #leftContainer img{ width: 200px; height: 140px; border-bottom: solid 8px white; }
#detailpage #rightContainer img{ width: 149px; }
#detailpage #centerContainer img.centerBanner{ width: 590px; height:140px; margin-left: 0px; }

#detailpage #leftContainer a{ color: #2D2D2D; }

#eye2886932{ bottom: 0px; width: 150px; }

/*	header
--------------------------------*/
#header { height: 209px; background-color: #000; border-bottom: solid 8px #E20904; }
#headerBottom{ margin-top: 100px; }
#centerheader { clear: both; margin: 0 auto; overflow: hidden; width: 940px; height: 200px; padding-top: 9px; }
#languages { float: right; }
#languages ul { float: left; list-style-type: none; }
#languages ul li { background: transparent url("images/topspan.jpg") no-repeat bottom left; float: left; }
#languages ul li a { vertical-align: middle; font-size: 12px; color: #848484; text-decoration: none; padding: 0 10px 0 10px; }
#languages ul li.first { background: none; }

#logo{ float: left; /*background: url('images/logo.jpg')  no-repeat;*/ width: 142px; height: 81px; }
#menutop{ float: right; color: White; padding-top: 55px; font-size: 12pt; }
#menutop .navigation a{ padding: 0 21px; text-decoration: none; color: White; }
#menutop .navigation a:visited{ color: White; text-decoration: none; }
#menutop .navigation a:hover{ color: #AB0303; text-decoration: none; }
#menutop .navigation .seperator{ color: #505050; }

/*	container
--------------------------------*/
#grayCenterContainer{ background-color: #D0D0D0; float: left; padding-bottom: 10px; width:100%; }
#whiteCenterContainer{ padding-bottom: 10px; float:left; padding-top: 10px; }

#homepage #grayCenterContainer{ min-height: 296px; }

#whiteCenterContainer img{ margin-left:30px; }
#whiteCenterContainer div.editmenu img{ margin-left:0px; }

#wrapper #leftContainer p{ text-align: left;}

#rightContainer ul.navigation{ list-style: none; padding: 10px 0 0 10px; font-size: 10pt; }
#detailpage #rightContainer ul.navigation{ background-color: #D0D0D0; height: 130px; border-bottom: solid 8px white; }

#rightContainer ul.navigation li{ padding-bottom: 10px; }
#rightContainer ul.navigation li a{ font-weight: bold; color: #505050; text-decoration: none; }

#leftContainer ul.navigation{ margin: 5px; margin-left: 30px; font-weight: bold; color: White; list-style: none; }
#leftContainer ul.navigation a{ color: #2D2D2D; text-decoration: none; }

/*	footer
--------------------------------*/
#footer { height: 109px; background-color: #E20904; color:#fff; padding-top:20px; font-weight:500; font-family: Helvetica,comic Sans-Serif ; line-height:1.0;}
#footer a {color:#fff; text-decoration:none;}
#footer span.seperator {margin: 0px 13px;}
#footer div {margin-bottom:7px;}
#centerfooter { width: 940px; clear: both; margin: 0 auto; overflow: hidden; color: White; padding-top: 10px; letter-spacing:0.12em; }

#loginLink{ float: right; }


/* -----[ CSS editing ] ---------------*/ 
div.eyeEditMenu *, 
div.eyeEditMenu #content table { margin: 0 !important; padding: 0 !important; }
div.eyeEditMenu a { cursor: pointer; }
div.editmenu img{ width: auto !important; }
table.mceEditor tr td *{ width: auto !important; }
table.mceEditor{ z-index: 1000; position: absolute;}

fieldset{ padding: 10px; border: solid 1px #AB0303; }
legend{ padding: 0 5px; color: #AB0303; }

/* News subscribe 
-------------------------------*/
#ctl00_ctl00_ContentRoot_mainContent_Subscribe div.fieldrow{ float: left; margin-bottom: 5px; clear: both; width: 500px; }
#ctl00_ctl00_ContentRoot_mainContent_Subscribe div.fieldrow label{ float: left; width: 200px; }
#ctl00_ctl00_ContentRoot_mainContent_Subscribe div.fieldrow div.fieldelement{ float: left; width: 200px;}
#ctl00_ctl00_ContentRoot_mainContent_Subscribe br{ clear: both; }