body, html { width:100%;margin:0px;padding:0px;}
body { background-position:center top; background-repeat:repeat-y; font-family:verdana,sans-serif,helvetica,arial; color:#5D5D5D; font-size:68%; text-align:center; line-height:180%; }
hr { height:1px; border:0px solid #424242; color:#424242; background-color:#424242; margin:4px 0 4px 0; }
ul { list-style:square; margin:0 0 8px 0; padding:0 0 0 14px; }
ul li { line-height:1.6em; margin:0 0 0 0; padding:0 0 0 0; }
p { margin:0 0 15px 0; }
h1,h2,h3,h4,h5,h6 { font-weight:bold; color:#666; font-family:courier new,verdana,Arial,sans-serif,helvetica; margin:0px 0 7px 0; text-transform:lowercase; }
h1 { font-size:180%; line-height:140%; }
h2 { font-size:140%; }
small { font-size:74%;}
h3 { font-size:140%; }
a img { border:none; margin:0 0 0 0; line-height:0px; }
a { text-decoration:none; color:#333; }
a:hover { text-decoration:none; color:#000; }
div { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; }
div.reset { clear:both; height:1px; float:none; font-size:0px; line-height:0px; }
div#headerPrint { display:none; }
form { margin:0 0 0 0; font-family:verdana,sans-serif,helvetica,arial; font-size:100%;}
table { margin:0 0 0 0; border-collapse:collapse; }
td { vertical-align:top; padding:0 0 0 0; font-size:100%; text-align:left; }
#btn_home { display:block; width:83px !important; height:31px; margin:-40px 0 10px 12px; background:url('../images/home.png') 0 -31px no-repeat; position:relative; z-index:80; overflow:hidden; text-indent:-5000px; }
#btn_home:hover { background-position:0 0; }
#perslkh { font-size:10px; }
div.balk { position:relative; width:99px; height:3px; border:solid #96A939 1px; }
div.balk span { display:block; position:absolute; left:0; height:3px; }
div.balk .prog1 { width:33px; }
div.balk .prog2 { width:66px; }
div.balk .prog3 { width:99px; }
div.balk h2 { font-size:80%; }
div.balk table { border:1px solid black; height:60px; }
div.balk table th { padding:0px; line-height:100%; }
div.balk table td { border:1px solid black; width:150px; color:black; text-align:center; }
div.carrieremaker { border-color:red; }
div.carrieremaker span { background:url('../images/bar-red.gif') 0 0 repeat-x; }
div.netwerkgenieter { border-color:yellow; }
div.netwerkgenieter span { background:url('../images/bar-yellow.gif') 0 0 repeat-x; }
div.ecovriend { border-color:#96A939; }
div.ecovriend span { background:url('../images/bar-green.gif') 0 0 repeat-x; }
div.wereldburger { border-color:purple; }
div.wereldburger span { background:url('../images/bar-purple.gif') 0 0 repeat-x; }
#uitslag { padding:2px; margin-top:5px; width:435px; }
#uitslag span { float:left; width:33%; text-align:center; }
#uitslag .yes { font-weight:bold; text-decoration:none; }
#uitslag .balk { width:100%; }
#uitslag .prog1 { width:33%; }
#uitslag .prog2 { width:66%; }
#uitslag .prog3 { width:100%; }
div#siteoptions div.balk { float:right; }
div#siteoptions div.balk table td { width:20px;}
.top { margin-bottom:7px; margin-top:3px; }
.right {float:right; margin-left:7px; }
.left {float:left; margin-right:7px; }
/* =Sections
=========================================== */
/*
#D80A11 = Cordaid rood
#FF6600 = oranje
#C09660 = bruin
#96A939 = groen
#B93869 = paars
#0DAFB5 = turquoise
section 2 was:#E9D828 , nu turqoise
*/
/* Section1:Info */
body#section1 {background-color:#C91D1D; background-image:url('../images/body_bg_red.jpg'); background-repeat:repeat-y; }
/* #section1 #logo { background-image:url('../images/s1_header.gif'); }*/
#section1 h1 { color:#D80A11; }
#section1 h3 { color:#D80A11; }
body.section1 a { color:#D80A11; }
body.section1 a:hover { color:#000; }
/* #section1 a#b1 { display:none; } */
/*
bug in IE6 -> geen background-image gebruiken met het 'Buzz'-effect
zie http://www.fivesevensix.com/studies/ie6flicker/
*/
/*
#section1 #menu a#info { background-image:url('../images/menu_info.gif'); }
#section1 #menu a#info_wat { background-image:url('../images/menu_info_wat.gif'); }
#section1 #menu a#info_wie { background-image:url('../images/menu_info_wie.gif'); }
#section1 #menu a#info_hoe { background-image:url('../images/menu_info_hoe.gif'); }
*/
/* Section2:Lifestyle */
body#section2 { background-color:#0DAFB5; background-image:url('../images/body_bg_blue.jpg'); background-repeat:repeat-y; }
#section2 h1 { color:#0DAFB5; }
#section2 h3 { color:#0DAFB5; }
body.section2 a { color:#0DAFB5; }
body.section2 a:hover { color:#000; }
#section2 a.button { background-color:#0DAFB5; }
/* #section2 a#b2 { display:none; } */
/* #section2 #menu a#lifestyle { background-image:url('../images/menu_lifestyle.gif'); height:60px; } */
/* Section3:Action */
body#section3 { background-color:#96A939; background-image:url('../images/body_bg_green.jpg'); }
#section3 h1 { color:#96A939; }
#section3 h3 { color:#96A939; }
body.section3 a { color:#96A939; }
body.section3 a:hover { color:#000; }
/* #section3 a#b3 { display:none; } */
/* #section3 #menu a#action { background-image:url('../images/menu_action.gif'); height:60px; } */
#section3 #menu a.level2-txt:hover { color:#96A939; text-decoration:underline; }
#section3 #menu a.level2-txt.current { color:#96A939; }
/* Section4:Ringtone */
body#section4 { background-color:#B93869; background-image:url('../images/body_bg_purple.jpg'); }
#section4 h1 { color:#B93869; }
#section4 h3 { color:#B93869; }
#section4 a { color:#B93869; }
#section4 a:hover { color:#000; }
/* #section4 a#b4 { display:none; } */
/* #section4 #menu a#ringtone { background-image:url('../images/menu_ringtone.gif'); height:60px; } */
/*Section6:Lifestyle - CHECK deze section is er later bijgemaakt daarom section6 ipv 5 want die bestaat al */
body#section6 { background-color:#E9D828; background-image:url('../images/body_bg_yellow.jpg'); background-repeat:repeat-y; }
#section6 h1 { color:#b0a013; }
#section6 h3 { color:#b0a013; }
body.section6 a { color:#b0a013; }
body.section6 a:hover { color:#000; }
#section6 a.button { background-color:#b0a013; }
/* =Main layout
=========================================== */
table#main { margin:0 auto; width:895px; text-align:left; padding:0; }
table#main td#header { width:835px; height:186px; padding-left:60px; }
table#main td#col1 { width:162px; padding:0 0 15px 30px; }
table#main td#col2 { width:451px; padding:0 25px 15px 25px; }
table#main td#col3 { width:202px; }
a#logo { display:block; width:811px; height:186px; background-position:0 0; background-repeat:no-repeat; }
/* =Menu
=========================================== */
div#menu { margin:0 0 60px 0; }
div#menu a { display:block; width:163px; }
div#menu a.level2 {}
div#menu a.level2-txt { color:#A0A0A0; font-family:courier new,verdana,Arial,sans-serif,helvetica; font-size:140%; font-weight:bold; text-align:right; padding:5px 0 5px 0; height:auto; }
#siteoptions { margin:0 0 60px 0; }
#siteoptions a { display:block; width:163px; height:24px; background-position:0 0; background-repeat:no-repeat; }
#siteoptions a:hover { background-position:0 -40px; }
#siteoptions a#so_login { background-image:url('../images/so_login.gif'); }
#siteoptions a#so_logout { background-image:url('../images/so_loguit.gif'); }
#siteoptions a#so_email { background-image:url('../images/so_email.gif'); }
#siteoptions div#username { text-align:right; padding-right:25px; margin-bottom:20px;}
#siteoptions div#username span { font-weight:bold; }
#siteoptions a#so_zoek { background-image:url('../images/so_zoek.gif'); }
div#cordaid { margin:20px 0 20px 45px; clear:both; display:block; width:108px; height:39px; }
/* NEW MENU
=========================================== */
div#new_menu {position:relative; margin:-50px 0 20px 16px; /*border:1px solid green;*/ width:144px;}
div#new_menu.purple .nm_header {background-repeat:no-repeat; width:144px; height:41px; background-image:url('../images/nm_header_purple.gif');}
div#new_menu.red .nm_header {background-repeat:no-repeat; width:144px; height:41px; background-image:url('../images/nm_header_red.gif');}
div#new_menu.blue .nm_header {background-repeat:no-repeat; width:144px; height:41px; background-image:url('../images/nm_header_blue.gif');}
div#new_menu.green .nm_header {background-repeat:no-repeat; width:144px; height:41px; background-image:url('../images/nm_header_green.gif');}
div#new_menu .nm_body {background-image:url('../images/nm_repeater.gif'); background-repeat:repeat-y;}
div#new_menu .nm_body ul {text-align:center; list-style-type:none; margin:0; padding:0;}
div#new_menu .nm_body li {line-height:1.1em;}
* html #new_menu .nm_body ul hr {margin:0; padding:0;}
* html #new_menu .nm_body li {margin:0; padding:4px 0; line-height:1.4em;}
#new_menu .nm_body li img {padding:6px 0 0 0;}
#new_menu .nm_body li hr {width:75%; margin:4px auto; border-bottom:1px dashed #CCCCCC; background-color:#fff;}
#new_menu .nm_footer {background-image:url('../images/nm_footer.gif'); background-repeat:no-repeat; background-position:top center; width:144px; height:25px;}
.purple .naam {color:#B93869; font-weight:bold;}
.red .naam {color:#D80A11; font-weight:bold;}
.blue .naam {color:#0DAFB5; font-weight:bold;}
.green .naam {color:#96A939; font-weight:bold;}
/* progressbar
=========================================== */
#progressbar {position:relative; margin:100px 0 0 0;}
#progressbar span {margin:0 0 0 -5px;}
/* =Menu Sections (rightside)
=========================================== */
div#menu-sections { margin:0 0 20px 0; }
div#menu-sections a { display:block; width:170px; height:120px; background-position:0 0; background-repeat:no-repeat; }
/*
bug in IE6 -> geen background-image gebruiken met het 'Buzz'-effect
zie http://www.fivesevensix.com/studies/ie6flicker/
*/
/*
a#b1 { background-image:url('../images/b1.gif'); }
a#b2 { background-image:url('../images/b2.gif'); }
a#b3 { background-image:url('../images/b3.gif'); }
a#b4 { background-image:url('../images/b4.gif'); }
*/
/* =Content
=========================================== */
div#content { }
div#actions-recent { font-size:84%; }
div#actions-recent h2 { margin:0 0 10px 0; font-size:140%; }
div#actions-recent ul { list-style:none; margin:0 0 1em 0; padding:0 0 0 0px; }
div#actions-recent ul li { line-height:170%; margin:0 0 8px 0; padding:0 0 0 0; }
/* =Footer
=========================================== */
div#legal { font-size:120%; text-align:right; padding-right:80px; font-family:courier new,verdana,Arial,sans-serif,helvetica; }
#legal a { text-decoration:none; }
#legal a:hover { text-decoration:none; }
#legal span.copy { }
/* =Forms
=========================================== */
input,textarea { background-color:#fff; border:1px solid #D80A11; font-size:100%; padding:2px; color:#666666; font-family:verdana,sans-serif,helvetica,arial; }
select { background-color:#fff; border:1px solid #D80A11; font-size:100%; padding:2px; color:#666666; font-family:verdana,sans-serif,helvetica,arial; }
input.submit { background-color:#fff; border:2px solid #fff; color:#D80A11; font-weight:bold; padding:1px 6px 2px 6px; }
input.radio { border:none; background:none; }
input.plain { border:none; background:none; }
form .required { border-color:#D80A11; }
table.formulier {}
table.formulier td.col1 { padding:1px 8px 4px 0; width:120px; line-height:140%; text-align:right; }
table.formulier td.col2 { padding:1px 0px 4px 0; line-height:140%; }
div#error_message {}
div#error_message.highlight { margin-bottom:6px; font-weight:bold; }
/* =Opdrachten maken
=========================================== */
div.formrow { clear:both; }
div.formrow input.radio { float:left; margin-top:2px; }
div.formrow label { float:left; width:400px; margin-bottom:7px; line-height:150%; }
div.formcontrols { clear:both; padding-top:6px; }
a.btn { display:block; float:left; background-position:0 0; background-repeat:no-repeat; cursor:pointer; }
h2.question_nr { }
h2.question { font-size:180%; color:#0DAFB5; }
a.btn.terug { width:80px; height:35px; background-image:url('../images/btn_terug.gif'); }
a.btn.missing { width:80px; height:35px; }
a.btn.verder { margin-left:100px; width:90px; height:35px; background-image:url('../images/btn_verder.gif'); }
a.btn.cancel { width:107px; height:35px; background-image:url('../images/btn_annuleer.gif'); margin-left:10px; margin-top:5px;}
a.btn.submit { width:107px; height:30px; background-image:url('../images/btn_ok.gif'); margin-top:5px;}
div#pageflippers { padding:10px 0 0 0; }
div#pageflipper_previous { float:left; }
div#pageflipper_previous a { width:110px; height:20px; background-image:url('../images/btn_opdracht_vorige.gif'); }
div#pageflipper_next { float:right; }
div#pageflipper_next a { width:110px; height:26px; background-image:url('../images/btn_opdracht_volgende.gif'); }
textarea.opdracht { width:450px; height:360px; }
a.btn.opdr_opslaan { width:107px; height:46px; background-image:url('../images/btn_opdracht_opslaan.gif'); margin-top:5px;}
a.btn.opdr_inleveren { width:126px; height:46px; background-image:url('../images/btn_opdracht_inleveren.gif'); margin-top:5px;}
a.btn.opdr_terug { top:3px; position:relative; float:right; width:88px; height:46px; background-image:url('../images/btn_terug.gif'); }
a.btn:hover { background-position:0px 5px; }
input.button { margin:5px 5px 5px 0; background-color:#D80A11; color:#fff; padding:2px 10px 3px 10px; font-size:100%; font-weight:bold; cursor:pointer; border:0; }
input.button.submit {}
input.button.cancel { background-color:#666; }
a.button { display:block; float:left; margin:5px 5px 5px 0; background-color:#D80A11; color:#fff; padding:2px 10px 3px 10px; font-size:100%; font-weight:bold; line-height:120%; }
a.button.cancel { background-color:#666; }
body.section1 a.button { color:#fff; }
body.section2 a.button { color:#fff; }
body.section3 a.button { color:#fff; }
body.section4 a.button { color:#fff; }
body.section5 a.button { color:#fff; }
div#ctrls { clear:both; margin:6px 0 10px 0;}
/* =Opdrachten overzicht
=========================================== */
table.overview { width:100%; border-top:1px solid #E5E5E5; border-left:1px solid #E5E5E5; line-height:150%; clear:both; }
table.overview th { padding:4px 6px 6px 6px; background-color:#F1F1F1; color:#000; font-weight:bold; border-bottom:1px solid #E5E5E5; border-right:1px solid #E5E5E5; }
table.overview td { padding:2px 6px 3px 6px; border-bottom:1px solid #E5E5E5; border-right:1px solid #E5E5E5; }
table.overview td.cnt { text-align:right; width:3%; }
table.overview td.title { }
/* oordeel icons! */
a.oordeel { display:block; width:22px; height:22px; background-position:1px 1px; background-repeat:no-repeat; border:1px solid #999; }
a.oordeel:hover { border:1px solid #D80A11;}
a.oordeel.vol { background-image:url('../images/oordeel_v.gif'); }
a.oordeel.onv { background-image:url('../images/oordeel_o.gif'); }
div.oordeel_txt { position:absolute; z-index:10; background-color:#FFF2E2; border:1px solid #0DAFB5; width:300px; padding:10px; margin:20px 0 0 120px; }
div.oordeel_txt a.close { float:right; margin:0 0 6px 10px; }
/* =Login
=========================================== */
a.btn.login { width:110px; height:35px; background-image:url('../images/btn_login.gif'); }
a.btn.maakaan { width:110px; height:35px; background-image:url('../images/btn_maakaan.gif'); }
table.loginform { border:1px dashed #CCCCCC; margin-bottom:10px; width:451px; }
table.loginform td { padding:3px 6px 2px 6px; }
table.loginform td.login1 { padding-right:12px; }
table.loginform td.login2 { padding-left:12px; border-left:1px dashed #CCCCCC; }
div.help { font-style:italic; color:#777; }
table.innerform { }
table.innerform td.submit { text-align:center; vertical-align:bottom; }
input.button.Login { padding:4px 15px 5px 15px; margin-top:5px; }
/* =Blog
=========================================== */
div.photo { float:right; }
div.blog_message { font-size:90%; background-color:#f4f4f4; padding-left:10px; }
/* =Ringtones
=========================================== */
#ringtones { margin-top:10px; }
#ringtones #left { float:left; width:210px; margin:0 10px 10px 0; }
#ringtones #right { float:right; width:210px; margin:0 0 10px 10px; }
#ringtones .overview-item { clear:both; padding:5px; padding-left:0px; padding-right:0px; }
#ringtones .overview-item div { font-size:130%; display:block; color:#666666; height:80px; cursor:pointer; padding:4px;}
#ringtones .overview-item img { float:left; margin-right:6px; border:1px solid #888; }
#ringtones .overview-item h3 { margin:0; font-size:100%; font-family:"Courier New", Courier, monospace; text-transform:none; }
#ringtones .overview-item a { margin:10px 0 10px 0; width:150px; }
#ringtones .overview-item a div { border:1px solid #ccc; background-color:#efefef; }
#ringtones .overview-item a:hover div { background-color:#e3e3e3; }
#ringtones .overview-item span { color:#777; font-style:italic; }
#content .ring { width:419px;}
#content .ring h1 { font-size:200%; margin-bottom:15px; }
#content .ring h2 { color:#B93869; font-size:150%; margin-bottom:10px; }
#content .ring #btw { width:380px; height:155px; padding:10px 19px 10px 20px; margin-bottom:10px; background:url('../images/ringtone-gradient.png') 0 0 no-repeat; }
#content .ring #btw a { display:block; float:left; width:173px; height:100px; padding:8px; position:relative; }
#content .ring #btw a img { position:absolute; z-index:1; }
#content .ring #btw span { display:block; position:absolute; z-index:2; left:31px; top:50px; color:#fff; font:bold 11px "Courier New", Courier, monospace; }
#content .ring #com { width:404px; height:155px; padding:10px 10px 10px 25px; background:url('../images/ringtone-gradient.png') 0 0 no-repeat; }
#content .ring #com a { display:block; width:173px; height:51px; padding:8px; margin:0 95px; }
#content .ring #com span { display:block; position:absolute; z-index:2; left:31px; top:35px; color:#fff; font:bold 18px "Courier New", Courier, monospace; text-align:center; }
/*
#ringtones .ringtone { min-height:60px; }
#ringtones .wallpaper { min-height:120px; }
#ring_tone p, #wallpaper p { margin:0 0 25px 0; }
#ring_tone span, #wallpaper span { }
*/
#ring_tone img, #wallpaper img { float:right; margin:4px 0 0 10px; }
#ring_tone .download, #wallpaper .download { background:url(../images/btn_download.gif) 0 0 no-repeat; display:block; width:200px; height:30px; margin:25px 0 0 0; }
/*
===========================================
===========================================
ADMIN (Section5)
===========================================
===========================================
*/
body#section5 { background-color:#464646; background-image:url('../images/beheer_bg.gif'); }
#section5 p { margin:2px 0 8px 0;}
#section5 table#main td#header { height:113px; }
#section5 #logo { background-image:url('../images/beheer_header.gif'); height:113px; }
#section5 td#col-login { width:100%; padding:15px 60px 45px 114px; }
#section5 td#colB1 { width:30%; padding:0 0 15px 60px; }
#section5 td#colB2 { width:70%; padding:0 120px 15px 25px; }
#section5 td#footer { padding:15px 60px 15px 60px; }
#section5 a#cordaid { float:left; }
#section5 div#legal { padding-right:0px; }
#section5 h1 { color:#464646; }
#section5 h3 { color:#464646; }
#section5 h2 { color:#D80A11; margin-bottom:12px; }
body#section5 a { color:#D80A11; }
body#section5 a:hover { color:#000; }
#section5 #menu a#action { background-image:none; font-size:25pt; font-weight:bold; font-family:Courier New, Courier; line-height:90%; height:60px; }
#section5 #menu a.level2-txt:hover { color:#464646; text-decoration:underline; }
#section5 #menu a.level2-txt.current { color:#464646; }
#section5 input,textarea { border:1px solid #333; color:#666; }
/*#section5 table td { padding:2px 10px 3px 0; }*/
#section5 input.button { background-color:#D80A11; color:#fff; padding:2px 10px 3px 10px; font-size:100%; font-weight:bold; cursor:pointer; border-color:#000; }
#section5 input.button.submit {}
#section5 input.button.cancel { background-color:#666; }
#section5 a.btn { display:block; background-color:#D80A11; color:#fff; padding:4px; font-size:100%; font-weight:bold; line-height:100%; }
#section5 table.overview { width:100%; border-top:1px solid #999; border-left:1px solid #999; line-height:150%; clear:both; }
#section5 table.overview th { padding:4px 10px 6px 10px; background-color:#F1F1F1; color:#000; font-weight:bold; border-bottom:1px solid #999; border-right:1px solid #999; }
#section5 table.overview td { padding:3px 10px 4px 10px; border-bottom:1px solid #999; border-right:1px solid #999; }
#section5 table.overview div.wabbiticons { margin:0 0 0 0; }
#section5 table.overview th.title { background-color:#999; color:#fff; text-align:center; }
#section5 table.overview td.title { border-right:0; }
#section5 table.overview td.ii { text-align:right; width:20%; }
#section5 table.overview td.cnt { text-align:right; width:6%; }
#section5 table.overview td.actions { width:15%; padding-top:4px; }
#section5 table.edit_table { width:100%; border-top:1px solid #999; border-left:1px solid #999; line-height:150%; clear:both; }
#section5 table.edit_table th { padding:4px 10px 6px 10px; background-color:#F1F1F1; color:#000; font-weight:bold; border-bottom:1px solid #999; border-right:1px solid #999; }
#section5 table.edit_table td { padding:3px 10px 4px 10px; border-bottom:1px solid #999; border-right:1px solid #999; }
#section5 table.edit_table td.wabbit_edit_label { text-align:right; }
a.blok_link { float:right; }
/* ADMIN >> superuser
=========================================== */
#section5 table.overview.totals { width:auto; }
#section5 table.overview td.totals1 { text-align:right; }
#section5 table.overview td.totals2 { text-align:right; }
#section5 table.overview.popup { width:200px; }
#section5 div.page { margin-bottom:1em; border-bottom:1px dashed #ccc;}
div.overv_add { float:right; margin:8px 0 8px 0;}
/* ADMIN >> klassen
=========================================== */
div.tabs {}
div#tabs a { float:left; background-color:#EBEBEB; border:1px solid #999; border-bottom:0; padding:5px 12px 6px 12px; line-height:100%; margin-right:4px; }
div#tabs a:hover { background-color:#CCCCCC; }
div#tabs a.current { border-color:#000; color:#000; }
div#tabs a.current:hover { color:#000; }
div#tab_contents { clear:both; border:1px solid #000; padding:10px; }
div#tab_contents table.overview { width:100%; }
tr.newentry { background-color:#FFFF99; }
/* ADMIN >> bekijk opdracht
=========================================== */
div.answer { border:1px solid #888; background-color:#eee; padding:5px; margin-bottom:20px; }
div.answer h2 { font-size:120%; }
div.answer p { padding:0px; margin:0px; padding-left:20px; font-style:italic; }
/* POPUP >> layer
=========================================== */
div.popup { display:none; position:absolute; background-color:white; padding:8px; border:solid black 1px; top:345px; z-index:100; }
div.popup img { border:solid black 1px; margin:0 8px 0 0; }
div.popup span { color:#0DAFB5; cursor:pointer; }
div.popup div.tekst, div.popup table td.td { width:200px; }
div.popup div.tekst { float:left; }
div.popup div.img { float:left; }
div.popup div.sluit { padding-top:10px; clear:both; text-align:right; width:200px; }
div.answer p { padding:0px; margin:0px; padding-left:20px; font-style:italic; }
/* LIFESTYLE
=========================================== */
.wrapper { padding:10px; border:solid gray 1px; margin:10px 0; position:relative; }
.wrapper a.button { float:none; display:inline; margin:0; }
/* =ACTION
=========================================== */
#content .action div { padding:32px 10px 16px 10px; margin:0 0px 10px 0px; float:left; font-weight:bold; }
#content .action p { height:26px; margin:-2px 0 0 0; padding:0; line-height:24px; overflow:hidden; }
#content .action p.meer { margin-top:5px; }
#content .action p.meer span { background:url('../images/action_meer.png') 0 0 no-repeat; }
#content .action a { color:#8A8A8A; font-size:10px; display:block; height:26px; }
#content .action a:hover { color:#000;}
#content .action span { width:24px; height:26px; padding:0 2px 0 0; cursor:pointer; margin-right:8px; float:left; color:#fff; font:bold 9px/20px Verdana, Arial, Helvetica, sans-serif; letter-spacing:0.01em; text-align:center; background:url('../images/action_number_alpha.png') 0 0 no-repeat; }
#content .action #top-twintig { width:178px; height:547px; margin:0 20px 0 10px; background:url('../images/action_top_twintig.png') 0 0 no-repeat; }
#content .action #nieuw { width:199px; height:118px; background:url('../images/action_nieuw.png') 0 0 no-repeat; }
#content .action #stijgers { width:200px; height:250px; background:url('../images/action_stijgers.png') 0 0 no-repeat; }
#content #stemwindow { position:absolute; margin-left:5px; padding:10px; width:450px; min-height:265px; /*_height:265px;*/ border:2px solid #888; border-bottom:5px solid #888; border-right:5px solid #888; background:#E2E2E2 url('../images/stem-gradient.png') 0 0 repeat-x; z-index:100; }
#content #stemwindow #score { width:76px; height:61px; margin-top:5px; background:url('../images/stemmen.png') 0 0 no-repeat; clear:both; float:left; color:#fff; font:bold 18px "Courier New", Courier, monospace; }
#content #stemwindow #score div { font-size:14px; text-align:center; }
#content #stemwindow #score #aantal_stemmen { font-size:30px; padding-top:4px; }
#content #stemwindow .submit { width:76px; height:24px; background:url('../images/stem.png') 0 0 no-repeat; color:#fff; font:bold 18px "Courier New", Courier, monospace; padding:0; border:none; cursor:pointer; }
#content .act #stem { width:384px; height:105px; padding:60px 10px 10px 25px; margin-bottom:10px; background:url('../images/action_stem.png') 0 0 no-repeat; }
#content .act #stem a { display:block; float:left; width:180px; height:100px; margin-right:10px; position:relative; }
#content .act #stem a img { position:absolute; z-index:1; }
#content .act #stem span { display:block; position:absolute; z-index:2; left:31px; top:50px; color:#fff; font:bold 11px "Courier New", Courier, monospace; }
#content .act #doen { width:404px; height:70px; padding:80px 10px 10px 25px; background:url('../images/action_doen.png') 0 0 no-repeat; }
#content .act #doen a { display:block; float:left; width:183px; height:51px; margin-right:10px; }
#content .act #doen span { display:block; position:absolute; z-index:2; width:170px; left:4px; top:12px; color:#fff; font:bold 16px "Courier New", Courier, monospace; text-align:center; }
/* E-CARD
=========================================== */
#e-card { padding:5px; border:solid #000 1px; }
#e-card #ecard-image { max-width:438px; margin-bottom:10px;}
#colors, #positions { width:360px; padding:10px; display:none; position:absolute; background-color:white; border:solid black 1px; z-index:100; }
#color, #position { position:relative; float:left; width:16px; height:16px; padding:2px; margin:0 3px; border:solid orange 1px; background:url('../images/icon-color.png') 2px 2px no-repeat; cursor:pointer; }
#positions { width:auto; }
#position { background:url('../images/icon-position.png') 2px 2px no-repeat; }
.gradient { display:none; position:absolute; width:120px; height:120px; left:0; top:0; z-index:0; }
* html .gradient { left:-10px; top:1px; }
/* =Ringtones en Wallpapers
=========================================== */
#col2a {width:440px; float:left; margin:0 0 0 0;}
#col2b {width:202px; float:right;}
.module {margin:1em 0; width:220px; height:70px; float:left;}
.module h4, .module h5 {font-size:100%; font-family:verdana,sans-serif,helvetica,arial; line-height:120%; margin:2px 0;}
.thumb {width:60px; float:left; background:#9e9e9e;}
.icon-ringtone {width:40px; height:40px; float:left; margin-left:-3px; background:transparent url(../images/headphone.gif) no-repeat 0 0; }
.details {float:left; width:121px; margin-left:5px;}
#col2b .details {width:121px; }
.myhr {background:transparent url(../images/horizontalline.gif) repeat-x 0 0; height:3px;}
.myhr hr{display:none;}
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix {display:inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height:1%;}
.clearfix {display:block;}
/* End hide from IE-mac */
span.start_lifestylecheck {color:#fff;}
div.ecard_col_img {width:120px; position:relative; float:left; margin-right:10px; margin-bottom:10px; margin-top:10px;}
div.ecard_col_info {width:320px; position:relative; float:left; margin-top:10px; margin-bottom:10px;}
div.verzend_ecard {}
a.small {width:110px !important;}
div.uitslag_bar {width:445px;text-align:left;}
div.uitslag_bar span {float:left;}
.movieplayer {width:315px; height:252px;}
.movieplayer_breed {width:360px; height:208px;}
.moviecontainer {float:left; margin:0px; background-color:#ccc; padding:5px; }
.moviecontainer2 {float:right; margin:0px; background-color:#ccc; padding:5px; }
.moviecontainer p{ font-weight:bold; margin:6px 0 0 0 ; padding:2px; float:left; width:300px; display:inline;}
.moviecontainer2 p{ font-weight:bold; margin:6px 0 0 0 ; padding:2px; position:relative;}
.moviecontainer p span { background-image:url(../video/stills/moviecontrol.gif); background-repeat:no-repeat; background-position:right 0px; height:25px; width:42px; float:right; margin-top:0px;}
.moviecontainer span { margin-left:15px; background-image:url(../video/stills/moviecontrol.gif); background-repeat:no-repeat; background-position:right 5px; height:25px; width:42px; float:left; margin-top:0px;}
.moviecontainer2 p span {background-image:url(../video/stills/moviecontrol.gif); background-repeat:no-repeat; background-position:right; height:25px; width:200px; position:absolute; margin-top:-3px;}
div#postcard_back_wrapper {position:relative;}
div.postcard_back_text {position:absolute; width:200px; height:200px; top:44px;left:12px;}
div.postcard_back_address {position:relative; width:172px; height:20px; bottom:+341px;left:255px; font-size:12px; font-family:Verdana;}
div.ecard {width:100%; margin:0 0 10px 0; padding:0px; border-top:1px solid #E8E8E8;}
div.ecard div.text { margin-bottom:10px; font-weight:bold;}
div.ecard div.text div { font-weight:normal;}
div.ecard div.link { margin:8px 0;}
h1.ecard {font-size:14px;}
div.maak_ecard_achterkant {position:relative; top:0;}
/* google maps*/
div#map { width:450px; height:300px; }