/*
Theme Name: Sistim
Theme URI: http://www.volaris.nl
Description: Sistim BV <a href="http://www.sistim.nl">Bezoek site</a>.
Version: 1.2
Author: Dennis Prkic
Author URI: http://www.volaris.nl
Tags: Sistim BV
http://www.volaris.nl
*/

.alignleft{float:left;margin:8px 10px 10px 0px;}
.alignright{float:right;margin:0px 0px 10px 10px;}

* { margin: 0px; padding: 0px; }
html, body { font-family: Arial; font-size: 12px; color: #646464; }
body { background: url('images/bodyBg.png') #fff repeat-x; }
label { display: block; margin: 0 0 5px 0; }
.text { width: 350px; margin: 0 0 10px 0; padding: 5px; background: url(img/bg-form-text.gif) repeat-x left top #fff; border: 1px solid #ccc; }
textarea { width: 450px; height: 150px; margin: 0; padding: 5px; border: 1px solid #ccc; }
input.field { padding: 5px; margin-bottom: 4px; width: 360px; height: 21px; border: 0px; background: url('images/fieldBg.gif') no-repeat; }
a img { border: none; }
img { border: none;  }
em { white-space: nowrap; }
a.image-border { text-decoration: none; border: 0 none; }
a:active { outline: none; }
a { outline: none; color: #5bacd2; text-decoration: none; }
a:hover { color: #3a3a3a; text-decoration: underline; }
p { padding-bottom: 15px; line-height: 17px; }

img.alignright { float: right; margin: 0 0 30px 30px; }
img.alignleft { float: left; margin: 0 50px 30px 0; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
a img.alignright { float: right; margin: 0 0 30px 30px; }
a img.alignleft { float: left; margin: 0 50px 30px 0; }
a img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignleft { float: left; }
.alignright { float: right; }
.wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text { font-size: 110%; line-height: 17px; padding: 0 4px 5px; margin: 0; }

.clear { clear: both; height: 1px; }

#wrapper { position: relative; display: block; width: 100%; min-height: 100%; }
/*        ##################################
MAIN CONTAINER
################################## */
#mainCntr { margin: 0 auto; width: 960px; }
/*        ##################################
HEADER CONTAINER
################################## */
#headerCntr { position: relative; width: 960px; height: 446px; background: url('images/headerBg.png') no-repeat; }
#headerCntr h1 { position: absolute; top: 51px; left: 0px; }
#headerCntr h1 a { display: block; width: 171px; height: 91px; text-indent: -9999px; background: url('images/logo.png') no-repeat; }
#flash { position: absolute; top: 205px; left: 0px; z-index: 0; background: url('images/headerBg.png') no-repeat; }
/*        ##################################
MENU CONTAINER
################################## */
#menuCntr { font-family: "Lucida Sans Unicode", sans-serif; font-size: 14.67px; font-style: normal; font-weight: normal; text-transform: uppercase; letter-spacing: normal; position: absolute; top: 161px; left: 0px; z-index: 80; width: 960px; }
#menuCntr ul { overflow: hidden; width: 960px; list-style: none; }
#menuCntr li { padding-right: 1px; float: left; display: inline; background: url('images/menuBg.png') no-repeat right; }
#menuCntr li.last { padding: 0px; background: none; }
#menuCntr li a { padding: 0px 15px 0px 15px; display: block; float: left; height: 43px; line-height: 47px; text-decoration: none; font-family: "Lucida Sans Unicode", sans-serif; font-size: 12px; font-style: normal; font-weight: normal; text-transform: uppercase; letter-spacing: normal; color: #fff; }
#menuCntr li a:hover, #menuCntr li a.selected { background: #2a7699; }
#menuCntr ul ul { margin-left: -4px; padding-bottom: 16px; display: none; position: absolute; top: 44px; clear: both; width: 268px; background: url('images/subBottom.png') no-repeat bottom; }
#menuCntr ul ul li { padding: 0 4px 0px 4px; display: block; float: none; background: url('images/subBg.png') repeat-y; }
#menuCntr ul ul li a { padding: 1px 30px 1px 30px; float: none; height: 30px; line-height: 30px; color: #288aab; }
#menuCntr ul ul li a:hover { padding: 0px 30px 0px 30px; color: #18566b; border-top: 1px solid #f0f0f0; border-bottom: 1px solid #f0f0f0; background: url('images/arrow.gif') no-repeat 10px center; }
/*        ##################################
TOP CONTAINER
################################## */
#topCntr { position: absolute; top: 9px; right: 0px; overflow: hidden; width: 400px; }
#topCntr ul { padding-bottom: 100px; overflow: hidden; width: 400px; list-style: none; }
#topCntr li { float: right; display: inline; font-size: 11px; color: #6f6f6f; }
#topCntr li a { padding: 0px 5px 0px 5px; text-decoration: none; color: #b4b4b4; }
#topCntr li a:hover { color: #fff; }
#topCntr fieldset { float: right; overflow: hidden; width: 180px; border: 0px; }
#topCntr input.field { padding: 7px 5px 0px 5px; float: left; width: 132px; height: 17px; border: 0px; background: url('images/fieldBg.gif') no-repeat; }
#topCntr input.submit { float: right; }
/*        ##################################
CONTENT CONTAINER
################################## */
#contentCntr { padding-top: 10px; overflow: hidden; width: 960px; background: url('images/contentBg.gif') repeat-y right; }
/*        ##################################
LEFT CONTAINER
################################## */
#leftCntr { float: left; width: 614px; }
/*        ##################################
TEXT BOX
################################## */
.textBox { width: 614px; }
.textBox h1 { font-family: Georgia, serif; font-size: 24px; font-style: normal; font-weight: normal; text-transform: normal; letter-spacing: normal; line-height: 1.2em; margin-bottom: 15px; padding-bottom: 20px; color: #288aab; background: url('images/textH1.gif') no-repeat bottom; }
.textBox p { padding-bottom: 15px; line-height: 23px; }
.textBox ul { list-style-image: url('images/ularrow.gif'); line-height: 30px; padding-left: 20px; }
.textBox ul a:hover { color: #666; }
.textBox ul a:hover { list-style-image: url('images/ularrow_hover.gif'); color: #333; text-decoration: underline; }
/*        ##################################
RIGHT CONTAINER
################################## */
#rightCntr { float: right; width: 311px; }
/*        ##################################
NAV BOX
################################## */
.navBox { width: 311px; }
.navBox h3 { padding: 0px 0px 20px 20px; font-size: 13px; font-weight: bold; color: #333; }
.navBox ul { list-style: none; }
.navBox li { height: 42px; font-size: 13px; }
.navBox li a { padding: 2px 0px 0px 38px; display: block; height: 40px; line-height: 40px; text-decoration: none; color: #828282; background: url('images/navBg.gif') no-repeat; }
.navBox li a:hover, .navBox li.selected a { text-decoration: underline; color: #828282; background: url('images/navHBg.gif') no-repeat; }
/*        ##################################
INFO CONTAINER
################################## */
#infoCntr { margin-top: 5px; overflow: hidden; width: 960px; border-top: 3px solid #ebebeb; }
#infoCntr div.last { background: none; }
#infoCntr div.dark h3 { color: #171717; }
#infoCntr div.dark h4 { color: #171717; }
#infoCntr div.last div.slider { padding: 0px 0px 0px 38px; }
#infoCntr div.last div.open { padding: 0px 0px 0px 38px; }
/*        ##################################
INFO BOX
################################## */
.infoBoxagenda { width: 160px !important; padding: 12px 13px 0px 12px; float: left; display: inline;  background: url('images/infoBg.gif') no-repeat right top; }
.infoBoxagenda p { line-height: 25px; color: #646464; }
.infoBoxagenda h4 { padding-bottom: 12px; font-size: 15px; font-weight: normal; color: #171717; }

.infoBoxpartners { width: 200px !important; padding: 12px 13px 0px 12px; float: left; display: inline;  background: url('images/infoBg.gif') no-repeat right top; }
.infoBoxpartners p { line-height: 25px; color: #646464; }
.infoBoxpartners h4 { padding-bottom: 12px; font-size: 15px; font-weight: normal; color: #171717; }



.infoBox { padding: 12px 13px 0px 12px; float: left; display: inline; width: 250px; background: url('images/infoBg.gif') no-repeat right top; }
.infoBox h3 { padding-bottom: 12px; font-size: 15px; font-weight: normal; color: #7d7d7d; }
.infoBox h4 { padding-bottom: 12px; font-size: 15px; font-weight: normal; color: #171717; }
.infoBox ul { list-style: none; }
.infoBox li { line-height: 25px; font-size: 13px; }
.infoBox li a { padding-left: 20px; text-decoration: none; color: #646464; background: url('images/tag.png') no-repeat left; }
.infoBox li a:hover { color: #001538; }
.infoBox p { line-height: 25px; color: #646464; }
.infoBox div.slider { padding-left: 45px; position: relative; }
infoBox div.slider .open { padding-left: 45px; position: relative; }
.infoBox a.prev { position: absolute; top: 40px; left: 20px; display: block; width: 14px; height: 15px; text-indent: -9999px; background: url('images/prev.gif') no-repeat; }
.infoBox a.next { position: absolute; top: 40px; right: 20px; display: block; width: 14px; height: 15px; text-indent: -9999px; background: url('images/next.gif') no-repeat; }
/*        ##################################
FOOTER
################################## */
#footerCntr { margin-top:0px; width: 960px; height: 126px; background: url('images/footerBg.gif') no-repeat; }
#footerCntr div.bar { margin-bottom: 15px; padding: 0px 20px 0px 15px; overflow: hidden; width: 925px; height: 44px; line-height: 44px; }
#footerCntr div.bar ul { float: left; overflow: hidden; width: 400px; list-style: none; }
#footerCntr div.bar li { float: left; display: inline; color: #8e8e8e; }
#footerCntr div.bar li a { padding: 0px 5px 0px 5px; }
#footerCntr div.bar a { text-decoration: none; color: #8e8e8e; }
#footerCntr div.bar a:hover { text-decoration: underline; }
#footerCntr div.bar p { padding: 0px; padding-top: 12px; float: right; width: 400px; text-align: right; color: #8e8e8e; }
#footerCntr p { padding: 0px 20px 0px 20px; font-size: 11px; color: #717171; }
#footerCntr p span { color: #b0b0b0; }
.verzenden { background: url(images/verzenden.png) no-repeat; overflow: hidden; cursor: pointer; font-size: 12px; border: none; height: 35px; color: #333333; width: 113px; float: left; padding-bottom: 1px; margin-top: 10px; }
#main .feedback { background: url(images/feedback_bg20080805.gif) no-repeat 0 100%; }
#main .feedback p { font-weight: bold; line-height: 39px; min-height: 39px; background: url(images/feedback_captop20080805.gif) no-repeat 0 0; }
#main .feedback a { display: block; padding: 0 15px; color: #636363; background: url(images/feedback_envelope20080805.gif) no-repeat 95% 50%; }
.alert { background: #fff6bf url(images/information.png) center no-repeat; background-position: 15px 50%; /* x-pos y-pos */ text-align: left; padding: 10px 10px 10px 45px; border-top: 2px solid #ffd324; border-bottom: 2px solid #ffd324; }
.alert2 { border: solid 1px #DEDEDE; background: #FFFFCC url(images/information.png) 8px 6px no-repeat; color: #222222; padding: 4px; text-align: center; }
table td { padding-bottom: 10px; border-bottom: 1px solid #f0f0f0; }
/*       ###############################
CLEARFIX
############################### */
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }
.clear { clear: both; }