/* Stylesheet for Sol-air.org
author: Dirk Zaal
Digizaal webdev Amsterdam 
*/
/* =0 Reset */
@import url('/share/styles/reset.css');   
/* =1 Global */
a { color: #0d2222; }
a h3, #browser a { text-decoration: none; }
a:visited { color: #ffcccc; }
a.button,
a.button:visited{ color: #f0f8ff; display: inline-block; font: normal  normal 0.8em arial,sans-serif !important; padding: 1px; text-decoration: underline; white-space: nowrap !important; }
a.header span{ background: #a2c6dc url(/images/roundcornerright25.gif) no-repeat right; display: inline-block; height: 24px; padding-right: 4px; }
a.header,
a.header:visited{ background: #a2c6dc url(/images/roundcornerleft25.gif) no-repeat left; cursor: pointer; display: inline-block; font: bold 8pt/24px arial,sans-serif; height: 24px; padding-left: 4px; text-decoration: none; text-transform: uppercase; white-space: nowrap; }
a.info{ background: transparent; /*
Special mouse over popup
*/ font: normal 9pt arial,sans-serif; position: relative; /*this is the key*/ text-decoration: none; z-index: 24; }
a.info:hover{ background: #F8DA07; cursor: help; text-decoration: none; z-index: 25; }
a.info:hover img{ border: 0px; }
a.info:hover span{ background: #cedbe4; border: 1px solid #43728d; display: block; /*the span will display just on:hover state*/ left: 0; padding: 2px; position: absolute; text-align: left; top: 0; z-index: 25; }
a.minibutton:active,a.minibuttonactive{ background: transparent !important; color: #ffcccc !important; font: bold 14px arial,sans-serif; padding: 4px; text-align: center; text-decoration: none; }
a.sylvia { color: #003300; }
a:hover, .selectbar { color: #336666; }
a.header:hover, .navlist a:hover { color: white; }
a[rel="external"] { background: transparent url(/share/images/icons/icon_blank.gif) no-repeat scroll right center; padding-right: 12px; }
body { background-color: #336666; color: #000; font-family: arial, sans-serif; font-size: 13px; }
div#username,div#password{ float: right; margin-right: 3px; position: relative; }
div.acts_list { margin-left: 30px; margin-right: 60px; overflow: hidden; width: 102px; }
div.acts_list li { list-style: none; margin-top: 20px; }
div.acts_list ul{ list-style: none; margin: 0; padding: 0; }
div.bokal { height: 78px; left: 675px; position: absolute; top: 605px; width: 58px; z-index: 7; }
div.box .bottom{ background: transparent url('/images/box.png') bottom center; height: 4px; }
div.box .content{ background: #8ea1b5; margin: 0; padding-bottom: 5px; padding-left: 4px; }
div.box .rechts{ background: right; float: right; width: 4px; }
div.box .top{ background: transparent url('/images/box.png') top center; height: 4px; }
div.box li a{ font-family: arial,sans-serif; font-style: normal; font-variant: normal; text-transform: capitalize; }
div.box li a.current,a:active, .navlist li.current a,
.navlist li.current a:visited { color: white; text-decoration: none; }
div.box p,div.rondbox p{ margin: 8px; }
div.box ul,div.rondbox ul{ list-style-type: disc; margin: 2px 0 0 12px; padding-left: 2px; }
div.box ul.nobullets,div.rondbox ul.nobullets{ list-style-type: none; margin: 2px 0 0 1px; padding-left: 2px; }
div.buble_tip{ display: none; width: 220px; }
div.buble_tip h3 { font-size: 1.1em; font-weight: bold; margin: 0 0 4px 0; text-transform: uppercase; }
div.buble_tip p{ font-size: 0.9em; }
div.c5 { height: 105px; left: 175px; position: absolute; top: 30px; width: 460px; z-index: 4; }
div.form_entry { margin: 3px 0; }
div.inlogblok{ text-align: right; width: 100%; }
div.inlogblok div{ float: right; text-align: right; }
div.magnolia { height: 115px; left: 210px; position: absolute; top: 205px; width: 55px; z-index: 3; }
div.middletext { height: 234px; left: 266px; position: absolute; top: 400px; width: 465px; }
div.middletext h2,
div.middletext h1 { text-align: center; }
div.mitartisten { height: 175px; left: 710px; position: absolute; top: 680px; width: 142px; z-index: 12; }
div.organzatuch { height: 115px; left: 800px; position: absolute; top: 470px; width: 139px; z-index: 6; }
div.pagewidth{ margin: 0 auto; position: relative; /* puts container in front of distance */ text-align: left; width: 999px; }
div.plakrechts{ clear: right; float: right; margin: 2px; overflow: hidden; padding: 2px; text-align: left; width: 166px; }
div.rondbox{ background: #43728d url(/images/blue_bg.jpg) repeat-x left -320px; padding: 0 !important; }
div.rondbox .bottom{ background: transparent url('/images/inversecorners.png') bottom center; height: 5px; }
div.rondbox .content{ background: transparent; margin: 0; padding-bottom: 5px; padding-left: 4px; }
div.rondbox .rechts{ background: transparent url(/images/inversecorners.png) right; float: right; height: 5px; width: 5px; }
div.rondbox .top{ background: transparent url('/images/inversecorners.png') top center; height: 5px; }
div.rondbox h3{ margin-bottom: 0.5em; }
div.rondbox li a{ color: #e8eff7; font-family: arial,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; text-transform: capitalize; }
div.rondbox li a.current,a:active{ color: white; font-weight: bold; text-decoration: none; }
div.rondbox li a:hover{ color: #f8da07; }
div.sublist{ background: transparent url(/images/bottom.png) no-repeat; /* url(/images/sublist.png) no-repeat;*/ height: 29px; margin-bottom: 4px; overflow: hidden; }
div.tango { height: 173px; left: 10px; position: absolute; top: 260px; width: 128px; z-index: 1; }
div.teadance { height: 178px; left: 610px; position: absolute; top: 205px; width: 167px; z-index: 20; }
div.tuchartistik { height: 115px; left: 90px; position: absolute; top: 680px; width: 158px; z-index: 9; }
div.tuchschlaufe { height: 115px; left: 20px; position: absolute; top: 470px; width: 162px; z-index: 11; }
div.verschiedeneacts { height: 134px; left: 400px; position: absolute; top: 710px; width: 163px; z-index: 14; }
div.vertikalseil { height: 115px; left: 410px; position: absolute; top: 180px; width: 144px; z-index: 2; }
div.vertikaltuch { height: 159px; left: 810px; position: absolute; top: 270px; width: 159px; z-index: 8; }
form  input.text { border: 2px solid #8ea1b5; width: 20em; }
form label { float: left; margin-right: 1em; text-align: right; width: 13em; }
form#login{ padding: 6px; position: relative; }
h1{ font: bold 20px arial,sans-serif; margin-bottom: 0.6em; }
h1.header{ border-bottom: 3px solid #ffcccc; }
h2{ font: bold 15pt arial,sans-serif; margin: 5px 0 10px 0; }
h3{ font: normal bold 9.5pt arial,sans-serif; }
h4{ font: normal bold 9pt arial,sans-serif; }
h5{ font: normal bold 10px arial,sans-serif; }
h6{ font: normal bold 8px arial,sans-serif; }
html,body{ height: 100%; }
img.right{ border: none; margin-left: 5px; }
input#username-field,input#password-field{ width: 10em; }
input,option{ background: #FFFFFF; color: #0f1f20; font: 10px Arial,sans-serif; }
input.infocus,input:focus,textarea.infocus,select.infocus{ background: #FFFFFF; color: #336666; padding-left: 2px; }
input.outfocus,textarea.outfocus,select.outfocus{ background: #cedbe4; color: #336666; padding-left: 2px; }
label.overlabel{ color: #8ea1b5; }
label.overlabel-apply{ color: #8ea1b5; position: absolute; right: 5px; top: 3px; z-index: 1; }
pre{ text-indent: 30px; }
select{ font-family: sans-serif; width: 100px; }
sup{ font-size: 6px; vertical-align: super; }
table,td{ background: transparent; border: 0; border-collapse: collapse; font-size: 14px; vertical-align: top; }
table.bubbletip { border-collapse: collapse; }
td { padding: 5px; }
td.colorpic,img.colorpic{ background: #FFFFFF no-repeat 50% 50%; border: 0; cursor: pointer; }
textarea.text { border: 2px solid #8ea1b5; font: normal 10px arial,sans-serif,Helvetica; overflow: auto; }
.alert{ background: transparent; color: #dc143c; font-weight: 900; text-decoration: blink; }
.article{ background: transparent; border: none; clear: both; overflow: hidden; width: 100%; }
.article a, .fullpage a { }
.background{ background: #FFFFFF; }
.banner,#banner{ background: transparent no-repeat bottom right; margin: 0; }
.bubbletip, .bubbletip td { color: #000; margin: 0; padding: 0 !important; }
.cat_list{ height: 508px; margin-left: 20px; overflow: hidden; width: 129px; }
.cat_list img{ margin-left: 2em; }
.cat_list ul{ font-size: 0; list-style: none; list-style-position: outside; margin: 0 2px; min-height: 200px; overflow: hidden; padding: 0; }
.cat_list ul li{ background: url(/images/blue_bg.jpg) fixed left -200px; clear: both; list-style: none; margin-bottom: 10px; overflow: hidden; text-align: left; width: 166px; }
.cat_list ul li a,
.cat_list ul li a:visited{ background: transparent url('/images/inversecorners24.png') no-repeat left top; display: block; font: 9pt/24px Arial,sans-serif; padding-left: 0.5em; text-decoration: none; text-transform: capitalize; white-space: nowrap; }
.cat_list ul li a.current{ font-weight: bold; text-decoration: underline; }
.cat_list ul li a:hover, .news-item a { text-decoration: underline; }
.cat_list ul li div,
div.nieuwsfoto{ background: no-repeat top center; cursor: pointer; float: right; height: 115px; margin: 0 5px; /*
plaatje bij de nieuws berichten op home page
*/ width: 120px; }
.content{ font: 1em arial,sans-serif; }
.content a:hover,a.content:hover{ font-weight: bold; }
.content p{ margin: 2px 0 6px 0; }
.content table { border-spacing: 5px; }
.content table,
.content ul,
.content p { font-size: 14px; }
.content ul{ list-style: disc; margin-left: 10px; padding-left: 10px; }
.content ul { overflow: hidden; padding-left: 1.3em; }
.content ul ul{ margin-left: 0.3em; padding-left: 0; }
.content ul ul li, .footer ul { list-style: none; }
.contentcenter{ font-size: 9.5pt; overflow: hidden; }
.contentcenter  ol>li:before { content: counters(item, "." )" "; counter-increment: item; }
.contentcenter ol{ counter-reset: item; }
.contentcenter ol ul { margin-left: 3.1em; }
.contentcenter ol ul li:before{ content: normal; }
.contentcenter ol,
.contentcenter ol li { list-style-position: outside; }
.contentcenter ol,
.contentcenter ul { margin-left: 2.1em; }
.contentcenter ul{ list-style-position: outside; list-style-type: circle; }
.dark{ background: #8ea1b5; }
.darker { background-color: #43728d; }
.faqlist{ margin-left: 0.6em; }
.faqlist a{ color: #ffcccc !important; font: normal 9.5pt arial,sans-serif; }
.faqlist li{ display: list-item; list-style-position: outside; list-style-type: decimal; margin-left: 1.8em; }
.footer{ background: transparent url(/images/bottom.png) no-repeat; clear: both; font: bold 9pt arial,sans-serif; height: 29px; margin-bottom: 2em; margin-top: 4px; text-align: left; vertical-align: middle; }
.footer { background: transparent none; float: none; font: bold 9.5pt arial,sans-serif; }
.footer a{ }
.footer li { display: inline; padding: 0 0.5em; }
.formal { color: #8ea1b5; font-style: italic; text-align: center; }
.fronttext{ font-size: 1.1em; text-align: center; }
.fullpage{ background: transparent; margin: 0; overflow: hidden; padding: 10px 10px 10px 2px; }
.gadgets {background: transparent url(/share/ellipse.png) no-repeat center center; height: 500px; margin-top: 19px; padding-bottom: 25px; position: relative; z-index: 2; }
.gadgets .display { display: table-cell; font-size: 1.5em; font-weight: bold; height: auto; left: 50%; margin-left: -150px; margin-top: 0; /* displ;ays the text when moude over*/ position: absolute; text-align: center; top: 50%; vertical-align: middle; width: 300px; }
.gadgets .display span { padding: 3px 8px; text-transform: uppercase; }
.gadgets .item { left: 50%; margin: -70px 0 0 -70px; position: absolute; top: 50%; }
.gadgets .item .holder { height: 140px; position: relative; width: 140px; }
.gadgets .item img { position: absolute; }
.gadgets .text, a.info span { display: none; }
.grijsvlak{ background: #cedbe4; color: black; }
.grijsvlak a { color: black; }
.homepage .fullpage{ height: 223px; }
.homepage div div div{ clear: both; }
.homepage img,img.left{ border: none; display: none; margin-right: 5px; }
.lanselect{ margin-top: 5px; padding: 0 5px; text-align: center
	white-space: nowrap; }
.lanselect a{ margin: 0 1px; padding: 0; text-decoration: none; }
.lanselect a img{ border: 1px solid white; filter: alpha(opacity=45); -moz-opacity: .45; opacity: .45; }
.lanselect a.current img{ filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; }
.lanselect a:hover{ border: 1px solid #43728d; }
.lanselect form,.lanselect fieldset{ display: inline; }
.lanselect img{ padding: 0; vertical-align: middle; }
.left{ float: left; }
.left img, img.left { margin-right: 5px; }
.light{ background-color: #cedbe4; }
.lighter { background-color: #f0f8ff; }
.list { list-style-type: none !important; margin-left: 0 !important; padding-left: 0.5em; }
.margerechts10{ margin-right: 10px; }
.moveup{ position: relative; top: -32px; }
.navlist{ font: 900 16px/24px sans-serif; margin: 0; padding: 0;text-align: center }
.navlist li{ display: block; list-style: none; text-align: center; white-space: nowrap; }
.navlist li a,
.navlist li a:visited { border: none; /*margin-left:3px;*/ font: 900 19px/24px sans-serif; font-weight: bold; padding: 0 0 0 5px; text-decoration: none; vertical-align: top; }
.news-item{ background-color: #4d8989; float: left; height: 115px; margin-right: 10px; margin-top: 20px; padding: 10px; width: 600px; }
.news-item h2{ font-size: 11pt; letter-spacing: normal; margin-top: 0; }
.picholder{ border: 1px solid #0e4c7b; float: left; margin: 5px 5px 0 0; padding: 3px; }
.projectengallery{ float: right; /*
houder van de gallery pics
*/ margin-left: 1em; overflow: hidden; width: 260px; }
.projectengallery .thumb{ float: left; height: 100px; text-align: center; vertical-align: middle; width: 128.5px; }
.projectengallery .thumb img{ border: none; border: 1px solid white; margin: 4px; text-align: center; vertical-align: middle; }
.projectengallery ul{ margin-left: 0.5em !important; }
.projectengallery ul li{ list-style-type: none; }
.right{ float: right; }
.rounded { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.shadow,
.glow { box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5); }
.socialbookmarks { clear: right; float: right; margin: 1em 0.2em; text-align: left; width: 253px; }
.socialbookmarks a img { border: none; }
.socialbookmarks div { float: left; font-size: 8.5pt; height: 36px; margin: 0 2px; text-align: center; width: 25px; }
.style13, .style48 { font-family: Verdana; font-size: 16px; font-weight: bold; }
.style14 { font-family: Verdana; font-weight: bold; }
.style16 { font-size: 14; }
.style17 { font-family: Verdana; font-size: 14; }
.style2, .style3 { font-family: Verdana; font-size: 16px; }
.style20 { font-size: 16px; }
.style6 { font-family: Verdana; }
.tablelabel{ background: transparent; font: 800 14px  Arial,sans-serif; vertical-align: top; }
.top_banner { display: inline-block; height: 147px; margin-top: 20px; /*
	This is the banner between menu and language selector
	*/ text-align: center; vertical-align: bottom; width: 640px; }
#browser{ background: #FFFFFF; border: none; clear: both; font: normal normal 12px arial,sans-serif; margin: 0; }
#browser a.minibutton{ background: transparent; color: #43728d !important; font: bold 14px arial,sans-serif; padding: 4px; text-align: center; text-decoration: underline; }
#browser img{ border: none; padding: 1px; vertical-align: text-bottom; }
#browser li{ display: inline; padding: 0 4px; }
#browser td,#browser li{ text-align: center; vertical-align: middle; }
#contactinfo { float: right; line-height: 150%; margin-top: 30px; width: 170px; }
#contactinfo  a{ color: #000; font: bold 1.2em/1.8em arial, sans-serif; text-decoration: none; }
#contactinfo li{ font: bold 1em/1.8em arial, sans-serif; text-align: center; }
#footer{ color: #1a4e7f; font-size: .8em; margin: 0px auto; padding: 10px 0; }
#footer_contain{ }
#footer_left{ float: left; padding-right: 1%; width: 48%; }
#footer_right{ float: left; padding-left: 1%; }
#menu { float: left; margin-top: 25px; width: 166px; }
#navcontainer{ height: 39px; overflow: hidden; white-space: nowrap; }
#news .content { padding-right: 5px; text-align: left; }
#news .news-item { height: auto; }
#news .news-item .content { overflow: hidden; padding-right: 5px; text-align: left; }