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

html, body	{ margin: 0; height: 100%; }
html		{ background: url(../images/bg-body.gif) repeat-x top; }
body		{ background: url(../images/bg-structure.jpg) no-repeat center top; }
*	{ font-family: Arial, Helvetica, sans-serif; font-size: 1em; }

#wrapper		{ min-height: 100%; position: relative; background: url(../images/bg-menu.gif) repeat-x top; }
#player			{ background: url(../images/jesse-hutagalung.png) no-repeat center top; }
.container_16	{ padding-bottom: 27px; }

img.ball	{ position: absolute; margin: -20px 0 0 -70px; z-index: 100; }
img.logo	{ position: absolute; margin: 0 0 0 350px; z-index: 10; }

/* menu */
#menu		{ height: 33px; background: url(../images/bg-menu.gif) repeat-x; position: relative; z-index: 1000; }
#menu ul	{ margin: 0 0 0 70px; padding: 0; list-style: none; }
#menu li	{ float: left; position: relative; }
#menu a		{ display: block; text-decoration: none; font-weight: bold; color: #CCC; text-transform: uppercase; padding: 7px 15px 8px; background: url(../images/seperator-menu.gif) no-repeat right; }
#menu a.last					{ background: none; }
#menu a:hover	{ background: url(../images/bg-menuitem-hover.gif) top repeat-x; color: #FFF; }
#menu a.active	{ background: url(../images/bg-menuitem-active.gif) top repeat-x; color: #FFF; }

/*submenu */
#menu li ul			{ display: none; position: absolute; left: 0; z-index: 10000; margin: 0; }
#menu li > ul		{ top: auto; left: auto; }
#menu li:hover ul	{ display: block; top: 32px; background: #aaa; }

#menu li ul li		{ display: block; width: 150px; font-size: 0.75em; }
#menu li ul a		{ display: block; background: url(../images/bg-menuitem-hover.gif) repeat-x; border-top: 1px solid #3d3936; padding: 4px 6px; }
#menu li ul a:hover	{ background: url(../images/bg-menu.gif) repeat-x; }

#content-wrapper	{ margin: 0 0 30px 0; }
.no-text-header		{ margin: 150px 0 0 0; }

.navigation			{ color: #3d3936; position: relative; z-index: 1000;}
.alignleft			{ float: left; }
.alignright			{ float: right; }

h1			{ margin: 25px 0; }
h1 span		{ position: absolute; left: -10000px; }
p, li, td	{ font-size: 0.75em; line-height: 1.5em; color: #3d3936; }
p a, li a, td a	{ color: #427f00; font-weight: bold; }
li li		{ font-size: 1em; }
p a:hover, li a:hover, td a:hover	{ color: #3d3936; }
table		{ width: 100%; border-collapse: collapse; border-spacing: 0; }
th			{ text-align: left; color: #3d3936; font-size: 0.75em; padding: 5px 10px; background: url(../images/bg-menuitem-active.gif) repeat-x center; color: #FFFFFF; }
td			{ padding: 2px 25px 2px 10px; }

.piclenselink 	{ display: none; }
.piclenselink a	{ font-size: 0.75em; text-decoration: none; color: #427f00; font-weight: bold; }
.gallery-caption	{ font-size: 0.7em; color: #3d3936; }

small		{ font-size: 0.75em; color: #8a8a8a; }
small a		{ color: #666; }

a img		{ border: 0; }

a.button		{ height: 26px; display: inline-block; font-size: 0.7em; color: #CCC; text-decoration: none; background: url(../images/bg-button-arrow.gif) no-repeat right; padding: 0 29px 0 0; margin: 0 0 20px 0; }
a.button:hover	{ background: url(../images/bg-button-arrow-hover.gif) no-repeat right; color: #FFF; }
a.button span	{ height: 16px; display: block; background: url(../images/bg-button.gif) no-repeat left; text-transform: uppercase; padding: 5px 10px; }

a.prev			{ background: url(../images/bg-button-arrow-prev.gif) no-repeat left; padding: 0 0 0 29px; }
a.prev:hover	{ background: url(../images/bg-button-arrow-prev-hover.gif) no-repeat left; }
a.prev span		{ background: url(../images/bg-button-prev.gif) no-repeat right; }

h2							{ font-size: 0.85em; color: #3d3936; text-transform: uppercase; }
h3							{ font-size: 0.8em; color: #3d3936; text-transform: uppercase; margin: 15px 0 5px; }
.nieuwsitem, .hentry		{ padding: 14px 0; background: url(../images/hr-nieuwsitem.png) no-repeat top; }
.nieuwsitem	h2, .hentry h2, .hentry h3	{ font-size: 0.8em; color: #3d3936; text-transform: uppercase; float: left; margin: 0; }
.hentry .alignright		{ float: right; margin: 0 0 0 10px; }
h2 a, h3 a			{ color: #3d3936; text-decoration: none; }
h2 a:hover, h3 a:hover		{ color: #427f00; }
h3				{ font-size: 0.75em; color: #696664; }
p.date			{ float: right; margin: 0; color: #a4a4a4; font-weight: bold; font-size: 0.8em; }
a.more			{ display: inline-block; padding: 0 10px; }

.ngg-navigation a	{ color: #427f00; text-decoration: none; }
.ngg-navigation span	{ color: #3d3936; text-decoration: none; font-weight: normal !important; }
.ngg-navigation a.page-numbers	{ border: none !important; }
.ngg-navigation a.page-numbers:hover	{ background: #3d3936 !important; }
.ngg-navigation a.next			{ border: none !important; }
.ngg-navigation a.prev			{ border: none !important; background: none; }

.sponsors		{ margin: 350px 0 0 0; }
.sponsors h3	{ color: #a4a4a4; font-size: 0.7em; text-transform: uppercase; }
.sponsors ul	{ margin: 0; padding: 0; list-style: none; }
.sponsors li	{ margin: 0 0 5px; }

input#submit, input.submit	{ border: 1px solid #3d3936; background: url(../images/bg-menuitem-active.gif) repeat-x; padding: 5px; cursor: pointer; color: #FFF; }
input#submit:hover, input.submit:hover	{ color: #3d3936; }

form		{ margin: 0; padding: 0; }
fieldset	{ margin: 0; padding: 0; border: 0; }
legend		{ display: block; float: none; border: 0; font-size: 13px; font-weight: bold; color: #006600; margin: 0; padding: 5px 0; }
label		{ display: block; font-size: 12px; }
label.error	{ color: #FF0000; display: none; }
input, select, option, textarea			{ font-size: 12px; }
form div div	{ float: left; margin: 0 10px 10px 0; }
form span		{ font-size: 12px; }
span.notice		{ color: #FF0000; }
textarea		{ width: 389px; height: 50px; }

p.label			{ display: block; margin: 0; }
label.radio, label.checkbox	{ display: inline-block; }

input		{ width: 100px; }
input.radio, input.checkbox	{ width: auto; }

input#insertion	{ width: 50px; }
input#address	{ width: 125px; }
input#postcode	{ width: 50px; }
input#city		{ width: 183px; }
input#email		{ width: 118px; }
input#knltb, input#knltb_partner1, input#knltb_partner2	{ width: 91px; }

input#single, input#double	{ width: 30px; }

hr			{ border: none; height: 1px; background: #ccc; }

#footer		{ height: 27px; position: absolute; bottom: 0; width: 100%; background: url(../images/bg-footer.gif) repeat-x; }
#footer div	{ width: 960px; margin: 0 auto; }
#footer p	{ float: left; margin: 0; padding: 3px 0; color: #b6b6b6; }
#footer ul	{ margin: 0; padding: 0; list-style: none; float: right; }
#footer li	{ float: left; color: #b6b6b6; padding: 5px; font-size: 0.65em; }
#footer a	{ display: block; text-transform: uppercase; color: #b6b6b6; text-decoration: none; }
#footer a:hover	{ color: #FFF; }