textarea.debug {
width:500px;
height:300px;
border:1px groove red;
}


body {
margin:0;
padding:0;
text-align:center;
background:#F1F1F3 url(/images/aanmelden/body-bg.gif) center repeat-y;
font-family: verdana, "sans-serif";
font-size: 13px;
color:black;
}

.floatContainer {
overflow:hidden;
}

.alignright {
float:right;
}

.alignleft {
float:left;
}

h1 {
display:none;
}


h2 {
color: #408292;
font-size: 18px;
font-weight:normal;
margin:30px 0px 0px 0px;
padding:2px 0px 2px 18px;
background: transparent url(/images/aanmelden/h2-bg.gif) 0px 3px no-repeat;
}

h3 {
color: #408292;
font-size: 14px;
font-weight:bold;
margin:10px 0px 0px 0px;
padding:2px 0px 2px 18px;
}

.req{
color: #408292;
}


#page {
margin:0px auto;
width: 786px;
text-align:left;
position:relative;
}

/* start: bottomBar */
#bottomBar p {
text-align:center;
margin:5px 0px 0px;
}

#bottomBar p.links{
padding:5px 5px 0px;
margin:0px;

}

#bottomBar p.links span{
border-width: 0px 1px 0px 0px;
border-color: silver;
border-style: solid;
}

#bottomBar a:link, #bottomBar a:visited  {
color:#4B4B4B;
margin:5px 5px 0px;
border-width: 0px 0px 1px 0px;
border-color: #ADADAD;
border-style: solid;
text-decoration:none;
background: transparent;
}

#bottomBar a:active {
color:#E7712B;
border-width: 0px 0px 1px 0px;
border-color: gray;
border-style: solid;
text-decoration:none;
background: transparent;
}

#bottomBar a:hover{
color:gray;
border-width: 0px 0px 1px 0px;
border-color: gray;
border-style: solid;
text-decoration:none;
background: transparent;
}
/* end: bottomBar */

#alertmessage {
position: absolute;
top:220px;
z-index:500;
background: transparent url(/images/aanmelden/alertmsg-bg.png) 0px 0px no-repeat;
width:500px;
height:200px;
margin-left:140px;
}

* html #alertmessage{
	background-image: url(whatever.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/aanmelden/alertmsg-bg.png", sizingMethod="scale");
	}

#alertmessageContent {
position: absolute;
top:220px;
z-index:501;
width:500px;
height:200px;
margin-left:140px;

}

#alertmessageContent p {
padding:10px;
margin:10px;
}

a.arrow {
background: transparent url(/images/aanmelden/verder.gif) right 4px no-repeat;
padding-right:17px;
}

a.arrow-down {
background: transparent url(/images/aanmelden/down.gif) right 4px no-repeat;
padding-right:17px;
}

#waas{
position: absolute;
top:0;
left:0;
background: url(/images/aanmelden/transpix.gif);
width:100%;
height:100%;
z-index:499;
}

* html #waas {
height:720px;
overflow:hidden;
}

#newHeader {
background:white url(/images/aanmelden/newHeader-bg.gif) bottom no-repeat;
height:77px;
}

#qscsLogo {
margin-left:10px;
}

ul.channels {
margin:0px;
padding:0px;
}

ul.channels li {
list-style-type:none;
list-style-image:none;
margin-left:0px;
margin-right:20px;
}

ul.channels li a:link, ul.channels li a:visited {
padding-left:130px;
display:block;
color:#10709E;
text-decoration:none;
border-bottom: 1px solid silver;
background:white;
padding-bottom:20px;

}

ul.channels li.qcsVisual a{
background:white url(/images/aanmelden/qcs/visual.jpg) 1px 1px no-repeat;
}

ul.channels li.qcsVisual a:hover{
background:#efefef url(/images/aanmelden/qcs/visual.jpg) 1px 1px no-repeat;
}

ul.channels li.uu a{
background:white url(/images/aanmelden/deelnemers/uu.gif) 1px 1px no-repeat;
}

ul.channels li.uu a:hover{
background:#efefef url(/images/aanmelden/deelnemers/uu.gif) 1px 1px no-repeat;
}

ul.channels li.tue a{
background:white url(/images/aanmelden/deelnemers/tue.gif) 1px 1px no-repeat;
}

ul.channels li.tue a:hover{
background:#efefef url(/images/aanmelden/deelnemers/tue.gif) 1px 1px no-repeat;
}

ul.channels li.uva a {
background:white url(/images/aanmelden/deelnemers/uva.gif) 1px 1px no-repeat;
}

ul.channels li.uva a:hover {
background:#efefef url(/images/aanmelden/deelnemers/uva.gif) 1px 1px no-repeat;
}

ul.channels li.tud a{
background:white url(/images/aanmelden/deelnemers/tud.gif) 1px 1px no-repeat;
}

ul.channels li.tud a:hover {
background:#efefef url(/images/aanmelden/deelnemers/tud.gif) 1px 1px no-repeat;
}

ul.channels li.vu a{
background:white url(/images/aanmelden/deelnemers/vu.gif) 1px 1px no-repeat;
}

ul.channels li.vu a:hover {
background:#efefef url(/images/aanmelden/deelnemers/vu.gif) 1px 1px no-repeat;
}

ul.channels li.ut a {
background:white url(/images/aanmelden/deelnemers/ut.gif) 1px 1px no-repeat;
}

ul.channels li.ut a:hover {
background:#efefef url(/images/aanmelden/deelnemers/ut.gif) 1px 1px no-repeat;
}

#carouselContainer {
position:relative;
}

.carouselBox {
position:absolute;
left:0px; 
top:0px;
display:block;
background:white;
}

#carouselBox2, #carouselBox3, #carouselBox4, #carouselBox5, #carouselBox6 {
display:none;
}

#pakketten{
overflow:hidden; 
}

#verzonden {
padding: 0px 10px 10px 14px;
height:96px;
}

#verzondenMsg {
padding: 0px 10px 10px 50px;
margin-left:3px;
}

#verzondenMsg img {
float:left;
margin-right:10px;
}

#verzonden p {
padding: 0px;
}

.uitlegEmail {
background: transparent url(/images/aanmelden/envelop.gif) 18px 2px no-repeat;
padding: 0px 10px 10px 50px;
}

#qompasLogo {
margin:10px 10px 0px 0px;
position:absolute;
left: 600px;
top:5px;
z-index:100;
}

#headerSlideShow {
z-index:1;
}

a img{
border: 0px;
}

#deelnemers {
text-align:center;
}

.deelnemerItem {
margin-bottom:15px;
padding-bottom:10px;
}

.deelnemerLink {
font-size:11px;
color:#10709E;
}

.deelnemerTemp {
height:600px;
}

#content {
background:white url(/images/aanmelden/content-lb.gif) 0px 0px no-repeat;
margin:0px;
padding:0px;
margin-bottom:73px;
}

.content {
margin:0px 0px 10px;
}

#topright {
float:right;
margin:0px 13px;
background:white;
width:360px;
height:80px;
}

#firstContent {
background:transparent url(/images/aanmelden/content-rb.gif) top right no-repeat;
height:25px;
}

#content p, #contact p, .content p{
line-height: 24px;
margin:0px;
padding:18px 18px 10px;
text-align:justify;
color:#494949;
}

.content p {
font-size:14px;
line-height: 24px;
color:#333333;
}

#contact {
}

p a:link {
color:#10709E;
text-decoration:none;
border-bottom: 1px solid silver;
}

p a:visited {
color:#10709E;
text-decoration:none;
border-bottom: 1px solid silver;
}

p a:active {
color:#10709E;
text-decoration:none;
border-bottom: 1px solid #10709E;
}

p a:hover {
color:#10709E;
text-decoration:none;
border-bottom: 1px solid gray;
}

.emph {
color:#10709E;
font-size:110%;
}

#adresBox {
float:right;
margin: 6px 10px 10px 10px;
padding:0px;
background:#E7E7E7;
}

#bottomBar{
margin:0px auto;
width: 786px;
background: #D0D0D0 url(/images/aanmelden/footer-bg.gif) bottom repeat-x;
font-size: 11px;
padding: 5px 0px;
color:#616161;
line-height:20px;
}

#footer p {
margin:0px;
padding:5px 0px 0px;
}

#footer a {
color:#616161;
text-decoration:none;
}

#footer a:hover {
text-decoration:none;
}

/*#deelnemers2 {
text-align:center;
background: #B0B0B0;
padding:10px;
}*/

#deelnemers3 { /*de opvolger van deelnemers2*/
	border-left:1px solid #B0B0B0;
	border-top:1px solid #B0B0B0;	
	padding:0px;
	border-collapse:collapse;
	margin:0px 15px 10px;
	}

#deelnemers3 td, #deelnemers3 th {
	border-right:1px solid #B0B0B0;
	border-bottom:1px solid #B0B0B0;	
	padding:5px;
}

#deelnemers3 td {
	text-align:right;
	font-size:14px;
}

#deelnemers3 th {
	text-align:center;
	font-size:14px;
}

#deelnemers3 td.radioInput {
	text-align:center;
}

td.prijzen {
width:120px;
font-size:14px;
}

td.meerJarigeKorting {
vertical-align:bottom;
font-size:14px;
}

td.meerJarigeKorting table {
float:right;
border:0;
}

#deelnemers3 td.meerJarigeKorting table td, #deelnemers3 td.meerJarigeKorting table th{
border:0px;
text-align:left;
}

.pricetagEuro {
float:left;
font-size:14px;
}

.pricetag {
width:100px;
float:right;
font-size:14px;
}

.deelnemerBox{
background: transparent url(/images/aanmelden/deelnemerBox/content.gif) 0px 0px repeat-y;
margin-bottom:7px;
}

.deelnemerBox h3 {
display:none;
}

.deelnemerTop{
background: transparent url(/images/aanmelden/deelnemerBox/top.gif) 0px 0px no-repeat;
}

.deelnemerTop img {
margin:10px 0px 0px;
}

.deelnemerFooter{
background: transparent url(/images/aanmelden/deelnemerBox/footer.gif) 0px 0px no-repeat;
height: 44px;
}

.deelnemerFooter p {
margin: 0px 0px 0px; 
padding: 10px 0px 0px;
}

.powered{
float:right;
width:144px;
height:24px;
background: transparent url(/images/aanmelden/powered.gif) 0px 0px no-repeat;
margin-right:16px;
}

.tagline{
color: gray;
font-weight:bold;
font-style:italic;
margin-bottom:5px;
height:24px;
padding-top:2px;
/*margin-left:144px;*/
}

.pakket {
text-align:left;
margin: 0px 3px 0px 3px;
padding: 10px 5px 10px 5px;
}

label{
cursor:pointer;
}


.pakketWrapper { 
/*2 redenen: 
  - ie zet anders de boxen niet lekker naast elkaar (width + leftmargin)
  - bottomMargin voorkomen (jaja, een negatieve marge). wordt genegeerd door FF
  */
margin:0px 0px -13px 10px;
width: 776px;
}

.pakketBox {
width: 376px;
float: left;
margin:0px 10px 0px 0px;
}

.pakketBox h3 {
background: transparent none 0px 0px no-repeat;
color:white;
margin:0px;
padding:5px 10px;
/*border-bottom: 1px solid white;*/
font-size:15px;
}

.pakketBoxPrijs {
background:#EEEEEE;
text-align:right;
padding: 5px 10px;
color: gray;
font-weight:bold;
border-bottom: 1px solid silver;
}

.pakketBoxContents {
background:#EEEEEE;
min-height:200px;
margin-bottom:10px;
}

.pakketBoxBorder {
/*border-color:#237b93;
border-style:solid;
border-width: 0px 1px 1px;*/
}

*html .pakketBoxBorder {
/*border-width: 0px 1px 3px;*/
}

.subgroup1 {
background:#d5d5d5;
height:180px;
padding:5px 10px;
}

.subgroup2 {
background:#e3e3e3;
height:70px;
padding:5px 10px;
}

.subgroup3 {
height:100px;
padding:5px 10px;
}

.pakketBoxContents img {
float:left;
margin-left:0px;
margin-right: 10px;
margin-bottom:30px;
}

.content ul {
margin-top:5px;
margin-bottom:40px;
margin-left: 18px;
padding-left: 0px;
}

.content li {
margin: 0px 0px 20px 18px;
list-style-image: url(/images/aanmelden/listItems/default.gif);
}

.pakketBoxContents ul {
margin-left: 43px;
padding-left: 0px;
margin-top:0px;
}

.pakketBoxContents li {
margin: 0px 0px 5px 28px;
}

* html .pakketBoxContents li {
margin-left: 73px; 
}

.ul2 li {
list-style-image: url(/images/aanmelden/listItems/1.gif);
}

.ul3 li, .ul6 li  {
list-style-image: url(/images/aanmelden/listItems/2.gif);
}

.ul4 li, .ul7 li {
list-style-image: url(/images/aanmelden/listItems/3.gif);
}

form {
margin:0px;
}

#navigation-top{
background: transparent url(/images/aanmelden/tabs/1-top-off-bg.gif) 0px 0px no-repeat;
}

#navigation-bottom {
height:90px;
background: transparent url(/images/aanmelden/tabs/off-bg.gif) 0px 0px repeat-x;
}

acronym {
cursor: help;
border-bottom: 1px dotted #237291;
}

.offtab{ 
display:block;
width:257px;
height:90px;
float:left;
}

.offtab img{
margin: 10px 0px 10px 70px;
}

.nav {
background: transparent url(/images/aanmelden/tabs/3-top-off-bg.gif) top right no-repeat;
height:90px;
}

* html .nav { /*weird shit*/
margin-left:-4px;
}

a.offtab {
color: gray;
font-size:17px;
text-decoration:none;
text-align:center;
}

a:hover.offtab {
color: #237291;
font-size:17px;
text-decoration:none;
}

.offtab span{
display:block;
margin:58px 0px 0px 0px;
}

a#tab-off-1 {
background: transparent url(/images/aanmelden/tabs/1-off.gif) 108px 11px no-repeat;
}

a:hover#tab-off-1 {
background: transparent url(/images/aanmelden/tabs/1-off-over.gif) 108px 11px no-repeat;
}

a#tab-off-2 {
background: transparent url(/images/aanmelden/tabs/2-off.gif) 108px 11px no-repeat;
}

a:hover#tab-off-2 {
background: transparent url(/images/aanmelden/tabs/2-off-over.gif) 108px 11px no-repeat;
}

a#tab-off-3 {
background: transparent url(/images/aanmelden/tabs/3-off.gif) 108px 11px no-repeat;
}

a:hover#tab-off-3 {
background: transparent url(/images/aanmelden/tabs/3-off-over.gif) 108px 11px no-repeat;
}

table.fields, table.selected {
margin-left:15px;
}

table.selected {
margin-bottom:10px;
}

table.fields td {
vertical-align:top;
font-size:14px;
}

table.selected td {
vertical-align:top;
padding-top:5px;
font-size:14px;
}

.doBorder td{
border-bottom: 1px solid silver;
}

.plus {
margin-left:15px;
font-size:18px;
}

table.fields td.list {
background: transparent  url(/images/aanmelden/listItems/default.gif) 3px 3px no-repeat;
width:20px;
height:40px;
}


table.selected td.list {
background: transparent  url(/images/aanmelden/listItems/default.gif) 3px 8px no-repeat;
width:20px;
height:40px;
}

td.tag {
width:200px;
}

td.tagPakket {
width:260px;
font-size:14px;
}

td.field {
vertical-align:top;
width:225px;
}

td.field input { 
width:200px;
}

 td.field select { 
width:208px;
}

td.field .alignleft{
float:left;
}

td.field textarea{
width:200px;
height: 60px;
}

* html td.field textarea{
width:202px;
}

td.field div {
margin:0px;
padding:0px;
width:377px;
}

td.field textarea, td.field input, td.field select, td.field div{
font-family:verdana;
color: #237291;
font-size:14px;
padding: 2px;
}

td.field span, .grayText{
color:gray;
}

td.price {
padding-left:20px;
text-align:right;
padding-right:5px;
}

td.korting {
height:40px;
}

td.totaalTag, .totaalTag {
font-weight:bold;
height:40px;
}

tr.totaalRuler td {
border-top:2px solid black;
}

td.alert{
width:20px;
}

td.alert div {
width:220px;
height:15px;
}

.alertField {
color:gray;
}

/*span.doBold {
font-weight:bold;
}*/

.inputFilled {
background:transparent url(/images/aanmelden/check.gif) 0px 0px no-repeat;
}

.inputEmpty {
background:transparent url(/images/aanmelden/uncheck.gif) 0px 0px no-repeat;
}

input .readOnly {
background: transparent;
border:0px;
font-family: verdana;
}


.fadeHidden {
opacity:0;
-moz-opacity:0;
-khtml-opacity:0;
filter: alpha(opacity=0);
}

.fadeVisible {
opacity:1;
-moz-opacity:1;
-khtml-opacity:1;
filter: alpha(opacity=100);
}


p.contentnavigatie {
background: transparent url(/images/aanmelden/tabs/off-bg.gif) 0px 0px repeat-x;
margin:0px 13px 0px;
padding:10px;
}

a img{
border:0px;
}