@charset "UTF-8";
/*
Theme Name: Syrinx custom theme
Theme URI: http://www.syrinx.be
Description: The custom theme for <a href="http://www.syrinx.be">Syrinx</a>.
Version: 1.0a
Author: Gregory Van Looy
Author URI: http://www.diezjietal.be/
Tags: blue, fixed width, two columns, NO widgets, custom

/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
/* remember to define focus styles! */
:focus { outline: 0; }
/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }
/* tables still need 'cellspacing="0"' in the markup */
table { /*border-collapse: collapse;*/ /*border-spacing: 0;*/ }
/*---------------------------
end RESET.CSS
----------------------------*/

/*--------------------------
start default styles
----------------------------*/
body { background: #001f40 url(images/css/noisebg.gif) repeat left top fixed; /* temp disableb eq.jpg */ font-family: Verdana, Geneva, sans-serif; color: #fff; /* white */ font-size: 62.5%; }
h3, h4, h5, h6 { color: #afa37d; /* gold */ font-weight: normal; line-height: normal; }
h6 { font-size: 16px; }
a { color: #06c7ff; /* lightblue*/ text-decoration: none; }
a:hover { text-decoration: underline; }
p, td, li, input, textarea, label, address { font-size: 12px; line-height: 18px; margin-bottom: 10px; }
address { font-style: normal; margin: 40px 20px 40px 0; text-align: right; color: #1674d9; /* another shade of blue */ }
textarea { font-family: Verdana, Geneva, sans-serif; }
.center { text-align: center; }
/* clear fix */
.clearfix:after { content: "."; height: 0; visibility: hidden; display: block; clear: both; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; /* for IE7 */ }
* html .clearfix { height: 1%; }
/* end clear fix */

/* old skool clearing */	
.clearer { clear: both; }
/* end old skool clearing */
a.more-link { background: #001f40; padding: 5px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border: 1px solid #003; position: absolute; bottom: 10px; right: 10px; }
/*-------------------------------
         specific styling
-------------------------------*/
#equalizer { background: url(images/css/animated-eq.gif) no-repeat left 110px fixed; width: 100%; display: table; }
#highlight { background: url(images/css/center-highlight.png) no-repeat center top fixed; width: 100%; /*min-height: 1415px;*/ display: table; }
/*-------------------------------
          header
-------------------------------*/
#header { height: 98px; width: 100%; background: url(images/css/navbg.gif) repeat-x; margin-bottom: 40px; }
h1 { float: left; }
h1 a { display: block; background: url(images/css/logo-pressed.gif) no-repeat; width: 290px; height: 98px; text-indent: -999em; }
/* tagline */
#tagline { /*color: #1674d9;*/ color: #9FF; text-align: left; clear: both; margin: 20px 0 40px 0; display: none; }
#tagline h2 { float: left; font-size: 32px; line-height: 1.5em; text-indent: -999em; background: url(images/css/tagline.png) no-repeat center center; width: 620px; height: 200px; }
/* ------------------------
main navigation 
--------------------------*/
/*** ESSENTIAL STYLES ***/
.Superfish-wrap { float: right; height: 98px; text-transform: lowercase; }
.Superfish, .Superfish * { margin:			0; padding:		0; list-style:		none; }
.Superfish { line-height:	1.0; position: relative; z-index: 20; }
.Superfish ul { position:		absolute; top:			-999em; width:			160px; /* left offset of submenus need to match (see below) */ }
.Superfish ul li { width:			100%; }
.Superfish li:hover { visibility:		inherit; /* fixes IE7 'sticky bug' */ }
.Superfish li { float:			left; position:		relative; }
.Superfish a { display:		block; position:		relative; }
.Superfish a:hover { text-decoration: none; }
.Superfish li:hover ul, .Superfish li.wpm-hover ul { left:			0; top:			98px; /* match top ul list item height */ z-index:		99; }
ul.Superfish li:hover li ul, ul.Superfish li.wpm-hover li ul { top:			-999em; }
ul.Superfish li li:hover ul, ul.Superfish li li.wpm-hover ul { left:			160px; /* match ul width */ top:			0; }
ul.Superfish li li:hover li ul, ul.Superfish li li.wpm-hover li ul { top:			-999em; }
ul.Superfish li li li:hover ul, ul.Superfish li li li.wpm-hover ul { left:			160px; /* match ul width */ top:			0; }
/*** Syrinx Superfish skin ***/
.Superfish { float:			left; }
.Superfish ul { padding-bottom: 5px; background: url(images/css/suckerfishrcbg.png) no-repeat center bottom; }
.Superfish li { font-size: 22px; padding:0; height: 98px; width: 160px; margin: 0; margin-bottom: 0; }
.Superfish a { height: 98px; line-height: 98px; text-shadow: 0 1px 0 #fff; text-decoration:none; }
.Superfish a { /* visited pseudo selector so IE6 applies text colour*/ color:			#014488; }
.Superfish li li a { height: auto; line-height: normal; padding:.6em 0; width:160px; font-size: 14px; color:#014488; text-shadow: 0 1px 0 #fff; margin: 0; }
.Superfish li li a:visited { color:			#666; }
.Superfish li li, .Superfish li li li { border-bottom:1px solid #999; border-top: 1px solid #fff; background-color: #cdcdcd; height: auto; }
.Superfish li:hover, .Superfish li.wpm-hover, .Superfish a:focus, .Superfish a:hover, .Superfish a:active { color: #afa37d; outline:		0; }
.Superfish li li:hover, .Superfish li li a:focus, .Superfish li li a:hover, .Superfish li li a:active { background:		#eee; outline:		0; }
.Superfish li.selected a { background: url(images/css/currentindicator.gif) no-repeat center bottom; }
.Superfish li.wpm-hover.selected li a, .Superfish li.selected:hover li a { background-image: none; }
.Superfish li li.current-cat { background-color: #ddd; }
/*** arrows **/
.Superfish a.sf-with-ul { min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */ }
.sf-sub-indicator { position:		absolute; display:		none; right:			.75em; top:			1.05em; /* IE6 only */ width:			10px; height:			10px; text-indent: 	-999em; overflow:		hidden; background:		url('../images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */ }
a > .sf-sub-indicator {  /* give all except IE6 the correct values */ top:			.8em; background-position: 0 -100px; /* use translucent arrow for modern browsers*/ }
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.wpm-hover > a > .sf-sub-indicator { background-position: -10px -100px; /* arrow hovers for modern browsers*/ }
/* point right for anchors in subs */
.Superfish ul .sf-sub-indicator { background-position:  -10px 0; }
.Superfish ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.Superfish ul a:focus > .sf-sub-indicator, .Superfish ul a:hover > .sf-sub-indicator, .Superfish ul a:active > .sf-sub-indicator, .Superfish ul li:hover > a > .sf-sub-indicator, .Superfish ul li.wpm-hover > a > .sf-sub-indicator { background-position: -10px 0; /* arrow hovers for modern browsers*/ }
/*** shadows for all but IE6 ***/

#header .sf-shadow ul { background: url(images/css/shadow.png) no-repeat bottom right; padding: 0 8px 9px 0; -moz-border-radius-bottomleft: 17px; -webkit-border-bottom-left-radius: 17px; }
.sf-shadow ul.sf-shadow-off { background: transparent; }
/*-------------------------------
         wrapper
-------------------------------*/
.wrapper, #page { width: 960px; margin: 0 auto; text-align: center; /* for IE6 */ }
/*-------------------------------
           content
-------------------------------*/
#content { text-align: left; }
.narrowcolumn { float: left; width: 620px; }
#content h3 { font-size: 2.8em; margin-bottom: 40px; }
/* headings */
.recent { background: url(images/css/recenteheading.png) no-repeat; display: none; }
.nieuws { background: url(images/css/nieuwsheading.png) no-repeat; display: none; }
.Bedrijf { background: url(images/css/bedrijfsheading.png) no-repeat; display: none; }
.Contact { background: url(images/css/contactheading.png) no-repeat; display: none; }
.referenties { background: url(images/css/referentiesheading.png) no-repeat; display: none; }
#content h4 { font-size: 24px; font-family: Verdana, Geneva, sans-serif; font-style: normal; }
#content .post h4 a { margin: 0; }
#content .post h4 { margin-bottom: 10px; }
#content .post { background: url('images/css/divisionline.gif') repeat-x left bottom; padding-bottom: 20px; margin-bottom: 20px; position: relative; }
#content .single_post { background-image: none; margin-bottom: 0; }
.entry { padding-bottom: 20px; }
.date, .postmetadata { color: #1674d9; /* another shade of blue */ font-size: 10px; }
.postmetadata { display: none; }
.archive .post .date { float: left; margin-right: 10px; }
.archive .post h4 { float: left; }
#content.archive .post { padding-bottom: 10px; margin-bottom: 10px; }
/* images */
.post img, .rcsides img { background-color: #00244C; padding: 5px; border: 1px solid #000; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin: 0 15px 5px 0; }
/* gallery */
.gallery { margin: auto; /* gallery clearing*/ overflow: hidden; width: 100%; }
.gallery .gallery-item { float: left; margin-top: 10px; text-align: center; }
.gallery img { }
.gallery .gallery-caption { margin-left: 0; }
.gallery br { clear: both }
/* available Columns */
.col-2 { width: 50% }
.col-3 { width: 33.333% }
.col-4 { width: 25% }
.col-5 { width: 20% }
.col-6 { width: 16.666% }
.col-7 { width: 14.285% }
.col-8 { width: 12.5% }
.col-9 { width: 11.111% }
/* navigation between pages */
img.aligncenter { display: block; margin: 20px auto; clear: both; }
img.alignleft, img.alignright { display: inline; /* IE6 double margin bug fixer */ }
.alignright { float: right; display: block; }
.alignleft { float: left; display: block; }
.backlinks { clear: both; background-color: #00244C; padding: 10px; border: 1px solid #000; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin-top: 20px; height: 1%; /* IE7 fix */ }
/* referenties */
.refcats { width: 100%; }
.refcats tr.divider td { padding: 0 20px 10px 0; width: 46%; background: url('images/css/divisionline.gif') repeat-x left bottom; text-align: right; }
#content .refcats td h4 { color: #FFF; height: 32px; font-size: 24px; padding-left: 40px; margin-bottom: 20px; }
#content .refcats td h4 a { color: #fff; }
.refcats li { /*font-size: 1em;*/ }
h4.live { background: url('images/css/live.png') no-repeat; }
h4.televisie { background: url('images/css/television.png') no-repeat; }
h4.events { background: url('images/css/events.png') no-repeat; }
h4.fashion { background: url('images/css/fashion.png') no-repeat; }
h4.beurzen { background: url('images/css/beurzen.png') no-repeat; }
h4.theater { background: url('images/css/theater.png') no-repeat; }
a.morelink { color: #FFF; }
/* contact page + google maps */
#mappress0 { margin: 20px auto; }
.mapp-poweredby { display: none; }
.mapp-directions-div { padding: 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background-color: #00244C; border: 1px solid #000; }
.mapp-directions-div img { background: none; border: none; padding: 0; }
/*-------------------------------
             sidebar
-------------------------------*/
#sidebar { float: right; width: 314px; text-align: left; }
#sidebar .latest_news { margin: 0 20px 20px 20px; padding: 10px; width: 254px; height: 190px; background: url(images/css/newsbg.gif) no-repeat;/*
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background-color: none;
	border: 1px solid #000;
	*/ }
#sidebar h3 { font-size: 24px; text-indent: -999em; height: 50px; }
#sidebar h3.tags { background: url('images/css/tagssidebar.gif') no-repeat; margin-bottom: 10px; }
#sidebar h4 { font-size: 18px; }
#showreel { display: none; }
#sidebar a.trigger { margin: 0 20px 20px 20px; display: block; width: 280px; height: 180px; background: url('images/css/showreel.png') no-repeat; }
* html #sidebar a.trigger { background: url('images/css/showreel.gif') no-repeat; }
#sidebar a.fancybox:hover { border: none; text-decoration: none; display: block; }
#sidebar ul { margin-bottom: 20px; }
#sidebar li, #sidebar p { font-size: 11px; line-height: 16px; }
#sidebar li a { color: #fff; text-decoration: none; }
#sidebar li a:hover { color: #06c7ff; /* lightblue*/ }
.sidebarheading { border-bottom: 1px solid #afa37d; /* gold */ margin-bottom: 20px; }
.slideshow { float: left; }
/* search form */
#searchform { margin: 0 auto 20px auto; display: block; width: 274px; }
/* IE7 only hack */
/* don't need it anymore 
*:first-child+html #searchform {
	display: block;
}
*/
/* IE6 only hack */
/* don't need this hack anymore
* html #searchform {
	display: block;
}
*/
#searchform input { border: none; padding: 10px 0 10px 5px; height: 18px; float: left; margin: 0; color: #afa37d; /* gold */ }
.leftrcside { background: url('images/css/searchboxleft.gif') no-repeat left top; width: 5px; height: 40px; float: left; }
#searchform input#s { background-color: #faffe4; /* yellow-gold */ width: 222px; border: 1px solid #afa37d; border-left: none; }
#searchform input#searchsubmit { width: 41px; height: 40px; padding: 0; background: #afa37d url(images/css/searchbttn.jpg) no-repeat left top; cursor: pointer; }
#searchform label { display: none; }
/* tagcloud */
#sidebar .tagcloud a { white-space: nowrap; margin-right: 5px; line-height: normal; }
.rctop { background: url(images/css/roundedboxTop.gif) no-repeat; padding-top: 5px; margin: 0 20px 20px 20px; }
.rcsides { background: url(images/css/roundedboxSides.gif) repeat-y; padding: 5px 10px; }
.rcbttm { background: url(images/css/roundedboxBttm.gif) no-repeat; width: 274px; height: 5px; font-size: 0; }
/*-------------------------------
             footer
-------------------------------*/
#footer { clear: both; text-align: left; padding-bottom: 40px; color: #1674d9; /* another shade of blue */ }
#footernav { float: left; }
#footernav li { float: left; padding-right: 5px; }
#footernav li a { text-transform: lowercase; cursor: pointer; }
#footernav li.current_page_item a, #footernav li.current-cat a { /*text-decoration: underline;*/ }
.copyright { float: left; }
.small { font-size: 10px; }
.small a { color: #1674d9; }
.small a:hover { color: #06c7ff; /* lightblue*/ text-decoration: none; }
#footer .top { float: right; display: inline; background: url(images/css/upbttn.gif) no-repeat; width: 89px; height: 38px; text-indent: -999em; margin-bottom: 40px; margin-right: 110px; }
/*-------------------------------
            hidden elements
-------------------------------*/
.description { display: none; }