@charset "utf-8";
/* CSS Document */

/* CLEARFIX */
.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 */

body {margin: 0; font-size: 100%; font-family: Scada, Arial, Helvetica, sans-serif; text-align: center; padding: 0 0 100px 0;}
h1 {margin: 0 0 0.5em 0; font-size: 197%; font-family: Open Sans Condensed, Arial, Helvetica, sans-serif; text-transform: uppercase;}
h2 {margin: 0; font-size: 131%; font-family: Open Sans Condensed, Arial, Helvetica, sans-serif; text-transform: uppercase;}
h3 {margin: 0; font-size: 116%; font-family: Open Sans Condensed, Arial, Helvetica, sans-serif; text-transform: uppercase;}
a:LINK, a:VISITED {text-decoration: underline;}
a:HOVER, a:ACTIVE {text-decoration: none;}
p {margin: 0 0 1em 0;}
abbr {border: 0;}

table {width: 100%; padding: 0; border-collapse: collapse;}
th {padding: 5px;}
td {padding: 5px;}

form {margin: 0;}
label {float: left; width: 180px; font-weight: bold;}
label.inline {float: none; width: auto; font-weight: normal;}
label.inline.next {float: none; width: auto; margin-left: 20px;}
.formrow {margin-bottom: 10px;}
input, select, textarea {border: 1px solid #ccc; font-size: 100%; padding: 3px; font-family: Scada, Arial, Helvetica, sans-serif;}
input:FOCUS, select:FOCUS, textarea:FOCUS {border: 1px solid #666;}
select {width: 240px;}
textarea {width: 400px; height: 140px;}
.formhint {margin-left: 180px; margin-top: 3px; font-style: italic; background: url("/_inc/css/img/icon_info.png") no-repeat center left; padding-left: 20px; color: #0062C8;}
.formerror, .formerror:FOCUS {border: 1px solid #e00; border-right: 2px solid #e00; border-bottom: 2px solid #e00;}
.formblock {float: left; width: 500px;}
.mandatory:BEFORE {content: "* "; font-weight: normal;}
legend {font-weight: bold; color: #ee1c25;}
fieldset {margin-bottom: 16px; border: 1px solid #ee1c25;}
form.extended label {float: none; width: auto; display: block;}
form.extended textarea {width: 600px; height: 100px;}
form.extended label.inline {display: inline;}

img, a img {border: 0;}

.error {background: #ce0100 url("/_inc/css/img/bg_error.png") repeat-x; color: #fff; font-weight: bold; padding: 5px; border: 1px solid #bb0500; margin-bottom: 10px;}
.error p {background: url("/_inc/css/img/icon_error.png") no-repeat; padding-left: 20px; margin: 0;}

.success {background: #028d00 url("/_inc/css/img/bg_success.png") repeat-x; color: #fff; font-weight: bold; padding: 5px; border: 1px solid #047700; margin-bottom: 10px;}
.success p {background: url("/_inc/css/img/icon_success.png") no-repeat; padding-left: 20px; margin: 0;}

.warning {background: #fec006 url("/_inc/css/img/bg_warning.png") repeat-x; color: #666; font-weight: bold; padding: 5px; border: 1px solid #cc9900; margin-bottom: 10px;}
.warning p {background: url("/_inc/css/img/icon_warning.png") no-repeat; padding-left: 20px; margin: 0;}

.info {background: #c9d8dd url("/_inc/css/img/bg_info.png") repeat-x; color: #666; font-weight: normal; padding: 5px; border: 1px solid #ccc; margin-bottom: 10px;}
.info p {background: url("/_inc/css/img/icon_info.png") no-repeat; padding-left: 20px; margin: 0;}

.error a, .success a {color: #fff;}
.warning a, .info a {color: #666;}

.submitknop {margin: 10px 0 0 180px;}





#canvas, #innertopbar, #innerfooter {width: 960px; margin: 0 auto; text-align: left;}
#topbar {background-color: #444; padding: 3px;}
#innertopbar p {margin: 0;}
#ouders p {text-align: right;}
#home {width: 300px; float: left;}
#ouders {width: 300px; float: right;}
#innertopbar ul {list-style-type: none; margin: 0; padding: 0;}
#innertopbar ul li {display: inline; margin: 0 24px 0 0;}
#innertopbar a {color: #eee;}
a.login_ouders {background: url("/_inc/css/img/login_ouders.png") no-repeat center left; text-decoration: none; color: #eee; font-family: Open Sans Condensed, Arial, Helvetica, sans-serif; text-transform: uppercase; padding: 0 0 0 22px; font-weight: bold;}
a.home {background: url("/_inc/css/img/app_home.png") no-repeat center left; text-decoration: none; color: #eee; font-family: Open Sans Condensed, Arial, Helvetica, sans-serif; text-transform: uppercase; padding: 0 0 0 24px; font-weight: bold;}
a.logout {background: url("/_inc/css/img/app_logout.png") no-repeat center left; text-decoration: none; color: #eee; font-family: Open Sans Condensed, Arial, Helvetica, sans-serif; text-transform: uppercase; padding: 0 0 0 22px; font-weight: bold;}

#footer {background-color: #444; position: fixed; left: 0; bottom: 0; width: 100%;}
#footer p {margin: 0;}
#footer a {color: #fff;}
#innerfooter {color: #eee; font-weight: bold; font-family: Open Sans Condensed, Arial, Helvetica, sans-serif; text-transform: uppercase; padding: 4px 0;}
#adres {width: 600px; float: left; padding: 10px 0 0 0; font-size: 93%;}
#phone {width: 300px; float: right;}
#phone p {background: url("/_inc/css/img/bg_phone.png") no-repeat center left; padding: 0 0 0 60px; font-size: 182%;}

#content {padding: 10px;}

#geboortelijst {width: 680px; float: left;}
#geboortelijst table {border-collapse: collapse;}
#bestelling {width: 240px; float: right;}
#bestelling table {font-size: 77%;}
#bestelling table th {background-color: transparent; font-weight: bold; padding: 3px;}
#bestelling table td {padding: 3px;}
table tr.totaal td {border-top: 1px solid #222; font-size: 116%; font-weight: bold;}
#afrekenen {text-align: center; margin: 6px 0 0 0;}


.artikel {font-weight: bold; text-transform: uppercase; font-family: Open Sans Condensed, Arial, Helvetica, sans-serif;}

.gereserveerd {font-weight: bold; color: #f60;}
.verkocht {font-weight: bold; color: #c00;}
.inselectie, .beschikbaar, .betaald {font-weight: bold; color: #090;}

#betaalinformatie {float: left; width: 660px;}
#betaalonline {float: right; width: 240px;}

#par_menu {width: 200px; float: left;}
#par_menu ul {list-style-type: none; margin: 0; padding: 0;}
#par_menu ul li {margin: 0 0 6px 0;}
#par_menu ul li a {font-weight: bold; text-decoration: none;}
#par_menu ul li a:HOVER {text-decoration: underline;}
#par_menu ul li.actief a {font-weight: bold; text-decoration: none;}
#par_content {width: 720px; float: right;}

#orderdetails {font-size: 85%;}
#orderdetails ul {list-style-type: none; margin: 0; padding: 0; border-bottom: 1px solid #222;}
#orderdetails .label {width: 180px; display: inline-block;}
#orderdetails p.totaal {font-weight: bold;}


p.legende {margin: 0 0 6px 0;}
p.legende span {display: inline-block; margin: 0 24px 0 0;}