@import url("fonts.css");
@import url("base.css");
/* the import rules above cannot be deleted, they provide the base css */

/* ========================================================================== */
/* 01. grids                                                                  */
/* ========================================================================== */

/* grid two left ------------------------------------------------------------ */
.gridTwoLeft {padding-left:18em;}
.gridTwoLeft .wrapper {}
.gridTwoLeft .col-1 {float:left; width:18em; margin-left:-18em;}
.gridTwoLeft .col-2 {float:right; width:100%;}
.gridTwoLeft .col-2 .gridOne {margin-left:3px;}

/* grid two right ----------------------------------------------------------- */
.gridTwoRight {padding-right:24em; }
.gridTwoRight .wrapper {}
.gridTwoRight .col-1 {float:right; width:24em; margin-right:-24em;}
.gridTwoRight .col-2 {float:left; width:100%;}
.gridTwoRight .col-2 .gridOne {margin-right:1.25em;}

/* grid two even ------------------------------------------------------------ */
.gridTwoEven {margin:0.5em;}
.gridTwoEven .wrapper {padding-left:50%;}
.gridTwoEven .col-1 {float:left; width:100%; margin-left:-100%;}
.gridTwoEven .col-2 {float:right; width:100%;}
.gridTwoEven .col-2 .gridOne {margin-left:3px;}

/* grid three --------------------------------------------------------------- */
.gridThree {padding-left:14em; margin:0.5em;}
.gridThree .wrapper2 {padding-right:12em;}
.gridThree .wrapper {}
.gridThree .wrapperIn {float:right; width:100%;}
.gridThree .col-1 {float:left; width:100%;}
.gridThree .col-1 .gridOne {margin:0em 3px;}
.gridThree .col-2 {float:right; width:12em; margin-right:-12em;}
.gridThree .col-3 {float:left; width:14em; margin-left:-14em;}

/* ========================================================================== */
/* 02. page main structure                                                    */
/* ========================================================================== */

/* page base code ----------------------------------------------------------- */
body {background:#000;padding-bottom:1em;}
#allContainer {min-width:59.25em; max-width:73.85em; margin:0 auto;background:#fff;position:relative;}

/* header section ----------------------------------------------------------- */
#header {}
#header .gridTwoLeft.service {background:#000;}
#header .search {float:right;margin:.5em 0 0 0;padding:.5em .5em 0;background:#fff;}
#header .search .searchInput {border:1px solid #000;width:12em;margin-right:.5em;padding:.25em;height:1.25em;}

#header .siteLabel {padding-top:1em;background:url("img/blackBarLeft.gif") no-repeat left bottom;margin:0 1.5em;}
#header .siteLabel .wrapper {background:url("img/blackBarRight.gif") no-repeat right bottom;padding-bottom:5px;}
#header .siteLabel img {margin:1em 0 0;}

#header .rssFeed {position:absolute;right:2.5em;top:8.25em;background:url("img/rss.gif");width:50px;height:16px;}

/* main section ------------------------------------------------------------- */
#content {margin:0 2.5em;}
#content .gridTwoRight .col-1 .gridOne {position:relative;top:-.5em;}

/* footer section ----------------------------------------------------------- */
#footer {background:#000;margin-top:0.5em;padding:.5em .5em 1em;color:#fff;}

/* ========================================================================== */
/* 03. titles & Typography                                                           */
/* ========================================================================== */

/* general heading declaration ---------------------------------------------- */
h1, h2, h3, h4, h5, h6 {font-size:100%;}

/* koppen ------------------------------------------------------------------- */
h1.title span {font-size:140%; color:#960;}
h1.title {padding-top:2.5em;}
h2.title span, h1.hasj2 span {font-size:108%; color:#960;text-transform:uppercase;letter-spacing:2px;word-spacing:2px;}
h3.title span {font-size:108%;}
h4.title span {font-size:115%;}
h5.title span {font-size:110%;}
h6.title span {font-size:100%;}

/* text --------------------------------------------------------------------- */
p {margin-bottom:1em;}



/* ========================================================================== */
/* 04. links and buttons                                                      */
/* ========================================================================== */

/* generall links declaration ----------------------------------------------- */
a {color:#960;}
a:hover {color:#630;}

/* external link ------------------------------------------------------------ */
a.external {padding-left:18px; background:url("img/external.gif") 2px 0.2em no-repeat;}

/* download link ------------------------------------------------------------ */
a.download {padding-left:18px;}
a.download.pdf {background:url("img/pdf.gif") left 0.1em no-repeat;}

/* mailto hyperlink --------------------------------------------------------- */
a.email {padding-left:22px; background:url("img/email.gif") left 0.2em no-repeat;}

/* action links ------------------------------------------------------------- */
a.action.field img {vertical-align:top;}
a.action.spoke {background:url("img/icon.png") left top no-repeat; padding-left:20px; text-decoration:none; font-weight:700;}
a.action.spoke:hover {text-decoration:underline;}
a.action.spoke.add {background:url("img/add.gif") left top no-repeat;}
a.action.page {background:url("img/icon.png") left top no-repeat; padding-left:20px;}
a.action.page.print {background:url("img/print.gif") left 0.15em no-repeat;}

/* more link ---------------------------------------------------------- */
a.more, a.more-link {padding-right:15px;background:url(img/icon_paging_last.gif) no-repeat right .35em;}
a.more:hover, a.more-link:hover {background-image:url(img/icon_paging_last-hover.gif) ;}

/* definition link ---------------------------------------------------------- */
a.anchor.term {color:#000000;}

/* application link --------------------------------------------------------- */
a.application {line-height:2em; padding:0.5em 1em 0.5em 26px; background:#00aeee url("img/app-link.gif") 6px 0.75em no-repeat; color:#ffffff; font-weight:700; text-decoration:none;}
a.application:hover {color:#effbff;}

/* submit buttons ----------------------------------------------------------- */
input.submit {padding:0em 0.5em; vertical-align:bottom;height:2em; font-size:1em;}
input.submit.visual {border:none; border:1px solid #ffffff; background:#95a9b2 url("img/bg_pushVisual.gif") center repeat-x; color:#fff;border:1px solid;border-color:#666 #000 #000 #666}
input.submit.visual:active {border-color:#000 #666 #666 #000}

/* push buttons ------------------------------------------------------------- */
button.push {padding:0em 0.5em; vertical-align:bottom; height:2em; font-size:1em;}
button.push.visual {border:none; border:1px solid #ffffff; background:#95a9b2 url("img/submit_bg.gif") left center repeat-x; color:#fff}

/* reset buttons ------------------------------------------------------------ */
input.reset {padding:0em 0.5em; vertical-align:bottom; height:1.75em; font-size:1em;}
input.reset.visual {border:none; border:1px solid #ffffff; background:#95a9b2 url("img/submit_bg.gif") left center repeat-x; color:#fff}

/* ========================================================================== */
/* 05. navigation                                                             */
/* ========================================================================== */

/* horizontal menu ---------------------------------------------------------- */
.horizontalNav {background:url(img/brownBarRight.gif) no-repeat right top;margin:0 2.25em;padding-right:25em;}
.horizontalNav .wrapper1 {background: url(img/brownBarLeft.gif) no-repeat left bottom;}
.horizontalNav .wrapper2 {background:transparent url(img/brownBarMiddle.gif) no-repeat right top;}
.horizontalNav ul {background:transparent url(img/brownBarBottomRight.gif) no-repeat right bottom;padding-bottom:5px;}
.horizontalNav li {float:left; text-transform:uppercase;letter-spacing:3px;margin:0em 1.75em 0em;}
.horizontalNav li .page {display:block; text-decoration:none; padding:.75em 1em .75em; color:#fff;}
.horizontalNav li a.page:hover {background:#300;}
.horizontalNav li.active {background:#000;}
.horizontalNav li.active .page {color:#fff;}

#homePage .horizontalNav li#homeLink {background:#000;} #homePage .horizontalNav li#homeLink .page {color:#fff;}
#blogPage .horizontalNav li#blogLink {background:#000;} #blogPage .horizontalNav li#blogLink .page {color:#fff;}
#schrijverijPage .horizontalNav li#schrijverijLink {background:#000;} #schrijverijPage .horizontalNav li#schrijverijLink .page {color:#fff;}
#fotografiePage .horizontalNav li#fotografieLink {background:#000;} #fotografiePage .horizontalNav li#fotografieLink .page {color:#fff;}

/* tree --------------------------------------------------------------------- */
.tree {padding:0;}
.tree li {padding:0;}
.tree li.first {}
.tree li.active {background:#fff;color:#c7160e;}
.tree li.active a {background:#fff url(img/bullet_360.gif) no-repeat 0 .50em;}
.tree li a {background:url(img/bullet_690.gif) no-repeat 0 .6em; padding:0.25em 1em; display:block; text-decoration:none;}
.tree li a:hover {background-image:url(img/bullet_360.gif);}
.tree li.open {background:#dae8ed;}
.tree li.open.page {font-weight:700;background:url(img/bullet_subnav-open.gif) no-repeat 0 .65em;} /* check ie6.css when changed or extra levels added */
.tree li.last {}
.tree li ul {margin-bottom:.5em;}
.tree li li ul {margin-bottom:0;}
.tree li li {padding-left:0;}

/* secondary navigation ----------------------------------------------------- */
.blogPostOverview .secondNav {margin-bottom:1em;padding-top:0.5em;}
.secondNav li {float:left; margin-right:0.5em; padding-left:1px;  white-space:nowrap; background:url("img/separator_second.gif") left center no-repeat;}
.secondNav li .page {margin-left:0.5em;}
.secondNav li.first {background:none; padding-left:0;}
.secondNav li.first .page {margin-left:0;}

/* service navigation */
.secondNav.service {float:right;margin:1.25em 0em 0 0;text-transform:uppercase;letter-spacing:2px;}
.secondNav.service li {color:#fff;}
.secondNav.service a {text-decoration:none;color:#ccc;text-transform:uppercase;letter-spacing:3px;font-size:85%;padding:0 .5em;}
.secondNav.service a:hover {color:#fff;}
.secondNav.service .page {text-transform:uppercase;letter-spacing:3px;font-size:85%;padding:0 .5em;}
.secondNav.service li.active .page {font-weight:700;}

/* module navigation */
.secondNav.module li .page {font-weight:700;color:#000;}

/* meta navigation */
.secondNav.meta li {color:#666;padding-bottom:0;border-bottom:none;margin-bottom:0;background:url("img/separator_second_black.gif") left center no-repeat;margin-right:0.75em; padding-left:1em;}
.secondNav.meta li.first {background:none; padding-left:0;}
.secondNav.meta li .page {font-weight:700;}

/* language navigation */
.secondNav.language {padding:1.25em 0 0 0;}

/*meta homepage */
.blogPostOverview.home {border-bottom:10px solid #efeae5; margin-bottom:2em;}
.blogPostOverview.home .secondNav.meta {margin-top:-1em;float:right;margin-bottom:1em;}






/* breadcrumb --------------------------------------------------------------- */
.breadcrumb {padding:.5em .5em .25em;background:#f2f7f9;margin-bottom:1em;}
.breadcrumb li {float:left; margin-right:.75em; padding-left:.60em; color:#c7160e; background:url("img/separator_bread.gif") left 65% no-repeat; white-space:nowrap;}
.breadcrumb li .page {margin-left:0.5em;font-size:85%;font-weight:normal;}
.breadcrumb li.first {background:none; padding-left:0;}
.breadcrumb li.first .page {margin-left:0;}
.breadcrumb li.last {background-position:0 40%}
.breadcrumb li.last .page {font-weight:700;font-size:108%;}

/* tag cloud ---------------------------------------------------------------- */
.cloud {margin:0.5em;}
.cloud li {float:left; white-space:nowrap; margin-right:0.5em; height:2em; line-height:2em;}
.cloud li a {text-decoration:none;}
.cloud li a:hover {text-decoration:underline;}
.cloud li.size1 a {font-size:85%;}
.cloud li.size2 a {font-size:115%;}
.cloud li.size3 a {font-size:145%;}
.cloud li.size4 a {font-size:175%;}

/* paging ------------------------------------------------------------------- */
.paging {text-align:center; margin:0.5em;}
/* results */
.paging .result {color:#959595; font-size:93%; float:left;}
.paging .result span {font-weight:700;}
/* pager */
.paging .pager {float:right;}
.paging .pager a {text-decoration:none; font-weight:700;}
.paging .pager a:hover {text-decoration:underline;}
.paging .pager .prev {padding-left:10px; background:url("img/pager-prev.gif") left 0.5em no-repeat;}
.paging .pager .next {padding-right:10px; background:url("img/pager-next.gif") right 0.5em no-repeat;}
.paging .pager ul {display:inline; margin:0em 1em;}
.paging .pager ul li {display:inline; background:url("img/pager-separator.gif") left 0.3em no-repeat; padding-left:7px; font-weight:700;}
.paging .pager ul li.first {background:none; padding-left:0;}
.paging .pager ul li.active .page {color:#959595;}

/* tab pane ----------------------------------------------------------------- */
.tabpane {margin:0.5em;}
.tabpane .nav {padding-left:1em;}
.tabpane .nav li {background:#cccccc; border-top:1px solid #cccccc; float:left; margin:0em 0.1em;}
.tabpane .nav li a {display:block; text-decoration:none; font-weight:700;}
.tabpane .nav li a span {display:block; padding:0.25em 0.5em; color:#ffffff;}
.tabpane .nav li.active {border:1px solid #959595; border-bottom:none; background:#ffffff;}
.tabpane .nav li.active a span {position:relative; bottom:-1px; background:#ffffff; color:#4c4c4c;}
.tabpane .content {border:1px solid #959595;}
.tabpane .content .tab {margin:0.5em;}

/* ========================================================================== */
/* 06. basic content                                                          */
/* ========================================================================== */

/* image -------------------------------------------------------------------- */
.image {margin:1em 0em;background:#fff;}
.image .graphic {display:block;border:1px solid #960; text-align:center;padding:.25em;}
.image a.graphic:hover {border:1px solid #630;}
.image .graphic img {}
.image .caption {text-align:right; margin-top:0.25em; font-style:italic; color:#87827d;}
.image .caption.left {text-align:left;}
.image .caption.center {text-align:center;}

.entry-content img {display:block;margin:2em 0;border:1px solid #960; text-align:center;padding:1em;width:95%;}
.entry-content a:hover img {border-color:#630;}



.post img {display:block;margin:1em 0;border:1px solid #960; text-align:center;padding:0.75em;width:94%;}
.post a:hover img {border-color:#630;}

.presentation .image .graphic {padding:0.5em;}

/* normal list -------------------------------------------------------------- */
ul.list, ol.list {margin:0.5em; line-height:1.25em;}
ul.list li {padding-left:10px; background:url("img/list.gif") left 0.5em no-repeat;}

/* generic block ------------------------------------------------------------ */
.block {margin-bottom:1em;overflow:hidden;}
.block .title {margin-bottom:1em;}
.block .nav {text-align:right;}
.block .image {float:left;margin:0 .5em .25em 0;}

/* textblock ---------------------------------------------------------------- */
.block.text {border:none;}
.block.text .title {}
.block.text p {}

/* rounded Corners ---------------------------------------------------------- */
.block.lightBrown {background:#efeae5;}
.block.lightBrown .lt {background:transparent url(img/corner_lt-efeae5.gif) no-repeat left top;}
.block.lightBrown .rt {background:transparent url(img/corner_rt-efeae5.gif) no-repeat right top;}
.block.lightBrown .rb {background:transparent url(img/corner_rb-efeae5.gif) no-repeat right bottom;}
.block.lightBrown .lb {background:transparent url(img/corner_lb-efeae5.gif) no-repeat left bottom;padding:1em;overflow:hidden;}

.textblock {margin-top:2em;position:relative;}
.textblock p {line-height:1.5em;}



/* ========================================================================== */
/* 07. content components                                                     */
/* ========================================================================== */
.main {padding:1em 1em;}
.main .block {margin-bottom:2em;}
.main .block h2.title {}

.sideBar .block p {margin-bottom:.5em;}
.sideBar .block h3.title {margin-bottom:0.25em;}

/* Home Random Image  ------------------------------------------------------- */
.image.randomHome {position:relative;margin:0em 0em 2em;}
.image.randomHome .graphic {padding:0.75em;}
.image.randomHome .graphic img {width:100%;}
.image.randomHome .graphic a {display:block;margin:0;padding:0;}
.image.randomHome .secondNav {position:absolute;bottom:1em;right:1em;}
.image.randomHome .secondNav li {float:left; margin-right:0.5em; padding-left:1px; color:#fff; background:url("img/separator_second.gif") left center no-repeat;}
.image.randomHome .secondNav li.first {background-image:none;}
.image.randomHome .secondNav a {display:block;width:20px;height:20px;}
.image.randomHome .secondNav li.last a {margin-left:0.5em;}
.image.randomHome .secondNav .reload a {background:url(img/icon_reload.png) no-repeat center;}
.image.randomHome .secondNav .galleryLink a {background:url(img/icon_gallery.png) no-repeat center;}

/* presentation ------------------------------------------------------------- */
.block.presentation p {}

/* travel ------------------------------------------------------------------- */
.block.travels {background:#efeae5 url(img/bg_travels.gif) no-repeat 95% 50%;}

/* travel ------------------------------------------------------------------- */
.block.travels {background:#efeae5 url(img/bg_travels.gif) no-repeat 95% 50%;}

/* blogPostOverview --------------------------------------------------------- */
.blogPostOverview.home {margin-top:2em;}
.blogPostOverview li {padding-bottom:1em;margin-bottom:2em;border-bottom:1px solid #efeae5;}
.blogPostOverview li.last {border:none;margin-bottom:0;}
.blogPostOverview .date {font-weight:700;margin-bottom:.5em;color:#666;}
.blogPostOverview .date abbr {border:none;}
.blogPostOverview h1.title {text-transform:uppercase;margin-bottom:2.5em;letter-spacing:2px;word-spacing:2px;}
.blogPostOverview h1.title span {font-size:108%;}
.blogPostOverview h2 {margin-bottom:0.5em;}
.blogPostOverview h2 {font-family:Georgia, "Times New Roman", times, serif;font-size:123%;margin-bottom:0.25em;letter-spacing:0;text-transform:none;}
.blogPostOverview h2 a {text-decoration:none;}
.blogPostOverview h3.title {margin-bottom:0.5em;}
.blogPostOverview h3.title span {font-family:Georgia, "Times New Roman", times, serif;font-size:123%;margin-bottom:0.25em;letter-spacing:0;text-transform:none;}
.blogPostOverview h3 a {text-decoration:none;}
.blogPostOverview p {font-family:Georgia, "Times New Roman", times, serif;font-size:108%;margin-bottom:1em;line-height:145%;}
.blogPostOverview li ul {margin-bottom:1em}
.blogPostOverview li li {padding-bottom:0em;padding-left:1em;margin-bottom:0.75em;border-bottom:none;background:#fff url(img/bullet_690.gif) no-repeat 0 .40em;font-family:Georgia, "Times New Roman", times, serif;font-size:108%;line-height:145%;}



/* blogPost --------------------------------------------------------- */
.blogPost {border-bottom:5px solid #efeae5;padding-bottom:2em;}
.blogPost h1.title {margin:0em 0 1em;}
.blogPost h1.title span {font-family:Georgia, "Times New Roman", times, serif;font-size:138,5%;margin-bottom:0.25em;}
.blogPost h2 {padding:1em 0 .5em;font-family:Georgia, "Times New Roman", times, serif;font-size:123%;margin-bottom:0.25em;}
.blogPost p {font-family:Georgia, "Times New Roman", times, serif;font-size:108%;margin-bottom:1em;line-height:150%;}
.blogPost .date {font-weight:700;margin:1em 0 1.5em;}
.blogPost .date abbr {border:none;font-size:93%;}

/* galleryPreview ------------------------------------------------------------ */
.galleryPreview {}





/* expand and collapse ------------------------------------------------------ */
.expandCollapse {margin:0.5em;}
.expandCollapse .head {border-bottom:1px solid #2483b3;}
.expandCollapse .head .title {margin:0.1em 0em; margin-left:0.5em; font-weight:700; color:#2483b3;}
.expandCollapse .head .title span {padding-left:15px; background:url("img/collapse-none.gif") left 0.25em no-repeat; font-size:105%;}
.expandCollapse .box {padding:0.5em; border:1px solid #2483b3; border-top:none; border-bottom-width:1px; background:#f6f6ff; color:#2483b3; overflow:hidden;}
/* classes for javascript */
.expandCollapse .open .head .title span {background-image:url("img/collapse.gif"); cursor:pointer;}
.expandCollapse .open .box {display:block;}
.expandCollapse .closed .head .title span {background-image:url("img/expand.gif"); cursor:pointer;}
.expandCollapse .closed .box {display:none;}

/* image gallery ------------------------------------------------------------ */
.galleryPreview.home {margin-top:1em;}
.gallery {margin-top:1em;}
.gallery .paging {text-align:center; }
.gallery .paging .pager {float:none; position:relative;}
.gallery .paging .pager .prev {position:absolute; left:0;}
.gallery .paging .pager .info {font-weight:700;}
.gallery .paging .pager .next {position:absolute; right:0;}
.gallery .paging.upper .pager {border-bottom:1px dotted #959595; padding-bottom:0.5em;}
.gallery .paging.lower .pager {border-top:1px dotted #959595; padding-top:0.5em;}
.gallery .imageList li {float:left; margin:0.5em; padding:0.4em;border:1px solid #EFEAE5; width:159px;height:200px;}
.gallery .imageList li.first {margin-left:0;}
.gallery .imageList li.last {margin-right:0;}
.gallery .imageList li .image {margin:0;}
.gallery .imageList li br {display:none;}
.gallery .imageList li .image .graphic {border:none;}
.gallery .imageList li .image .graphic a {display:block;padding:0;margin:0;border:1px solid #fff;width:150px;height:150px;}
.gallery .imageList li .image .graphic a:hover {border:1px solid #630;}
.gallery .imageList li .image .graphic img {margin-top:0;width:150px;height:150px;}

/* detail view */
.gallery.detail .image .graphic {border:none;}

.slideShowLink {position:absolute;right:0;top:-2em;}







#comments {margin-top:2em;background:#EFEAE5;padding:1em;margin-bottom:2em;}
#comments h4 {margin-bottom:0.5em;font-size:116%;}
#respond {margin-bottom:1em;}
#respond h4 {margin-bottom:0.5em;font-size:116%;}
.formcontainer {}
.form-label {margin-bottom:0.25em}
.form-input {margin-bottom:0.5em}
.form-submit {margin-top:0.5em;}

.comments {margin-bottom:2em;}
.comments .comment-author {margin-bottom:1em;}
.comments .comment-meta {font-size:93%;margin-bottom:0.25em;color:#666;}
.comment {padding-bottom:1em;border-bottom:1px solid #630;margin-bottom:1em;color:#333;}


#nav-below {text-align:right;padding-top:0.5em;}
#nav-below .nav-previous {float:left;}
#nav-below .nav-next a {padding-right:15px;background:url(img/icon_paging_last.gif) no-repeat right .35em;}
#nav-below .nav-next a:hover {background-image:url(img/icon_paging_last-hover.gif);}
#nav-below .nav-previous a {padding-left:15px;background:url(img/icon_paging_first.gif) no-repeat left .35em;}
#nav-below .nav-previous a:hover {background-image:url(img/icon_paging_first-hover.gif);}

/* ========================================================================== */
/* 08. form layout                                                            */
/* ========================================================================== */

/* formbox ------------------------------------------------------------------ */
.formbox {border:1px solid  #086587; background:#fff; margin:0.5em;}
.formbox .formheader {padding:0.5em 1em; background:#a9c9d5;}
.formbox .formcontent {padding:0.5em 1em;}
.formbox .formfooter {padding:0.5em 1em; background:#f2f7f9;}

/* formbox (inline) --------------------------------------------------------- */
.formbox.inline {border:none; background:none;}
.formbox.inline .formcontent {display:inline; padding:0; float:left;}
.formbox.inline .formcontent form {display:inline;}
.formbox.inline .formcontent .controls {display:inline; margin:0;}
.formbox.inline .formfooter {display:inline; padding:0; background:none; float:right;}

/* required legend ---------------------------------------------------------- */
.formheader .requiredLegend {text-align:right; font-weight:700;}
fieldset .requiredLegend {border-bottom:1px solid #069; margin:0.5em 0.75em; padding:0.5em; background:#e5eff5;}

/* fieldset ----------------------------------------------------------------- */
fieldset {margin-top:1.5em;}
fieldset .fields {margin:1.25em 0em;}
fieldset.level1 {border:1px solid #a9c9d5; padding-left:0.01em;background:#e6eff3;}
fieldset.level1 legend.level1 {padding:0em 1em 0.25em; margin-left:0.75em;font-weight:700;color:#086587;background:#fff;text-transform:uppercase;letter-spacing:2px;word-spacing:2px;font-size:93%;}
fieldset.level2 {margin-left:2em;margin-right:1em;background:#f2f7f9; border:1px solid #fff;padding-left:0.01em;}
fieldset.level2 legend.level2 {padding:0em 1em 0.25em; margin-left:0.75em; font-weight:700;color:#086587;background:#e6eff3;}


/* fieldset error ----------------------------------------------------------- */
fieldset.error {border-top-color:#c00;border-top-width:2px;}
fieldset.error legend.level1, fieldset.error legend.level2 {color:#c00;}
.fieldsetError {border:1px solid #c00; background:#fae5e5 url("img/fielderror.gif") 6px 0.8em no-repeat; padding:0.5em; padding-left:20px; color:#cc3300; margin:0.5em 0.75em;}

/* formrow ------------------------------------------------------------------ */
.formrow {margin:0.75em 0em;}
.formrow:after {content: "."; display:block; height:0; clear:both; visibility:hidden;}
.formrow {display:inline-block;}
/* Hides from IE-mac \*/
* html .formrow {height:1%;}
.formrow {display:block;}
/* End hide from IE-mac */

/* formrow feedback --------------------------------------------------------- */
.formrow .rowFeedback {clear:both; margin-left:9.5em; line-height:1.22em;}
.formrow .rowFeedback .error {color:#c00;}

/* input element ------------------------------------------------------------ */
.formrow .inputElement {float:left;}
.formrow fieldset.inputElement {position:relative; margin-top:0;}

/* input caption ------------------------------------------------------------ */
.formrow .inputElement .inputCaption {float:left; text-align:right; line-height:1.75em;}
.formrow .inputElement .inputCaption .label {width:8em; display:block; margin-right:1em; position:relative;}
.formrow .inputElement .inputCaption .label .required {position:absolute; right:-0.5em; top:0em;}
.formrow fieldset.inputElement .inputCaption .label {position:absolute; left:0; top:0;}

/* input caption hint ------------------------------------------------------- */
.formrow .inputElement .inputCaption .label .captionHint {font-size:85%; color:#666666;}

/* input control -------------------------------------------------------------*/
.formrow .inputElement .inputControl {margin-left:9.5em;}
.formrow .inputElement .inputControl .controls, .formrow .inputElement .inputControl .controlHint {display:inline;}
.formrow .inputElement .inputControl .controls .control {display:inline;}
.formrow .inputElement .inputControl .controls .control input {border:1px solid #a5acb2;}
.formrow .inputElement .inputControl .controls .control input {height:1.25em; display:inline;}

/* input element hint ------------------------------------------------------- */
.formrow .inputElement .inputControl div.controlHint {line-height:1.5em; font-size:85%; color:#666666;}

/* input element help ------------------------------------------------------- */
.formrow .inputElement .inputControl .controls .inputHelp img {vertical-align:bottom;}

/* input element feedback --------------------------------------------------- */
.formrow .inputElement .inputControl .inputFeedback {display:block;}
.formrow .inputElement .inputControl .inputFeedback div {margin:0.25em 0em; display:block;}
.formrow .inputElement .inputControl .inputFeedback .error {color:#cc3300; padding-left:13px; background:url("img/fielderror.gif") left 0.2em no-repeat;}
.formrow .inputElement .inputControl .inputFeedback .confirmation {color:#959595;}

/* input element (extra) ---------------------------------------------------- */
.formrow .inputElement.extra {margin-left:1em; width:auto;}
.formrow .inputElement.extra .inputCaption .label {width:auto; margin-right:0.5em; position:static; display:inline;}
.formrow .inputElement.extra .inputCaption .label .required {position:static;}
.formrow .inputElement.extra .inputControl {margin-left:0; float:left;}

/* input element (compact) -------------------------------------------------- */
.formrow .inputElement.small .inputCaption {float:none; display:block; text-align:left; margin-bottom:0.5em;}
.formrow .inputElement.small .inputCaption .label {position:static;}
.formrow .inputElement.small .inputControl {margin-left:0;}

/* button group ------------------------------------------------------------- */
.buttongroup .abort {float:left;}
.buttongroup .advance * {float:right; margin-left:1em;}

/* form error --------------------------------------------------------------- */
.expandCollapse.formError .head {border-color:#c00;}
.expandCollapse.formError .head .title span {color:#c00; background-image:url("img/error-collapse-none.gif");}
.expandCollapse.formError .box {border-color:#c00; background:#fae5e5; color:#c00; }
.expandCollapse.formError .box ul li {padding-left:12px; background:url("img/error-list.gif") left 0.45em no-repeat; line-height:1.25em;}
/* classes for javascript */
.expandCollapse.formError .open .head .title span {background-image:url("img/error-collapse.gif");}
.expandCollapse.formError .closed .head .title span {background:url("img/error-expand.gif");}

/* form help ---------------------------------------------------------------- */
.expandCollapse.formHelp .head {border-color:#2483b3;}
.expandCollapse.formHelp .head .title span {color:#2483b3; background-image:url("img/help-collapse-none.gif");}
.expandCollapse.formHelp .box {border-color:#2483b3; background:#fdfdff; color:#000000; }
/* classes for javascript */
.expandCollapse.formHelp .open .head .title span {background-image:url("img/help-collapse.gif");}
.expandCollapse.formHelp .closed .head .title span {background-image:url("img/help-expand.gif");}

/* ========================================================================== */
/* 09. specific input elements                                                */
/* ========================================================================== */

/* radiobutton list --------------------------------------------------------- */
.formrow .inputElement.radiolist {float:none;}
.formrow .inputElement.radiolist .inputControl .controls {line-height:1.75em; position:relative; padding-left:20px; display:block;}
.formrow .inputElement.radiolist .inputControl .controls input {position:absolute; left:0; top:0.4em; width:15px; height:15px; vertical-align:middle;}

/* checkbox list ------------------------------------------------------------ */
.formrow .inputElement.checklist {float:none;}
.formrow .inputElement.checklist .inputControl .controls {line-height:1.75em; position:relative; padding-left:20px; float:left; clear:left;}
.formrow .inputElement.checklist .inputControl .controls input {position:absolute; left:0; top:0.4em; width:15px; height:15px; vertical-align:middle;}

/* checkbox grid ------------------------------------------------------------ */
.formrow .inputElement.checklist.grid .col {float:left; border-right:1px solid #c0c0c0; margin-right:1em; padding-right:1em;}
.formrow .inputElement.checklist.grid .col.last {border-right:none;}

/* transfer list ------------------------------------------------------------ */
.formrow .inputElement.transfer .inputControl .controls {float:left;}
.formrow .inputElement.transfer .inputControl .controls select {padding-right:0.25em; padding-left:0.25em; height:10em;}
.formrow .inputElement.transfer .inputControl .controls select option {margin-top:0.1em;}
.formrow .inputElement.transfer .inputControl .controls.actions {margin:0.5em 1.25em;}
.formrow .inputElement.transfer .inputControl .controls.actions button {width:3em; display:block; margin:0.5em 0em;}

/* date --------------------------------------------------------------------- */
.formrow .inputElement.date .inputControl .controls .datepickerIcon img {vertical-align:-20%;}


/* ========================================================================== */
/* 10. tables                                                                 */
/* ========================================================================== */

/* simple table ------------------------------------------------------------- */
.table {margin:1em 0.5em;}
.table table {border-collapse:collapse; border:1px solid #3f3f3f; width:100%; empty-cells:show;}
.table table .col1 {width:30%;}
.table table .col2 {width:30%;}
.table table .col3 {width:20%;}
.table table .col4 {width:20%;}
.table table th {text-align:left; background:#dedede; color:#4c4c4c;}
.table table td, .table table th {padding:0.25em 0.5em; border:1px solid #3f3f3f;}
.table table tbody tr.alt td {background:#f5f5f5;}
.table table tfoot {background:#e8e8e8; color:#4c4c4c; font-weight:700;}

/* datagrid ----------------------------------------------------------------- */
.table.datagrid th.sort {padding:0;}
.table.datagrid th.sort a {text-decoration:none; color:#000000; display:block; padding:0.25em 0.5em;}
.table.datagrid th.sort a.selected {background-color:#c5c5c5;}
.table.datagrid th.sort a span {background:url("img/datagrid-asc.gif") right 0.5em no-repeat; padding-right:12px; display:block;}
.table.datagrid th.sort a span.asc {background-image:url("img/datagrid-asc.gif");}
.table.datagrid th.sort a span.desc {background-image:url("img/datagrid-desc.gif");}
.table.datagrid th.sort a.selected span.asc {background-image:url("img/datagrid-asc-active.gif");}
.table.datagrid th.sort a.selected span.desc {background-image:url("img/datagrid-desc-active.gif");}
.table.datagrid div.paging {margin-left:0; margin-right:0;}
/* multiselect */
.table.datagrid.multiselect tfoot td {padding-top:0.5em; padding-bottom:0.5em;}
.table.datagrid.multiselect tfoot .secondNav {margin:0; background:url("img/foot-select.gif") 3px 0.25em no-repeat; padding-left:20px;}
.table.datagrid.multiselect .buttongroup {padding:0.5em 0em; border-bottom:1px dotted #a9a9a9;}
.table.datagrid.multiselect .buttongroup .advance {float:left; font-size:108%;}
.table.datagrid.multiselect .buttongroup .advance input {float:none; vertical-align:middle;}

/* datepicker --------------------------------------------------------------- */
.datepicker {border:1px solid #086587; margin:0.5em; background:#f2f7f9;}
/* header */
.datepicker .head {background-color:#086587; position:relative;}
.datepicker .head .title {margin:0; padding:0.5em; color:#ffffff;}
.datepicker .head .title span {font-size:100%;}
.datepicker .head .close {position:absolute; right:0.25em; top:0.25em; color:#ffffff;}
/* paging */
.datepicker .paging {border-top:1px solid #086587;}
.datepicker .paging .pager {float:none;}
.datepicker .paging .prev {float:left; background:url("img/calendar-prev.gif") left 0.4em no-repeat;}
.datepicker .paging .next {float:right; background:url("img/calendar-next.gif") right 0.4em no-repeat;}
/* calendar */
.table.calendar {margin:0.5em;}
.table.calendar table {border-color:#086587;}
.table.calendar table td, .table.calendar table th {border-color:#83b2c3; color:#666666; text-align:center; padding:0; width:2em; height:2em;}
.table.calendar table th {background:#468ca5;color:#fff;}
.table.calendar table tbody th {font-weight:300;background:#83b2c3;border-bottom:1px solid #fff;}
.table.calendar table tbody th.last {border-bottom:1px solid #83b2c3;}
.table.calendar table tbody td {background:#ffffff;}
.table.calendar table tbody td.weekend {background:#c1d8e1}
.table.calendar table tbody td a {display:block; height:100%; line-height:200%;}
.table.calendar table tbody td.current {background:#c7160e; font-weight:700;}
.table.calendar table tbody td.current a {color:#fff;}
.table.calendar table tbody td.active {background:#e6eff3; font-weight:700;}
.table.calendar table tbody td.active a {}
.table.calendar table tbody td.disabled {background:#f5f5f5;}
.table.calendar table tbody td.disabled a {color:#ccc;}
.table.calendar table abbr {text-decoration:none; border-bottom:none;}
.table.calendar table a {text-decoration:none;}

/* calendar page ------------------------------------------------------------ */
.calendarFull .secondNav.action {padding:0.25em;background:#f2f7f9;}
.calendarFull .secondNav.action li {float:none; background:none; padding-left:0;}
.calendarFull .secondNav.action li .page {margin-left:0;}

.calendarFull .calendarComp .secondNav li {float:right;}

.calendarFull .calendarComp .control {margin:0.5em; margin-bottom:-0.5em; position:relative;}
.calendarFull .calendarComp .control .horizontalNav {position:absolute; right:1em; border:none; bottom:0; margin:0;}
.calendarFull .calendarComp .control .horizontalNav ul {float:right;background:transparent;}
.calendarFull .calendarComp .control .horizontalNav ul li {border:1px solid #086587;border-width:1px 0 0 1px;margin:0;}
.calendarFull .calendarComp .control .horizontalNav ul li a {color:#086587;}
.calendarFull .calendarComp .control .horizontalNav ul li a:hover {color:#fff;}
.calendarFull .calendarComp .control .horizontalNav ul li.last {border-right:1px solid #086587;}

.calendarFull .calendarComp .control .paging {float:left; margin-left:0; margin-top:0.75em;}
.calendarFull .calendarComp .control .paging .pager {float:none;}
.calendarFull .calendarComp .control .paging .pager a {margin-left:1em;}
.calendarFull .calendarComp .control .paging .pager a.prev {margin-left:0em;}
.calendarFull .calendarComp .control .info {margin:0em 20em; text-align:center; line-height:2.5em; font-weight:700;}

.calendarFull .calendarComp .table.calendar table td, .calendarComp .calendarFull .table.calendar table th {width:14.3%; height:7.5em;}
.calendarFull .calendarComp .table.calendar table tbody td, .calendarFull .calendarComp .table.calendar table tbody th {vertical-align:top; text-align:left;}
.calendarFull .calendarComp .table.calendar table tbody td.disabled {background:#ececec;}
.calendarFull .calendarComp .table.calendar table tbody td .header {background:#c0c0c0; padding: 0.25em 0.5em; color:#ffffff; text-align:left;}
.calendarFull .calendarComp .table.calendar table tbody td .content {padding:0.5em;}

.calendarFull .calendarComp .table.calendar.week table td, .calendarComp .calendarFull .table.calendar.week table th {width:12.5%; height:5em;}

.entry-content ul {margin-bottom:1em}
.entry-content li {padding-bottom:0em;padding-left:1em;margin-bottom:0.5em;border-bottom:none;background:#fff url(img/bullet_690.gif) no-repeat 0 .40em;font-family:Georgia, "Times New Roman", times, serif;font-size:108%;line-height:145%;}