HTML { height: 100%; margin-bottom: 1px; }
BODY { min-width: 840px; height: 100%; margin: 0; padding: 0; background-color: #121212; }
BODY.popup { min-width: 562px; max-width:562px; height: 100%; margin: 0; padding: 0; background-color: #121212; }
BODY, INPUT, SELECT, TEXTAREA { color: #535353; font-size: 12px; font-weight: normal; font-family: Arial, sans-serif; }
FORM { margin: 0; padding: 0; }
INPUT { padding-left: 3px; padding-right: 3px; border: 1px solid #5c5c5c; }
TEXTAREA { padding: 3px; border: 1px solid #5c5c5c; overflow: auto; }
IMG { border: none; vertical-align: -3px; }
H1 { margin: 0 30px 20px; padding: 0; color: #bb7619; font-size: 18px; font-weight: normal; }
H2 { margin: 0; padding: 0; color: #bb7619; font-size: 14px; font-weight: bold; }
H3 { margin: 13px 0 0; padding: 0; color: #a70023; font-size: 12px; font-weight: bold; }
P { margin: 13px 0; }
ol, ul { margin-top: 13px; margin-bottom: 13px; }
A { color: #a70023; text-decoration: underline; outline: none; }
A:hover { text-decoration: none; }


/* LAYOUT */
#page { background: url(../images/page_bg.gif) repeat-x left top; }
#container { width: 780px; margin: 0 auto; padding-top: 10px;}
#page.home #container {width:975px; }

#columnSidebar {
  width:200px;
  float:left;
}
#homePage #columnSidebar .shT { height: 14px; background: url(../images/shadow/columnRT_home.png) no-repeat left top; font-size: 0; }
#homePage #columnSidebar .shC { width: 100%; background: url(../images/shadow/columnRC_home.png) repeat-y left top; }
#homePage #columnSidebar .shB { height: 14px; background: url(../images/shadow/columnRB_home.png) no-repeat left top; font-size: 0; }
#homePage #columnLeft { float: left; width: 332px; }
#homePage #columnLeft .shT { height: 14px; background: url(../images/shadow/columnLT_home.png) no-repeat left top; font-size: 0; }
#homePage #columnLeft .shC { width: 100%; background: url(../images/shadow/columnLC_home.png) repeat-y left top; }
#homePage #columnLeft .shB { height: 14px; background: url(../images/shadow/columnLB_home.png) no-repeat left top; font-size: 0; }
#homePage #columnRight { float: left; width: 440px; }
#homePage #columnRight .shT { height: 14px; background: url(../images/shadow/columnRT_home.png) no-repeat left top; font-size: 0; }
#homePage #columnRight .shC { width: 100%; background: url(../images/shadow/columnRC_home.png) repeat-y left top; }
#homePage #columnExtra { float: left; width: 200px; }
#homePage #columnExtra .shT { height: 14px; background: url(../images/shadow/columnRT_home.png) no-repeat left top; font-size: 0; }
#homePage #columnExtra .shC { width: 100%; background: url(../images/shadow/columnRC_home.png) repeat-y left top; }
#homePage #columnExtra .shB { height: 14px; background: url(../images/shadow/columnRB_home.png) no-repeat left top; font-size: 0; }

#columnLeft { float: left; width: 210px; }
#columnLeft .shT { height: 14px; background: url(../images/shadow/columnLT.png) no-repeat left top; font-size: 0; }
#columnLeft .shC { width: 100%; background: url(../images/shadow/columnLC.png) repeat-y left top; }
#columnLeft .shB { height: 14px; background: url(../images/shadow/columnLB.png) no-repeat left top; font-size: 0; }
#columnRight { float: left; width: 562px; }
#columnRight .shT { height: 14px; background: url(../images/shadow/columnRT.png) no-repeat left top; font-size: 0; width: 556px;}
#columnRight .shC { width: 100%; background: url(../images/shadow/columnRC.png) repeat-y left top; }
#columnRight .shB { height: 14px; background: url(../images/shadow/columnRB.png) no-repeat left top; font-size: 0; }
#homePage #columnRight .shB { width:434px; }
#columnExtra { float: left; width: 200px; }
#columnExtra .shT { height: 14px; background: url(../images/shadow/columnRT.png) no-repeat left top; font-size: 0; }
#columnExtra .shC { width: 100%; background: url(../images/shadow/columnRC.png) repeat-y left top; }
#columnExtra .shB { height: 14px; background: url(../images/shadow/columnRB.png) no-repeat left top; font-size: 0; }

#columnSidebar div.newsitems{
  background:url(../images/sidebar/nbc-nieuws-home-back.jpg) repeat-x #878787;
  padding-bottom:5px;
}

#columnSidebar .newsitems .item strong {
  color:#fff;
}

#columnSidebar .newsitems .item {
  padding:10px;
  color:#eeeded;
  background:url(../images/sidebar/nbc-nieuws-home-sep.jpg) repeat-x left bottom;  
  line-height:16px;
}

#columnSidebar a.home-all-news {
  background:url(../images/sidebar/nbc-nieuws-home-all.jpg) no-repeat;
  width:164px;
  height:33px;
  display:block;
  margin:7px 0 0 7px;
}

#columnLeft .shC .content { background-color: #fff; margin: 0 5px 0 6px; padding: 0 8px; }
#columnSidebar .shC .content { background-color: #fff; margin: 0 0 0 5px; padding: 0 8px; }
#columnLeft H2, #columnSidebar h2 { background-color: #000; margin: 0; padding: 30px 15px 12px; color: #bb7619; font-size: 18px; font-weight: normal; }
#columnLeft IMG { width: 183px; background-color: #878787; padding-top: 24px; border-top: 1px solid #c1c1c1; }
#columnLeft div.slideshow IMG { width: auto; height: auto; padding: 0;}
#columnRight .shC .content { min-height: 410px; background-color: #ececec; margin: 0 6px 0 5px; padding: 25px 0 15px; line-height: 20px; width:551px;}
#columnRight .shC .content { min-height: 410px; background-color: #ececec; margin: 0 6px 0 5px; padding: 25px 0 15px; line-height: 20px; width:551px;}
div#homePage #columnRight .shC .content { width: 429px; }
#columnExtra .shC .content { background-color: #fff; margin: 0 5px 0 6px; padding: 0 8px; }
#columnExtra H2 { background-color: #000; margin: 0; padding: 30px 15px 12px; color: #bb7619; font-size: 18px; font-weight: normal; }
#columnExtra IMG { width: 183px; background-color: #878787; padding-top: 24px; border-top: 1px solid #c1c1c1; }
#columnExtra div.slideshow IMG { width: auto; height: auto; padding: 0;}

.contentPad { padding: 0 30px; }


/* HEADER */
#header { height: 116px; background: #000 url(../images/header_bg.gif) repeat-x left bottom; margin-bottom: 1px; }
#header .container { width: 1010px; margin: 0 auto; padding-top: 8px; position:relative;}
#header H1 { float: left; margin: 0; padding: 0 0 0 20px; font-size: 0; text-indent: -5000px; }
#header H1 A { display: block; width: 91px; height: 103px; background: url(../images/NBC.gif) no-repeat; }
#header H2 { float: left; margin: 52px 0 0 48px; padding: 0; color: #fff; font-size: 20px; font-family: Tahoma; font-weight: normal; }


/* MENU */
.menuTop { float: right; padding: 8px 50px 0 0; color: #c2c2c2; font-weight: bold; }
.menuTop A { margin: 0 5px; color: #c2c2c2; }

#menuMain { height: 29px; background: #733f05 url(../images/menu/menu_bg.gif) repeat-x left top; border-top: 1px solid #ba9f81; border-bottom: 1px solid #9a744b; overflow: hidden; }
#menuMain .splash { height: 31px; background: url(../images/menu/menu_splash.gif) no-repeat center top; }
#menuMain .inner { position: relative; left: 50%; float: left; }
#menuMain .outer { position: relative; left: -50%; }
#menuMain UL { height: 29px; background: url(../images/menu/menu_sep.gif) no-repeat left top; margin: 0; padding: 0 0 0 2px; list-style: none; }
#menuMain LI { float: left; background: url(../images/menu/menu_sep.gif) no-repeat right top; padding-right: 2px; }
#menuMain LI A { float: left; display: block; height: 29px; background: url(../images/menu/menu_hover.gif) repeat-x; background-position: 0 0; padding: 0 8px; color: #fff; font-size: 13px; font-weight: bold; text-decoration: none; line-height: 28px; }
#menuMain LI A:hover, #menuMain LI.active A { color: #ffdba1; background-position: 0 -29px; }

UL#menuLeft { background: #878787 url(../images/menu/menuL_bg.gif) repeat-x left top; margin: 0; padding: 0; list-style: none; }
UL#menuLeft LI { height: 24px; padding: 0 15px; line-height: 24px; border-top: 1px solid #c1c1c1; border-bottom: 1px solid #626262; }
UL#menuLeft LI.first { padding-top: 8px; }
UL#menuLeft LI A { color: #fff; font-size: 11px; font-weight: bold; text-decoration: none; }
UL#menuLeft LI A:hover { color: #362f2d; }
UL#menuLeft A.active { background: url(../images/mark1.gif) no-repeat right center; padding-right: 10px; color: #362f2d; }

#navBar { background-color: #d7d7d7; margin-bottom: 20px; padding: 12px 30px; color: #848484; font-size: 11px; }
#navBar A { color: #464646; }
#navBar A:hover { color: #848484; }


/* BLOCKS */
.fotos { padding: 0 5px; }
.thum { position: relative; float: left; display: table; width: 125px; height: 125px; background: url(../images/thum_bg.gif); margin: 5px; text-align: center; }
.thum A { display: table-cell; vertical-align: middle; }
#largeFoto { width: 528px; background: #fff url(../images/shadow/largeFoto_bg.gif) repeat-y left top; margin: 0 auto; }
#largeFoto .top { background: url(../images/shadow/largeFoto_top.gif) no-repeat left top; }
#largeFoto .bot { background: url(../images/shadow/largeFoto_bot.gif) no-repeat left bottom; padding: 15px 0; text-align: center; }
.navBtn { width: 45px; height: 16px; margin: 15px auto 0; }
.navBtn A { float: left; display: block; height: 16px; text-indent: -5000px; }
.navBtn A.prev { width: 8px; background: url(../images/navbtn_prev.gif) no-repeat; }
.navBtn A.index { width: 16px; background: url(../images/navbtn_index.gif) no-repeat; margin: 0 5px; }
.navBtn A.next { width: 8px; background: url(../images/navbtn_next.gif) no-repeat; }


/* FOOTER */
#homePage P#footer { text-align: center; }
P#footer { width: 730px; margin: 5px auto 0; padding-bottom: 20px; color: #ffe8d2; font-size: 11px; text-align: right; }
P#footer A { color: #ffe8d2; text-decoration: none; }
P#footer A:hover { text-decoration: underline; }


/* OTHER */
.pageNum { width: 440px; margin: 15px auto 0; text-align: center; font-size: 11px; font-weight: bold; }
.pageNum SPAN { padding: 0 2px; }
.pageNum A { padding: 0 2px; text-decoration: none; }
.pageNum A:hover { color: #535353; }

.nofloat { clear: both; height: 0; font-size: 0; line-height: 0; }

.info {
	padding-right:8px;
}

a title{
	border:3px solid #000;
}

label {
	display:block;
	width:130px; 
	float:left;
	clear:both;
}

#error_time {
	color:red;
	float:left;
	padding-left:5px;
}

.error_message {
	font-size:11px;
	color:red;
}

.form_div {
	float:left;
}

#lightbox{
	height:100%;
	width:100%;
	position:fixed;
	top:0px;
	left:0px;
	background:url(../images/lightbox_back.png);
}

#form_block{
	display:block;
	position: fixed;
	width: 500px;
	height: 500px;
	!height: 340px;
	top: 50%;
	left: 50%;
	margin-left: -250px;
	margin-top: -250px;
	z-index:501;
	background:#fff;
	border:2px solid #000;
	overflow:auto;
}

#lightbox_header {
	width:100%;
	height:40px;
	background:#000;
}

#lightbox_header H1 { margin:0; padding: 10px 0 0 0; color: #bb7619; font-size: 18px; font-weight: normal; }

#close {
	position:absolute;
	top:10px;
	right:0px;
	color:#CCCCCC;
	font-size:10px;
	margin-right:20px;
}

span.list {
	margin-right:10px;
}

.movies {
  margin-left:30px;
}

ul.sitemap{
 margin: 0;
 padding: 3px 0 0 15px;
 float: left;
}

ul.sitemap ul {
 margin: 0;
 padding: 0 0 0 13px;
}

ul.sitemap li {
	padding: 10px 0 1px;
}

ul.sitemap ul li {
	padding: 1px 0;
}

ul.een {
	width: 250px;
}




.slideshow {
  width: 305px;
  height: 450px;
  background-color: white;
}

/* NIEUWS */
div.nieuwswrapper {
  background:#d3d3d3;
  margin:0 21px 0 30px;
  padding:1px;
}

div.nieuwswrapper div.item {
  padding: 13px 20px 0 12px;
  margin-bottom:1px;
  background:#fff;
  height:206px;
}

div.nieuwswrapper div.item-detail {
  padding: 13px 20px 0 12px;
  background:#fff;
}

div.nieuwswrapper div.item h2, div.nieuwswrapper div.item-detail h2 {
  font-size:14px;
  font-weight: bold;
  color:#bb7619;
}

div.nieuwswrapper div.item h3, div.nieuwswrapper div.item-detail h3 {
  font-size:11px;
  font-weight: normal;
  font-style: italic;
  padding:0;
  margin:0;
  line-height:14px;
}

div.nieuwswrapper div.item p, div.nieuwswrapper div.item-detail p {
  float:left;
  text-align:justify;
  line-height:18px;
}

div.nieuwswrapper div.item p img {
  float:right;
  margin-left:15px;
  margin-top:5px;
}

div.nieuwswrapper div.item-detail img {
  float:left;
  margin-top:5px;
}

div.nieuwswrapper div.paginator {
  background:none repeat scroll 0 0 #FFFFFF;
  display:block;
  height:30px;
  line-height:30px;
  margin:0 auto;
  padding:7px 0 0 4px;
  text-align:center;
}
div.paginator a, div.paginator span {
  height:21px;
  line-height:21px;
  width:22px;
  border:1px solid #434343;
  color: #434343;
  background:#ececec;
  display: block;
  float:left;
  margin:0 4px;
  text-decoration:none;
}

div.paginator a.prev, div.paginator span.prev {
  width:52px;
}

div.paginator a.next, div.paginator span.next {
  width:65px;
}

div.paginator span.next.current, div.paginator span.prev.current {
  color: #8d8d8d;
  background:#ececec;
  display:none;
}

div.paginator a:hover, div.paginator span.current {
  background:#434343;
  color: #ececec;
}




a.btn_leukefeesten {
  text-indent: -5000px;
  display: block;
  height: 32px;
  width: 204px;
  background: url(../images/btn_leukefeesten.png) no-repeat;
}

a.btn_leukefeesten img {
  border: none;
}

a.btn_leukefeesten:hover {
  background-position: 0 -32px;
}

textarea.gastenboek {
  background:url(../images/gastenboek/message-background.png) no-repeat;
  width:423px;
  height:76px;
  border:0;
  padding: 12px 11px 37px;
  color:#ececec;
}

div.gastenboek-labels {
  float:left;
  font-size:14px;
  color:#434343;
  line-height:29px;
  width:98px;
}

div.gastenboek-inputs {
  float:left;
  width:252px;
  height:59px;
  background: url(../images/gastenboek/inputs-back.png) no-repeat;
  padding-left:10px;
  padding-top:2px;
}

div.gastenboek-inputs input {
  width:222px;
  background:none;
  border:none;
  padding:6px 0;
  height:15px;
  line-height:20px;
}

input.gastenboek-send {
  width:79px;
  height:58px;
  background:url(../images/gastenboek/gastenboek-send.jpg) no-repeat;
  float:left;
  border:0;
  cursor:pointer;
}

label.error,
p.error {
  color:red;
}

h5 {
  color:#434343;
  font-size:11px;
  height:32px;
  background:#d7d7d7;
  line-height:32px;
  font-weight:normal;
  margin-bottom:20px;
  text-indent:29px;
}

h5 strong {
  font-size:12px;
}

div.contentPad.gastenboek {
  padding:0;
}

div.contentPad.gastenboek p {
  padding: 0 30px;
}

div.contentPad.gastenboek div.pagination {
  height:40px;
  background:#d7d7d7;
  line-height:40px;
  padding-left:50px;
}

div.contentPad.gastenboek div.pagination a {
  height:22px;
  line-height:23px;
  text-align:center;
  background:#ececec;
  display:block;
  float:left;
  margin-top:9px;
  margin-left:9px;
  color:#434343;
  text-decoration:none;
  border:1px solid #434343;
  padding:0 8px;
}

div.contentPad.gastenboek div.pagination a.disabled,
div.contentPad.gastenboek div.pagination a.disabled:hover{
  border:1px solid #8d8d8d;
  color:#8d8d8d;
  cursor:default;
  background:#ececec;
}

div.contentPad.gastenboek div.pagination a.active,
div.contentPad.gastenboek div.pagination a:hover {
  background:#434343;
  color:#ececec;
}

div.twitter-header span {
  color:#bb7619;
  font-size:14px;
}

div.volg a {
  color:#bb7619;
  font-size:11px;
}

div.twitter-content {
  color:#c2c2c2;
}

div.twitter-container {
  background: url(../images/twitter/twitter-bird.png) no-repeat;
  position:absolute;
  width:394px;
  padding-left:45px;
  padding-top:2px;
  right:0;
  top:43px;
}

.contentPad img {
  float:left;
  margin-right:5px;
} 