/*  http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
-------------------------------------------- */

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,dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
body { color: black; background-color: white; }
ol, ul { list-style: none; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after,
q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* -------------------------------------------------- */

body { font: 12px/1.5 "Lucida Grande", Verdana, sans-serif; background: #044058 url(images/design/bg.gradient.png) repeat-x fixed; }

#container { position: relative; z-index: 2; background-color: #fff; width: 500px; margin: 0 auto; text-align: left; border-left: 200px solid #daeaef; border-right: 200px solid #daeaef; }
#container:after { content: ""; display: block; height: 0; clear: both; }

#centercolumn { float: left; width: 460px; margin-right: -500px; padding: 10px 20px; }
#leftcolumn { float: left; width: 200px; margin-left: -200px; position: relative; margin-top: -10px; }
#rightcolumn { float: right; width: 200px; margin-right: -200px; position: relative; margin-top: -10px; }

#centercolumn, #leftcolumn, #rightcolumn { padding-bottom: 30px; }

#header { width: 900px; height: 120px; margin: 0 auto; background: #daeaef url(images/design/logo.psa.png) -25px -10px no-repeat; border-bottom: 10px solid #daeaef; }
#footer { display: none; position: relative; width: 900px; height: 60px; margin: 0 auto; background: #044058; }

#extra, .extra { display: none; }


/*
** Default links
-----------------------------------------*/
a { color: #047391; text-decoration: none; }
a:hover { text-decoration: underline; }

/* Header */
#header { position: relative; }
#header h1 { display: none; }

/* Header links */
ul#hdrlinks { display: block; width: auto; height: auto; float: right; text-align: right; margin: 5px 5px 0 0; }
ul#hdrlinks li { background-image: none; }
ul#hdrlinks li a { display: block; height: 20px; line-height: 20px; padding-right: 5px; color: #047391; font-size: 11px; font-weight: bold; }
ul#hdrlinks li a:hover { text-decoration: underline; }
ul#hdrlinks li a:hover { text-decoration: underline; }
ul#hdrlinks li.rss a span { padding-left: 19px; background: url(/design/rss.png) center left no-repeat; }
ul#hdrlinks li#reg {}
ul#hdrlinks li#log {}

/*
** Navigation tabs
-----------------------------------------*/
#nav { position: absolute; bottom: 0; left: 0; width: 900px; height: 30px; background: #fff; }
#nav li { float: left; display: inline; background-image: none; margin: 0; padding: 0; }
#nav li a { float: left; display: block; width: auto; height: 30px; line-height: 30px; padding: 0 15px; background: #fff; color: #047391; text-decoration: none; font-weight: bold; font-size: medium; }
#nav li a:hover { background: #047391; color: #000; }
#nav li.active a { background: #047391; color: #fff; }
 
/*
** Main content
-----------------------------------------*/
#cathead { margin-bottom: 1.5em; padding-bottom: 1.5em; border-bottom: 1px solid #eee; }
/* 
#cathead h1 { font: 2em/1.5em Verdana,sans-serif; }
*/
#cathead p { font-size: 0.916em; line-height: 1.636em; }
#centercolumn .permalink h1, form  h1, #centercolumn h1 { font: bold 1.5em/1.25 "Trebuchet MS"; color: #044058; text-transform: uppercase; margin-bottom: 5px; }
#centercolumn .permalink p, .post p {margin:1.5em 0;}	
#centercolumn h2 { font: 1.2em/1.25 "Trebuchet MS"; text-transform: uppercase; color: #044058; margin-bottom: 5px; }
#centercolumn .post .postmeta { font-size: 0.916em; line-height: 1.636em; margin-bottom: 1.636em; color: #999; }
#centercolumn .post .postfooter { font-size: 0.916em; line-height: 1.636em; margin-top: 1.636em; margin-bottom: 3.272em; clear: left; padding-bottom: 10px; border-bottom: 2px solid #daeaef; }
#centercolumn .post .postbody img, #centercolumn .post p img { margin: 10px 5px 10px 0px; border: 1px #999 solid; text-align: center; }
#centercolumn .post .postbody a img { border: 1px #047391 solid; }
#centercolumn .post .postbody a:hover img { border: 1px #000 solid; }
#centercolumn blockquote { font-style: italic; margin: 0 1em; }

em { font-style: italic; }
strong { font-weight: bold; }
h3, h4 { font-size: 1em; font-weight: bold; }

.spreker { height: 1%; padding-bottom: 15px; border-bottom: 2px solid #daeaef; margin-bottom: 15px; }
.spreker:after { content: ""; display: block; height: 0; clear: both; }
.spreker p { margin-top: 10px; }
.spreker .strapline { font-style: italic; color: #666; font-size: 10px; }
.spreker img { float: left; border: 2px solid #047391; margin: 0 20px 0 0; }
.spreker a:hover img { border: 2px solid #26c4cb; }
.spreker span.location { font-weight: normal; color: #999; }


/* sprekersvoorsprekers */
#sprekersvoorsprekers h3 { font-size: 13px; }
#sprekersvoorsprekers p { position: relative; font: italic 1.2em/1.4 "Times New Roman", Times, serif; color: #484848; padding: 0 40px; }
#sprekersvoorsprekers p span.quote { font: bold 4em/1 "Times New Roman", Times, serif; color: #ddd; display: block; }
#sprekersvoorsprekers p span.open { position: absolute; top: 0; left: 0; }
#sprekersvoorsprekers p span.close { position: absolute; bottom: -30px; right: 0; }
#sprekersvoorsprekers p img { float: left; border: 1px solid #044058; margin: 3px 10px 5px 0; }

/*
** Vision
-----------------------------------------*/
#centercolumn p#vision { border-top: 2px dotted #999; padding-top: 2em; margin-top: 2em; }
#centercolumn .vision { overflow: hidden; padding: 1em 0; border-bottom: 1px solid #999; margin-bottom: 2em; }
#centercolumn .vision img { float: none; }

/*
** Comments
-----------------------------------------*/

#centercolumn p#commenttotal { border-top: 2px dotted #999; padding-top: 2em; margin-top: 2em; }
#centercolumn .comment { overflow: hidden; padding: 1em 0; border-bottom: 2px dotted #999; margin-bottom: 2em; }
#centercolumn .comment h2 { font-size: 1em; font-weight: normal; text-transform: lowercase; color: #999; }
#centercolumn .comment h2 a { font-weight: bold; }
#centercolumn .comment h2 span { font-size: .9em; display: block; }
#centercolumn .comment img { float: none; }
#centercolumn #commentform h2 { font-size: 1em; font-weight: bold; }


/*
** Side content
-----------------------------------------*/
.sidebar { background: #fff; /*width: 160px;*/ margin: 10px; padding: 10px; padding-top: 0; vertical-align: top; }
.sidebar h2 { font: bold 1.167em/1.25 "Trebuchet MS"; text-transform: uppercase; padding: 10px 5px 5px 15px; width: 170px; color: #044058; margin-left: -15px; }
.sidebar a { color: #047391; }
.sidebar a:hover { color: #000 !important; text-decoration: none; }
.sidebar li { margin: 0; padding: 0; /*background: url(images/design/bullet.png) 0 5px no-repeat;*/ }
.sidebar blockquote { font-size: 0.916em; line-height: 1.636em; font-style: italic; overflow: hidden; }
.sidebar .commentmeta { font-size: 0.916em; line-height: 1.636em; margin-bottom: 1.636em; }
.sidebar div.allitems a { font-weight: bold; font-size: 10px; }
.sidebar div.allitems a span.arrowmore { font-family: "Courier New", Courier, monospace; font-size: 14px; }

/* sprekers in left side bar */
.sidebar #sprekers li { padding-left: 0px; padding-bottom: 5px; margin-bottom: 5px; border-bottom: 2px solid #daeaef; }
.sidebar #sprekers img { border: 1px solid #9bc7d2; }
.sidebar #sprekers span { display: block; }


/* evenementen in right side bar */
#events {}
#events h3 { background: #daeaef; color: #044058; padding: 2px; margin: 5px 0; font: bold 1em/1.25 "Trebuchet MS"; text-transform: uppercase; }
#events img { border: 1px solid #9bc7d2; }

/* Binnenkort */
ul#binnenkort li { margin-bottom: 10px; }
ul#binnenkort li span.date { text-transform: uppercase; font-size: 11px; }

/*
** v-events
-----------------------------------------*/
.vevent { font-size: 0.916em; line-height: 1.636em; margin-bottom: 0.818em; }
.vevent span.meta { display: block; }
a.more { font-size: 0.916em; line-height: 1.636em; }

/*
** Forms
-----------------------------------------*/

form { margin: 0; }
form:after { content: ""; display: block; height: 0; clear: both; }
form p { position: relative; margin: 8px auto; clear: both; line-height: 22px; }
fieldset { position: relative; float: left; width: 440px; margin-top: 10px; margin-bottom: 10px; padding: 40px 10px 10px 10px; border: none; background-color: #eff5f8; }
legend { display: block; position: absolute; top: 0px; left: 0px; }
legend span { display: block; position: absolute; top: 0px; left: 0px; width: 444px; margin-top: -40px; margin-left: -10px; background-color: #e3edf2; font-size: 12px; font-weight: bold; height: 19px; line-height: 19px; padding: 5px 8px; }
label.row { float: left; width: 175px; display: block; line-height: 22px; }
label.break { float:none !important; }
select { color: #666; border: 1px solid #A5ACB2; padding: 1px; margin-right: 5px; }
input#postcode { width: 50px; }
input.text, textarea { border: 1px solid #D5D5D5; color: #4F4F4F; }
input.fullwidth, textarea.fullwidth { width: 392px; }
input.text { width: 220px; height: 17px; padding: 2px 2px 1px 2px; }
textarea { width: 270px; height: 100px; overflow: auto; padding: 4px; }
select:hover, input.text:hover, textarea:hover { border-color: #8AE0FF; cursor: default; }
select:focus, input.text:focus, textarea:focus { border: 1px solid #8AE0FF; background-color: #F4FBFF; color: #000; cursor: pointer; }
input.text:focus, textarea:focus { cursor: text; }
input.radiobox, input.chckbox { margin-right: 3px; margin-bottom: -1px; vertical-align: baseline; border: none !important; background: transparent !important; }
#verstuur { width: 130px; margin: 10px; }
.req { background: url("/images/design/bullet_red.png") no-repeat center right; }
.smalltext { color: #999; font-size: 10px; }
div.buttonwrap { text-align: right; }
.button { padding: 0 10px; }

/*
** Toggle links
-----------------------------------------*/

#contact, #search { position: relative; padding-bottom: 1.5em; }
#search a.toggle, #contact a.toggle { height: 1em; position: absolute; bottom: .5em; width: 190px; left: 0; background: none 50% 100% no-repeat; text-decoration: none; }
#search a.toggle span, #contact a.toggle span { visibility: hidden; }


#contact ul li { margin-bottom: 5px; }
#contact ul li.contact-tel, li.contact-mail a, li.contact-msn a, li.contact-linkedin a  { line-height: 1.667; }
li.contact-mail a, li.contact-msn a, li.contact-linkedin a  { display: block; }

li.contact-linkedin a { background: url(/images/design/icoon-linkedin.gif) 0 50% no-repeat; padding-left: 25px; }

ul li { background: none 0 .5em no-repeat; padding-left: 1.2em; }
.home ul li { background-image: url(/images/design/star.png); }

#comingup ul li, #eerder ul li, #bestel ul li, #actions ul li { padding: 0; background: none; }

/*
** Misc
-----------------------------------------*/
.hidden, #total1 { display: none !important; }
object { display: block; }
img.found { vertical-align: middle; }
span.swfir { float: left; margin: 0 1em 0 0; }

.dyncontent { margin-bottom: 10px; }
#mensmerkbox { margin: 10px auto 20px auto; width: 900px; height: 15px; text-align: center; color: #999; font-size: 11px; }/* CSS Document */