/* het verspringen in firefox tegengaan door de scrollbar reeds toe te voegen */ 
html {height:100%}
body {min-height:101%}

* {margin: 0; padding: 0}

body {background: #111; color: #666; font: normal 62.5% "trebuchet ms", "Lucida Sans Unicode",sans-serif}

a {text-decoration: none}

#container {width: 995px; margin-left: auto; margin-right: auto; text-align: left}

#header {background: #000 url(i/jean7.jpg) no-repeat center right;	height: 320px}
.logo {left: 0; top: 5px; position: relative; background: #000 url(i/titel_zw.jpg) no-repeat center top; width: 290px; height: 300px}
/* horizontale nav */
#nav {background: #191919 url(i/nav.gif)}
#nav a {background: #191919 url(i/nav.gif);border-right: 1px solid #161616;color: #ccc;float: left;font: bold 10px Verdana,sans-serif;	line-height: 51px;padding: 0 18px}
#nav a:hover {background: #191919 url(i/nav_hover.gif); color: #41f9ff;}
#nav a.active {background: url(i/nav_hover.gif);}
#nav h2 {float: right; padding: 10px; color: #41f9ff}
#nav h3 {float: right;padding-top: 15px; color: #41f9ff; font-size: 15px}
/* - - - -  inhoud links - - - - - - - - - - -  - - - - - -  */
#main {background: #000 url(i/bg-content.jpg) repeat-y;color: #888;}
#main .left {width: 64%;}
#main .right {width: 36%;}
#content { padding: 16px; float: left;}
#content h1 {color: #41f9ff; margin-bottom: 10px; padding: 6px 0 4px; border-bottom: 1px solid #41f9ff; font: 220% "Trebuchet MS";}
#subnav h1 {color: #41f9ff; margin-bottom: 10px; padding: 6px 0 4px; font: 190% "Trebuchet MS";}
#content a, #subnav a, #footer a, #footer_index a{	color: #999; text-decoration: underline;}
#content a:hover, #subnav a:hover, #footer a:hover, #footer_index a:hover {	background-color:#262626; color:#41f9ff;}
#content .descr {margin-bottom: 5px;}
/* - - - - - rechterkolom - - - - - - - - - - - */
#subnav {padding: 12px;color: #ccc}
/* - - - - - - -footer - - - - - - - - - - */
#footer {background: #111;color: #eee;padding: 1%;font-family: Verdana, "lucida console", sans-serif;  font-size: 90%; text-align: right; text-transform: uppercase;	clear: both;border-top: 1px solid #000}
/* - - - - - divers - - - - - - - - - - - - - */
p,ul {font-size: 1.2em; padding-bottom: 1.2em}
.nadruk {background: #fff url(i/nadruk.gif);font-size: 12px;padding: 8px 13px;color: #666}
.nadruk1{color: #41f9ff}
img {border: none}
.border {border: 3px double #666}
ul {margin-left: 2em}
h1 {color: #000;	font: 200% "Trebuchet MS"}
h2 {font: bold 1.6em "Trebuchet MS", Verdana,sans-serif; padding-bottom: 4px}
.clearer,.clear {clear: both}
.streepjes {background: #333 url(i/stripe.gif); height: 6px; font-size: 0px}
.imgleft {float: left; border: none; padding-right: 7px}
.imgright {float: right; border: none; padding-left: 7px}
.right {float: right}
.left {float: left} 
.h1img {	vertical-align: middle; padding-right:4px}
.hoes {width: 250px}
.player{width: 250px}
.lijn{width: 600px; border-top: 1px solid #41f9ff}
li li {font-size: 11px; list-style: square}
.tdteksten{	vertical-align: middle; text-align: center; height: 100px; font-size: 12px; width: 25%}
.inspringen {padding-left: 53px}
/* - - - - index pagina - - - -*/
#index_inhoud {width: 100%}
.left_index, .right_index  {width: 47.5%; float: left; padding: 1%; text-align: justify; font-size: 120%; color: #41f9ff} 
#footer_index {background: #000;color: #eee;clear: both}
/* - - - - - links pagina - - - - - -*/
#nav2 ul {list-style:none;margin:0;padding:0;font-size:small;background: #000;width:600px}
#nav2 li {background: url(i/li.gif)  no-repeat 7px 10px; border-bottom: 1px solid #262626}
#nav2 ul a {display: block;padding: 3px 0 3px 25px;font-weight: bold;text-decoration: none;color: #C6BAA2}
#nav2 ul a span {color:#41f9ff;visibility:hidden;font-size:10px;font-style:normal;font-weight:normal}
#nav2 ul a em {display:block;color:#bbb;font-size:11px;font-style:normal;font-weight:normal}
#nav2 ul a:hover {	background:#262626 url(i/li.gif)  no-repeat 7px 10px;color:#bbb}
#nav2 ul a:hover span { visibility:visible}
#nav2 ul a:hover em { color:#fff} 

/* =======================================================================================================
					ColorBOX credits: http://colorpowered.com/colorbox/
   ======================================================================================================= */					
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:visible;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:#000;}

#colorbox{font-size:13px;color:#fff;border:1px solid #333}
   #cboxTopLeft{width:10px; height:10px; background:url(images/control.png) #171717 0 0 no-repeat;}
    #cboxTopCenter{height:10px; background:url(../images/colorbox/bord.png) #171717 top left repeat-x;} 
    #cboxTopRight{width:10px; height:10px; background:url(../images/colorbox/control.png) #171717 -36px 0 no-repeat;}
    #cboxBottomLeft{width:10px; height:43px; background:url(../images/colorbox/control.png) #171717 0 -32px no-repeat;}
    #cboxBottomCenter{height:43px; background:url(../images/colorbox/bord.png) #171717 bottom left repeat-x;}   
    #cboxBottomRight{width:10px; height:43px; background:url(../images/colorbox/control.png) #171717 -36px -32px no-repeat;}
    #cboxMiddleLeft{width:10px; background:url(../images/colorbox/control.png) #171717 -175px 0 repeat-y;}
    #cboxMiddleRight{width:10px; background:url(../images/colorbox/control.png) #171717 -211px 0 repeat-y;}
    #cboxContent{background:#171717}
        #cboxLoadedContent{margin-bottom:5px;}
   /*   #cboxLoadingOverlay{background:url(../images/colorbox/loading_background.png) center center no-repeat;}    */
        #cboxLoadingGraphic{background:url(i_cb/loading.gif) center center no-repeat;}
        #cboxTitle{position:absolute; bottom:-26px; left:0; text-align:center; width:100%; font-weight:normal;}
        #cboxCurrent{position:absolute; bottom:-25px; left:58px; font-weight:normal; color:#7A7E80;}
        
        #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{position:absolute; bottom:-29px; background:url(i_cb/controls.png) 0px 0px no-repeat; width:23px; height:23px; text-indent:-9999px;}
        #cboxPrevious{left:0px; background-position: -51px -25px;}
        #cboxPrevious.hover{background-position:-51px 0px;}
        #cboxNext{left:27px; background-position:-75px -25px;}
        #cboxNext.hover{background-position:-75px 0px;}
        #cboxClose{right:0; background-position:-100px -25px;}
        #cboxClose.hover{background-position:-100px 0px;}
        
        .cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px; right:27px;}
        .cboxSlideshow_on #cboxSlideshow.hover{background-position:-150px 0px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px; right:27px;}
        .cboxSlideshow_off #cboxSlideshow.hover{background-position:-125px 0px;}
		
.reacties{margin-left:30px;padding-left:10px;border-left:1px solid #333}