﻿/* HTML tags */
html, body, #form1 { height: 100%; margin: 0; padding: 0; }
body { font: 75%/18px Arial, Verdana, Sans-Serif; text-align: center; background: #8590ea url("../images/bg.png") 50% 0 repeat-y; }

h1 { font-size: 14px; font-weight: bold; color: #f30; background: url("../images/cont_bg.jpg") no-repeat; padding: 10px 10px 10px 20px; width: 450px; margin: 0; }
h2 { font-size: 1em; font-weight: bold; color: #009; padding: 0; margin: .75em 0 .25em; clear: both; }

a img { border: 0 none; }

/* Layout */
#container { width: 900px; text-align: left; margin: 0 auto; }
#header { height: 120px; background: url("../images/logosrpst.jpg") no-repeat; }
#left { width: 220px; float: left; margin-right: 10px; }
#content { width: 650px; float: left; }
#content.thin { width: 460px; }

/* Menu */
#left ul { list-style: none; margin: 0; padding: 0; font-size: 12px; }
#left li { display: block; width: 220px; height: 30px; margin: 0; padding: 0; line-height: 30px; float: left; background: #fff url("../images/nav_l1_bg.jpg") top right no-repeat; }
#left li a { color: #1e1e68; text-decoration: none; font-weight: bold; margin-left: 35px; }
#left li a:hover { color: #666; }
img.ideal { width: 70px; height: 61px; border: 0; margin-right: 65px; }

.menuImg { padding-top: 10px; clear: left; text-align: right; }

/* Loading... message */
#UpdateProgress1 { margin: 0.3em; font-weight: bold; font-style: italic; color: #009; background: #fff; }

/* Losse objecten */
div[disabled] * { color: #a6a7aa; } /* Voor niet-IE, dus geen IE6 hack nodig voor attribuutgebruik */
br.break { font-size: 1px; clear: both; }
.surpostcardThumb { float:right; width: 160px; height: 217px; margin: 0 0 .25em .25em; cursor: pointer; }

.errors { margin-top: 1em; margin-bottom: 1em; font-weight: bold; }
.errors ul { margin-top: 0; }
.errors li { color: Red; font-weight: normal; }

table.handling { width: 240px; }
table.handling th { color: #009; border-bottom: 1px solid #444; }
table.handling th, table.handling td { text-align: right; }

/* Sponsoring */
input.StopButton { width: 37px; height: 35px; background: url('../images/stop.gif') no-repeat center center; }
input.iDealButton { width: 40px; height: 35px; background: url('../images/ideal_small.gif') no-repeat center center; }

/* Foto scroller */
#photoScroller { float: right; width: 200px; height: 476px; background: url('../images/right_col_bg.jpg') no-repeat #d9ecff; }
#photoScroller ul li{ list-style:none; display:block; padding-bottom:1px; margin-bottom:5px; }  
#photoScroller img { float:left; width: 180px; margin: 10px 10px 0; }