﻿/* Globale Definitionen */
/* ==================== */
body {
  background-color: #9ab2b3;
  font-family: Arial, sans-serif;
  font-size: 100.01%;
  margin: 0 0 0; padding: 0;
  min-width: 40em; /* Mindestbreite verhindert Umbruch und Anzeigefehler in modernen Browsern */
}
/* General Settings */
a,
a:visited,
a:link,
a:active {
  color: #6D2610;
  text-decoration: none;
}
a:hover,
a:focus {
  color: #6D2610;
  text-decoration: underline;
}
.bodytext a.mail,
.bodytext a.mail:active,
.bodytext a.mail:link,
.bodytext a.mail:visited,
.bodytext a.mail:hover,
.bodytext a.mail:focus  {
  /*font-size: 9px;*/
  letter-spacing: 0px;
  white-space: nowrap;
   outline: none;
}

.csc-uploads p {
  font-size: 11px;
}

.csc-uploads a,
.csc-uploads a:visited,
.csc-uploads a:link,
.csc-uploads a:active {
  font-size: 11px;
  font-style: italic;
  color: #6D2610;
  text-decoration: none;
}
.csc-uploads a:hover,
.csc-uploads a:focus {
  font-size: 11px;
  font-style: italic;
  color: #6D2610;
   outline: none;
  text-decoration: underline;
}

h1 {
  font-size: 16px;
  font-family: verdana, arial, sans-serif;
  font-weight: bold;
  line-height: 20px;
}
/* End of General Settings */
/* *********************** */

div#shadow_bkgrd{
   background: url(../IMG/backgrounds/bkgrd_gradient.jpg) repeat-x center bottom;
  background-color: #FEFEFE;
}
div#shadow_border_top{
   background: url(../IMG/backgrounds/bkgrd_shdw_border_top.jpg) repeat-y center top;
}

div#shadow_border{
   background: url(../IMG/backgrounds/bkgrd_shdw_border.jpg) no-repeat center bottom;
   padding-bottom: 47px;
}
div#main_bkgrd {
  background-color: #fff;
  margin: 0 auto;
  width: 958px;
}
div#header {
   background: url(../IMG/backgrounds/header_gradient.jpg) repeat-x left top;
  position: relative;
  width: 958px; height: 115px;
}
div#header_logo {
  position: relative; left: 31px; top: 15px;
  width: 140px; height: 50px;
}
div#flags {
   background: url(../IMG/quicklinks_frame.jpg) no-repeat left top;
  position: absolute; top: 29px; left: 867px;
  width: 77px; height: 33px;
}
div#flags img.flag_1{
   border: 0;
  position: absolute; top: 10px; left: 13px;
}
div#flags img.flag_2{
  position: absolute; top: 10px; left: 46px;
   border: 0;
}
div#flags a:focus img.flag_1,
div#flags a:hover img.flag_1 {
   border: 1px solid #669;
  position: absolute; top: 9px; left: 12px;
}
div#flags a:focus img.flag_2,
div#flags a:hover img.flag_2 {
   border: 1px solid #669;
   outline: none;
  position: absolute; top: 9px; left: 45px;
}
#quicklinkbox{
  position: absolute; top: 65px; right: 0;
   width: 500px; height: 50px;
}
.ql_seperator{
   background: url(../IMG/backgrounds/header_separator.jpg) no-repeat left top;
   float: right;
   margin: 0 10px 0 10px;
  width: 3px; height: 50px;
}
#link_pos1{
   float: right;
   margin: 25px 15px 0 15px;
}
#link_pos2{
   float: right;
   margin: 25px 15px 0 15px;
}
#link_pos3{
   float: right;
   margin: 25px 20px 0 15px;
  /*position: absolute; top: 88px; left: 888px;*/
}
#link_pos4{
   float: right;
   margin: 25px 15px 0 15px;
}
a.quicklink {
  color: #333;
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 10px;
  font-weight: bold;
  letter-spacing: 0.5px;
  text-decoration: none;
}
a.quicklink:link,
a.quicklink:visited {
  color: #333;
}
a.quicklink:active,
a.quicklink:hover,
a.quicklink:focus {
  color: #000;
   outline: none;
  text-decoration: none;
}
#search_frame {
  position: absolute; top: 0; right: 0;
   width: 327px; height: 39px;
}

#search_image {
   background: url(../IMG/icons/search_lupe_2013.jpg) no-repeat left top;
  position: absolute; top: 11px; left: 0px;
   width: 18px; height:18px;
}
#search_field input#suchfeld {
   background-color: #66c0c3;
   border-top: 1px solid #278184;
   border-left: 1px solid #2a8487;
   border-bottom: 1px solid #66c0c3;
   border-right: 1px solid #66c0c3;
  color: #FFF;
  font-family: Arial,sans-serif;
  font-size: 14px;
  font-weight: bold;
  position: absolute; top: 9px; left: 22px;
  width: 240px; height: 17px;
  text-align: left;
}
#suchbutton {
   /*background: url(../images_neu/backgrounds/search_frm.jpg) no-repeat left top;*/
  border: 0px solid #f00;
  position: absolute; top: 8px; left: 267px;
  width: 51px; height: 23px;
}
div#canvas {
   background: url(../IMG/backgrounds/canvas_home_gradient.jpg) repeat-x left top;
   background-color: #BEDDDF;
  position: relative;
   padding: 0;
  width: 958px;
   z-index:0;
}
div#canvas_cloud {
   background: url(../IMG/backgrounds/canvas_cloud.jpg) no-repeat left top;
  width: 540px; height: 56px;
  position: absolute; top: 0; left: 20px;
   z-index:100000;
}
div#canvas_pics_frame {
   width: 958px; height: 207px;
   z-index:1000;
}
div#canvas_1pic {
   /*position: relative; top:7px; left:240px;*/
   position: relative; bottom:0; right:20px;
  width: 958px; height: 207px;
   z-index:900000;
}
div#main_text_frame {
   background-color: #FFF;
   border-bottom: 20px solid #FFF;
   clear:both;
   margin:0; padding:0;
   width: 958px;
}
div#main_text_frame_transp {
   clear:both;
   margin:0; padding:0;
   width: 958px;
}
div#main_text {
   background-color: #FFF;
  font-family: verdana, arial, sans-serif;
  font-size: 12px;
  line-height: 16px;
   margin: 0; padding: 10px 15px 0px 15px;
  text-align: justify;
}
div#main_text_transp {
  font-family: verdana, arial, sans-serif;
  font-size: 12px;
  line-height: 16px;
   margin: 0; padding: 10px 15px 0px 15px;
  text-align: justify;
}
div#main_text_eingerueckt {
   background-color: #FFF;
  font-family: verdana, arial, sans-serif;
  font-size: 12px;
  line-height: 16px;
   margin: 0 0 0 236px; padding: 10px 15px 0px 15px;
  text-align: justify;
  width: 680px;
}
div#main_text ul li,
div#main_text_transp ul li,
div#main_text_eingerueckt ul li {
  list-style-type: square;
}
div#main_text ul ul li,
div#main_text_transp ul ul li,
div#main_text_eingerueckt ul ul li {
  list-style-type: disc;
}
div#main_text ul ul ul li,
div#main_text_transp ul ul ul li,
div#main_text_eingerueckt ul ul ul li {
  list-style-type: circle;
}
div#path_frame {
   background-color: #cfdadb;
   border-top: 1px solid #CCC;
  width: 958px; height: 26px;
   /*position: absolute; top: 207px; left:0;*/
}
div#path {
   margin-left: 256px;
}
div#path a,
div#path a:link,
div#path a:visited {
  color:#006663;
   float: left;
  font-size: 11px;
  font-family: arial, sans-serif;
  line-height: 11px;
   padding: 8px 10px 0 10px;
  text-decoration: none; 
}
div#path a:focus,
div#path a:hover {
   outline: none;
  text-decoration: none;
}
div.path_sep {
  color:#006663;
   float: left;
  font-family: arial, sans-serif;
  font-size: 11px;
  letter-spacing: -0.05em;
   padding: 6px 0 0 0;
}
img.no_border {
  border: 0;
}
div.padding_20 {
  overflow: hidden;
  padding: 0 20px 20px 20px;
}
div.padding_30 {
  overflow: hidden;
  padding: 0 30px 30px 30px;
}

div.col_combined {
  overflow: hidden;
  padding: 0 30px 30px 30px;
}
div.box_left,
div.box_left_unten,
div.box_right_unten,
div.box_right {
   float: left;
  height: 200px; width: 290px;
  overflow: hidden;
}
div.box_left {
   border-top: 1px solid #CFDBDB;
  border-left: 1px solid #CFDBDB;
  border-right: 1px solid #CFDBDB;
  padding: 10px 10px 10px 30px;
}
div.box_right {
   border-top: 1px solid #CFDBDB;
  border-right: 1px solid #CFDBDB;
  padding: 10px 30px 10px 10px;
}
div.box_left_unten {
  border: 1px solid #CFDBDB;
  padding: 10px 10px 10px 30px;
}
div.box_right_unten {
   border-top: 1px solid #CFDBDB;
  border-right: 1px solid #CFDBDB;
   border-bottom: 1px solid #CFDBDB;
  padding: 10px 30px 10px 10px;
}

input {
  background-color: #fff;
  color: #333;
  font-family: arial, verdana, sans-serif;
  font-size: 11px;
  font-weight: bold;
}
.justify {
  text-align: justify;
}
ul {
/*  list-style-type: none; */
}
li {
/*  list-style-type: square; */
}
ul li{
  margin-top: 5px;
  list-style-type: square;
}
ul li ul li{
  list-style-type: disc;
}
ul li ul li ul li{
  list-style-type: circle;
}
ul li ul li ul li ul li{
  font-weight: bold;
  list-style-type: disc;
}
ul.mail_form_error {
  color: #933;
  font-family: Tahoma, helvetica, sans-serif;
  font-size: 11px;
  font-style: normal;
}


ul.csc-bulletlist {
  padding-right: 40px;
  /*width: 80%;*/
}

ul.csc-bulletlist li {
  list-style-type: disc;

  background: transparent;
  font-size: 12px;
  font-family: verdana, arial, sans-serif;
  font-weight: normal;

/*  margin-left: 0;
  padding-left: 0; */
}

ul.csc-bulletlist a,
ul.csc-bulletlist a:active,
ul.csc-bulletlist a:link,
ul.csc-bulletlist a:visited {
  background: transparent;
  font-size: 12px;
  font-family: verdana, arial, sans-serif;
  text-decoration: none;
}

ul.csc-bulletlist a:focus,
ul.csc-bulletlist a:hover {
  background: transparent;
  color:#6D2610;
  font-size: 12px;
  font-family: verdana, arial, sans-serif;
   outline: none;
  text-decoration: underline;
}

/*.bodytext,
.csc-header,
.csc-header-n1,
.csc-firstHeader {
   padding:0;margin:0;
}*/


.bodytext a,
.bodytext a:active,
.bodytext a:link,
.bodytext a:visited,
a.external-link,
a.external-link:active,
a.external-link:link,
a.external-link:visited,
a.external-link-new-window,
a.external-link-new-window:active,
a.external-link-new-window:link,
a.external-link-new-window:visited,
a.internal-link,
a.internal-link:active,
a.internal-link:link,
a.internal-link:visited {
  background: transparent;
  font-size: 12px;
  font-family: verdana, helvetica, sans-serif;
  font-weight: bold;
  letter-spacing: 0px;
   outline: none;
  text-decoration: none;
}

.bodytext a:focus,
.bodytext a:hover,
a.external-link:focus,
a.external-link:hover,
a.external-link-new-window:focus,
a.external-link-new-window:hover,
a.internal-link:focus,
a.internal-link:hover {
  background: transparent;
  color:#6D2610;
  font-size: 12px;
  font-family: verdana, helvetica, sans-serif;
  font-weight: bold;
  letter-spacing: 0px;
   outline: none;
  text-decoration: underline;
}


/* Generierte Div-Titel */
.csc-header {
  color:#330000;
  font-size: 14px;
  font-family: verdana, helvetica, sans-serif;
  font-weight: bold;
  letter-spacing: 0;
  text-decoration: none;
}
#content_title {
  border: 0px solid #f0f;
  color:#006969;
  font-size: 16px;
  font-family: Tahoma, Palpatino, Arial, sans-serif;
  font-weight: bold;
  letter-spacing: 0px;
  margin: 0; padding: 20px 0 15px 20px;
  text-align: left;
}
.content_list,
.content_list a:active,
.content_list a:link,
.content_list a:visited {
  border: 0px solid #f0f;
  color:#444;
  font-size: 12px;
  font-family: Tahoma, Palpatino, Arial, sans-serif;
  font-weight: bold;
  letter-spacing: 0px;
  margin: 0; padding: 0 0 15px 20px;
  text-align: left;
  text-decoration: none;
}
.content_list a:focus,
.content_list a:hover {
  color:#6D2610;
  font-size: 12px;
  font-family: Tahoma, Palpatino, Arial, sans-serif;
  font-weight: bold;
  letter-spacing: 0px;
  margin: 0; padding: 0 0 15px 20px;
   outline: none;
  text-align: left;
  text-decoration: underline;
}
.table_of_content_frame {
  border-top: 1px dashed #bbb;
  /*width: 605px;*/
}
.table_of_content {
  margin: 10px;
}
.prev,
.prev a:active,
.prev a:link,
.prev a:visited {
  color:#444;
  font-size: 12px;
  font-family: Tahoma, Palpatino, Arial, sans-serif;
  font-weight: normal;
  letter-spacing: 0px;
  margin: 0; padding: 0;
  text-align: left;
  text-decoration: none;
}
.prev a:focus,
.prev a:hover {
  color:#6D2610;
  font-size: 12px;
  font-family: Tahoma, Palpatino, Arial, sans-serif;
  font-weight: normal;
  letter-spacing: 0px;
  margin: 0; padding: 0;
   outline: none;
  text-align: left;
  text-decoration: underline;
}
.up,
.up a:active,
.up a:link,
.up a:visited {
  color:#444;
  font-size: 12px;
  font-family: Tahoma, Palpatino, Arial, sans-serif;
  font-weight: normal;
  letter-spacing: 0px;
  margin: 0; padding: 0;
  text-align: center;
  text-decoration: none;
}
.up a:focus,
.up a:hover {
  color:#6D2610;
  font-size: 12px;
  font-family: Tahoma, Palpatino, Arial, sans-serif;
  font-weight: normal;
  letter-spacing: 0px;
  margin: 0; padding: 0;
   outline: none;
  text-align: center;
  text-decoration: underline;
}
.next,
.next a:active,
.next a:link,
.next a:visited {
  color:#444;
  font-size: 12px;
  font-family: Tahoma, Palpatino, Arial, sans-serif;
  font-weight: normal;
  letter-spacing: 0px;
  margin: 0; padding: 0;
  text-align: right;
  text-decoration: none;
}
.next a:focus,
.next a:hover {
  color:#6D2610;
  font-size: 12px;
  font-family: Tahoma, Palpatino, Arial, sans-serif;
  font-weight: normal;
  letter-spacing: 0px;
  margin: 0; padding: 0;
   outline: none;
  text-align: right;
  text-decoration: underline;
}

#spalten_text {
  border: 0px solid #999;
  color: #000;
  font-size: 11px;
  font-family: Verdana, Tahoma, Arial, sans-serif;
  font-weight: normal;
  letter-spacing: -0.5px;
  margin: 0; padding: 0;
  width: 180px;
}
.trennlinie {
  background-color: transparent;
  border-top: 1px solid #006969;
  margin: 20px 0 10px 0; padding: 0;
}
.spacer {
  height: 20px;
}
.spacer_20 {
   clear: both;
   width: 100%;
   height: 20px;
}
.container-item-top H2{
  background-color:#2C8686;
  background: url(../../images/backgrounds/rechte_spalte_bkgrd_top.jpg) right top no-repeat;
  border-left: 0px solid #666;
  color:#fff;
  font-family: Tahoma, Arial, sans-serif;
  font-size: 16px;
  font-weight: bold;
  height:26px;
  letter-spacing: 0.5px;
  line-height:26px;
  margin:0; padding-left:6px;
}
.container-item_content {
  height: auto !important;  
  padding:3px;
  margin:3px 3px 3px 6px;
  border:1px solid #999;
  background-color:#FEFEFE;
}
.container-item-middle {
  background-color:#2C8686;
  background: url(../../images/backgrounds/rechte_spalte_bkgrd_middle.jpg) right bottom no-repeat;
  border-left: 0px solid #666;
  color:#fff;
  font-size: 10px;
  font-weight: bold;
  height:26px;
  letter-spacing: 0px;
  line-height:22px;
  margin:0; padding-left:6px;
}
.container-item-bottom {
  background-color:#2C8686;
  background: url(../../images/backgrounds/rechte_spalte_bkgrd_bottom.jpg) right bottom no-repeat;
  border-left: 0px solid #666;
  color:#fff;
  font-size: 10px;
  font-weight: bold;
  height:26px;
  letter-spacing: 0px;
  line-height:22px;
  margin:0; padding-left:6px;
}
div#footer_frame {
   background: url(../IMG/backgrounds/footer_gradient.jpg) repeat-x left top;
   background-color: #cfdadb;
  clear:both;
   position: relative;
  width: 958px; height: 30px;
}
div#print_pos {
  position: absolute; top: 7px; left: 32px;
}
div#print_pos a#print,
div#print_pos a#print_img {
   float: left;
}
div#print_link_text {
  float:left;
   margin: 0 0 0 5px; padding: 0;
}
div#print_link_text a#print_text:link,
div#print_link_text a#print_text:visited,
div#print_link_text a#print_text:active {
  color:#444;
  font-size: 12px;
  font-family: Tahoma, Arial, sans-serif;
   line-height:13px;
  text-decoration: none;
}
div#print_link_text a#print_text:hover,
div#print_link_text a#print_text:focus {
  color:#6D2610;
   outline: none;
  text-decoration: underline;
}
div#footer_block {
  position: absolute; top: 0; right: 5px;
   width: 600px; height: 30px;
}
div.footer_separator{
   background: url(../IMG/backgrounds/footer_sep.jpg) no-repeat left center;
  float: right;
   margin: 0 10px 0 10px;
  width: 2px; height: 28px;
}
span.footer_link {
  color:#444;
   float:right;
  font-size: 12px;
  font-family: Tahoma, Arial, sans-serif;
   line-height:28px;
   height: 28px;
   /*margin: 0; padding: 0 22px 0 14px;*/
   margin: 0 15px 0 15px;
   text-align: left;
}
span.footer_link a:link,
span.footer_link a:visited,
span.footer_link a:active {
  color:#444;
  text-decoration: none;
}
span.footer_link a:hover,
span.footer_link a:focus {
  color:#6D2610;
   outline: none;
  text-decoration: underline;
}



/* Sitemap im Main-Bereich */
.sm_lvl_1,
.sm_lvl_1 a,
.sm_lvl_1 a:link,
.sm_lvl_1 a:visited {
  background: transparent;
  color:#333;
  font-size: 14px;
  font-family: arial, helvetica, sans-serif;
  font-weight: bold;
  letter-spacing: 1px;
  margin: 0; padding: 0;
  text-decoration: none; 
}
.sm_lvl_1 a:focus,
.sm_lvl_1 a:hover {
  background: transparent;
  color: #930; /* #6D2610; */
  font-size: 14px;
  font-family: arial, verdana, helvetica, sans-serif;
  font-weight: bold;
  letter-spacing: 1px;
   outline: none;
  text-decoration: none; 
}
.sm_lvl_2,
.sm_lvl_2 a,
.sm_lvl_2 a:link,
.sm_lvl_2 a:visited {
  background: transparent;
  color:#333;
  font-size: 14px;
  font-family: arial, verdana, helvetica, sans-serif;
  font-weight: normal;
  letter-spacing: 0px;
  margin: 0; padding: 0;
  text-decoration: none; 
}
.sm_lvl_2 a:focus,
.sm_lvl_2 a:hover {
  background: transparent;
  color: #930; /* #6D2610; */
  font-size: 14px;
  font-family: arial, verdana, helvetica, sans-serif;
  font-weight: normal;
  letter-spacing: 0px;
   outline: none;
  text-decoration: underline; 
}
.sm_lvl_3,
.sm_lvl_3 a,
.sm_lvl_3 a:link,
.sm_lvl_3 a:visited {
  background: transparent;
  color:#000;
  font-size: 11px;
  font-family: arial, verdana, helvetica, sans-serif;
  font-style: italic;
  letter-spacing: 0px;
  margin: 0; padding: 0;
  text-decoration: none;
}
.sm_lvl_3 a:focus,
.sm_lvl_3 a:hover {
  background: transparent;
  color: #930; /* #6D2610; */
  font-size: 11px;
  font-family: arial, verdana, helvetica, sans-serif;
  font-style: italic;
  letter-spacing: 0px;
   outline: none;
  text-decoration: underline;
}
.sm_lvl_4,
.sm_lvl_4 a,
.sm_lvl_4 a:link,
.sm_lvl_4 a:visited {
  background: transparent;
  color:#000;
  font-size: 11px;
  font-family: arial, verdana, helvetica, sans-serif;
  font-weight: normal;
  letter-spacing: 0px;
  margin: 0; padding: 0;
  text-decoration: none; 
}
.sm_lvl_4 a:focus,
.sm_lvl_4 a:hover {
  background: transparent;
  color: #930; /* #6D2610; */
  font-size: 11px;
  font-family: arial, verdana, helvetica, sans-serif;
  font-weight: normal;
  letter-spacing: 0px;
   outline: none;
  text-decoration: underline; 
}
/* ENDE Sitemap im Main-Bereich */

/* Ende Main-Bereich */
/* ================= */

/* ================= */
/* 2-Columns mit selber Höhe */
.cols-2_container2 {
  clear:left;
  float:left;
  width:100%;
  overflow:hidden;
    position:relative;
  /*background:#ffa7a7;*/
}
.cols-2_container1 {
  float:left;
  width:100%;
  position:relative;
  right:50%;
  /*background:#fff689;*/
}
.cols-2_col1 {
  float:left;
  width:46%;
  position:relative;
  left:52%;
  overflow:hidden;
}
.cols-2_col2 {
  float:left;
  width:46%;
  position:relative;
  left:56%;
  overflow:hidden;
}
/* 2-Columns mit selber Höhe */
/* ================= */

/* ================= */
/* 3-Columns mit selber Höhe */
.cols-3_container3 {
    float:left;
    width:100%;
    /*background:green;*/
    overflow:hidden;
    position:relative;
}
.cols-3_container2 {
    float:left;
    width:100%;
    /*background:yellow;*/
    position:relative;
    right:30%;
}
.cols-3_container1 {
    float:left;
    width:100%;
    /*background:red;*/
    position:relative;
    right:38%;
}
.cols-3_col1 {
    float:left;
    width:32%;
    position:relative;
    left:70%;
    overflow:hidden;
}
.cols-3_col2 {
    float:left;
    width:32%;
    position:relative;
    left:72%;
    overflow:hidden;
}
.cols-3_col3 {
    float:left;
    width:32%;
    position:relative;
    left:73%;
    overflow:hidden;
}
/* Ende 3-Columns mit selber Höhe */
/* ============================== */