@CHARSET "UTF-8";
html { height: 100.2%; }
body { width:100%; height: 100%;  padding: 0; margin: 0px 0 15px; }
body { background-color: #f6f7e3; font-family: Arial, sans-serif; font-size: 12px; color: #384346; line-height: 160%; }
a,
a:link, 
a:visited,
a:active,
a:hover { color: #7e990d; text-decoration: none; cursor: pointer; }
a:hover { color: #7b94a4; }

a.link-detail {  background-image: url("images/icn_arrow.png"); background-position: 0 2px; background-repeat: no-repeat; padding: 0 0 0 10px; }

div { } 
span {}
p { margin: 0; padding: 5px 0px; }
h1 {
  background-image: url('images/icn_arrow_hdl.png'); background-repeat: no-repeat; background-position: 5px 50%;
  font-family: "Trebuchet MS", sans-serif; font-size: 15px; font-weight: normal; color: #739628;
  border-top: 3px double #96c131; border-bottom: 1px solid #96c131;
  line-height: 120%; padding: 6px 0 6px 30px; margin: 5px 0 10px;
}
/*
h1 a,
h1 a:link,
h1 a:active, 
h1 a:visited { color: #00abd1; }
*/
h2 { padding: 0px 15px 0px 30px; margin: 10px 0; font-size: 14px; font-weight: bold;  line-height: 120%; } 
h3 { padding: 0px 15px 0px 30px; margin: 10px 0; font-size: 13px; font-weight: bold;  line-height: 120%; }
hr { line-height: 1px; border-style: hidden; border-bottom-style: solid; border-color: #7B94A4; color: #7B94A4; }
img { border: 0px none; }

input,
textarea,
select {  border: 1px solid #dadadb; background-color: transparent; padding: 3px 5px 2px; }
input[type="checkbox"],
input[type="radio"] { border: 0px none; width: auto; }
 
/** Content Positions **/
div#center          {   position: relative; width: 1035px; height: 90%; margin: 0px auto 0px; }

div#cnt_top         {   position: relative; top: 0px;   left: 0px; z-index: 2; width: 815px; min-height: 62px; margin: 0 50px 0 180px; background-image: url(images/bg_cnt_top.png); background-repeat: no-repeat; background-position: 0px 0;}
div#cnt_top_center  {   position: relative; top: 17px;  left: 0px; z-index: 2; width: 795px; min-height: 45px; float: left; margin-bottom: 17px; padding: 0 10px; background-image: url(images/bg_cnt_center.png); background-repeat: repeat-y; background-position: 0px 0; }

div#cnt_center        { position: relative; width: 1035px; /*min-height: 724px;*/ float: left; }
div#cnt_center_left   { position: absolute; top: 0px; left: 0;     z-index: 1; width: 190px; height: 100%; float: left; background-color: #e9eebf; } 
div#cnt_center_inner  { position: relative; top: 0px; left: 180px; z-index: 2; width: 795px; height: 100%; float: left; padding: 0 10px; background-image: url(images/bg_cnt_area.png); background-repeat: repeat-y;}
div#cnt_center_right  { position: absolute; top: 0px; left: 985px; z-index: 1; width: 51px;  height: 100%; float: left; background-color: #B3CA41; }

div#cnt_btm    {        position: relative; left: 0px; z-index: 2; width: 915px; height: 21px; float: left; padding: 15px 60px 0; background-image: url(images/bg_cnt_btm.png); background-repeat: no-repeat; background-position: 180px top; text-align: right; }

div#top_header {          position: relative; width: 765px; height: auto; float: left; text-align: right; padding: 0 35px 0 190px; margin: 0; z-index: 5 }
div#top_header_language { display:none; }
div#top_header_quicklink{ height: auto; width: auto; float: right; }

div#top {               position: relative; width: 795px; height: auto; float:left; padding: 0px 0 0; margin: 0; background-color: #FFFFFF;}
div#top_logo {          position: relative; z-index: 3; width: 190px; height: 295px; float:left; margin: 0px 0 0; }
div#top_logo a.logo_link {        position: absolute; top: 25px; left: 40px; z-index: 4; }
div.top_logo_address {  position: absolute; top: 120px; line-height: 13px; padding: 0 20px; font-size: 11px; color: #384346; }
div.top_logo_address b { color: #000000; }
div#top_menu {          position: relative; left: -10px; z-index: 5; width: 785px; height: 45px; float:left; padding: 0px 15px 0; }
div#top_motion {        position: relative; z-index: 4; width: 785px; height: auto; float:left; padding: 0 5px 0; } 
div#top_motion_over { 
  position: relative; width: 785px; height: 90px; z-index: 5;
  background-image: url('images/top_motion_over.png'); background-repeat: no-repeat; background-position: top left;
}
.top_motion_lnk_home { position: relative; top: 20px; left: 505px; display: block; width: 265px; height: 55px; }
div#top_motion_image { position: relative; top: -5px; width: 785px; height: 165px; z-index: 4; }
div#top_slogan {
  position: relative; z-index: 5; width: 479px; line-height: 30px; float: left; padding: 10px 38px 0;
  font-family: "Trebuchet MS", sans-serif; font-size: 20px; color: #b3ca41; text-transform: uppercase;
}
div#top_search {  position: relative; z-index: 5; width: 220px; line-height: 30px; float: left; padding: 10px 5px 0 5px; } 

div#cnt {           position: absolute; top: 375px; width: 1056px; float:left; padding: 0; margin: 0;  }
div#cnt_menu_sub {  position: relative; z-index: 2; width: 190px; float: left; padding: 5px 0 0; }
div#cnt_area {      position: relative; z-index: 6; width: 782px; /*min-height: 435px;*/ float:left; padding: 0 7px 0px;}

div#cnt_area #content #cnt_functions{ display: none; }

div#cnt_label { 
  background-image:url(images/bg_cnt_label.png); background-repeat: no-repeat;
  position: relative;  z-index: 2; min-height: 500px; width: 51px; float: left; 
}
div#cnt_functions { position: relative; width: 482px; float: left; margin: 5px 7px; padding: 0 30px; }
div#cnt_functions .lnk_back { background-image: url(images/icn_arrow2_left.png);  background-repeat: no-repeat; background-position: 0 4px; float: left;  padding-left: 12px; }
div#cnt_functions .lnk_top  { background-image: url(images/icn_arrow2_top.png);   background-repeat: no-repeat; background-position: 0 4px; float: right; padding-left: 12px; }
  
div#content  { width: 542px; min-height: 230px; float:left; margin: 0px 5px 30px 0; padding: 0 0 0px; /*border-bottom: 1px solid #96C131;*/ } 
div#content2 { width: 542px; min-height: 230px; float:left; margin: 0px 5px 30px 0; padding: 0 0 0px; /*border-bottom: 1px solid #96C131;*/ } 
div#content3 { width: 542px; min-height: 230px; float:left; margin: 0px 5px 30px 0; padding: 0 0 0px; /*border-bottom: 1px solid #96C131;*/ }

div#custom {   width: 229px; min-height: 230px; float:left; margin: 0 0 30px 6px; border-top: 5px solid #FFFFFF; }
/** Custom Special **/
div#custom h1 { background-color: #e0e8a5; border-top: 2px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; margin: 0 0 5px; }

/** Cnt Bottom Partner Leiste **/ 
div#cnt_partner {
  background-image: url('images/bg_partner.png'); background-position: left bottom; background-repeat: repeat-x;
  position:relative; width: 542px; height: 170px; margin: 0 7px; padding: 0;
}
a.partner_logo_line     { height: 110px; display: block; padding: 0 0 0 9px; text-align: center; background-image: url(images/partner_trenner.png); background-repeat: no-repeat; background-position: 3px 50%; } 
a.partner_logo_space    { height: 110px; display: block; padding: 0 0 0 9px; text-align: center; }
div#listPartner { 
  position: relative;
  width: 540px; overflow: hidden;
}

div#listPartner .prev { position:absolute; z-index: 5; height: 125px; width: 20px; left: 0; }
div#listPartner .next { position:absolute; z-index: 5; height: 125px; width: 20px; right: 0; }
div#listPartner ul { list-style-type: none; position:relative; width: 540px; margin: 0; padding: 0;}
div#listPartner ul li {overflow: hidden; float: left; }
/*
div.carousel {
}
div.carousel li { } 
*/

/* Cluetip */
.cluetip-default #cluetip-outer {  background-color: #ffffff; }
.cluetip-default #cluetip-outer {  position: relative; }
.cluetip-default #cluetip-inner { padding: 0 15px 5px 15px; }
.cluetip-default div#cluetip-close {  position: absolute; right: 5px; top: 3px; }
.cluetip-default div#cluetip-close a { color: #739628; }
.cluetip-default h3#cluetip-title {
  background-image: url('images/icn_arrow_hdl.png'); background-repeat: no-repeat; background-position: 5px 3px;
  font-family: "Trebuchet MS", sans-serif; font-size: 15px; font-weight: normal; color: #739628;
  line-height: 150%; padding: 0px 30px 0px 30px; 
  background-color: #e0e8a5; border-top: 2px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; margin: 0 0 5px;
}


/** Oft genutzte Styles **/  
.unsichtbar { position: absolute; left: -20000px; }
.nofloat { clear: both; font-size: 0; line-height: 0; padding:0; margin:0; }
.icn_load { float:left; margin: 0px 10px 0 5px; }


/* Schulwandern Uploadform */
#uploadForm input, #uploadForm textarea {
    width: 310px;
}

#uploadForm p {
    clear:both;
    float: none;
}

#uploadForm label {
    width: 140px;
    display: block;
    float: left;
}

#uploadForm .error, #uploadForm .error label {
    color: #F90000;
    padding-left: 0;
}

#uploadForm #u_submit {
    width: 100px;
}

#uploadForm .errors span {
    display: block;
}


/* Schulwanderungen Aktion */
.wanderung.overview {
    padding-left: 30px;
}

.wanderung.detail {
    padding-left: 30px;
}

.wanderung h2 {
    padding-left: 0;
}

.wanderung h2 span {
    padding-left: 10px;
}

.wanderung h2 span.class {
    padding-left: 4px;
    font-weight: normal;
    font-size: 10px;
}
.wanderung h2 span.school {
    padding-left: 4px;
    font-weight: normal;
    font-size: 10px;
}
.wanderung h2 span.classadd {
    padding-left: 0px;
    font-weight: normal;
    font-size: 10px;
}

.wanderung .image {
    padding-right: 20px;
    float: left;
}

.wanderung.detail .image {
    
}

.wanderung.detail .images {
    float: none;
    clear:both;
    background: #96C131;
    margin-right: 30px;
    border-radius: 5px;
}

.wanderung.detail .images p {
    text-align: center;
}

.wanderung.detail h3 {
    font-weight: normal;
    font-style: italic;
    padding-left: 0;
}

.wanderung.detail .images img, .wanderung.detail .image img {
    border: 1px solid #ffffff;
}

.wanderung .text {
    padding-left: 0;
}

.wanderung .teaser {
    
}

.wanderung a.link.intern {
    display: block;
}

.wanderung.survey {
    background: #ffffff;
    border: 1px solid #AFCB47;
    border-radius: 5px;
    margin-bottom: 25px;
}

#custom .wanderung.survey h1, .wanderung.survey h1 {
    border-top: 0 none;
    margin: 0;
}

.wanderung.survey p {
    padding-left: 30px;
    padding-right: 5px;
}

form#fp_form_13 .element input, form#fp_form_13 .element textarea {
    width: 206px;
}

.bearbeiten, .auth_logout, #auth_login, #u_submit, a.button.takeSurvey { margin: 10px 0px 10px 10px;
  background-color: transparent;
    background-image: url('images/icn_more.png');
    background-position: 100% 50%;
    background-repeat: no-repeat;
    border: medium none;
    color: #00abd1;
    cursor: pointer;
    float: right;
    font-family: "Trebuchet MS", sans-serif; 
    font-size: 15px; 
    font-weight: normal;
    padding: 2px 25px 2px 2px;
    text-transform: lowercase;
    width: auto;
  }
 
  
  
  form#fp_form_14 {
      
  }
  
  form#fp_form_14 .element label {
      margin-left: 0;
  }
  
  form#fp_form_14 .fp_gruppe {
      width: auto;
  }
  
  form#fp_form_14 .fp_gruppe_root h3 {
      padding-left: 0;
  }
  
  form#fp_form_14 .fp_gruppe_root {
      padding-left: 30px;
  }
  
form#fp_form_14 .element .radio label {
    width: 420px;
}

form#fp_form_14 .element.mitglied {
    padding-left: 28px;
    width: auto;
}

form#fp_form_14 .element.mitglied .title_text {
    width: 185px;
}

form#fp_form_14 .element.mitglied .text_text {
    
}

form#fp_form_14 .element.workshop {
    width: auto;
}

form#fp_form_14 .element.workshop label {
    width: 454px;
    float: right;
}

form#fp_form_13 .element {
    width: auto;
}

form#fp_form_13 .element.stufe {
    padding-right: 10px;
}

form#fp_form_13 .element.stufe select {
    width: 54px;
}

form#fp_form_13 .element.zusatz {
    float: left;
}

form#fp_form_13 .element.zusatz input {
    width: 142px;
}



form#fp_form_13 .element.zusatz label {
    display: none;
}

form#fp_form_13 .element.plz {
    padding-right: 10px;
}

form#fp_form_13 .element.plz input {
    width: 50px;
}

form#fp_form_13 .element.city input {
    width: 140px;
}

#auth_form {
    padding-left: 30px;
}

#auth_form label {
    display: block;
    width: 120px;
    float: left;
}

#auth_form input {
    float: left;
}

#auth_form p {
    float: none;
    clear: both;
}

#auth_login {
    float: none;
    clear: both;
}

#promotion {
    width: 150px;
    height: 70px;
    background: #ffffff;
    opacity: 0.8;
    padding: 10px;
    position: absolute;
    top: 50px;
    right: 30px;
}

.location_new a img.location-image,
.location a img.location-image {
    width: 6px;
    height: 6px;
}