/* YUI 2.5.1 */
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}

/* sIFR 2.0.2 */
.sIFR-flash { visibility: visible !important; margin: 0; }
.sIFR-replaced { visibility: visible !important; }
span.sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; }
.sIFR-flash + div[adblocktab=true] { display: none !important; }
.sIFR-hasFlash h1.sifr { visibility: hidden; letter-spacing: -9px; font-size: 20px; }
.sIFR-hasFlash h2.sifr { visibility: hidden; letter-spacing: -9px; font-size: 20px; }
.sIFR-hasFlash h3.sifr { visibility: hidden; letter-spacing: -6px; font-size: 25px; }
.sIFR-hasFlash h4.sifr { visibility: hidden; letter-spacing: -5px; font-size: 21px; }
.sIFR-hasFlash h5.sifr#pullquote { letter-spacing: -4px; visibility: hidden; font-size: 24px; }

@font-face { font-family: "Fatboy Slim"; src: url("/js/fbsbltc.ttf"); }
.sifr { font-family: "Fatboy Slim"; }
/* weerkerende tags */
body, html { margin: 0; padding: 0; font-family: "trebuchet MS",sans-serif; font-size: 13px; color: #333; background: #fff url(/img/bg-header.gif) repeat-x top center; }
h1, h2 { font-size: 30px; color: #e84d91; background-color: #dedede; padding-left: 10px;  margin: 10px 0; }
h3 { color: #21b4be; }

.fleft { float: left; }
.fright { float: right; }
.clear { clear: both; }

#content { float: left; width: 400px; margin-right: 90px; }
#wrapper { width: 700px; margin: 0 auto; }

/* opmaak header */
#header {  height: 123px; position: relative; margin-bottom: 80px; z-index: 10; }
#header #logo { height: 215px; width: 324px; position: absolute; left: -50px; top: 0; background: transparent url(/img/logo.png) no-repeat top left !important; margin: 0; background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://dans.keycie.be/img/logo.png',sizingMethod='crop'); cursor:pointer; }
#header #logo a { width: 100%; height: 100%; display: block; }
#header #logo span { display: none; }
#header ul { position: absolute; bottom: 0; right: 20px; }
#header li { float: left; height: 45px; display: inline; background-image: url(/img/bg-sprite.gif); background-repeat: no-repeat; background-position: -6px 0; }
#header li a { color: #333; text-decoration: none; height: 25px; text-align: center; padding: 15px 10px 5px 0; margin-left: 10px; float: left; background-image: url(/img/bg-sprite.gif); background-repeat: no-repeat; background-position: -115px 0; }
#header li.first { background-position: left top; }
#header li.last a { background-position: right top; }

#header li:hover { background-image: url(/img/bg-sprite.gif); background-position:  left -45px; }
#header li:hover a { background-image: url(/img/bg-sprite.gif); background-position: right -45px; }	
#header li.active a { color: #e84d91; }	

#flashPlayer {
	position: fixed;
	float: left;
	width: 200px;
	margin-top: -40px;
	margin-bottom: 10px;
	position: right;
	/*clear: both;*/
	visibility: visible;
}


/* opmaak sidebar */
#sidebar { float: left; width: 200px; }
#sidebar .menu { background-color: #3c3a3b; }
#sidebar ul li.first a { padding-top: 11px; }
#sidebar ul li.last a { padding-bottom: 11px; }
#sidebar .fotos { background-color: #21b4be; position: relative; }
#sidebar .links { background-color: #c4e20e; position: relative; }
#sidebar .fotos h2, #sidebar .links h2 { position: absolute; top: 10px; left: 10px; text-indent: -10000px; background-color: transparent; }
#sidebar .fotos h2 { background: transparent url(/img/fotos.png) no-repeat 0 0 !important; width: 11px; height: 41px; background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://dans.keycie.be/img/fotos.png',sizingMethod='crop'); }}
#sidebar .links h2 { background: transparent url(/img/links.png) no-repeat 0 0 !important; width: 11px; height: 32px; background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://dans.keycie.be/img/links.png',sizingMethod='crop'); }}
#sidebar .menu a, #sidebar .links a { color: #333; text-decoration: none; padding: 5px; height: 20px; display: block; }
#sidebar .menu a { color: #fff; }
#sidebar li { clear: both; position: relative; }
#sidebar .menu li a:hover, #sidebar .menu li.active a, #sidebar .menu li.activef a, #sidebar .menu li.activel a { background-color: #e84d91; }
#sidebar .links a, #sidebar .menu a { padding: 5px 0 5px 75px; height: 20px; display: block; }
#sidebar .links li a:hover { background-color: #dedede; }
#sidebar li span { float: left; height: 30px; width: 30px; background-image: url(/img/bg-sprite.gif); position: absolute; left: 20px; top: 0; }
#sidebar li.first span { top: 5px; }
#sidebar li span.ico-home { background-position: 0 -90px; }
#sidebar li a:hover span.ico-home, #sidebar li.active a span.ico-home, #sidebar li.activef a span.ico-home { background-position: -30px -90px; }
#sidebar li span.ico-contact { background-position: 0 -120px; }
#sidebar li a:hover span.ico-contact, #sidebar li.active a span.ico-contact { background-position: -30px -120px; }
#sidebar li span.ico-nieuwsbrief { background-position: -60px -90px; }
#sidebar li a:hover span.ico-nieuwsbrief, #sidebar li.active a span.ico-nieuwsbrief { background-position: -90px -90px; }
#sidebar li span.ico-fotos { background-position: -60px -120px; }
#sidebar li a:hover span.ico-fotos, #sidebar li.active a span.ico-fotos { background-position: -90px -120px; }
#sidebar li span.ico-videos { background-position: 0 -150px; }
#sidebar li a:hover span.ico-videos, #sidebar li.active a span.ico-videos { background-position: -30px -150px; }
#sidebar li span.ico-blog { background-position: 0 -180px; }
#sidebar li a:hover span.ico-blog, #sidebar li.active a span.ico-blog { background-position: -30px -180px; }
#sidebar li span.ico-gastenboek { background-position: -60px -150px; }
#sidebar li a:hover span.ico-gastenboek, #sidebar li.active a span.ico-gastenboek { background-position: -90px -150px; }
#sidebar li span.ico-kalender { background-position: -60px -180px; }
#sidebar li a:hover span.ico-kalender, #sidebar li.active a span.ico-kalender, #sidebar li.activel a span.ico-kalender { background-position: -90px -180px; }

#sidebar li span.ico-vraag { background-position: -60px -237px; }
#sidebar li a:hover span.ico-vraag, #sidebar li.active a span.ico-vraag, #sidebar li.activel a span.ico-vraag { background-position: -90px -237px; }

#sidebar li span.ico-music { background-position: 0 -208px; }
#sidebar li a:hover span.ico-music, #sidebar li.active a span.ico-music, #sidebar li.activel a span.ico-music { background-position: -30px -208px; }

#sidebar li span.ico-workshop { background-position: 0 -237px; }
#sidebar li a:hover span.ico-workshop, #sidebar li.active a span.ico-workshop, #sidebar li.activel a span.ico-workshop { background-position: -30px -237px; }

#sidebar li span.ico-auditie { background-position: -60px -208px; }
#sidebar li a:hover span.ico-auditie, #sidebar li.active a span.ico-auditie, #sidebar li.activel a span.ico-auditie { background-position: -90px -208px; }

/* afronding sidebar boxen */
#sidebar .first, #sidebar .first a:hover, #sidebar .activef a, #sidebar .activel a, #sidebar .last , #sidebar .last a:hover, #sidebar .fotos, #sidebar .fotos #flickr { background-image: url(/img/bg-topbottom.gif); background-repeat: no-repeat; background-position: 0 200px;}

#sidebar .menu .first { background-position: -200px -13px; }
#sidebar .menu .first a:hover, #sidebar .menu li.activef a { background-position: -600px -13px; }
#sidebar .menu .last { background-position: -200px 25px; }
#sidebar .menu .last a:hover, #sidebar .menu .active a:hover, #sidebar .menu .activel a { background-position: -600px 25px; }

#sidebar .links .first { background-position: -800px -13px; }
#sidebar .links .first a:hover { background-position: 0 -13px; }
#sidebar .links .last { background-position: -800px 25px; }
#sidebar .links .last a:hover { background-position: 0 25px; }

#sidebar .fotos { background-position: -400px -13px; }
#sidebar .fotos #flickr { background-position: -400px 69px; height: 65px; position: relative; padding: 15px 0 0 40px; }
#sidebar .fotos #flickr img { border: 3px solid #21b4be; margin-right:10px; }
#sidebar .fotos #flickr a:hover img { border: 3px solid #E84D91; margin-right:10px; }

/* specific */
.newsimg { float: left; margin: 0 12px 6px 0; }
#content h3 { position: relative; top: -5px; display: block; font-size: 116%;  }
#content h3 a, #content h3 { text-decoration: none; color: #21b4be; font-weight: bold; }
#content h4  { position: relative; top: -5px;display: block; font-size: 93%; }
#content h4 a, #content h4 {color: #21b4be;  text-decoration: none;}
#content h5  { position: relative; display: block; font-size: 80%; font-style: italic; }
.arrow-left { background: url(/img/bg-sprite.gif) no-repeat -166px -94px; display: block; position: absolute; bottom: 10px; left: 15px; height: 15px; width: 15px; }
.arrow-right { background: url(/img/bg-sprite.gif) no-repeat -165px -109px; display: block; position: absolute; bottom: 10px; right: 15px; height: 15px; width: 15px; }

.footer { font-size: 10px; text-align: center; clear: both; margin-top:0px;}
.footer a { font-size: 10px; color: #333; text-decoration: none; }
.footer a:hover { font-size: 10px; color: #e84d91; }	
a {
	font-family: "Trebuchet MS";
	color: #e84d91;
	text-decoration: none;
}
a:hover {
	color: #e84d91;
	text-decoration: underline;
}