@import url(print.css) print;

html { background: #eaf3f9; }
body { margin: 10px auto 0 auto; padding: 0; width: 985px; font: 75%/150% Trebuchet MS, Helvetica, Arial, Verdana, sans-serif; color: #7e7e7e; background: #fff url(../images/background.gif) repeat-y 0 0; position: relative; border: 9px solid #005aa1; }
h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address { margin: 0 0 1.4em 0; padding: 0; }
dd, blockquote { margin-left: 1em; }
/*li { list-style: none; padding-left: 24px; margin-bottom: 2px; } */

form { margin: 0 !important; } 
form label { cursor: pointer; }
fieldset, img { border: none; margin: 0; padding: 0; vertical-align: middle; }
input, select, textarea { font-size: 100%; }
input[type=text], input[type=password]{ padding: 2px; }
input.input_text, textarea { padding: 2px; }
input[type=submit] { padding: 2px 10px; overflow: visible; }
input.submit { padding: 2px 10px; overflow: visible; }

h1 { font-size: 1.55em; line-height: 2em; color: #F39E09; margin-bottom: 1em; }
h1.withdate { text-align: right; display: inline-block; }
h1.withdate { display: block; }
h1.withdate:after { content: '.'; display: block; clear: both; height: 0; visibility: hidden;  }
h1.withdate span { float: left; }

h2 { font-size: 1.3em; color: #F39E09; }
h2 a { color: #F39E09; }
h3 { color: #F39E09; font-size: 1em; }
h4 { color: #F39E09; }

a { color: #F39E09; text-decoration: none; font-weight: bold; overflow: hidden; }
a:hover, a:focus { text-decoration: underline; }
 

/*EASYCLEAR*/
body { display: inline-block; }
body { display: block; }
body:after { content: '.'; display: block; clear: both; height: 0; visibility: hidden; }

#text .content ul li {list-style: bullet; margin-left: 24px; margin-bottom: 2px;}

/*LOGO*/
#logo { position: absolute; top: 0; left: 0; width: 191px; height: 140px; padding: 0; }
#logo a { display: block; width: 191px; height: 140px; background: #fff url(../images/rhoon_logo_background.gif) repeat-y top right; }

/*WEATHER*/
#weather { position: absolute; left: 0; bottom: 45px; width: 191px; text-align: center; }
#weather div img { padding-bottom:10px; }


/*SKIP*/
.skip { position: absolute; left: -9999em; }

/*CENTER*/
#center { width: 600px; margin: 0 0 0 191px; overflow: auto; padding-top: 140px; }

/*NAV*/
#nav { padding: 0; margin: 0; background: #005aa1 url(../images/nav.gif) repeat-x 0 0; display: inline-block; }
#nav { display: block; }
#nav:after { content: '.'; display: block; clear: both; height: 0; visibility: hidden; }
#nav li { float: left; padding: 0; margin: 0; position: relative; height: 2em; }
#nav a { float: left; color: #fff; border: solid #b5d0e5; border-width: 0 1px; border-left-color: #8eb8da; padding: 0 20px; line-height: 2em; height: 2em; }
#nav a:hover { text-decoration: none; }
#nav li.active a, #nav li:hover a, #nav li.hover a { background: #F39D07 url(../images/nav_active.gif) repeat-x 0 0; color: #005aa1; }

#nav li ul { position: absolute; left: -9999em; top: 2em; background: #f1f6f9; border: 1px solid #dde9f2; border-bottom: 0; min-width: 140px; _width: 140px; }
#nav li ul li { list-style: none; margin-bottom: 2px; border: 0; border-bottom: 1px solid #dde9f2; float: none; height: 1.44em; margin-left:0; }
#nav li:hover ul, #nav li.hover ul { left: 0; }
#nav li ul a, #nav li.active ul a, #nav li:hover ul a, #nav li.hover ul a { background: none; float: none; display: block; border: 0; line-height: 1.44em; height: 1.44em; width: 11em; padding-right: 10px; }
#nav li.active ul a:hover, #nav li:hover ul a:hover, #nav li.hover ul a:hover { background: #FDCC77; }

/*FLASH*/
#flash { position: absolute; top: 0; left: 191px; }

/*CONTENT*/
#content { height: 419px; overflow: hidden; }

/*TEXT*/
#text { height: 391px; width: 361px; padding: 20px 20px 10px 20px; overflow: auto; float: left; }

/*IMAGE*/
#image { float: right; width: 199px; overflow: hidden; }

/*BREADCRUMBS*/
#breadcrumbs { font-size: 0.88em; color: #0059A1; text-transform: lowercase; float: none; width: auto; }
#breadcrumbs li { list-style: none; margin-bottom: 2px; display: inline; padding: 0; margin-right: 4px; }
#breadcrumbs li:before { content: '> '; color: #F39E09; }
#breadcrumbs li a { color: #0059A1; }
#breadcrumbs li:first-child:before { content: ''; }
#breadcrumbs li:first-child a, #breadcrumbs li.first-child a { color: #6E6E6E; font-weight: normal; }

/*BAAN*/
#baanstatus { position: absolute; top: 0; left: 791px; width: 194px; min-height: 140px; background: #fff url(../images/gradient.gif) repeat-y 0 0; overflow: hidden; font-size: 0.88em; line-height: 1.5em; }
#baanstatus dl { background: url(../images/baanstatus.gif) no-repeat 0 0; margin: 0 6px 0 16px; padding-top: 23px; }
#baanstatus dt, #baanstatus dt a { color: #005aa1; }
#baanstatus dd { padding: 0; margin: 0; font-size: 0.875em; }
#baanstatus a { font-weight: normal; }

/*BANNERS*/
#banner { position: absolute; right: 0; bottom: 45px; width: 194px; text-align: center; }
#banner a { display: block; margin-top: 12px; }

/*NEWS*/
.image { float: left; display: inline; margin: 0 10px 10px 0; }

/*FORMS*/
input, textarea, select { font-size: 100%; font-family: inherit; }
textarea { width: 210px; }
form { margin-bottom: 3em; }
form label { float: left; width: 100px; padding-right: 5px; text-align: right; line-height: 2.1em; }
form p { margin: 0 0 0.6em 0; clear: both; }
form legend { display: none; }
.csc-mailform-field { clear: both; margin-bottom: 0.6em; }
.csc-mailform-submit { margin-left: 105px; }

/*TABLE*/
table { width: 100%; text-align: left; }
table thead { font-weight: bold; background: #98c396; color: #fff; }
table thead td{ font-weight: bold; background: #98c396 url(../images/separator.gif) repeat-x left bottom; padding-bottom: 8px; color: #fff; }
table .titlu { text-align: left; }
table td { padding: 5px 6px; }
table .odd { background: #e9e9e9; }
table tbody tr:hover, table tbody tr.hover { background: #d7d7d7; }

/*SHOPPING LIST*/
.aantal input { width: 3em; text-align: center; }
.price { white-space: pre; }

#content .buy { background: #009d57 url(../images/buy_corner.gif) no-repeat 0 0; margin: 0 0 -1px -1px; text-align: right; position: relative; display: inline-block; }
#content .buy input { background: url(../images/buy.gif) no-repeat 0 0; margin: 0; padding: 0 0 0 15px; width: 204px; height: 23px; border: 0; color: #7d7d7d; font-weight: bold; cursor: pointer; }

#content #top { background: none; margin: -3.5em -1px 0 0; }
#content #top input { background: url(../images/buy_top.gif) no-repeat 0 0; width: 205px; height: 24px; }

/*FOOTER*/
#footer { clear: both; color: #6a6a6a; background: #b3dcb0 url(../images/footer.gif) no-repeat 0 0; font-size: 0.9em; padding: 79px 0 4px 400px; display: inline-block; margin: 0; }
#footer { display: block; }
#footer a { color: #00723f; text-decoration: underline; margin-left: 30px; padding-left: 20px; background: url(../images/sitemap.gif) no-repeat left center; }
#footer a.redkiwi { background-image: url(../images/redkiwi.gif); }
#footer a:hover { text-decoration: none; }

/*EXTRA*/
#text2 { height: 391px; width: 560px; padding: 20px 20px 10px 20px; overflow: auto; float: left; }
.cleft { float:left; height: 420px; width: 167px; border-right:1px solid #c7ced4; padding: 20px 20px 10px 20px; }
.cleft ul { float: left; width: 50%; padding: 0; }
.cleft ul li { padding-left: 0; }
.cleft span { font-weight: normal; color: #6E6E6E; }
.cright h1, .cright h3 { margin:0; padding:0; padding-left:5px; }
.cright h2 { padding: 0 5px 5px 5px; color:#0059a1; border-bottom:1px solid #c7ced4; }

.cmiddle { float: left; width: 290px; height: 420px; padding: 0; margin: 0; overflow: hidden; }
.cright { float:right; height: 420px; width: 100px; border-left:1px solid #c7ced4; background:#ebf4fb url(../images/pro_tip.gif) bottom no-repeat; position: relative; }
.cright div { width:80px; height:20px; background:#fff; clear: both; color: rgb(127, 128, 129); font-weight:bold; margin:0 auto; text-align: center; }
.cright .yellow { background: #f5e328; color: rgb(127, 128, 129); }
.cright .blue { background:#1c5ba4; color:#fff; }
.cright .red { background:#d31929; color:#fff; }

.cright p { width: 87px; padding: 0 5px 0 7px; position: absolute; top: 210px; left: 0; color: #0059A1; }

.baanHome .cright { background-image: none; }
.baanHome .cright #print{ display: none; }

/*PRINT*/
.cright #print { top: auto; bottom: 0; margin: 0; }
.cright #print a { display: block; height: 20px; line-height: 20px; color: #7e7e7e; font-size: 0.87em; font-weight: normal; }

#bottomfoot { 
	background-color:#005AA1;
	clear:both;
	color:#FFFFFF;
	margin:0;
	padding-top:7px;
	text-align:center;
	font-weight:normal;
}
#bottomfoot a { 
	text-decoration:none;
	font-weight:bold;
	color:#fff;
}
#bottomfoot a:hover { 
	text-decoration:underline;
}