/* General styles */

body {
  font-family: arial,sans-serif;
  margin:0;
  padding:0;
}

#container {
  position:relative;
  width:960px;
  height:200px;
  font-size:15px;
  line-height:1.2em;
}

#head {
  height:105px;
}

#logo {
  position:absolute;
  top:12px;
  left:24px;
  width:218px;
  height:92px;
}

#langsel {
  position:absolute;
  top:5px;
  left:245px;
  height:16px;
  font-family:arial,sans-serif;
  font-size:12px;
  color:#5F87A7;
}

#search {
  position:absolute;
  top:80px;
  left:245px;
  width:240px;
  height:25px;
  background-color:#FED500;
}

#metanav {
  position:absolute;
  top:80px;
  left:485px;
  width:475px;
  height:25px;
  background-color:#F39400;
  color:#194462;
  font-size:12px;
}

#midpart {
  position:absolute;
  top:110px;
  left:0;
}

#topnav {
  width:240px;
  background-color:#F39400;
}

#topnavwrapper {
  width:240px;
  height:225px;
  background-color:#F39400;
}

#banner {
  width:715px;
  height:225px;
  background-color:#FFF0AB;
  clear:both;
  overflow:visible;
}

#bannernarrow {
  width:715px;
  height:135px;
  background-color:#FFF0AB;
  clear:both;
  overflow:visible;
}

#maincontent {
  position:absolute;
  top:0;
  left:245px;
  width:715px;
}

#newscolumn {
  margin-top:30px;
  float:left;
  width:220px;
}

div.newswrapper {
  margin-left:30px;
}

#footer {
  clear: both;
  padding: 20px 0 10px 15px;
  font-size:11px;
  color:#5F87A7;
}

#maincontent #footer a {
  font-family:arial,sans-serif;
  font-size:11px;
  color:#5F87A7;
  text-decoration: none;
}

#maincontent #footer a:hover {
  color: #003366;
}

/* ########## topnav-menu ############# */

#topnav ul {
  list-style-type:none;
  margin:0;
  padding:0;
  background:#F39400;
}

#topnav ul li {
  border-bottom:1px solid white;
}

#topnav ul li.selected {
  background-color:#FED500;
}

#topnav a {
  font-family: arial,sans-serif;
  font-size:13px;
  line-height:1.7em;
  text-decoration:none;
  color:white;
  display:block;
  _width:100%;
  padding:0 10px 0 30px;
}

#topnav ul li a:hover {
  color:#003366;
}

#topnav li.selected a {
  color:#003366;
}

/* ### second level styles #### */

#topnav ul.secondlevel {
  list-style-type:none;
  margin:0;
  padding:0;
  background:#FFF0AB;
}

#topnav ul.secondlevel li {
  b_order-bottom:1px solid white;
  border-bottom:none;
}

#topnav ul.secondlevel li.lastentry {
  border-bottom:none;
}

#topnav ul.secondlevel li.selected {
  background-color:#FFF0AB;
  border-bottom:none;
}

#topnav ul.secondlevel li.selected a {
  color:#F39400;
}

#topnav ul.secondlevel li a {
  line-height:1.7em;
  text-decoration:none;
  color:#003366;
  display:block;
  _width:100%;
  padding:0 10px 0 30px;
}

#topnav ul.secondlevel li a:hover {
  color:#F39400;
}

/* ### third level styles #### */

#topnav ul.thirdlevel {
  list-style-type:none;
  margin:0;
  padding:0;
  background:#FEF6D0;
}

#topnav ul.thirdlevel li {
  border-bottom:none;
}

#topnav ul.thirdlevel li.lastentry {
  border-bottom:none;
}

#topnav ul.thirdlevel li.selected {
  background-color:#FEF6D0;
}

#topnav ul.secondlevel ul.thirdlevel li a {
  line-height:1.7em;
  text-decoration:none;
  color:#003366;
  display:block;
  _width:100%;
  padding:0 10px 0 40px;
}

#topnav ul.secondlevel ul.thirdlevel li.selected a {
  color:#F39400;
  display:inline;
  width:auto;
  background-image: url(../img/par_icon1.gif);
  background-position:top right;
  background-repeat:no-repeat;
}

#topnav ul.secondlevel ul.thirdlevel li a:hover {
  color:#F39400;
}

/* ####### language-selection ############# */

#langsel a {
  font-family:arial,sans-serif;
  font-size:12px;
  color:#5F87A7;
  text-decoration:none;
}

#langsel a:hover {
  color:#003366;
}

/* ####### banner - image and banner- headline ############# */

#banner #bannerImg {
  position:absolute;
  top:0;
  left:240px;
  width:440px;
  height:225px;
  overflow:hidden;  
}

#banner #bannerText {  
  font-size:28px;
  line-height:28px;
  color:#ED6700;
  font-family: arial,sans-serif;
  font-weight:normal;
  position:absolute;
  top:10px;
  z-index:1000;
  left:15px;
  height:205px;
  width:220px;
}

#bannernarrow #bannerImg {
  position:absolute;
  top:0;
  left:240px;
  width:440px;
  height:135px;
  overflow:hidden;  
}

#bannernarrow #bannerText {
  font-size:28px;
  line-height:28px;
  color:#ED6700;
  font-family:arial,sans-serif;
  position:absolute;
  top:5px;
  z-index:1000;
  left:15px;
  height:120px;
  width:220px;
}

/* ### addes for table within bannerText #### */

#banner #bannerText table,
#bannernarrow #bannerText table {
  height:100%;
  vertical-align:bottom;
}

#banner #bannerText table tr td,
#bannernarrow #bannerText table tr td {
  line-height:30px;
  color:#ED6700;
  font-family:arial,sans-serif;
  font-size:28px;
  vertical-align:bottom;
}

/* ########### Metanavigation ############ */

#metanav a {
  color:#194462;
  text-decoration:none;
  line-height:25px;
}

#metanav a:hover {
  color:white;
}

#metawrap {
  padding:0 0 0 15px;
}

/* ############# content area ################################ */

#maincontent h1,h2,h3,h4,h5,h6 {
  margin:0;
  padding:0;
  font-weight:bold;
}


#maincontent table tr td,
#newscolumn table tr td {
         font-size:12px;
}

#maincontent h1,
#newscolumn h1,
#popupcontent h1 {
  font-size:15px;
  color:#194462;
  float:left;
  padding:10px 14px 10px 0;
  background-image: url(../img/par_icon2.gif);
  background-position:right top;
  background-repeat:no-repeat;
}

#maincontent h2,
#newscolumn h2,
#popupcontent h2 {
  font-size:12px;
  color:#ED6700;
  padding:5px 0 5px 0;
  
}

#maincontent h3,
#newscolumn h3,
#popupcontent h3 {
  font-size:12px;
  color:#ED6700;
  padding:5px 0 5px 0;
  font-weight:normal;
}

#maincontent a,
#newscolumn a {
  color:#F39400;
}

#maincontent a:hover,
#newscolumn a:hover {
  color:#194462;
}

#maincontent ul,
#newscolumn ul {
  list-style-type:none;
  font-size:12px;
  padding:0;
  margin:0;
}

#maincontent ul li,
#newscolumn ul li {
  background-image: url(../img/arrow_right.gif);
  background-position:0 3px;
  background-repeat:no-repeat;
  padding: 0 0 5px 20px;
  margin: 0;
}

#maincontent p,
#newscolumn p,
#popupcontent p {
  font-size:12px;
  padding:0;
  margin:0 10px 5px 0;
}

#maincontent div.hruler,
#newscolumn div.ruler {
  color:#669999;
  padding:0;
  margin:10px 0 10px 0;
  border-top:1px solid #669999;
}

#maincontent table.contenttable-0,
#maincontent table.contenttable-1 {
  width:100%;
  color:#336699;
  margin-bottom:10px;
}

#maincontent table.contenttable-0 tr td {
  background-color:#EFF3F7;
  padding:4px 5px 4px 10px;
}


#maincontent table.contenttable-0 tr.tr-0 td,
#maincontent table.contenttable-0 tr.tr-0 td.td-0 {
  border-bottom:2px solid white;
}

#maincontent table.contenttable-0 tr td.td-0 {
  background-color:#DFE7EF;
}



#content2col,
#content3col,
#content4col {
   _width:100%; 
  margin-top:15px;
  margin-left:15px;

}


#content2col #column1 {
  float:left;
  margin:0;
  width:430px;
  overflow:hidden;
}

#content2col #column2 {
  float:left;
  width:215px;
  margin:0 0 0 30px;
  overflow:hidden;

}



#content3col #column1,
#content3col #column2, 
#content3col #column3 {
  width:210px;
  margin:0;
  overflow:hidden;
}

#content3col #column1 {
  float:left;
}

#content3col #column2 {
  float:left;
  margin-left:30px;
}

#content3col #column3 {
  float:left;
  margin-left:30px;
}

#content4col #column1, 
#content4col #column2, 
#content4col #column3, 
#content4col #column4 {
  width:145px;
  margin:0;
  overflow:hidden;
}

#content4col #column1 {
  float:left;
}

#content4col #column2 {
  float:left;
  margin-left:25px;
}

#content4col #column3 {
  float:left;
  margin-left:25px;
}

#content4col #column4 {
  float:left;
  margin-left:25px;
}


/* ################# special - styles for the newscolumn ##################### */



/* ################# search-form ##################### */



#searchwrapper {
  position:absolute;
  top:3px;
  left:10px;
}

#searchwrapper form {
  margin:0;
  padding:0;
}

#searchwrapper input#inputfield {
  width:165px;
  height:17px;
  border:none;
  margin:0;
}

#searchwrapper input#button {
  position:absolute;
  top:0px;
  left:170px;
}

br.clearer {
  clear:left;
}

/* ############ styles for the indexed-search ################ */

  td.tx-indexedsearch-info { display:none; }

  .tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr .tx-indexedsearch-redMarkup { color:#F39400; }
  .tx-indexedsearch .tx-indexedsearch-browsebox LI { display:inline; margin-right:5px; }
  .tx-indexedsearch .tx-indexedsearch-browsebox ul.browsebox { margin:5px 0 10px 0; padding:0; }
#maincontent .tx-indexedsearch .tx-indexedsearch-browsebox ul.browsebox li { background-image:none; }
  .tx-indexedsearch .tx-indexedsearch-browsebox ul.browsebox li a { font-size:13px; color:#194462; }
  .tx-indexedsearch .tx-indexedsearch-sw { font-weight:bold; }

  .tx-indexedsearch .res-tmpl-css { clear:both; margin-bottom:1em; }
  .tx-indexedsearch .searchbox-tmpl-css LABEL { margin-right:1em; width:10em; float:left; }
  .tx-indexedsearch .result-count-tmpl-css, .tx-indexedsearch .percent-tmpl-css { letter-spacing:0; font-weight:normal; margin-top:-1.2em; float:right; font-size:13px;}
  .tx-indexedsearch .info-tmpl-css dt, .tx-indexedsearch dl.info-tmpl-css dd { float:left; }
  .tx-indexedsearch .info-tmpl-css dd.item-mtime { float:none; }
  .tx-indexedsearch .info-tmpl-css dd.item-path { float:none; }
  .tx-indexedsearch-search-submit { display:inline; }
  .tx-indexedsearch-form { width:100%; font-size:13px; padding-bottom:10px;}
  .tx-indexedsearch-form input { width:150px; }
   input#tx-indexedsearch-searchbox-button-submit { width:auto; border:1px solid #194462;}
  .tx-indexedsearch h3 a { font-size:13px; color:#194462; }
  
  
/* ################# mailform ####################### */

#mailform {
  font-size:12px;
}

#mailform input {
  width:200px;
}

#mailform input,
#mailform textarea {
  border:1px solid #194462;
        font-size:12px;
        font-family:arial,sans-serif;
}

#mailform textarea {
  width:290px;
  overflow:auto;
}

#mailform td.mail_check {
  width:340px;
}

#mailform span.errorform {
  vertical-align:top;
}

#mailform input#mailsubmit {
  width:auto;
}

#mailsent {
  font-size:12px;
  font-family:arial,sans-serif;
}

/* ################# orderform ####################### */

#orderform {
  font-size:13px;
}

table#orderform tr td {
  vertical-align:top;
}

#orderform input,
#orderform textarea {
  border:1px solid #194462;
}


#orderform .shortfield {
  width:35px;
}

#orderform .radbutt {
  border:none;
}

#orderform textarea {
  width:400px;
  overflow:auto;
}

#orderform td.mail_check {
  width:260px;
  _width:280px;
}

#orderform span.errorform {
  text-align:right;
}

/* ############ Styles for the popup-template ################# */

#popupcontainer {
  height:490px;
  overflow:auto;
  margin:10px;
}

#popupcontent {
  font-family:arial,sans-serif;
}


/* ############ Photobook ################# */

div.tx-gooffotoboek-pi1 div.buttongallery {

        float:left;
                     
        padding:5px 20px 10px 0px;
}

div.tx-gooffotoboek-pi1 div.buttonthumb {

        float:right;
                     
        padding:5px 0px 10px 0px;
}

div.tx-gooffotoboek-pi1 div.titleimg {

  font-size:12px;

  font-weight:bold;

  color:#ED6700;

  margin-top:10px;
}


div.tx-gooffotoboek-pi1 div.commentimg {

        font-size:12px;

        font-weight:normal;

        color:#333333;
}

div.tx-gooffotoboek-pi1 table tr.thumbrow td {

        width:130px;

}

/* feeditadvanced */
.feEditAdvanced #content2col #column1,
.feEditAdvanced #content2col #column2 {
  overflow: visible;
}

div.feEditAdvanced-allWrapper, div.feEditAdvanced-contentWrapper {
    margin: 20px 0 4px;
    min-height: 0;
    overflow: visible;
    padding: 4px;
    position: relative;
    top: 20px;
}