/* 
Theme Name:delinus
Theme URL:http://level-level.com
Description:Delinus, a custom theme by Level Level
Author:Taeke Reijenga -  Level Level
Author URI:http://level-level.com
Version:1.0
*/
/*  The following CSS Reset was written by Dejan Cancarevic
http://stylizedweb.com/2008/02/14/10-best-css-hacks/         */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, del, dfn, em, font, img, ins, kbd, q, s, samp, acronym, address, big, cite, code, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{font-size:100%; font-family:inherit; vertical-align:baseline; margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit}
img{-ms-interpolation-mode: bicubic;}
caption, th, td{text-align:left; font-weight:normal}
table{border-collapse:separate; border-spacing:0}
blockquote:before, blockquote:after, q:before, q:after{content:""}
blockquote, q{quotes:""""}
*{margin:0; padding:0}
body{background:black; color:#333; font-family:"Tahoma",Arial,sans-serif}
body.frontpage{background-color:#eb010e}
body h1 a{text-indent:-9000px; display:none}
#home_logo{width:900px; height:162px; text-align:center; position:absolute; top:50%; left:50%; margin-top:-81px; margin-left:-450px; background-color:white}
#home_logo a.logo_link{width:900px; height:162px; border:0; background:white url(images/front-logo.gif) top left no-repeat; display:block; text-indent:-9000px}
#wrapper{width:900px; /*height:690px; position:absolute; left:50%; top:50%; */margin:25px auto 0 auto}
#top-menu{width:850px; height:30px; margin:0; padding:0; float:left; display: inline; vertical-align: top}
#top-menu li.categories{list-style:none; margin:0; padding:0}
#top-menu ul{list-style:none; margin:0; padding:0}
#top-menu ul li{float:left; margin:0 30px 0 0; padding:0}
#top-menu ul li a{text-transform:uppercase; font-size:2.5em;*font-size:2.4em; font-family:"Arial",Helvetica,sans-serif; font-weight:normal; text-decoration:none; padding:0; margin:0; color:white; line-height: 30px;}
#top-menu ul li.current a, #top-menu ul li.current a:active, #top-menu ul li a:hover, #top-menu ul li a.active_category{color:#f00}

#languages{width:50px; height:30px; margin:0; padding:0; float:right}
#languages ul{list-style:none}
#languages ul li{float:right; margin:0; padding:2px; display: inline}
#vlak-links{position:relative; width:425px; margin:25px 0 0 0; float:left; height:250px; padding:0}

#vlak-links{background:#d8d8d8}
.view{position:absolute; display:block; width:425px; height:250px;  top:0; left:0; background:transparent url(images/view.gif) top left no-repeat}
#vlak-links ul{list-style:none}
#vlak-links ul li{display:block; height:30px;}
#vlak-links ul li a{text-decoration:none; font-weight:bold; font-family:Arial,sans-serif; text-transform:uppercase}
#vlak-links ul li a, #vlak-links ul li a:link, #vlak-links ul li a:active, #vlak-links ul li a:visited{color:#333}
#vlak-links ul li.current a, #vlak-links ul li.current a:link, #vlak-links ul li.current a:active, #vlak-links ul li.current a:visited{color:#f00}
#vlak-links ul li a:hover{color:#f00}
#vlak-rechts{margin:25px 0 0 0; position:relative; background:#fff; width:425px; height:250px; float:right}
/*scrollable content*/
#pane1{height:170px; padding:40px 20px; width:385px}
#pane2{height:170px; padding:40px 20px; width:385px}
.jScrollArrowUp{background:transparent url(images/scroll-vert.png) 0 -40px no-repeat; width:425px; height:40px}
.jScrollArrowUp:hover{background:transparent url(images/scroll-vert.png) 0 -80px no-repeat; width:425px; height:40px}
.jScrollArrowDown{background:transparent url(images/scroll-vert.png) 0 -160px no-repeat; width:425px; height:40px}
.jScrollArrowDown:hover{background:transparent url(images/scroll-vert.png) 0 -120px no-repeat; width:425px; height:40px}
.disabled, .disabled:hover{background:none; width:425px; height:40px}
/*eof scrollable content*/
#footer{width:900px; height:30px; display:block; float:left; font-size:70%}
/* fonts and text*/
#vlak-rechts p a, #vlak-rechts p a:link, #vlak-rechts p a:active{color:red; text-decoration:none}
#vlak-rechts p a:hover{text-decoration:underline}
#vlak-rechts p a:visited{color:#900}
#vlak-rechts h2 a{font-weight:bold; color:#000; font-size:90%; text-decoration:none}
#vlak-rechts h3{font-weight:bold; color:#000; font-size:75%; text-decoration:none}
#vlak-rechts p{font-size:75%; padding-bottom:15px}
#vlak-rechts p.contact{font-size:100%;padding-bottom:5px}
#footer p{float:right; padding:5px; color:#666}
#footer p a:link, #footer p a:visited, #footer p a:active{color:#999; text-decoration:underline}
#footer p a:hover{color:#999; text-decoration:none}
#footer p span.loginout a:link, #footer p span.loginout a:visited, #footer p span.loginout a:active{color:#900; text-decoration:none}
#footer p span.loginout a:hover{color:#900; text-decoration:underline}
/* eof fonts and text*/
#surrounding-gallery{width:900px; /*height:300px; */margin:40px 0 0 0; padding:0; float:left}
/** CSS Styleshhet for VIVA CAROUSEL - by Tim Waddell - A Worpress Carousel Plugin.  *  http://www.VivaThumbs.com  * Based on JCarousel from http://sorgalla.com/jcarousel/ * This  plugin code is Copyright Tim Waddell ŠApril-2008 and is licensed for single site, multi site and  * developer use as stated in our License FAQ at http://www.mediatricks.biz */
#carousel{float:left}
.jcarousel-container{-moz-border-radius:0px}
/* This sets the dimensions for either a horizontal(default) or vertical carousel *  You need to set the container size and then the clip (moving element) size */
.jcarousel-skin-tango .jcarousel-container-horizontal{width:900px; padding:0}
.jcarousel-skin-tango .jcarousel-clip-horizontal{width: 900px; height:220px}
/* This sets the dimesnions for the individual elements in the  horizontal(default) or vertical carousel */
.jcarousel-skin-tango .jcarousel-item{width:293px; height:220px}
.jcarousel-skin-tango .jcarousel-item-horizontal{margin-right:0px}
.jcarousel-skin-tango .jcarousel-item-placeholder{background:#000; color:#000}
/** Buttons */
.jcarousel-skin-tango .jcarousel-prev-horizontal{position:absolute; top:0px; left:0px; width:60px; height:220px; cursor:pointer; 
background:transparent url(images/scroll-hor.png) 0 0}
.jcarousel-skin-tango .jcarousel-prev-horizontal:hover{background:transparent url(images/scroll-hor.png) -60px 0 no-repeat}
.jcarousel-skin-tango .jcarousel-prev-horizontal:active{background:transparent url(images/scroll-hor.png) -120px 0 no-repeat}
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal, 
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover, 
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active{cursor:default; background:transparent url(images/scroll-hor.png) -120px 0 no-repeat}

.jcarousel-skin-tango .jcarousel-next-horizontal{position:absolute; top:0px; right:0px; width:60px; height:220px; cursor:pointer; background:transparent url(images/scroll-hor.png) -300px 0px no-repeat}
.jcarousel-skin-tango .jcarousel-next-horizontal:hover{background-position:-240px 0}
.jcarousel-skin-tango .jcarousel-next-horizontal:active{background-position:-180px 0}
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal, 
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover, 
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active{cursor:default; background-position:-180px 0}
/**
 * The following are used in the div container that makes the
 * carousel placable within your theme
 */
#carousel #carousel{background:transparent; width:auto; padding:0; margin:0; border:0}
#carousel ul li, 
#carousel ol li{background:none; padding:0px 0 0px 0px}
#carousel ul li a{font-weight:normal; text-decoration:none}
#carousel ul li a:hover{text-decoration:none}
#carousel ul ul{padding:0}
#carousel ol{margin-left:30px}
#carousel ol li{padding-left:0; background-image:none}
/* css from scrollpane */
.jScrollPaneContainer{position:relative; overflow:hidden; z-index:1}
.jScrollPaneTrack{position:absolute; cursor:pointer; left:0; top:0; height:0}
/*.jScrollPaneDrag{position:absolute; cursor:pointer; overflow:hidden}
*/
.jScrollPaneDragTop{position:absolute; top:0; left:0; overflow:hidden}
.jScrollPaneDragBottom{position:absolute; bottom:0; left:0; overflow:hidden}
a.jScrollArrowUp{display:block; position:absolute; z-index:1; top:0; left:0; text-indent:-2000px; overflow:hidden; width:425px; /*background-color:#666; height:9px; */}
a.jScrollArrowUp:hover{/*background-color:#f60; */}

a.jScrollArrowDown{display:block; position:absolute; z-index:1; bottom:0; left:0; text-indent:-2000px; overflow:hidden; width:425px; /*background-color:#666; height:9px; */}
a.jScrollArrowDown:hover{/*background-color:#f60; */}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover{/*background-color:#f00; */}

.highslide-html{    background-color:white}
.highslide-html-blur{}
.highslide-html-content{position:absolute;     display:none}
.highslide-caption{    display:none;         border:2px solid #ccc;     border-top:none;     font-family:Verdana,Helvetica;     font-size:10pt;     padding:5px;     background-color:#ccc}

.highslide-loading{    display:block; color:black; font-size:8pt; font-family:sans-serif; font-weight:bold;     text-decoration:none; padding:2px; border:1px solid black;     background-color:white;         padding-left:22px;     background-image: url("images/loader.white.gif");  background-repeat:no-repeat;  background-position:3px 1px}
a.highslide-credits, 
a.highslide-credits i{ padding:2px;  color:silver;  text-decoration:none; font-size:10px;  display:none}
a.highslide-credits:hover, 
a.highslide-credits:hover i{ display:none;  color:white;  background-color:gray}

/* Styles for the popup */
.highslide-wrapper{background-color:white}
.highslide-wrapper .highslide-html-content{    width:320px; height:460px;     padding:5px}
.highslide-wrapper .highslide-header div{}
.highslide-wrapper .highslide-header ul{margin:0; padding:0; text-align:right}
.highslide-wrapper .highslide-header ul li{display:inline; padding-left:1em}
.highslide-wrapper .highslide-header ul li.highslide-previous, .highslide-wrapper .highslide-header ul li.highslide-next{display:none}
.highslide-wrapper .highslide-header a{font-weight:bold; color:gray; text-transform:uppercase; text-decoration:none}
.highslide-wrapper .highslide-header a:hover{color:black}
.highslide-wrapper .highslide-header .highslide-move a{cursor:move}
.highslide-wrapper .highslide-footer{height:11px}
.highslide-wrapper .highslide-footer .highslide-resize{float:right; height:11px; width:11px; background: url("images/resize.gif")}
.highslide-wrapper .highslide-body{}
.highslide-move{ cursor:move}
.highslide-resize{ cursor:nw-resize}

/* These must be the last of the Highslide rules */
.highslide-display-block{ display:block}
.highslide-display-none{ display:none}

.wpmlwidget legend label {font-size: 12px!important; color:#333;font-weight: normal}
.wpmlwidget input[type="text"]{width: 50%!important}
.wpmlwidget form fieldset {border: none}
.wpmlwidget form fieldset br{display: none}
.wpmlwidget form p{display: none}