/* Basis elementen en hoofdelementen -----------------------------------------*/

body {
padding				: 0px;
margin				: 0px;
font-family			: Arial, Helvetica, sans-serif;
background			: #FFF url(../img/bg_main.gif) repeat-x;
color				: #333;
}

h1 {
font-size				: 1.44em;
font-weight			: bold;
line-height			: 0em;
padding				: 0px;
margin				: 0px;
color				: #19b1e4;
letter-spacing			: -0.06em;
}

h2 {
font-size				: 1.44em;
font-weight			: bold;
line-height			: 1em;
padding				: 0px 0px 15px 0px;
margin				: 0px;
color				: #19b1e4;
letter-spacing			: -0.06em;
}

h3 {
font-size				: 1.44em;
font-weight			: bold;
line-height			: 1em;
padding				: 2px 4px;
margin				: 0px;
color				: #19b1e4;
letter-spacing			: -0.06em;
}

h4 {
font-size				: 1em;
font-weight			: bold;
line-height			: 1em;
padding				: 2px 0px;
margin				: 0px;
color				: #19b1e4;
}

p {
font-size			: 0.75em;
font-weight			: normal;
line-height			: 1.4em;
padding				: 0px 0px 1em 0px;
margin				: 0px;
color				: #333;
}

a {
text-decoration		: none;
color				: #19b1e4;
}

a:hover {
text-decoration		: underline;
color				: #000000;
}

a:visited {
text-decoration		: #333;
}

h1 span, h2 span {
display				: none;
}

.leftpane ul,
.leftpane ol {
font-size				: 0.75em;
padding				: 0px;
margin				: 0px 0px 20px 15px; 
}

.leftpane ul {
list-style			: square;
}

.leftpane ul li,
.leftpane ol li {
padding				: 2px 0px;
margin				: 0px;
}

hr {
color				: #19b1e4;
background-color		: #19b1e4;
height				: 1px;
border				: none;
}


/* Admin balk ------------------------------------*/
#admin_block {
width					: 100%;
heigth					: 14px;
position				: absolute;
top						: 0;
right					: 0;
text-align				: right;
color					: #000;
font-size				: 10px;
z-index				:100;

}

#admin_block span {
background-color		: #19b1e4;
margin					: 2px 7px;
padding					: 5px;
border-bottom			: solid 0px #000;
border-left				: solid 0px #000;
border-right			: solid 0px #000;
}
	
#admin_block span a {
color					: #FFF;
font-size				: 10px;	
}

/* Layout -----------------------------------------*/

.container {
position				: absolute;
width				: 900px;
min-height			: 100%;
height				: auto !important; /* voor moderne browsers */
height				: 100%; /* voor IE */
margin				: auto;
padding				: 0px 10px;
left					: 50%;
margin-left			: -460px;
}

.header {
margin				: 0 auto;
width				: 960px;
height				: 141px;
background-position		: top;
background-repeat		: repeat-x;
}

.logo {
padding				: 10px 0px 19px 0px;
}

.content {
width				: 960px;
margin				: 0 auto;
}

.leftpane {
float				: left;
display				: inline;
width				: 523px;
padding				: 0px 47px 0px 0px;
margin				: 21px 0px 0px 0px;
}

.leftpane_wide {
float				: left;
display				: inline;
width				: 753px;
padding				: 0px 47px 0px 0px;
}

.middlepane {
float				: left;
display				: inline;
width				: 230px;
}

.rightpane {
float				: left;
display				: inline;
width				: 136px;
}

/* Nieuws ----------------------------------------- */

.nieuws {
float				: left;
border-bottom			: 32px solid #FFF;
}

.nieuwsitem {
float				: left;
display				: inline;
width				: 523px;
background-repeat		: no-repeat;
background-position		: left top;
}

.nieuwsitem img {
float				: left;
display				: inline;
width				: 150px;
height				: 100px;
margin				: 0px 15px 5px 0px;
}

.nieuwsitem h3 {
float				: left;
display				: inline;
margin				: 12px 0px 2px 119px;
width				: 380px;
background-color		: #FFF;
}

.nieuwsitem h3 span {
font-size				: 0.8em;
font-weight			: normal;
color				: #bbb;
}

.nieuwsitem .less {
float				: right;
display				: inline;
margin				: 3px 3px 0px 0px;
width				: 360px;
}

.nieuwsitem .more {
float				: right;
display				: inline;
margin				: 3px 3px 0px 0px;
width				: 360px;
display				: none;
}

.nieuwsitem .overlay {
float				: left;
display				: inline;
margin-top			: 15px;
width				: 523px;
height				: 20px;
background			: url(../img/bg_newsbar.png) no-repeat;
}

.nieuwsitem .overlay a {
float				: right;
margin				: 0px;
}

.nieuwsitem .overlay img {
float				: right;
width				: auto;
height				: auto;
margin				: 0px;
}


/* Inleiding Home -----------------------------------------*/

.inleiding p {
font-size				: 0.75em;
padding				: 4px 0px 0.6em 0px;
}

/* Links -----------------------------------------*/

a.link {
display				: block;
background-position		: 0px 0px;
}

a.link:hover {
display				: block;
background-position		: 0px 0px;
}

a.ticket {
width				: 187px;
height				: 186px;
background			: url(../img/link_ticket.gif) no-repeat;
}

a.ticket:hover {
background-position		: 0px -186px;
}

a.winner {
width				: 187px;
height				: 186px;
background			: url(../img/link_winner.gif) no-repeat;
}

a.winner:hover {
background-position		: 0px -186px;
}

a.inzenden {
width				: 187px;
height				: 186px;
background			: url(../img/link_inzenden.gif) no-repeat;
}

a.inzenden:hover {
background-position		: 0px -186px;
}

.tweet {
width				: 195px;
height				: 52px;
background			: url(../img/link_tweet.gif) no-repeat;
}

a.tweet:hover {
background-position		: 0px -52px;
}

.tellafriend {
width				: 170px;
height				: 42px;
background			: url(../img/link_tellafriend.gif) no-repeat;
}

a.tellafriend:hover {
background-position		: 0px -42px;
}

.daagjeconcurrentuit {
width				: 218px;
height				: 38px;
background			: url(../img/link_daagjeconcurrentuit.gif) no-repeat;
}

a.daagjeconcurrentuit:hover {
background-position		: 0px -38px;
}

.spreadthebest {
width				: 182px;
height				: 49px;
background			: url(../img/link_spreadthebest.gif) no-repeat;
}

a.spreadthebest:hover {
background-position		: 0px -49px;
}

.followusattwitter {
width				: 134px;
height				: 20px;
background			: url(../img/link_followusattwitter.gif) no-repeat;
}

a.followusattwitter:hover {
background-position		: 0px -20px;
}

.followusatflickr {
width				: 115px;
height				: 20px;
background			: url(../img/link_followusatflickr.gif) no-repeat;
}

a.followusatflickr:hover {
background-position		: 0px -20px;
}

.banner_date {
width				: 136px;
height				: 186px;
background			: url(../img/link_event.gif) no-repeat;
}

a.banner_date:hover {
background-position		: 0px -186px;
}

.getyourticketnow {
width				: 136px;
height				: 77px;
background			: url(../img/link_getyourticketnow.gif) no-repeat;
}

a.getyourticketnow:hover {
background-position		: 0px -77px;
}

.stayinformed {
width				: 136px;
height				: 85px;
margin-bottom			: 31px;
background			: url(../img/link_stayinformed.gif) no-repeat;
}

a.stayinformed:hover {
background-position		: 0px -85px;
}

/* Twitter feed -----------------------------------------*/

.twitterfeed {
margin-top			: 9px;
width				: 215px;
}

.twitterfeed p {
/*font-size			: 0.88em;*/
line-height			: 1.4em;
padding: 5px 0px 0px 0px;
}

.twitterfeed a {
text-decoration		: none;
}

.twitterfeed a:hover {
color				: #000;
text-decoration		: underline;
}

/* Flickr feed -----------------------------------------*/

.flickrfeed {
margin				: 15px 0px;
width				: 215px;
}


/* Sponsors -----------------------------------------*/

.sponsor {
margin				: 2px 0px 8px 0px;
}


/* Content / FAQ links / Inzenden-----------------------------------------*/

ul.contentlink {
list-style			: none;
padding				: 0px;
margin				: 0px; 
}

ul.contentlink li {
margin				: 0px;
padding				: 8px 0px;
line-height			: 1.44em; 
}

ul.contentlink li p {
font-size				: inherit;
padding				: 8px 12px;
}

ul.contentlink li a {
padding				: 2px 8px 2px 12px;
background			: #f7f7f7 url(../img/bg_contentlink.gif) no-repeat;
text-decoration		: none;
font-size				: inherit;
}

ul.contentlink li a.nostyles {
padding				: 0px;
background			: none;
text-decoration		: underline;
font-size				: inherit;
}

ul.contentlink li a:hover {
text-decoration		: none;
color				: #fff;
background-color		: #19b1e4;
}

ul.contentlink li a.nostyles:hover {
text-decoration		: underline;
color				: #19b1e4;
background			: none;
}

ul.categories {
float				: left;
clear				: both;
margin-bottom			: 20px;
width				: 750px;
}

ul.categories li {
float				: left;
width				: 250px;
}
 
ul.categories_pdf {
float				: left;
clear				: both;
list-style			: none;
padding				: 0px;
margin				: 0px; 
}

ul.categories_pdf li {
float				: left;
width				: 350px;
margin				: 0px;
padding				: 8px 0px;
line-height			: 1.44em; 
}

ul.categories_pdf li a {
padding				: 2px 8px 2px 27px;
color				: #000;
background			: url(../img/bg_contentlink_pdf.gif) no-repeat;
text-decoration		: none;
font-size				: inherit;
} 

ul.categories_pdf li a:hover {
text-decoration		: underline;
} 


/* Inschrijfformulier -----------------------------------------*/

.form_error_highlight {
border				: solid 1px #19b1e4;
}

.form_error_msg { 
font-size				: 0.88em;
font-weight			: bold;
}

table input {
font-family			: Arial, Helvetica, sans-serif;
font-size				: inherit;
width				: 300px;
border				: 1px solid #CCC;
padding				: 2px;
}

table textarea {
font-family			: Arial, Helvetica, sans-serif;
font-size				: inherit;
width				: 430px;
border				: 1px solid #CCC;
padding				: 2px;
}

form.send_to input,
form.send_to textarea {
color				: #FFF;
background-color		: #000000;
}

form.send_to input.button {
color				: #000 !important;
background-color		: #DDD !important;
}

table .checkbox {
width				: auto !important;
}

form td,
table.bevestig_inschrijving td {
font-size				: 0.75em;
padding				: 6px 13px 6px 0px;
vertical-align			: top;
}

form td.form_label {
width				: 300px;
color				: #19b1e4;
}

table.inzending_small td.form_label {
width				: 130px;
color				: #19b1e4;
}

.form_field_description { 
color				: #333;
}

.form_tellfriend textarea {
width				: 400px;
}

form.send_to .button {
margin-left			: 104px;
}

#akkoord {
display: inline;
}



/* Stap 5 upload files ----------------------*/
#uploaded_files {
clear				: both;	
margin				: 0 0 20px 0;
}

#uploaded_files .upload {
width				: 200px;
height				: 120px;
border				: 1px solid #19b1e4;
padding				: 3px;
margin				: 3px;
float				: left;
text-align			: center;
}

#uploaded_files .upload p{
height				: 85px;
padding				: 0;
margin				: 0;
}
#uploaded_files .upload a {
font-size				: 10px;
text-decoration		: none;
}
#form_stap5 {
clear				: both;
margin				: 20px 0;
}

#SWFUpload_Console{
position				: absolute;
z-index				: 999;
bottom 				: 0;
right				: 0;
height				: 300px;
width 				: 500px;
}

.flash {
border				: 1px solid #ccc !important;
font-size				: 0.75em;
font-weight			: bold;
margin				: 10px 0px;
}


.login p {
display				: none;
}
.login {
font-size				: 11px;	
}


#flashmsg_container {
margin-left				: 30px;
padding					: 0px;
width					: 600px;
float: left;

}


#flashmsg {
background-image		: url(../img/ico_flashmessage.png);
background-position		: 3px 0px;
background-repeat		: no-repeat;
text-align				: left;
color					: #4AC7E6;
font-size				: 12px;
height					: 30px;
padding					: 15px 5px 5px 40px;
margin 					: 5px 0 0 -30px;
}

/* Pers-pagina -----------------------------------------*/

.pers_loggedin .log_off {
float				: right;
font-size				: 0.75em;
}

.pers_loggedin h4 {
padding				: 25px 0px 4px 0px;
color				: #333;
}

.pers_loggedin p {
font-size				: 0.75em;
padding				: 2px 0px;
}

.pers_loggedin hr.line {
border-color			: #19b1e4 -moz-use-text-color #19b1e4;
border				: 1px solid none;
height				: 1px;
margin				: 0px;
padding				: 0px;
}

.pers_loggedin p {
padding: 4px 0 4px 30px;	
}

.pers_loggedin p.award {
background-image: url("../img/award.gif");
background-repeat: no-repeat;
xbackground-position: -20px 0;
}