/*
960 Grid System ~ Text CSS.
Learn more ~ http://960.gs/

Licensed under GPL and MIT.
*/
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700');
@import url('https://fonts.googleapis.com/css?family=Roboto:400,700');

/* `Basic HTML
----------------------------------------------------------------------------------------------------*/

body {
    font: 16px/24px "Roboto Condensed", Helvetica, 'Liberation Sans', FreeSans, sans-serif;
    color: #343434;
    background: url('../img/bg.png') repeat;
}

a:focus {
    outline: 1px dotted;
}

hr {
    border: 0 #ccc solid;
    border-top-width: 1px;
    clear: both;
    height: 0;
}

/* `Headings
----------------------------------------------------------------------------------------------------*/

h1 {
    font-size: 25px;
}

h2 {
    font-size: 23px;
}

h3 {
    font-size: 21px;
}

h4 {
    font-size: 19px;
}

h5 {
    font-size: 17px;
}

h6 {
    font-size: 15px;
}

/* `Spacing
----------------------------------------------------------------------------------------------------*/

ol {
    list-style: decimal;
}

ul {
    list-style: disc;
}

li {
    margin-left: 30px;
}

p {
    font-family: 'Roboto', sans-serif;
}

p,
dl,
hr,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
ul,
pre,
table,
address,
fieldset {
    margin-bottom: 21px;
}

/* `Main Elements
----------------------------------------------------------------------------------------------------*/

.container_12 {
    height: 100%;
    min-height: 100%;
}

#border {
    margin: 0 auto 24px auto;
    width: 940px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

#wrap {
    margin: 0;
    background-color: #ffffff;
}

div#teaser {
    height: 500px;
    padding: 1px 0;
    background: url('../img/teaser.gif') repeat-y;
    overflow: hidden;
}

#show_6, #show_6 .slideshow-images {
    height: 500px;
}

span#teaser-inside {
    display: block;
    width: 237px; /*653, 940*/
    padding-left: 703px;
    height: 102px; /*205, 291*/
    padding-top: 189px;
    background: url("../img/teaser_test.jpg") no-repeat;

}

span#teaser-inside-2014 {
    display: block;
    width: 237px; /*653, 940*/
    padding-left: 703px;
    height: 102px; /*205, 291*/
    padding-top: 189px;
    background: url("../img/header/header_neu_2014.jpg") no-repeat;

}

/*span#teaser-inside-2014 {*/
/*display: block;*/
/*width: 237px; *//*653, 940*/
/*padding-left: 703px;*/
/*height: 102px; *//*205, 291*/
/*padding-top: 189px;*/
/*background: url("../img/teaser_2014.jpg") no-repeat;*/

/*}*/

span#banner-animiert {
    display: block;
    width: 206px;
    height: 63px;
    background: url("../img/banner-continous-bg_149.jpg") 0px 0px repeat-x;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

span#banner-animiert-149 {
    display: block;
    width: 206px;
    height: 63px;
    background: url("../img/banner-continous-bg_149.jpg") 0px 0px repeat-x;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

span#banner-animiert-139 {
    display: block;
    width: 206px;
    height: 63px;
    background: url("../img/banner-continous-bg_139.jpg") 0px 0px repeat-x;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

span#banner-animiert-109 {
    display: block;
    width: 206px;
    height: 63px;
    background: url("../img/banner-continous-bg_109.jpg") 0px 0px repeat-x;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

span#banner-animiert-99 {
    display: block;
    width: 206px;
    height: 63px;
    background: url("../img/banner-continous-bg_99.jpg") 0px 0px repeat-x;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

span#banner-animiert-79 {
    display: block;
    width: 206px;
    height: 63px;
    background: url("../img/banner-continous-bg_79.jpg") 0px 0px repeat-x;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

span#banner-animiert-119 {
    display: block;
    width: 206px;
    height: 63px;
    background: url("../img/banner-continous-bg_119.jpg") 0px 0px repeat-x;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

div.spacer {
    height: 1px;
    background: url('../img/teaser.gif') repeat-y;
    overflow: hidden;
}

div#teaser_subpage {
    height: 280px;
    padding: 1px 0;
    background: url('../img/header/bg_header.jpg') no-repeat;
}

#teaser_content {
    position: relative;
}

div#teaser_subpage div#teaser_content {
    height: 120px;
    padding: 80px 60px;
    color: #ffffff;
}

div#teaser_subpage div#teaser_content h1 {
    font-size: 57px;
    line-height: 50px;
    margin-bottom: 10px;
}

div#teaser_subpage div#teaser_content p {
    font-size: 30px;
    line-height: 32px;
    font-weight: 100;
    font-family: "Roboto Condensed", Helvetica, 'Liberation Sans', FreeSans, sans-serif;
}

#headerContact {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 336px;
    z-index: 100;
}

#headerContact div {
    display: inline-block;
    height: 20px;
    padding: 10px 15px 10px 30px;
    background: url(../img/span_contact.png) no-repeat 12px 16px rgba(0, 0, 0, 0.8);
    margin: 0;
    vertical-align: top;
}

#headerContact a {
    color: #ffffff;
}

#headerContact #headerContactFax {
    background-position: 12px -16px;
    border-left: 1px solid #000000;
    border-right: 1px solid #000000;
    margin-left: -4px;
    margin-right: -4px;
    color: #ffffff;
}

#headerContact #headerContactMail {
    background-position: 15px -48px;
}

#teaser_content .article, #bar_top .article {
    width: 940px;
    padding: 0;
    margin: 0;
}

.container_12 .grid_10 {
    margin: 0;
}

/* bar_top ------------------------------------------------------------*/

#bar_top {
    height: 150px;
    background-color: #212121;
}

#bar_top a, #tabs ul.tablist li a {
    text-decoration: none;
    color: #fff;
}

#bar_top a {
    font-size: 14px;
    line-height: 18px;
}

#bar_top a.teaserLink {
    color: #ffcc00;
    text-transform: uppercase;
    cursor: pointer;
}

#bar_top a.teaserLink:after {
    content: ">";
    font-weight: 900;
    margin-left: 5px;
    font-size: 16px;

}

#tabs {
    padding: 0 0 21px 0;
}

ul.tablist {
    width: 940px;
    height: 90px;
    background: url('../img/bar_top.gif') 50% repeat-x;
}

#content .article {
    border-bottom: 1px solid #e5e5e5;
}

#content .contentLightGray {
    background-color: #fbfbfb;
    margin: 0px;
    padding: 0px 80px;
}

#content .contentLightGray .testsieger {
    padding-top: 50px;
    width: 76%;
    display: inline-block;
    padding-right: 2%;
    border-right: 1px solid #eeeeee;
    padding-bottom: 80px;
}

#content .contentLightGray #eKomiWidget_default {
    padding-top: 30px;
    width: 18%;
    display: inline-block;
    padding-left: 2.7%;
}

#content .contentGray {
    background-color: #f3f3f3;
    padding: 0 80px;
    border-bottom: 1px solid #e5e5e5;
}

#content .contentGray .ce_image {
    padding: 50px 0;
}

#content .contentGray .ce_text {
    padding: 50px 0;
}

#content #tabs {
    margin: -31px -34px -45px -80px;
}

#bar_top_sub {
    height: 41px;
    line-height: 41px;
    background: url('../img/bar_top_sub.gif') 0% repeat-x;
    color: #c9c9c9;
}

#bar_top_sub div p {
    height: 41px;
    line-height: 41px;
    margin: 0;
}

#bar_top_sub #search_text {

}

#bar_top_sub a {
    color: #fff;
    text-decoration: none;
}

#bar_top_sub .active, .yellow_font {
    color: #fccc29;
}

#bar_top div.ce_text.active, ul.tablist li.ui-tabs-selected {
    background: #ffcc00 url('../img/bar_top_sub_active.gif') repeat-x;
}

#bar_top div.ce_text.active *, ul.tablist li.ui-tabs-selected * {
    color: #111;
}

#bar_indicator {
    background: #fccc29;
    overflow: hidden;
    height: 4px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 24px;
    margin-top: -21px;
}

#bar_top h2 {
    font-size: 18px;
}

#bar_top div.block {
    display: inline-block;
    width: 230px;
    height: 115px;
    padding: 35px 0 0 0px;
    border-right: 1px solid #000000;
    overflow: hidden;
    text-align: center;
}

#bar_top div.block:nth-child(4n) {
    border-right: 0px;
}

/* deprecated, can be deleted ===================*/
a#tab-1-preis {
    background: url('../img/backgrounds/preis_199_99.png') 93px 49px no-repeat;
}

a#tab-2-preis {
    background: url('../img/backgrounds/preis_189_99.png') 50px 49px no-repeat;
}

a#tab-3-preis {
    background: url('../img/backgrounds/preis_179_99.png') 50px 49px no-repeat;
}

a#tab-4-preis {
    background: url('../img/backgrounds/preis_149_99.png') 93px 49px no-repeat;
}

/*================================================*/

/*79 euro*/
a#tab-1-preis-79 {
    background: url('../img/backgrounds/preis_199_79.png') 93px 49px no-repeat;
}

a#tab-2-preis-79 {
    background: url('../img/backgrounds/preis_189_79.png') 50px 49px no-repeat;
}

a#tab-3-preis-79 {
    background: url('../img/backgrounds/preis_179_79.png') 50px 49px no-repeat;
}

a#tab-4-preis-79 {
    background: url('../img/backgrounds/preis_149_79.png') 93px 49px no-repeat;
}

/*99 euro*/
a#tab-1-preis-99 {
    background: url('../img/backgrounds/preis_199_99.png') 93px 49px no-repeat;
}

a#tab-2-preis-99 {
    background: url('../img/backgrounds/preis_189_99.png') 50px 49px no-repeat;
}

a#tab-3-preis-99 {
    background: url('../img/backgrounds/preis_179_99.png') 50px 49px no-repeat;
}

a#tab-4-preis-99 {
    background: url('../img/backgrounds/preis_149_99.png') 93px 49px no-repeat;
}

/*119 euro*/
a#tab-1-preis-119 {
    background: url("../img/backgrounds/preis_199_149.png") no-repeat scroll 54px 49px transparent;
}

a#tab-2-preis-119 {
    background: url("../img/backgrounds/preis_189_139.png") no-repeat scroll 54px 49px transparent;
}

a#tab-3-preis-119 {
    background: url("../img/backgrounds/preis_179_129.png") no-repeat scroll 54px 49px transparent;
}

a#tab-4-preis-119 {
    background: url("../img/backgrounds/preis_139_119.png") no-repeat scroll 54px 49px transparent;
}

a#tab-4-preis-109 {
    background: url("../img/backgrounds/preis_139_109.png") no-repeat scroll 54px 49px transparent;
}

/*149 euro*/
a#tab-1-preis-149 {
    background: url("../img/backgrounds/preis_199.png") no-repeat scroll 125px 49px transparent;
}

a#tab-2-preis-149 {
    background: url("../img/backgrounds/preis_189p.png") no-repeat scroll 123px 49px transparent;
}

a#tab-3-preis-149 {
    background: url("../img/backgrounds/preis_179p.png") no-repeat scroll 126px 49px transparent;
}

a#tab-4-preis-149 {
    background: url("../img/backgrounds/preis_149.png") no-repeat scroll 124px 49px transparent;
}

a#tab-4-preis-139 {
    background: url("../img/backgrounds/preis_139.png") no-repeat scroll 124px 49px transparent;
}

#bar_top div.last {
    background: none;
}

#bar_top div.block h2 {
    margin: 0;
}

#bar_top div.block h2 a {
    text-transform: uppercase;
    font-size: 18px;
    color: #fff;
}

#bar_top div p {
    color: #fff;
    font-size: 14px;
    font-weight: normal;
    padding-right: 10px;
}

#bar_top div div.button_arrow {
    display: none;
    width: 64px;
    height: 24px;
    position: relative;
    top: 41px;
    left: 176px;
    margin-bottom: -24px;
    cursor: pointer;
}

#bar_top div div.button_arrow img.fst {
    display: block;
    position: relative;
}

#bar_top div div.button_arrow img.snd {
    display: block;
    position: relative;
    bottom: 24px;
    opacity: 0;
}

/* /bar_top -----------------------------------------------------------*/

/* navigation -------------------------------------------------------------*/

#wrap_navigation {
}

ul.level_1 li.active {
    color: #222;
}

ul.level_1 {
    list-style: none;
    padding: 22px 0 0 25px;
    margin: 0;
    height: 40px;
    background: #ffffff;
    border-right: 1px #e9e9e9 solid;
}

ul.level_1 li {
    float: left;

    margin: 0 15px 0 0;
    text-transform: uppercase;
    font-family: "Roboto Condensed" v, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 21px;
    font-weight: 400;
    color: #999999;
    position: relative; /*--Declare X and Y axis base for sub navigation--*/
}

ul.level_1 li.last {
    margin: 0;
}

ul.level_1 li a {
    color: #999;
    display: block;
    text-decoration: none;
    float: left;
}

ul.level_1 li.active a, ul.level_1 li:hover a {
    color: #000;
    font-weight: 700;
}

ul.level_1 li span.subhover {
    background-position: center bottom;
    cursor: pointer;
}

/*--Hover effect for trigger--*/
ul.level_1 li ul.level_2 {
    list-style: none;
    position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
    left: 0;
    top: 20px;
    background: #fff; /* Fallback for IE */
    background: rgba(255, 255, 255, 0.85);
    border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    webkit-border-radius: 0 0 3px 3px;
    margin: 0;
    padding: 0;
    display: none;
    float: left;
    width: 200px; /* 170 */
    z-index: 100;
}

ul.level_1 li ul.level_2 li {
    margin: 0;
    padding: 0;
    clear: both;
    width: 200px; /* 170 */
    height: 21px;
    /*	overflow:hidden;*/
}

ul.level_1 li ul.level_2 li.active {
}

html ul.level_1 li ul.level_2 li a {
    font-size: 11px;
    float: left;
    color: #777;
    width: 195px; /* 165 */
    height: 21px;
    padding-left: 5px;
}

html ul.level_1 li ul.level_2 li a:hover {
    /*--Hover effect for subnav links--*/
    background: url('../img/subnav-li.gif') repeat-x;
    color: #000;
}

/* /navigation ------------------------------------------------------------*/

/* login ------------------------------------------------------------*/

#login {
    height: 100%;
    padding: 0;
}

#login_inline {
    width: 100%; /* 281px */
    padding: 0;
    height: 26px;
    /*overflow:hidden;*/
}

#tl_login {
    position: relative;
}

#login_inline input {
    color: #343434;
    border: 0;
    background: transparent;
    padding: 5px 0 5px 22px;
    margin: 0;
    width: 100px;
    height: 19px;
    font-size: 16px;
    line-height: 19px;
    border-radius: 0;
}

#login_inline #username {
    background: url(../img/span_icons.png) no-repeat left 6px transparent;
    border-right: 1px #e9e9e9 solid;
    margin-right: 13px;
    margin-top: 18px;
    margin-left: 19px;
}

#login_inline #password {
    background: url(../img/span_icons.png) no-repeat left -31px transparent;
}

#login_inline input.submit {
    width: 84px;
    height: 62px;
    position: absolute;
    cursor: pointer;
    padding: 0 20px;
    background-color: #f8f8f8;
    right: 0px;
}

#tl_logout input.submit {
    width: 80px;
    height: 26px;
    position: relative;
    /*	bottom:26px;*/
    left: 10px;
    cursor: pointer;
    float: right;
    padding: 4px;
    text-decoration: underline;
    color: #000;
}

.mod_login {
    /*    overflow: auto;*/
    width: 280px;
}

#login_inline input:focus, .focusField {
    /*color:#eee;*/
}

#login_inline p.error {
    font-size: 12px;
    color: #c00;
    line-height: 16px;
    margin-top: -12px;
}

/* /login ------------------------------------------------------------*/

.hr_gradient {
    width: 620px;
    height: 1px;
    background: url('../img/hr_gradient.gif') no-repeat;
    overflow: hidden;
}

/* footer -------------------------------------------------------------*/

#footer {
    width: 860px;
    /*	height:105px; */
    padding: 0 0 21px 80px;
    /*	background:url('../img/footer.gif') repeat-x; */
    /*	text-transform:uppercase; */
    font-size: 12px;
    color: #c3c3c3;
}

#footer b {
    color: #5d5d5d;
    font-weight: normal;
}

#footer dl dt {
    float: left;
    width: 50px;
}

#footer a {
    color: #c3c3c3;
    text-decoration: none;
}

/* /footer ------------------------------------------------------------*/

/* tooltip ------------------------------------------------------------*/

#tooltip {
    position: absolute;
    z-index: 3000;
    border: 1px solid #c3c3c3;
    background: url('../img/tooltip.gif') repeat-x;
    color: #eee;
    padding: 1px 5px;
    line-height: 14px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}

#tooltip h3, #tooltip div {
    margin: 0;
    font-size: 12px;
    font-weight: normal;
}

/* /tooltip -----------------------------------------------------------*/

/* search -----------------------------------------------------------*/

.grid_3 #search_inline {
    display: none;
}

input#ctrl_keywords {
    background: none;
    width: 174px; /*212*/
    /*186*/
    height: 26px;
    padding: 0 0 0 7px;
    overflow: hidden;
    border: none;
    color: #ccc;
    position: relative;
    bottom: 3px;
    font-size: 12px;
    line-height: 26px;
}

#bar_top_sub .grid_8 {
    height: 41px;
}

input#ctrl_submit {
    margin: 0;
    position: relative;
    top: 5px;
    font-size: 12px;
    line-height: 25px;
}

input#ctrl_keywords:focus {
    color: #222;
}

/* search results */

#content .mod_search {
    background: url('../img/searchbox.jpg') 0px 0px no-repeat;
}

#content .mod_search form {
    padding: 4px 0 0 0;
}

#content .mod_search form input#ctrl_keywords {
    position: relative;
    left: 4px;
    background: none;
}

#content .mod_search #ctrl_submit {
    left: 14px;
}

#content .mod_search p.header {
    padding: 0 0 4px 8px;
    color: #eee;
}

span.highlight, #content .mod_search p.header strong {
    font-weight: normal;
    color: #222;
    padding: 0 2px;
    background: #fccc29;
}

.mod_search h3 span.relevance {
    color: #c3c3c3;
    font-size: 14px;
}

.mod_search h3 a {
    text-decoration: none;
}

.mod_search .context {
    padding: 0 0 21px 0;
    background: url('../img/hr_gradient.gif') 0% 100% no-repeat;
}

#search_inline .mod_search div, #search_inline .mod_search p {
    display: none;
}

div.pagination {
    background: url('../img/paginationbox.jpg') 0px 0px no-repeat;
    color: #eee;
    padding: 8px 12px;
    height: 47px;
    width: 454px;
}

div.pagination p {
    margin: 0;
    text-align: right;
}

div.pagination ul {
    list-style-type: none;
    list-style-image: none !important;
}

div.pagination ul li {
    float: left;
}

/* /search ----------------------------------------------------------*/

/* news ----------------------------------------------------------*/

p.info {
    background: #222;
    color: #fff;
    border-radius: 3px;
    -moz-border-radius: 3px;
    webkit-border-radius: 3px;
}

/* /news ----------------------------------------------------------*/

/* voices / faqs / golfglossar ------------------------------------*/

#voices div, #faqordion div, #golfglossar div {
    background: url('../img/hr_gradient.gif') 0% 100% no-repeat;
    margin-bottom: 21px;
}

#faqordion div p, #golfglossar div p {
    padding: 0 0 21px 25px;
}

p.tipp {
    border: 1px solid #cee9a4;
    background: #f9fff0 url('../img/tipp.gif') 12px 50% no-repeat;
    color: #475236;
    padding: 7px 14px 7px 54px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    webkit-border-radius: 3px;
}

p.tipp_sidebar {
    border: 1px solid #cee9a4;
    background: #f9fff0 url('../img/tipp.gif') 12px 12px no-repeat;
    color: #475236;
    width: 194px; /* 210 - p7-p7-b1-b1 */
    padding: 53px 7px 7px 7px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    webkit-border-radius: 3px;
}

#voices p.author {
    color: #f7c11c;
    background: url('../img/content-ul-li.gif') 3px 5px no-repeat;
    padding-left: 18px;
    margin-bottom: 42px;
}

#faqordion h3, #golfglossar h3 {
    padding: 0 0 0 24px;
    cursor: pointer;
}

#voices h3 {
    margin-bottom: 0px;
}

#voices p {
    margin-bottom: 12px;
}

#f3 td, #f4 td {
    vertical-align: top;
}

#ctrl_54, #ctrl_55, #ctrl_58 {
    width: 150px;
    border: 1px solid #000;
}

#ctrl_2, #ctrl_5, #ctrl_6 {
    margin-bottom: 5px;
}

#ctrl_7 {
    margin-bottom: 21px;
}

#f3 textarea, #f4 textarea {
    width: 310px;
    height: 85px;
    border: 1px solid #000;
}

/* kundenstimme form */

#f3 input:focus {
    color: #000;
}

#voices h3.ui-state-default, #faqordion h3.ui-state-default, #golfglossar h3.ui-state-default {
    background: url('../img/button_expand.gif') no-repeat;
    color: #999;
}

#voices h3.ui-state-active, #faqordion h3.ui-state-active, #golfglossar h3.ui-state-active {
    background: url('../img/button_collapse.gif') no-repeat;
    color: #000;
}

/* /voices ---------------------------------------------------------*/

.m_b42 {
    margin-bottom: 42px;
}

#mitglieder-werben td {
    vertical-align: top;
}

#mitglieder-werben input.text, #mitglieder-werben input.textarea {
    color: #000;
    border: 1px solid #000;
}

#mitglieder-werben textarea {
    width: 340px;
    height: 85px;
}

#mitglieder-werben .row_3 p, #mitglieder-werben .row_8 p {
    padding-top: 21px;
}

/* membership --------------------------------------------------- */

.ui-tabs .ui-tabs-hide {
    display: none;
}

#fragment-1, #fragment-2, #fragment-3, #fragment-4 {
    clear: both;
    padding: 0 12px 0 21px;
}

/* /membership -------------------------------------------------- */

.p60 {
    padding: 0 60px;
}

img.card_right {
    float: right;
}

table#summary {
}

.yellow {
    color: #f4c900;
}

/* steps ---------------------------------------------------------- */

#stepwrap {
    padding-left: 37px;
}

#stepwrap h1 {
    padding-left: 24px;
}

#stepwrap p {
    padding-left: 24px;
}

#stepwrap p.footnote {
    line-height: 42px;
}

#steps {
    width: 516px;
    border-top: 1px solid #c9c9c9;
    border-bottom: 1px solid #c9c9c9;
    padding-top: 21px;
}

#steps h2 {
    cursor: pointer;
    height: 32px;
    padding: 10px 48px 0 48px;
}

#steps h2.ui-state-active {
}

#steps h2#one {
    background: url('../img/no-1-off.gif') no-repeat;
}

#steps h2#two {
    background: url('../img/no-2-off.gif') no-repeat;
}

#steps h2#three {
    background: url('../img/no-3-off.gif') no-repeat;
}

#steps h2#one.ui-state-active {
    background: url('../img/no-1-on.gif') no-repeat;
}

#steps h2#two.ui-state-active {
    background: url('../img/no-2-on.gif') no-repeat;
}

#steps h2#three.ui-state-active {
    background: url('../img/no-3-on.gif') no-repeat;
}

#steps div p {
    padding: 0 24px 0 48px;
}

/* bestellformular ------------------------------------ */

.mb21 {
    margin-bottom: 21px;
}

.lastschrift, .ueberweisung {
    padding: 0;
}

.ueberweisung {
    margin: 8px 0;
}

/* bemerkungsfeld */

#ctrl_42 {
    width: 270px;
    height: 74px;
}

label {
    /*width:120px;*/
    padding-right: 20px;
    min-width: 120px;
    display: block;
    float: left;
    /*	clear:both;*/
}

.mod_registration td {
    vertical-align: top;
}

.row_12 .col_last label, .row_26 .col_last label {
    display: inline;
    float: none;
}

#content p.error {
    color: #c00;
    /*float: left;*/
    /*position:absolute;*/
    /*right:200px;*/
    background: #fceeee;
    padding: 0 3px;
    margin-bottom: 5px;
    /*margin-left: 10px;*/
    clear: both;
    /*width: 100%;*/
}

span.mandatory {
    color: #c00;
}

#ctrl_35, #ctrl_149, #ctrl_184, #ctrl_214, #ctrl_230, #ctrl_252 {
    margin-bottom: 21px;
}

#ctrl_44, #ctrl_163, #ctrl_228, #ctrl_266 {
    /*	margin-bottom:42px;*/
}

#opt_43_0, #opt_160_0, #opt_225_0, #opt_263_0 {
    float: left;
}

#f2 input {
    border: 1px solid #222;
}

input.error {
    border: 1px solid #c00;
    background: #fccccc;
}

#f2 input:focus {
    color: #222;
    background: #fff1c6;
}

#f2 .submit_container input {
    border: none;
}

#no-s-1 {
    background: url('../img/no-s-1.gif') no-repeat;
    padding-left: 24px;
}

#no-s-2 {
    background: url('../img/no-s-2.gif') no-repeat;
    padding-left: 24px;
}

#no-s-3 {
    background: url('../img/no-s-3.gif') no-repeat;
    padding-left: 24px;
}

#no-s-4 {
    background: url('../img/no-s-4.gif') no-repeat;
    padding-left: 24px;
}

#no-s-5 {
    background: url('../img/no-s-5.gif') no-repeat;
    padding-left: 24px;
}

#no-s-6 {
    background: url('../img/no-s-6.gif') no-repeat;
    padding-left: 24px;
}

a.link_b {
    font-weight: bold;
}

.bt-anmeldung-bg {
    display: block;
    width: 266px;
    height: 42px;
    background: url('../img/button-weiterzuranmeldung-00.jpg') 0px 0px no-repeat;
}

.bt-anmeldung-bg .ovl {
    opacity: 0;
    display: block;
    width: 266px;
    height: 42px;
    background: url('../img/button-weiterzuranmeldung-01.jpg') 0px 0px no-repeat;
}

.empsend {
    display: block;
    width: 260px;
    height: 42px;
    background: url('../img/button-empfehlungabschicken-00.jpg') 0px 0px no-repeat;
}

.empovl {
    opacity: 0;
    position: relative;
    bottom: 48px;
    display: block;
}

.bt-onlineanmeldung-bg {
    display: block;
    width: 300px;
    height: 42px;
    background: url('../img/button-weiterzuronlineanmeldung-00.jpg') 0px 0px no-repeat;
}

.bt-onlineanmeldung-bg .ovl {
    opacity: 0;
    display: block;
    width: 285px;
    height: 64px;
    background: url('../img/button-weiterzuronlineanmeldung-01.jpg') 0px 0px no-repeat;
}

.bt-platzreife-bg {
    display: block;
    width: 285px;
    height: 64px;
    background: url('../img/buttons/platzreife_00.png') 0px 0px no-repeat;
}

.bt-platzreife-bg .ovl {
    opacity: 0;
    display: block;
    width: 285px;
    height: 64px;
    background: url('../img/buttons/platzreife_01.png') 0px 0px no-repeat;
}

.bt-basiskurs-bg {
    display: block;
    width: 285px;
    height: 64px;
    background: url('../img/buttons/basiskurs_00.png') 0px 0px no-repeat;
}

.bt-basiskurs-bg .ovl {
    opacity: 0;
    display: block;
    width: 300px;
    height: 64px;
    background: url('../img/buttons/basiskurs_01.png') 0px 0px no-repeat;
}

ul.tablist li {
    display: block;
    width: 235px;
    height: 90px;
    margin: 0 0 0 0 !important;
    background: url('../img/bar_top_sep.gif') 100% no-repeat;
    float: left;
    overflow: hidden;
}

ul.tablist li.bg_basis {
    background: url('../img/backgrounds/bg_basis.jpg') repeat;
}

ul.tablist li a {
    display: block;
    width: 215px;
    height: 80px;
    padding: 10px 0 0 20px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 18px; /* 18px */
    margin: 0;
    color: #fff;
}

ul.tablist li a span {
    /*	color:#fff;*/
    font-size: 14px;
}

ul.tablist li a:hover span {
    color: #fccc29;
}

ul.tablist li.ui-tabs-selected a:hover span {
    color: #000;
}

.container_12 #ctrl_xt_mbr_bemerkungen {
    width: 350px;
    height: 90px;
}

.narrowtab .col_first {
    width: 150px;
}

#opt_gwm_different_invoice_address_0,
#opt_gwm_change_pwd_0,
#opt_newsletter_0 {
    width: 12px;
}

#lbl_gwm_change_pwd_0,
#lbl_newsletter_0 {
    display: none;
}

#map_pin_deinster_muehle {
    position: absolute;
    margin-top: -585px;
    margin-left: 200px;
}

#map_pin_deinster_muehle div a {
    /*width: 286px;*/
    /*height: 100px;*/
    background: url('../img/content/akademie/buttons/Pin_deinster_muehle.png') no-repeat;
    float: left;
}

#map_pin_hamburg_sued_ost {
    position: absolute;
    margin-top: -565px;
    margin-left: 160px;
}

#map_pin_hamburg_sued_ost div a {
    /*width: 286px;*/
    /*height: 100px;*/
    background: url('../img/content/akademie/buttons/Pin_hamburg_sued_ost.png') no-repeat;
    float: left;
}

#map_pin_nuernberg_sued_west {
    position: absolute;
    margin-top: -250px;
    margin-left: 245px;
}

#map_pin_nuernberg_sued_west div a {
    /*width: 286px;*/
    /*height: 100px;*/
    background: url('../img/content/akademie/buttons/Pin_nuernberg_sued_west.png') no-repeat;
    float: left;
}

#map_pin_frankfurt {
    position: absolute;
    margin-top: -285px;
    margin-left: 130px;
}

#map_pin_frankfurt div a {
    /*width: 286px;*/
    /*height: 100px;*/
    background: url('../img/content/akademie/buttons/Pin_frankfurt.png') no-repeat;
    float: left;
}

#map_pin_achim {
    position: absolute;
    margin-top: -545px;
    margin-left: 155px;
}

#map_pin_achim div a {
    /*width: 286px;*/
    /*height: 100px;*/
    background: url('../img/content/akademie/buttons/Pin_achim.png') no-repeat;
    float: left;
}

#map_pin_berlin {
    position: absolute;
    margin-top: -505px;
    margin-left: 360px;
}

#map_pin_berlin div a {
    /*width: 286px;*/
    /*height: 100px;*/
    background: url('../img/content/akademie/buttons/Pin_Berlin.png') no-repeat;
    float: left;
}

#map_pin_augustin {
    position: absolute;
    margin-top: -385px;
    margin-left: 40px;
}

#map_pin_augustin div a {
    /*width: 286px;*/
    /*height: 100px;*/
    background: url('../img/content/akademie/buttons/Pin_augustin.png') no-repeat;
    float: left;
}

#map_pin_eschenrod {
    position: absolute;
    margin-top: -345px;
    margin-left: 140px;
}

#map_pin_eschenrod div a {
    /*width: 286px;*/
    /*height: 100px;*/
    background: url('../img/content/akademie/buttons/Pin_eschenrod.png') no-repeat;
    float: left;
}

#map_pin_lippstadt {
    position: absolute;
    margin-top: -430px;
    margin-left: 130px;
}

#map_pin_lippstadt div a {
    /*width: 286px;*/
    /*height: 100px;*/
    background: url('../img/content/akademie/buttons/Pin_Lippstadt.png') no-repeat;
    float: left;
}

#map_pin_gerhelm {
    position: absolute;
    margin-top: -270px;
    margin-left: 285px;
}

#map_pin_gerhelm div a {
    /*width: 286px;*/
    /*height: 100px;*/
    background: url('../img/content/akademie/buttons/Pin_Gerhelm.png') no-repeat;
    float: left;

}

#map_pin_reutlingen,
#map_pin_golf-you-up {
    position: absolute;
    margin-top: -180px;
    margin-left: 130px;
}

#map_pin_duesseldorf {
    position: absolute;
    margin-top: -425px;
    margin-left: 15px;
}

#map_pin_duesseldorf:hover {
    z-index: 99;
}

#map_pin_hannover {
    position: absolute;
    margin-top: -510px;
    margin-left: 160px;
}

#map_pin_golf-you-up div a {
    /*width: 286px;*/
    /*height: 100px;*/
    background: url('../img/content/akademie/buttons/Pin_golf-you-up.png') no-repeat;
    float: left;
}

#map_pin_duesseldorf div a {
    /*width: 286px;*/
    /*height: 100px;*/
    background: url('../img/content/akademie/buttons/Pin_duesseldorf.png') no-repeat;
    float: left;
}

#map_pin_hannover div a {
    /*width: 286px;*/
    /*height: 100px;*/
    background: url('../img/content/akademie/buttons/Pin_hannover.png') no-repeat;
    float: left;
}

#map_pin_reutlingen div a {
    /*width: 286px;*/
    /*height: 100px;*/
    background: url('../img/content/akademie/buttons/Pin_reutlingen.png') no-repeat;
    float: left;
}

#map_pin_ebersberg {
    position: absolute;
    margin-top: -145px;
    margin-left: 320px;
}

#map_pin_ebersberg div a {
    /*width: 286px;*/
    /*height: 100px;*/
    background: url('../img/content/akademie/buttons/Pin_ebersberg.png') no-repeat;
    float: left;
}

#map_pin_nuernberg_sued_west div a:hover,
#map_pin_frankfurt div a:hover,
#map_pin_hamburg_sued_ost div a:hover,
#map_pin_ebersberg div a:hover,
#map_pin_deinster_muehle div a:hover,
#map_pin_achim div a:hover,
#map_pin_berlin div a:hover,
#map_pin_augustin div a:hover,
#map_pin_eschenrod div a:hover,
#map_pin_lippstadt div a:hover,
#map_pin_gerhelm div a:hover,
#map_pin_golf-you-up div a:hover,
#map_pin_duesseldorf div a:hover,
#map_pin_hannover div a:hover,
#map_pin_reutlingen div a:hover {
    background-position: left bottom;
}

.ce_hyperlink.map_pin div a img,
.ce_hyperlink.map_pin div a {
    height: 70px;
    width: 201px;
}

.clear_both {
    clear: both;
}

.col_0 {
    width: 140px;
}

.col_1 {
    width: 100%;
}

.agreement_table .col_0,
.vollmacht_table .col_0 {
    width: auto;
}

/*akademie_club seite*/

.akademie_club .row .left_col {
    float: left;
    width: 500px;
}

.akademie_club .row .right_col {
    float: right;
    width: 202px;
}

.akademie_club #content .row {
    float: left;
    margin-bottom: 40px;
    width: 100%;
}

.akademie_club .row .right_col .image_container {
    margin-bottom: -4px;
}

.akademie_club .row .left_col .ce_image {
    float: left;
    margin-right: 20px;
}

.akademie_club #content .row .left_col h1 {
    font-weight: bold;
    font-size: 20px;
    margin-bottom: 0;
}

.akademie_club #content .row .left_col h2 {
    background-image: none;
    font-size: 20px;
}

.akademie_club #content .row .left_col .ce_text p {
    margin-top: 20px;
}

.akademie_club #content .row .left_col h5 {
    background-image: none;
    font-size: 20px;
    margin-top: 20px;
    margin-bottom: 2px;
}

.akademie_club #content .row .club_address {
    background: url('../img/content/akademie/clubseite/bg_akademie_club.png');
    color: white;
    width: 162px;
    max-height: 71px;
    padding: 20px;
    font-size: 12px;
    line-height: 14px;
    margin-bottom: 2px;
}

.akademie_club #content .row .club_address p {
    margin-bottom: 10px;
}

.clr {
    clear: both;
}

#direkt_kontakt {
    background: #ececec;
    width: 264px;
    padding: 24px;
    margin-left: -90px;
    position: absolute;
    z-index: 99;
    display: none;
}

#direkt_kontakt .row_first {
    font-size: 18px;
    border-bottom: 1px solid white;
    margin-bottom: 15px;
    margin-top: 2px;
}

#direkt_kontakt .fon_number {
    height: 24px;
    border-bottom: 1px solid white;
    padding-bottom: 24px;
    zoom: 1;
    padding-top: 12px;
}

#direkt_kontakt .fon_number,
#direkt_kontakt label {
    padding-left: 60px;
    font-size: 14px;
}

#direkt_kontakt label {
    padding-top: 10px;
}

#direkt_kontakt input {
    height: 20px;
    width: 180px;
    padding: 10px 0 10px 10px;
}

#direkt_kontakt input.submit {
    height: auto;
    width: auto;
    padding: 0;
    border: 0;
}

#direkt_kontakt textarea,
#direkt_kontakt input {
    border: 1px solid #ECECEC;
    font-size: 14px;
    margin-left: 60px;
}

#direkt_kontakt label.pencil_bg {
    background: url('../img/direkt_kontakt/ico_mail.png') left top no-repeat;
    padding-top: 0;
    height: 50px;
    margin-top: -10px;
    margin-bottom: -30px;
}

#direkt_kontakt textarea {
    width: 170px;
    padding: 10px;

}

#direkt_kontakt p.error {
    clear: both;
    color: red;
    margin-bottom: 6px;
    padding-left: 60px;
}

#direkt_kontakt .fon_number {
    background: url('../img/direkt_kontakt/ico_call.png') left top no-repeat;
    font-size: 24px;
}

.w_600 {
    width: 600px;
}

.w_300 {
    width: 300px;
}

.r_40 {
    margin-right: 40px;
}

/*alex 20150907*/
.checkbox_container {
    float: left;
    width: 100%;
}

.checkbox_container .checkbox {
    float: left;
}

.margin_top {
    margin-top: 20px;
}

.margin_bottom {
    margin-bottom: 20px;
}

/*deutschlandkarte*/

#deutschland_karte {
    position: relative;
    overflow: visible;
}

.pin_tee {
    width: 20px;
    height: 20px;
    background: url('../img/deutschlandkarte/pin_tee.png') left top no-repeat;
    position: absolute;
    /*top: 10px;*/
    /*left: 10px;*/
}

.pin_tee.hover {
    background-position: left bottom;
    z-index: 99;
    cursor: pointer;
    width: 60px;
    height: 70px;
}

#pin_suedeifel {
    top: 280px;
    left: 10px;
}

#pin_liebenzell {
    top: 325px;
    left: 85px;
}

#pin_bramstedt {
    top: 90px;
    left: 120px;
}

#pin_erzgebirge {
    top: 220px;
    left: 250px;
}

#pin_zschopau {
    top: 230px;
    left: 240px;
}

#pin_fischland {
    top: 76px;
    left: 190px;
}

#pin_greifswald {
    top: 76px;
    left: 215px;
}

#pin_plauen {
    top: 250px;
    left: 180px;
}

#pin_rothenburg {
    top: 300px;
    left: 140px;
}

#pin_reichmannsdorf {
    top: 270px;
    left: 150px;
}

#pin_eifel {
    top: 260px;
    left: 20px;
}

#pin_weiherhof {
    top: 360px;
    left: 150px;
}

#pin_mittelstetten {
    top: 340px;
    left: 170px;
}

#pin_pfaffing {
    top: 360px;
    left: 180px;
}

#pin_lenzfried {
    top: 390px;
    left: 130px;
}

#pin_thuerk {
    top: 74px;
    left: 126px;
}

#pin_schottenring {
    top: 250px;
    left: 80px;
}

#pin_landau {
    top: 350px;
    left: 210px;
}

#pin_wuemme {
    top: 130px;
    left: 110px;
}

#pin_talsperre {
    top: 150px;
    left: 90px;
}

#pin_westheim {
    top: 205px;
    left: 80px;
}

#pin_rehburg {
    top: 170px;
    left: 80px;
}

#pin_augustin {
    top: 220px;
    left: 40px;
}

#pin_ostsee {
    top: 66px;
    left: 146px;
}

#pin_swinggolf {
    top: 120px;
    left: 100px;
}

#pin_stolpe {
    top: 150px;
    left: 210px;
}

#pin_brodau {
    top: 70px;
    left: 136px;
}

#pin_krogaspe {
    top: 74px;
    left: 106px;
}

#pin_peter_ording {
    top: 56px;
    left: 87px;
}

#pin_mentzelsfelde {
    top: 200px;
    left: 60px;
}

#pin_wutzschleife {
    top: 330px;
    left: 190px;
}

#pin_liebenburg {
    top: 170px;
    left: 140px;
}

#pin_gerhelm {
    top: 310px;
    left: 170px;
}

#pin_kallin {
    top: 150px;
    left: 200px;
}

#pin_hainmuehlen {
    top: 110px;
    left: 90px;
}

#pin_ammerland {
    top: 110px;
    left: 60px;
}

/*#pin_krugsdorf {*/
/*top: 96px;*/
/*left: 240px;*/
/*}*/

#pin_buesum {
    top: 90px;
    left: 90px;
}

#pin_hausen {
    top: 240px;
    left: 90px;
}

#pin_eschenrod {
    top: 220px;
    left: 110px;
}

#pin_achim {
    top: 130px;
    left: 80px;
}

#pin_worpswede {
    top: 110px;
    left: 80px;
}

.login_info {
    margin-top: 16px;
    float: left;
}

#tl_logout input.submit {
    margin-left: 50px;
    margin-top: 14px;
    float: left;
}

#hp_big_image img {
    width: 100%;
}

/* memberpack hacks */
.memberpage #content {
    float: left;
}

.memberpage #content {
    width: auto;
}

.memberpage #content .grid_10 {
    width: 540px;
}

.memberpage #sidebar .grid_10 {
    width: 230px;
}

.memberpage #sidebar .prefix_1 {
    padding-left: 0;
}

#top .datenschutz-top-text  {
    border-bottom: none;
}
#top .datenschutz-top-text div {
    position: absolute;
    top: -40px;
    left: 0;
    right: 0;
    padding: 10px;
    background-color: #f3f3f3;
    color: #666666;
}

#top .datenschutz-top-text div p {
    width: 940px;
    margin: 0 auto;
    font-size: 12px;
}
.link-close-datenschutz {
    text-decoration: underline;
    font-weight: bold;
    cursor: pointer;
}
.cookienotice {
  position: fixed;
  top: 0px;
  left: 0;
  right: 0;
  padding: 10px;
  background-color: #f3f3f3;
  color: #666666;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: rgba(0,0,0,0.25) 0 0 15px -2px;
  z-index: 9999
}
.cookienotice p{
  margin: 20px 0;
  font-size: 0.9rem
}
.cookienotice p button{
  background-color: #63a721;
  color: #fff;
  text-decoration: none;
  border: none;
  border-radius: 3px;
  padding: 5px 10px
}
.cookienotice p button:active,
.cookienotice p button:focus,
.cookienotice p button:hover{
  background-color: #9dc943;
}
.cookienotice p .link-edit-datenschutz{
  cursor: pointer;
}
#cookie-modal.modal-window {
  position: fixed;
  background-color: rgba(0,0,0,0.5);
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 99999;
  display: block;
  opacity: 1;
  pointer-events: auto;
  transition: all 0.3s;
}
#cookie-modal.modal-window.hidden {
  display: none;
  opacity: 0;
  pointer-events: none;
  transition: all 0.3s;
}
#cookie-modal.modal-window:target {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
}
#cookie-modal.modal-window > div {
  width: 400px;
  max-width: 98vw;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 2em;
  background: white;
  border-radius: 10px
}
#cookie-modal.modal-window h3 {
  margin: 0;
}
.modal-window label{
  float: none;
  display: inline;
  margin-left: 10px;
}
#cookie-modal .button{
  background-color: #63a721;
  color: #fff !important;
  text-decoration: none;
  border: none;
  border-radius: 3px;
  padding: 3px 0;
  width: 100%;
  font-weight: bold;
  margin-top: 15px;
  cursor: pointer;
  display: block;
  text-align: center;
}
#cookie-modal .button:hover,
#cookie-modal .button:active,
#cookie-modal .button:focus{
  background-color: #9dc943;
}
#cookie-modal .modal-close {
  color: #aaa;
  line-height: 50px;
  font-size: 80%;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  width: 70px;
  text-decoration: none;
  cursor: pointer;
}
#cookie-modal .modal-close:hover {
  color: black;
}