/*
	Stijlblad WVM, november 2009, Totaalnet
*/

body { margin:0px; padding:0px;}
form { padding:0px;margin:0px; position:relative; }
#debug {width:160px; background-color:#fafafa; border:1px #ddd solid;position:absolute;left:20px;top:20px;text-align:left; padding:5px;}

/* CONTAINER */
#container { margin: 0px auto; text-align:left; width:940px; position:relative; font-family:arial; font-size:12px; color:#454545; }

/* HEADER */
#header { width:940px; height:50px;position:relative; }
#header a { text-decoration:none; color:#909090; }
#header #webshop { position:absolute; right:425px; top:6px; background:transparent url(/images/icon_cart.gif) no-repeat;padding:0px 15px 0px 25px;}
#header #print { position:absolute; right:335px; top:6px; background:transparent url(/images/icon_print.gif) no-repeat;padding:0px 15px 0px 25px;}
#header #sitemap { position:absolute; right:255px; top:6px; background:transparent url(/images/icon_sitemap.gif) no-repeat;padding:0px 15px 0px 25px;}
#header #search { position:absolute; right:0px; top:0px; width:236px; height:30px; background:transparent url(/images/header_search.gif) no-repeat;padding:0px; margin:0px; }
#header #search input { position:absolute; margin:5px 0px 0px 36px; border:none; }

/* MENU */
#menu { width:940px; height:30px; background-image:url(/images/menu_top_bg.gif); position:relative; z-index:1; }
#menu ul { margin:0px; padding:0px; position:absolute; top:0px; left:14px; list-style-type:none; }
#menu ul li {float:left; padding:0px 8px 0px 8px; height:30px; }
#menu ul li img { border:none;}
#menu ul li a { text-decoration:none; color:#fff; font-weight:bold; line-height:30px;}
#menu ul li a:hover { }
#menu .active { background-image: url(/images/menu_item_active.gif); }
#menu .over   { background-image: url(/images/menu_item_over.gif); }

/* SUBMENU */
#submenu { width:940px; height:30px; background-image:url(/images/menu_bottom_bg.gif); position:relative; z-index:2; }
#submenu ul { margin:0px; padding:0px; position:absolute; top:0px; left:20px; list-style-type:none; }
#submenu ul li { float:left; padding:0px 8px 0px 8px; height:30px; border-left:1px transparent solid; border-right:1px transparent solid;}
#submenu ul li img { border:none;}
#submenu ul li a { text-decoration:none; color:#606161; font-weight: bold; line-height:30px; }
#submenu ul li a:hover { color:#28458c; }
#submenu .active { background-image: url(/images/submenu_item_active.gif); border-left:1px #b6b6b6 solid; border-right:1px #b6b6b6 solid; }

/* HOMEPAGE */
#home_top { height:235px; margin-bottom:18px; line-height:18px;}
#home_top #home_top_left { float:left; width:422px; padding: 20px 28px 0px 20px; }
#home_top #home_top_left h1 { color: #cf003d; padding:0px 0px 5px 0px; margin:0px; font-size:20px; }
#home_top #home_top_right { float:left; }

#home_middle { height:392px; background-color:#fff; }

#home_bottom { height:192px; background-color:#fff; }
#home_bottom .small_block {float:left;width:215px;margin:10px;}
#home_bottom .sheader { height:30px; background-image:url(/images/rounded_header_top.gif);}
#home_bottom .sheader h5 { margin:0px; padding:10px 0px 0px 20px; color:#fff; font-size:14px; }
#home_bottom .stext { border-left:1px #dfdfdf solid; border-right:1px #dfdfdf solid; background-color:#fdfdfd; padding:20px;position:relative; }
#home_bottom .stext a { color:#5b5b5b; }
#home_bottom .stext a:hover { color:#28458c; }
#home_bottom .sfooter {height:8px;background-image:url(/images/rounded_header_bottom.gif);}
#home_bottom .large_block {float:left;width:450px;margin:10px;}
#home_bottom .lheader { height:30px; background-image:url(/images/rounded_header_large_top.gif);}
#home_bottom .lheader h5 { margin:0px; padding:10px 0px 0px 20px; color:#fff; font-size:14px; }
#home_bottom .ltext { border-left:1px #dfdfdf solid; border-right:1px #dfdfdf solid; background-color:#fdfdfd; padding:20px; }
#home_bottom .lfooter {height:8px;background-image:url(/images/rounded_header_large_bottom.gif);}
#home_bottom .more_absolute { position:absolute; bottom:12px; left:17px; cursor:pointer; border: none; }

.rounded_block { margin: 0 auto; float:left; width:215px; height:373px; background:#fdfdfd url(/images/rounded_bg.gif); margin:10px; position:relative; }
.rounded_block .more_absolute { position:absolute; bottom:18px; left:22px; cursor:pointer; border: none; }
.rounded_block h3 { height:30px; margin:0px; padding:15px 0px 0px 20px; color:#fff; font-size:14px; }
.rounded_block .text { padding:20px; }
.rounded_block .progress { position:absolute; top:130px;left:60px;}
.rounded_block ul { margin:0px; padding:0px; }
.rounded_block li { list-style: none; height: 55px; border-bottom:1px #dfdfdf solid; margin-bottom:10px;}
.rounded_block li h4 { margin:0px; padding:0px; color:#515151; font-size:11px; }
.rounded_block li a { text-decoration:none; color: #000; font-weight:bold; }
.rounded_block li a:hover { color:#28458c; }

/* NEWS SCROLLER */
.jcarousel-container { position: relative; }
.jcarousel-container-vertical,.jcarousel-clip-vertical { width: 176px; height: 245px; }
.jcarousel-clip { z-index: 2; padding: 0px; margin: 0px; overflow: hidden; position: relative; }
.jcarousel-list { z-index: 1; overflow: hidden; position: relative; top:0px; left: 0px; margin: 0px; padding: 0px; }
.jcarousel-list li, .jcarousel-item { float: left; list-style: none; width: 175px; height: 55px; border-bottom:1px #dfdfdf solid; margin-bottom:10px; }
.jcarousel-list li h4 { margin:0px; padding:0px; color:#515151; font-size:11px; }
.jcarousel-list li a { text-decoration:none; color: #000; font-weight:bold; }
.jcarousel-list li a:hover { color:#28458c; }
.jcarousel-next { z-index: 3; display: none; }
.jcarousel-prev { z-index: 3; display: none; }

/* TEMPLATES */
#template_left {width:665px;float:left;padding:20px; line-height:18px; }
#template_left h1 { color: #cf003d; padding:0px 0px 5px 0px; margin:0px; font-size:20px; }
#template_left h6 { color: #454545; padding:0px; margin:-5px 0px 15px 0px; font-size:15px; }
#template_left a { color:#5b5b5b; }
#template_left a:hover { color:#28458c; }
#template_left #header_left { width:50%; float:left; }
#template_left #header_right { width:50%; float:left; }
#template_left .round_top { height: 8px; background-image: url(/images/template_round_top.gif); overflow:hidden; }
#template_left .round_middle { background-image: url(/images/template_round_middle.gif); padding:10px 20px; position: relative; }
#template_left .round_middle .inp_submit { position: absolute; right:15px; bottom:10px;}
#template_left .round_middle .button_more { position:absolute; right:15px; bottom:5px; cursor:pointer; border: none;}
#template_left .round_middle h2 { margin:0px; padding:0px; color:#cf003d; font-size:14px; }
#template_left .round_middle h2 a { color:#cf003d; font-size:14px; text-decoration:none; }
#template_left .round_middle ul { margin-left:0; padding-left:20px;}
#template_left .round_line { height:3px; background-image: url(/images/template_round_line.gif); overflow:hidden;}
#template_left .round_bottom { height:8px; background-image: url(/images/template_round_bottom.gif); margin-bottom:20px; overflow:hidden; }
#template_left .fotoboek { float:left; padding:10px; margin:10px 10px 0px 0px; border:1px #dfdfdf solid; }
#template_left .fotoboek img { border: none; width:186px; height:140px; }
#template_left .fotoboek span { font-weight:bold; text-align:center; width:186px; display:block; }
#template_left .sitemap {}

form label { width:160px;height:30px; float:left; }
form br { clear: both;}
form input,textarea { font-family:arial; font-size:12px; color:#909090; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
form .nofloat {width:inherit;height:20px;float:none;line-height:20px;}
form .error { color:red;}
label.error { color: red; font-style: italic; }
input:focus { }
input.error { border: 1px solid red; }
label.error { display: inline; float:none; }

#template_right {width:235px;float:left;padding:0px;margin:0px; }
#template_right .img_left  { float:left; margin:0px; padding:0px; width:117px; }
#template_right .img_right { float:left; margin:0px; padding:0px; width:117px; }
#template_right #banner {float:left; padding: 0px; margin: 20px 0px 0px 0px;}
.paragraaf { margin:0px 0px 10px 0px; }
.paragraaf h2 { margin:0px; padding:0px; color:#cf003d; font-size:14px; }
.afbeelding_links { width:312px; float:left;margin:4px 8px 2px 0px; }
.afbeelding_links img { border:none; }
.afbeelding_links_weblog { width:186px; float:left;margin:4px 8px 2px 0px; }
.afbeelding_links_weblog img { border:none; }
.afbeelding_rechts { float:right;margin:6px 0px 2px 5px; }
.afbeelding_rechts img { border:none; }

.rounded_right_block { margin:30px 0px 0px 0px; float:left; width:235px; height:366px; background:#fdfdfd url(/images/rounded_right_bg.gif); position:relative; }
.rounded_right_block .more_absolute { position:absolute; bottom:18px; left:22px; cursor:pointer; border:none; }
.rounded_right_block h3 { height:30px; margin:0px; padding:15px 0px 0px 20px; color:#fff; font-size:14px; }
.rounded_right_block ul { margin:0px; padding:16px 20px 0px 20px; }
.rounded_right_block li { list-style: none; height: 55px; border-bottom:1px #dfdfdf solid; margin-bottom:10px;}
.rounded_right_block li h4 { margin:0px; padding:0px; color:#515151; font-size:11px; }
.rounded_right_block li a { text-decoration:none; color: #000; font-weight:bold; }
.rounded_right_block li a:hover { color:#28458c; }

.inp_small { font-family:arial; font-size:12px;color:#909090;width:163px;padding:4px;border:1px #c7c7c7 solid;margin-bottom:14px;-moz-border-radius: 5px; -webkit-border-radius: 5px;}
.inp_txt { font-family:arial; font-size:12px;color:#909090;width:398px;padding:4px;border:1px #c7c7c7 solid;height:66px;margin-bottom:14px;-moz-border-radius: 5px; -webkit-border-radius: 5px;}
.inp_submit { font-family:arial; font-size:12px;color:#606161; font-weight:bold; text-align:left; line-height:22px; width:96px; height:22px; padding:0px 0px 0px 10px; margin:0px; border:none; background:transparent url(/images/button_submit.gif) no-repeat; }
.inp_submit_over { color:#fff; background:transparent url(/images/button_submit_over.gif) no-repeat; cursor:pointer;}
.button_subscribe      { position:absolute; right:15px;bottom:10px; border:none; }
.button_subscribe_over { position:absolute; right:15px;bottom:10px; border:none; }
.clear { clear: both; }
.span_date { background:transparent url(/images/icon_date.gif) no-repeat; height:20px; padding:3px 15px 0px 25px;}
.span_price { background:transparent url(/images/icon_price.gif) no-repeat; height:20px; padding:3px 15px 0px 25px; }
.span_duration { background:transparent url(/images/icon_duration.gif) no-repeat; height:20px; padding:3px 15px 0px 25px; }
.span_location { background:transparent url(/images/icon_location.gif) no-repeat; height:20px; padding:3px 15px 0px 25px; }
.span_author   { background:transparent url(/images/icon_author.gif) no-repeat; height:20px; padding:3px 15px 0px 25px; }
.span_reaction { background:transparent url(/images/icon_reaction.gif) no-repeat; height:20px; padding:3px 15px 0px 25px; }
.span_react    { background:transparent url(/images/icon_react.gif) no-repeat; height:20px; padding:3px 15px 0px 25px; }

#route_map { width:650px; height:360px; margin:-10px 0px 10px 0px; border:1px solid #dfdfdf; }
#directions { width:650px; margin:-20px 0px 0px 0px;color:#000; }
#directions_error { padding: 5px 0px; color:red;}

.img_right_overview { width:186px; float:left; margin:6px 20px 2px 0px; }
.img_right_overview img { width:186px; border:none; }

p.line { border-top:1px #dfdfdf solid; margin:10px 0px;padding-top:10px; text-align:right; }
p.no-line { margin:10px 0px; padding-top:10px; text-align:right; }

/*webshop*/
.button_shop_add { float:right;}
.buttonshop_holder { padding:20px 0px; }
.price {text-align:right; white-space:nowrap; }
.border {border-top:1px #dfdfdf solid;}
.button_shop_back { float:left; border:none; cursor: pointer; }
.button_shop_forward { float:right; border:none; cursor: pointer; }
.shop_image_delete { border:none; }

.bijlagen {margin: 5px 0px; }
.icon_extension {vertical-align:text-bottom;padding:0px 3px 0px 0px;}

/*
Paginator
*/
.paginator {font-size:10px;padding:0px;margin:1px;float:right;}
.paginator a:link{padding: 2px 6px;margin:1px;border: 1px #dfdfdf solid;background: #fff;text-decoration: none;color:#990033;}
.paginator a:visited {padding: 2px 6px;margin:1px;border: 1px #dfdfdf solid;background: #fff;text-decoration: none;color:#990033;}
.paginator .this-page {padding: 2px 6px;border-color:#999;font-weight: bold;}
.paginator a:hover {color: #fff; background:#fff; border-color:#3b5490; text-decoration: none;}

/* WEBLOG */
#template_left .weblogcategorie { height:30px; background:transparent url(/images/weblog_categorie_closed.gif) no-repeat;}
#template_left .weblogcategorie_open { height:30px; background:transparent url(/images/weblog_categorie_open.gif);}
#template_left .weblogcategorie a { color:#ffffff; font-size:16px; text-decoration:none; width:100%; display:block; font-weight:bold; padding: 5px 0px 5px 20px; }

#template_left .auteurs { float:left; padding:10px 15px 10px 0px; }
#template_left .auteurs img { width:70px; border: 1px #666 solid; }
#template_left .auteurs_text { float:left; font-size:20px; font-weight:bold; padding:10px 0px 0px 5px; }

#aanmeldenevenement {}
#aanmeldenevenement select {font-family:arial; font-size:12px;color:#909090;}
#aanmeldenevenement .or_lid {display: none; padding: 10px 0px 0px 0px;}
.evenement_subscribe      { right:15px;bottom:10px; border:none; }
.evenement_subscribe_over { right:15px;bottom:10px; border:none; }