@import "layout.css";
@import "jquery.lightbox-0.5.css";
@import "xsnazzy.css";

h1.overzicht {
   font-family: bitstream vera sans; font-size:10px; color:#333333;  
}

TD{
    font-family:arial,sans-serif;
    height:100% ;
    font-size: 12px;
    color: #333333;
    padding-left: 2px;
}

.thumbnail a img
{/*display:block; */width:75px; height:55px; border:5px solid #ffcc66;}

.thumbnail a:hover, 
.thumbnail a:hover 
{white-space:normal; position:relative;}

.thumbnail a:hover img, 
.thumbnail a:hover img 
{position:absolute; left:-90px; top:-32px; width:180px; height:130px; border-color:#ffcc66;}

.tref {background: url(/images/origineelroundbox/dot2.gif) 0 0 repeat-x; width: 500px}
.bref {background: url(/images/origineelroundbox/dot2.gif) 0 100% repeat-x}
.lref {background: url(/images/origineelroundbox/dot2.gif) 0 0 repeat-y}
.rref {background: url(/images/origineelroundbox/dot2.gif) 100% 0 repeat-y}
.blref {background: url(/images/origineelroundbox/bl2.gif) 0 100% no-repeat}
.brref {background: url(/images/origineelroundbox/br2.gif) 100% 100% no-repeat}
.tlref {background: url(/images/origineelroundbox/tl2.gif) 0 0 no-repeat}
.trref {background: url(/images/origineelroundbox/tr2.gif) 100% 0 no-repeat; padding:10px; text-align: left} 

/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/anywidth-flyout.html
Copyright (c) 2005-2009 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

#menu {width:50px; height:200px; top:inherit;background:url(anywidth/ski.jpg); margin:0 auto; position:absolute;}

#menu ul {margin:0; padding:0; list-style:none; white-space:nowrap; text-align:left; background:url(anywidth/opaque.png); padding:1px 1px 0 1px;}

#menu li {margin:0; padding:0; list-style:none;background-color:#ffffff}
#menu li {display:inline-block; display:inline;background-color:#ffffff}
#menu ul {position:absolute; left:-9999px;background-color:#ffffff}
#menu ul.level1 {position:absolute; left:0; top:15px;background-color:#ffffff}

#menu a {display:block; font:normal 11px verdana,arial,sans-serif; color:#000; line-height:22px; text-decoration:none;padding:0 20px 0 10px; border-bottom:1px solid #ddd;} 

#menu ul li:hover > ul {visibility:visible; left:100%; margin-top:-24px; margin-left:-1px;}

#menu a:hover ul,
#menu a:hover a:hover ul, 
#menu a:hover a:hover a:hover ul {left:100%; visibility:visible;}
#menu a:hover ul ul, 
#menu a:hover a:hover ul ul {left:-9999px;}

#menu li a:hover {background:#868ea1;} 
#menu li:hover > a {background:#868ea1;}
#menu li a.fly {background: url(anywidth/arrow.gif) no-repeat right top;}
#menu li a.fly:hover {background:#868ea1 url(anywidth/arrow.gif) no-repeat right top;} 
#menu li:hover > a.fly {background:#868ea1 url(anywidth/arrow.gif) no-repeat right top;}

#menu table {position:absolute; left:99%; height:0; width:0; border-collapse:collapse; margin-top:-7px; margin-left:-1px;}


A.kaderinfo:link { 
text-decoration: none;
/*font-weight: bold;*/
font-family:arial,sans-serif;
font-size: 10px;
color: #666666;
}

A.kaderinfo:active {
/*font-weight: bold;*/
font-family:arial,sans-serif;
font-size: 10px;
text-decoration: underline overline;
color: #666666;
}

A.kaderinfo:visited{
text-decoration: none;
/*font-weight: bold;*/
font-family:arial,sans-serif;
font-size: 10px;
color:  #666666;
}

A.kaderinfo:hover {
/*font-weight: bold;*/
font-size: 10px;
font-family:arial,sans-serif;
color: #999999;
text-decoration: underline;
}

A.overzicht:link { 
text-decoration: none;
/*font-weight: bold;*/
font-family:arial,sans-serif;
font-size: 12px;
color: #666666;
}

A.overzicht:active {
/*font-weight: bold;*/
font-family:arial,sans-serif;
font-size: 12px;
text-decoration: underline overline;
color: #666666;
}

A.overzicht:visited{
text-decoration: none;
/*font-weight: bold;*/
font-family:arial,sans-serif;
font-size: 12px;
color:  #666666;
}

A.overzicht:hover {
/*font-weight: bold;*/
font-size: 12px;
font-family:arial,sans-serif;
color: #999999;
text-decoration: underline;
}

A.linkedin:link { 
text-decoration: none;
font-weight: bold;
font-family:arial,sans-serif;
font-size: 12px;
color: #069!important;
}

A.linkedin:active {
font-weight: bold;
font-family:arial,sans-serif;
font-size: 12px;
text-decoration: underline overline;
color: #069!important;
}

A.linkedin:visited{
text-decoration: none;
font-weight: bold;
font-family:arial,sans-serif;
font-size: 12px;
color:  #069!important;
}

A.linkedin:hover {
font-weight: bold;
font-size: 12px;
font-family:arial,sans-serif;
color: #069!important;
text-decoration: underline;
}

h1, h2, h3, h4{
font-family:arial,sans-serif;
}
h1
{
font-size: 14px;
}

A.linkedin_header:link { 
text-decoration: none;
font-weight: none;
font-family:arial,sans-serif;
font-size: 11px;
color: #069!important;

}

A.linkedin_header:active {
font-weight: none;
font-family:arial,sans-serif;
font-size: 11px;
text-decoration: underline overline;
color: #069!important;
}

A.linkedin_header:visited{
text-decoration: none;
font-weight: none;
font-family:arial,sans-serif;
font-size: 11px;
color:  #069!important;
}

A.linkedin_header:hover {
font-weight: none;
font-size: 11px;
font-family:arial,sans-serif;
color: #069!important;
text-decoration: underline;
}

input{
border: 1px solid #999999;
}
select{
border: 1px solid #999999;
}
textarea{
border: 1px solid #999999;
}
.rounded {
    background:  url(/images/layout/roundedinput.jpg) no-repeat left top;
    padding: 2px;
    height: 29px;
}
.verzenden {
    background:  url(/images/layout/verzenden.png) no-repeat left top;
    padding: 2px;
    height: 29px;
}


/* BREADCRUMBS */
A.breadcrumbs:link { 
text-decoration: none;
font-weight: bold;
font-family:arial,sans-serif;
font-size: 10px;
color: #069!important;
}

A.breadcrumbs:active {
font-weight: bold;
font-family:arial,sans-serif;
font-size: 10px;
text-decoration: underline overline;
color: #069!important;
}

A.breadcrumbs:visited{
text-decoration: none;
font-weight: bold;
font-family:arial,sans-serif;
font-size: 10px;
color:  #069!important;
}

A.breadcrumbs:hover {
font-weight: bold;
font-size: 10px;
font-family:arial,sans-serif;
color: #069!important;
text-decoration: underline;
}