body { background:url(img/body_background.jpg) top center repeat-x #000000; margin:0; padding:0 0 15px 0; font-family:tahoma; font-size:9pt; color:white;}
a { text-decoration:none; color:#ffae00; }
a:hover { text-decoration:underline; }

#wrapper { width:1024px; margin:0 auto 0 auto; }
#header { width:1024px; height:46px; padding:198px 0 0 0; background:url(img/header_background.jpg) top center no-repeat; margin:0 0 33px 0; }

#navigation { width:1024px; text-align:center; }
#navigation ul { list-style:none; margin:0 auto 0 auto; padding:0; width:916px;}
#navigation ul li { float:left; margin:0 30px 0 0; padding:19px 0 0 0; height:20px; }

#navigation ul li a.home { background:url(img/link_home.png) top center no-repeat; display:block; width:88px; height:20px; behavior: url(iepngfix.htc); }
#navigation ul li a:hover.home { background-position:0px -20px; }
#navigation ul li a.home_active { background:url(img/link_home.png) center -20px no-repeat; display:block; width:88px; height:20px; behavior: url(iepngfix.htc); }

#navigation ul li a.trilcoe { background:url(img/link_trilcoe.png) top center no-repeat; display:block; width:84px; height:20px; behavior: url(iepngfix.htc); }
#navigation ul li a:hover.trilcoe { background-position:0px -20px; }
#navigation ul li a.trilcoe_active { background:url(img/link_trilcoe.png) center -20px no-repeat; display:block; width:84px; height:20px; behavior: url(iepngfix.htc); }

#navigation ul li a.programma { background:url(img/link_programma.png) top center no-repeat; display:block; width:88px; height:20px; behavior: url(iepngfix.htc); }
#navigation ul li a:hover.programma { background-position:0px -20px; }
#navigation ul li a.programma_active { background:url(img/link_programma.png) center -20px no-repeat; display:block; width:88px; height:20px; behavior: url(iepngfix.htc); }

#navigation ul li a.tickets { background:url(img/link_tickets.png) top center no-repeat; display:block; width:51px; height:20px; behavior: url(iepngfix.htc); }
#navigation ul li a:hover.tickets { background-position:0px -20px; }
#navigation ul li a.tickets_active { background:url(img/link_tickets.png) center -20px no-repeat; display:block; width:51px; height:20px; behavior: url(iepngfix.htc); }

#navigation ul li a.inschrijven { background:url(img/link_inschrijven.png) top center no-repeat; display:block; width:150px; height:20px; behavior: url(iepngfix.htc); }
#navigation ul li a:hover.inschrijven { background-position:0px -20px; }
#navigation ul li a.inschrijven_active { background:url(img/link_inschrijven.png) center -20px no-repeat; display:block; width:150px; height:20px; behavior: url(iepngfix.htc); }

#navigation ul li a.sponsoren { background:url(img/link_sponsoren.png) top center no-repeat; display:block; width:75px; height:20px; behavior: url(iepngfix.htc); }
#navigation ul li a:hover.sponsoren { background-position:0px -20px; }
#navigation ul li a.sponsoren_active { background:url(img/link_sponsoren.png) center -20px no-repeat; display:block; width:75px; height:20px; behavior: url(iepngfix.htc); }

#navigation ul li a.gastenboek { background:url(img/link_gastenboek.png) top center no-repeat; display:block; width:85px; height:20px; behavior: url(iepngfix.htc); }
#navigation ul li a:hover.gastenboek { background-position:0px -20px; }
#navigation ul li a.gastenboek_active { background:url(img/link_gastenboek.png) center -20px no-repeat; display:block; width:85px; height:20px; behavior: url(iepngfix.htc); }

#navigation ul li a.contact { background:url(img/link_contact.png) top center no-repeat; display:block; width:55px; height:20px; behavior: url(iepngfix.htc); }
#navigation ul li a:hover.contact { background-position:0px -20px; }
#navigation ul li a.contact_active { background:url(img/link_contact.png) center -20px no-repeat; display:block; width:55px; height:20px; behavior: url(iepngfix.htc); }

.roundbox { width:483px; overflow:hidden; }
.roundbox .top { height:5px; background:url(img/roundbox_top.jpg) top center no-repeat; }
.roundbox .center { background:#0d0d0d; padding:11px 16px 11px 16px; }
.roundbox .bottom { height:5px; background:url(img/roundbox_bottom.jpg) top center no-repeat; }

#content { width:1024px; margin:0 auto 0 auto; overflow:hidden; }

#news { float:left; width:483px; }
.news_item h2 { font-weight:bold; font-size:11pt; margin:0 0 18px 0; padding:0;}
.news_item p { line-height:20px; color:white; margin:0 0 35px 0; padding:0; }

#front_info{ float:left; width:328px; margin:0 0 0 19px; }

#about { border-bottom:1px dashed #787878; padding:0 0 20px 0; }
#about h2 { font-weight:normal; font-size:11pt; margin:17px 0 17px 0; color:#ffae00;}
#about p { margin:0 0 20px 0; padding:0; }

#trilcourant {  padding:20px 0 0 0; }
#trilcourant h2 { font-weight:normal; font-size:11pt; margin:0 0 17px 0; padding:0; color:#ffae00;}
#trilcourant p { margin:0 0 20px 0; padding:0; }
#trilcourant form { width:290px; margin:10px auto 0 auto; }
#trilcourant input.email { width:186px; height:25px; background:url(img/input_background.jpg) center center repeat-x; border:0; margin:0; padding:4px 0 0 4px; float:left;  }
#trilcourant input.submit { width:100px; height:29px; background:url(img/input_background.jpg) center center repeat-x; font-weight:bold; border:0; margin:0; padding:0; float:left; font-size:8pt; }

#sponsoren { float:left; width:194px; text-align:center; }
#sponsoren a img { border:0; margin:0 0 30px 0; }

#gastenboek .headers { text-align:center; width:483px; margin:0 auto 35px auto;}
#gastenboek div.roundbox { overflow:hidden; margin:0 auto 10px auto;}
#gastenboek .center h4 {font-size:11pt; float:left; margin:0 5px 0 0; padding:0;}
#gastenboek .center .datum { font-size:8pt; float:left;  margin:0; padding:0;}
#gastenboek .center p { display:block; clear:both; margin:0; padding:10px 0 0 0; }
#gastenboek h3 { font-size:11pt; color:#ffae00; }
#gastenboek .page_nav { width:483px; margin:0 auto 10px auto; text-align:center; }

.schrijf_bericht { list-style:none; width:600px; margin:0 auto 0 auto; padding:0; }
.schrijf_bericht h2 { font-weight:normal; font-size:11pt; margin:0 0 17px 0; padding:0; color:#ffae00; }
.schrijf_bericht li { min-height:25px; margin:0 0 10px 0; }
.schrijf_bericht label{ display:block; float:left; width:190px; }
.schrijf_bericht input { width:400px; margin:0; padding:0; }
.schrijf_bericht textarea { width:400px; height:100px; margin:0; padding:0; }
.schrijf_bericht div { width:400px; float:left; }
.schrijf_bericht .submit {background:url(img/input_background.jpg) top center repeat-x; width:98px; height:29px; border:0; font-weight:bold;  }


.alert { text-align:left; line-height:22px; width:400px; margin:0 auto 0 auto; color:black; background:white; border:2px dashed #ff7e00; padding:10px; }
.alert h4 { font-size:10pt; }

#wat_is_trilcoe { width:800px; margin:0 auto 0 auto; }
#wat_is_trilcoe h2 { font-weight:normal; font-size:11pt; margin:0 0 17px 0; padding:0; color:#ffae00; }

#fotoalbum img { margin:10px; }
#fotoalbum a img { border-color:white; }
#fotoalbum a:hover img {border-color:#ffae00; }

#contact h2 { font-weight:normal; font-size:11pt; margin:0 0 17px 0; padding:0; color:#ffae00; }
#contact { list-style:none; width:600px; margin:0 auto 0 auto; }
#contact li { min-height:25px; margin:0 0 10px 0; }
#contact label{ display:block; float:left; width:190px; }
#contact input { width:400px; margin:0; padding:0; }
#contact textarea { width:400px; height:100px; margin:0; padding:0; }
#contact div { width:400px; float:left; }
#contact .submit { background:url(img/input_background.jpg) top center repeat-x; width:98px; height:29px; border:0; font-weight:bold;  }

#indicator { text-align:center; font-style:italic; font-size:8pt; padding:10px 0 0 0;}

#front_links { text-align:center; }
#front_links a.festival { display:block; width:351px; height:39px; background:url(img/link_trilcoefestival.jpg) center top no-repeat; }
#front_links a:hover.festival { display:block; width:351px; height:39px; background:url(img/link_trilcoefestival.jpg) center -39px no-repeat; }
#front_links a.trilcrew { display:block; width:293px; height:39px; background:url(img/link_trilcrew.jpg) center top no-repeat; }
#front_links a:hover.trilcrew { display:block; width:293px; height:39px; background:url(img/link_trilcrew.jpg) center -39px no-repeat; }

#andere_style { height:20px; padding:5px; text-align:right; }

.sponsor { width:483px; margin:0 auto 0 auto;}
.sponsor .roundbox .center { padding:2px 16px 2px 16px; }

#sponsor_banner { clear:both; text-align:left; padding:10px 0;}
#sponsor_banner h2 { font-weight:normal; font-size:11pt; margin:0 0 17px 0; padding:0; color:#ffae00; }

.inschrijven h2 { font-weight:normal; font-size:11pt; margin:0 0 17px 0; padding:0; color:#ffae00; }
.inschrijven { list-style:none; width:600px; margin:0 auto 0 auto; }
.inschrijven li { min-height:25px; margin:0 0 10px 0; }
.inschrijven label{ display:block; float:left; width:190px; }
.inschrijven input { width:400px; margin:0; padding:0; }
.inschrijven textarea { width:400px; height:100px; margin:0; padding:0; }
.inschrijven div { width:400px; float:left; }
.inschrijven .submit { background:url(img/input_background.jpg) top center repeat-x; width:98px; height:29px; border:0; font-weight:bold;  }
.inschrijven .reglement ul { height:200px; overflow:auto; }
.inschrijven .checkbox { width:25px; }
.inschrijven .straat { width:200px; }
.inschrijven .huisnr { width:50px; margin:0 0 0 5px;}
.inschrijven .postcode { width:70px; }
.inschrijven .klein { width:70px; }

.reglement {height:200px; overflow:auto; width:580px;  margin:0 auto 20px auto; border:1px solid #a1a1a1; padding:10px; }
.reglement ul h3 { font-weight:normal; font-size:11pt; margin:0 0 17px 0; padding:0; color:#ffae00; }
.reglement ul { list-style:circle;  }
.reglement ul li { min-height:25px; margin:0 0 10px 0; }
.reglement ul label{ display:block; float:left; width:190px; }
.reglement ul input { width:400px; margin:0; padding:0; }
.reglement ul textarea { width:400px; height:100px; margin:0; padding:0; }
.reglement ul div { width:400px; float:left; }
.reglement ul .submit { background:url(img/input_background.jpg) top center repeat-x; width:98px; height:29px; border:0; font-weight:bold;  }
.reglement ul .reglement ul { height:200px; overflow:auto; }

#programma { width:800px; margin:0 auto 0 auto; }
#programma h3 { font-weight:normal; font-size:11pt; margin:0 0 17px 0; padding:0; color:#ffae00; }

.block { padding:5px 10px; border:1px solid white; display:inline; font-size:11pt;}

#tickets h2 { font-weight:normal; font-size:11pt; margin:0 0 17px 0; padding:0; color:#ffae00; }

#fotoalbum img { margin:10px; }