html, body {
width: 100%;
font-size: 11px;
font-family: Verdana, Arial, sans-serif, Verdana;
}
body {
color: #333333;
background-color: #818181;
background-image: url(images/body_back.jpg);
background-repeat: repeat-y;
background-attachment: fixed;
background-position: 50% 0;
margin: 0; padding: 0;
}
/* Text Elements */
a { text-decoration: none; color: #5c1e86; }
a:hover { text-decoration: underline; }
h2 { font-size: 15px; font-weight: bold; color: #5c1e86; margin: 0; }
ul { margin-top: 0; margin-left: 0; padding-left: 1.5em; list-style-image: url('images/icon/li.gif'); }
li { padding: 0; }
.purple { color: #5c1e86; }
/* Forms */
input[type="text"] { border: 1px solid #6f6f6f; background: #f0f0f0; padding: 2px; font-size: 11px; }
input[type="password"] { border: 1px solid #6f6f6f; background: #f0f0f0; padding: 2px; font-size: 11px; }
input[type="submit"] { border: 1px solid #6f6f6f; background: #f0f0f0; padding: 2px; font-size: 11px; }
textarea { border: 1px solid #6f6f6f; background: #f0f0f0; padding: 2px; font-size: 11px; }
input.counter { border: 0; background: #ffffff; font-size: 10px; font-family: Verdana, Arial, sans-serif, Verdana;}
.PasswordStrenght { border: 0px solid green; margin: 2px 0px 0px 0px; }
span.validator { display: block; width: 100%; margin: 5px 0; padding: 2px; border-top: 1px dotted #ffd803; border-bottom: 1px dotted #ffd803; background: #fdf1ad; color: #000000; }
div.hrule { height: 1px; background: #f1f1f1; display: block; margin: 0; padding: 0; font-size: 0px; }
/* Calendar */
.Calendar .ajax__calendar_container { border: 1px solid #5c1e86; background: #ffffff; }
.Calendar .ajax__calendar_day ,
.Calendar .ajax__calendar_month ,
.Calendar .ajax__calendar_year { border: 1px solid #ffffff; }
.Calendar .ajax__calendar_other .ajax__calendar_day,
.Calendar .ajax__calendar_other .ajax__calendar_month,
.Calendar .ajax__calendar_other .ajax__calendar_year { border: 1px solid #ffffff; color: black; }
.Calendar .ajax__calendar_hover .ajax__calendar_day,
.Calendar .ajax__calendar_hover .ajax__calendar_month,
.Calendar .ajax__calendar_hover .ajax__calendar_year { border: 1px solid #5c1e86; background-color: #eaeaea; }
.Calendar .ajax__calendar_active .ajax__calendar_day,
.Calendar .ajax__calendar_active .ajax__calendar_month,
.Calendar .ajax__calendar_active .ajax__calendar_year { border: 1px solid #ffffff; color: black; font-weight:bold; }
/* Page Container */
#page { width: 996px !important; margin: 0 auto; }
/* Body Head */
#applet_navigation { width: 996px; height: 21px !important; background: #00adef; margin: 0; }
#applet_navigation img { margin: 0 5px; }
#header { width: 996px; height: 192px; background: #7ed3f7; margin: 0; }
/* Columns */
#left { width: 496px; float: left; padding: 0; }
#middle { width: 307px; float: left; padding: 0; }
#right { width: 193px; float: left; padding: 0; }
/* articlelist etc.. */
.infoPanelHeader { width: auto; height: 20px; background-color: #eaeaea; margin: 0 10px; border-top: 1px dotted #beaec8; border-bottom: 1px dotted #beaec8; }
.infoPanel { width: auto; margin: 0 0 10px 10px; padding: 0px; background-color: #f7f7f7; overflow: hidden; }
/* article */
#articlelist { margin: 5px 0 0 20px; }
.article { width: auto; margin: 0 5px 10px 5px; overflow: hidden; }
.article .head { padding: 10px; }
.article .head .title { }
.article .head .meta { font-size: 10px; }
.article .body { padding: 0 10px; line-height: 140%; }
.article .body .image { padding: 4px 5px 3px 3px; float: left; }
.article .info { padding: 10px 10px 0 10px; text-align: right; }
.articlead { width: auto; margin: 0 10px 10px 10px; }
/* Rating */
.ratingStar { font-size: 0pt; width: 13px; height: 12px; margin: 0px; padding: 0px; cursor: pointer; display: block; background-repeat: no-repeat; }
.filledRatingStar { background-image: url(images/icon/FilledStar.png); }
.emptyRatingStar { background-image: url(images/icon/EmptyStar.png); }
.savedRatingStar { background-image: url(images/icon/SavedStar.png); }
.comment { padding: 4px 0; margin-bottom: 10px; }
.comment td.meta { font-size: 10px; border-bottom: 1px solid #a7a7a7;}
/* static text*/
.statictext { width: auto; margin: 0 5px 5px 5px; background: url(images/content_back_top.jpg) no-repeat; }
.statictext .head { padding: 10px 10px 0 10px; }
.statictext .body { padding: 10px; line-height: 140%;}
.statictext .body .bold { color: #5c1e86; font-size: 10px; font-weight: bold; }
.statictext .body .image { padding: 4px 5px 3px 3px; }
.statictext .header { color: #5c1e86; font-size: 14px;}
.statictext p { margin: 5px 0; }
/* Small Applets (Right) */
#applet_small { width: 180px; margin: 0px 5px 15px 5px; }
#applet_small .body { margin: 4px 0 0 10px; }
/* Winkelpedia */
#applet_wp { margin-bottom: 5px; height: 110px;}
#applet_wp img { margin: 5px; }
#applet_wp .thholder { background: url(images/wpth_back.gif); width: 77px; height: 110px; float: left; }
/* applet_login */
#applet_login { height: 170px; color: #fff; margin: 4px 4px; background: url(/styles/images/login_back.gif) no-repeat; }
#applet_login .head { margin-bottom: 4px; }
#applet_login a { color: #fff; }
/* applet_headlines */
#applet_headlines_today { margin: 10px 10px; font-size: 9px; }
#applet_headlines_today .head { margin-bottom: 4px; }
#applet_headlines_today .body { margin-left: 4px; }
/* applet_lastcomments */
#applet_lastcomments { margin: 10px 10px; font-size: 9px; }
#applet_lastcomments .head { margin-bottom: 4px; }
/* applet_companyinfo */
#applet_companyinfo { margin-bottom: 15px; }
#applet_companyinfo .body { margin-top: 3px; }
/* applet_Contact */
#applet_contact { margin: -10px 0 15px 10px; }
#applet_contact .head { margin-bottom: 4px; }
#applet_contact .bold { font-weight: bold; }
/* applet_Register */
#applet_register { margin: -10px 0 15px 10px; }
/* applet_archive */
#applet_archive { margin: -10px 0 15px 10px; }
/* applet_ondernemers */
#applet_ondernemers { margin-bottom: 15px; font-size: 80%; }
#applet_ondernemers .head { margin-bottom: 4px; }
#applet_ondernemers .bold { color: #5c1e86; font-weight: bold; }
#applet_ondernemers .img { color: #5c1e86; }
/* CompanyInfo */
#applet_companyinfo { position: absolute; top: 150px; }
#applet_companyinfo { color: #fff; margin-left: 40px; }
#content { margin: 7px 0 0 10px; }
/* sIFR styles */
.sIFR-flash { visibility: visible !important; margin: 0; }
.sIFR-replaced { visibility: visible !important; }
span.sIFR-alternate {
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
display: block;
overflow: hidden;
}
.sIFR-hasFlash h2 {
visibility: hidden;
letter-spacing: -6px;
font-size: 17px;
}