/* --- Tourentreff ---------------------------------------------------------------------------------------------------*/
.textCol {width:322px;
    width: 550px;
    float:left;
    background:#FFFFFF;
    clear:both;
}

body.popup .textCol,
.printTour .textCol {width:322px; }



.imageCol{width:210px; background:#FFFFFF; padding-left: 18px; float: right;overflow:hidden;display:inline;}
.imageCol img{ margin-bottom: 10px; }

.textCol .mt-linkbox{ margin-top: 1em; }
#TourContent{
    margin: 0  0 3em 0;
    float:left;
    display:inline;
    width: 808px;
}

body.popup #TourContent,
.printTour #TourContent{
    width: 550px; }

.printTour .textCol{
    padding-top: 10px;
}
.printTour .imageCol{
    padding-top: 13px;
}

.tourFormPage{
    /*width: 543px;*/
}
#TourContent h1{
    margin-bottom: 5px;
    margin-top: 0;
}
#TourContent input, #TourContent  select, #TourContent  button, #TourContent textarea{
    vertical-align:middle;
}
#TourContent input.fileUpload{
    float:left;
    font-size: 12px;
    border:1px inset #CCCCCC;
    vertical-align:middle;

    padding: 2px;
    * padding: 2px;
    height: auto;
    * height: auto;
    line-height: 125%;
    * line-height: 125%;;

}
.fileUploadSubmit{
    margin-top:-2px;margin-left: 10px;margin-right:15px;
    float:right;
}
#TourContent textarea{
    background:#FFFFFF;
}

.spacedTop{
    margin-top:.75em;
}
.crossProducts h2,
h2.tour,
h2.region,
h2.region a{
    text-decoration: none;
    font-size: 16px;
    font-weight: bold;
    color: #194e1c;
    clear:both;
}
.tourFormPage h2{
   text-decoration: none;
    font-size: 14px;
    font-weight: bold;
    color: #194e1c;
    clear:both;
}
.tourFormPage h3.formLegend{
   color: #194e1c;
}


h2.region{
    margin-bottom: .25em;
}
.shortInfo h2{
    font-size: 12px;
    font-weight: bold;
    color: #000000;
    clear:both;
}
.crossProducts h2{
    margin-bottom: .25em;
}
h3.tour{
    font-size: 12px;
    margin: 0 0 1em 0;
    background-color: #274C20;
    padding: 3px;
    color: #FFFFFF;
    font-weight: bold;
}
div.shortInfo{
    margin-bottom: 2em;
}
div.shortInfo div{
    font-size: 12px;
    color: #000000;
    clear:both;
    margin: .5em 0;
}
div.infoFooter{
    font-size: 12px;
    color: #000000;
    clear:both;
    margin: 1.5em 0;
}
.regionText{
    margin-bottom: 2em;
}
#TourContent .paragraphText{
    margin: 1em 0 2em 0;
}
#TourContent .paragraph1,
#TourContent .paragraph2,
#TourContent .paragraph3,
#TourContent .paragraph4,
#TourContent .paragraph5,
#TourContent .paragraph6{
    padding: 0;
    margin:0;
}


.boxedParagraph{
    padding: 5px;
    margin: 0;
    /*width: 310px;*/
}
div.link{
    margin: 1em 0;
}
.linkRight{
    text-align:right;
}
a.link2{
    background:url(../images_klepper/tourentreff/pfeil_rot_bg.gif) no-repeat;
    line-height:17px;
    padding: 0 0 1px 24px;
}
a.link3{
    background:url(../images_klepper/tourentreff/pfeil_rot_bg.gif) no-repeat;
    line-height:17px;
    padding: 0 0 1px 24px;
    float:left;
    display:inline;
    width:125px;
}
.linkList{
    list-style-type:none;
    list-style-position: outside;
    margin:2em 0 2em 0;
    padding: 0;
    text-indent:0;
    clear:both;
    width:100%;
}
.linkList li{
    margin: .75em 0;
    background:url(../images_klepper/tourentreff/pfeil_rot_bg.gif) no-repeat;
    line-height:17px;
    padding: 0 0 1px 24px;
 }
.overlay_CUSTOMER,
.overlay_PARTNER,
.overlay_KLEPPER_TEAM,
.overlay_HISTORIC{
    width: 195px;
    height: 41px;
}

.overlay_CUSTOMER{ background:url(../images_klepper/tourentreff/overlay_customer.gif) no-repeat; }
.overlay_PARTNER{ background:url(../images_klepper/tourentreff/overlay_partner.gif) no-repeat; }
.overlay_KLEPPER_TEAM{ background:url(../images_klepper/tourentreff/overlay_klepper_team.gif) no-repeat; }
.overlay_HISTORIC{ display:none; }
.overlayed{
    width: 195px;
}
.anchor{
    height: 1px;
}
br.all{
    height: 0;
    clear: both;
}
.select{
    margin-bottom: 1.25em;
}
.crossProducts{  width:100%; clear: both; }
.crossProduct{width:265px; float:left; margin-top: 10px; margin-right: 0; margin-bottom:24px; padding-right:45px;}
.crossProduct img{ float: left; border: none; margin-right: 10px; margin-bottom: 20px;}
.crossProduct h3{ margin: 0 0 2px 0; font-size: 12px; font-weight: bold;}
.crossProducts .price { font-weight: bold; margin-bottom: .5em;}
.crossProduct .pfrot {margin-top: .5em }


/*Tourentreff Formular*/
#TourForm {
    overflow: hidden;
    /*width: 543px;*/
    /*width:100%;*/
    padding: 0 10px 0 0;
}
#TourForm .note {
    padding: .5em 1em;
    margin: 1em 0 0 0;
    /*background-color: #e5e5e5;*/
}
#TourForm table,
#TourForm td,
#TourForm th {
    border: none;
    /*background-color: #e5e5e5;*/
}
#TourForm td.label {
    vertical-align: top;
    width: 103px;
    padding: 7px 0 7px 0;
    text-align: left;
    font-weight: bold;
}
#TourForm td.content {
    vertical-align: top;
    width: 430px;
    /*width: 100%;*/
    padding: 7px 5px 7px 0;
}

#TourForm td.label label {
    line-height: 21px;
}
#TourForm span.required {
    font-size: 18px;
    line-height: 21px;
    font-weight: bold;
}
#TourForm .note span.required {
    color: #003b03;
}
#Tourform span.label{
    vertical-align:middle;
}
#TourForm td.label span.required,
#TourForm td.label label.required {
    background:url(../images_klepper/tourentreff/icon_required.gif) no-repeat;
    padding-left: 10px;
    font-size: 12px;
}
#TourForm img.required{
    margin-right:.05em;
    vertical-align:text-top;
}
#TourForm td.label label.regularHeight{
    line-height:16px;
}
#TourForm td.content .checkbox {
    text-indent:-1.5em;
    margin-left: 3.3em;
    display: block;
}
#TourForm td.content .checkbox input{
    border:none;
    background:none;
}
#TourForm td.label div {
    line-height: 16px;
    font-weight: normal;
    margin-top: -3px;
}
#TourForm td.content hr.full,
#TourForm .full {
    width: 386px;
}
#TourForm td.content hr.full{
    margin-left: 26px;
    text-align:left;
}
#TourForm .half{
    width: 192px;
    margin-right:5px;
}
#TourForm div.half select{
    margin-right:0;
}
#TourForm div.half{
    float:left;
    display:inline;
}
#TourForm .fifth{
    width: 60px;
}
#TourForm .sixth{
    width:50px;
}
#TourForm  hr{
    height: 1px;
    background-color:transparent;
    border:none;
    /*border-bottom:1px solid #003b03;*/
    width: 100%;

    border-top: 1px solid #adadad;
	background: url(../images/teaser_shadow.gif) no-repeat;
	/*padding: 19px 0 9px 0;*/
}
.spacer{
    /*background-color: #e5e5e5;*/
    height: 10px;
    overflow:hidden;
    width: 543px;
    margin: 1em 0 0 0;
}
#TourForm div.submitField{
    /*background-color: #e5e5e5;*/
    width: 543px;
    /*border-bottom: 1px solid #003b03;*/
}
#TourForm div.submitField img{
    float:right;
    height: 22px;
    margin:2.5em 2.5em 1.5em 0;
}

#TourForm .indented{
    margin-left: 26px;
}
#TourForm .error{
    /*border:1px solid #d4041b;*/
    border: 1px solid #e80323;
}
#TourForm div.error{
    display:inline-block;
    overflow:hidden;
}
#TourForm label.error,
#TourForm label.error a{
    border: none;
    /*color: #d4041b;*/
    font-weight: bold;
	/*color: #6d0022;*/
    color: #e80323;
}
.errorMsg{
    display:block;
    /*color: #d4041b;*/
    font-weight: bold;
	/*color: #6d0022;*/
    color: #e80323;
    padding: 1px 0;
}
.errors ul,
.errors ul li{
    margin: 0;
    padding: 0;
    /*color: #d4041b;*/
    font-weight: bold;
	/*color: #6d0022;*/
    color: #e80323;
}
.errors ul li{
    list-style-position:inside;
    list-style:none;
}
.lineBottom{
    border-bottom: 1px solid #003b03;
}
div.showInfo,
div.closeInfo {
    background-repeat: no-repeat;
    padding: 0;
    cursor: pointer;
    width: 18px;
    height: 18px;
    float: left;
}
div.attachment { float:left; margin: 2px 4px 0 4px; padding-left: 20px; background: url(../images_klepper/tourentreff/icon_attachment.gif) no-repeat; }
div.showInfo { float:left; margin: 2px 4px 0 4px; background-image: url(../images_klepper/tourentreff/tour_info_white.gif ); }
div.closeInfo { float:right; margin: 0 0 0 4px;  background-image: url(../images_klepper/tourentreff/tour_info_close.gif ); }
.tourFormPage div.info {
    border-top: 1px solid #003b03;
    border-bottom: 1px solid #003b03;
    background-color: #c3c3c3;
    margin: .75em 0 .25em 4px;
    padding: .5em;
    line-height: 125%;
    display: none;
}
.steps{ margin-bottom: .75em; }
.steps ul{
    width:543px;
    height: 28px;
    background-repeat:no-repeat;
    list-style-position:inside;
    list-style-type:none;
    margin: 0;
    padding: 0 0 0 10px;
    overflow:hidden;
}
ul.step1{ background-image:url(../images_klepper/tourentreff/step1.gif); }
ul.step2{ background-image:url(../images_klepper/tourentreff/step2.gif); }
ul.step3{ background-image:url(../images_klepper/tourentreff/step3.gif); }
ul.step4{ background-image:url(../images_klepper/tourentreff/step4.gif); }
ul.step5{ background-image:url(../images_klepper/tourentreff/step5.gif); }
.steps ul li{ float:left; display:inline; padding: 6px 0 5px 15px;  width: 126px; background-color: transparent; font-weight:bold; font-size: 12px; color: #727272}
.steps ul li.last{width: 94px;}
.steps ul li .on{color: #FFFFFF; }

ul.infoList {
    list-style-type: none;
    list-style-position: outside;
    margin: 2em 0 2em 0;
    padding: 0;
    text-indent: 0;
    clear: both;
    width: 100%;
}
.infoList li {
    margin: .75em 0;
    background: url(../images_klepper/tourentreff/tour_info_white.gif ) no-repeat;
    line-height: 17px;
    padding: 0 0 1px 24px;
}
.hidden{
    display: none;
}
span.noInfo{
    padding-left: 26px;
}
input.noInfo{
    margin-left: 26px;
}
span.noInfo{
    display:block;
    padding-top: 3px;
    vertical-align:middle;
}

.spacedTop{
    display:block;
    margin-top: 3px;
    vertical-align:middle;
}


.halfLink{
    float:left; width: 150px;
}

@media screen{
   .screenOnly{
      /*display:block;*/
   }
}
@media print{
  .screenOnly{
      display:none;
  }
}
