/* 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}
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: 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}