/**
 * Zentrales CSS
 *
 * 1.4.0        2021-02-25  Gerhard Loosch
 *              - div fuer Datenschutzerklaerung gestaltet
 * 1.3.0        2019-02-27  Nils Heldt
 *              - Select-Boxen 
 * 1.2.0        2019-02-15  Christian Lang
 *              - Logo ausgetauscht
 * 1.1.0        2018-07-24  Gerhard Loosch
 *              - textareas mehrzeilig dargestellt
 * 1.0.0        2018-07-20  Gerhard Loosch
 *              - Versionierung eingefuehrt
 *
 */

/*****GRUNDELEMENTE*****/

html {
    /*height: 100%;*/
    width: 100%;
}

body { 
    /*
	font-size: 77%;
	line-height: 180%;
	font-family: Lucida Sans unicode, Lucida sans, Sans Serif;
	color: #4F4F4F;
	background-color: #fff;
	margin: 0px;
	padding: 0px;
	vertical-align: top;
    */
    
    background: url(/static/img/bg-image.gif) repeat top left transparent;
    margin: 0;
    padding: 0;
    vertical-align: top;
    width: 100%;
    color: rgb(86, 86, 85);
    font-family: 'PT Sans', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
}

p { 
	margin-top: 0px; 
	text-align: left;
}


a:link, a:visited, a:active { 
	text-decoration: none; 
	color: #0083B4;
    font-weight: normal;
    font-size: 100%;
}

a:hover, a:focus { 
	text-decoration: underline;
}

/*
img {
    float: left;
    border: 1px solid #fff;
}

#content img { 
    margin: 0px 10px 10px 0px;
        background: url(/static/img/ecke_rechts.gif) no-repeat top right #fff;
}
*/

#content div.bild img {
    padding: 0px;
    border: 0px;
    border: 1px solid #fff;
}

.bildunterschrift {
	color: #555;
}

div.bild {
	background-color: #fff;
	line-height: 150%;
}

.noborder {
	border: none;
}

.hidden {
    display: inline;
    left: -999px;
    top: -999px;
    font-size: 0px;
    height: 0px;
    line-height:0px;
    margin:0px;
    overflow:hidden;
    position:absolute;
}

h1 {
    /*
    font-family: georgia, Serif;
    color: #555;
	font-size: 130%;
	text-transform: uppercase;
	font-weight: normal;
	margin-top: 0px;
	margin-bottom: 10px;
	text-transform: uppercase;
	padding: 0px 0px 7px 0px;
	border-bottom: 1px dashed #555;
*/
}

h2 {
    font-size: 120%;
	font-family: Lucida Sans unicode, Lucida sans, Sans Serif;
	font-weight: normal;
	color: #0083B4;
	margin-top: 0px;
}



/* Der Container umfasst den Gesamten Inhalt der Site */
#container {
    /*
    width: 94%;    
    margin: auto;
    margin-bottom: 10px;
	max-width: 980px;
    */
    margin: 0 auto;
    background: none repeat scroll 0 0 transparent;
    width: 100%;
    min-width: 240px;
}

/*#header {
    height: 101px;
    /*background: url(/static/img/navi_header_final.gif) repeat-x top left;
    margin-bottom: 0px;
    background-color: #fff;
}*/

/*#header .logolink {
    width: 185px;
    height: 50px;
    margin: 30px 0px 0px 20px;
    position: absolute;
    border: none;
    background: url(/static/img/basic_logo.gif) no-repeat top left #CBD0DE;
}*/

#header {
    /*
    height: 136px;
    background: url(/static/img/navi_header_2.jpg) repeat-x top left;
    margin-bottom: 0px;
    background-color: #fff;
    */
    
    height: 281px;
    overflow: hidden;
    position: relative;
    margin: 0 auto 20px auto;
    width: 100%;
    background: url(/static/img/bg-header.gif) repeat-x top left #ebebeb;
}

#header .logolink {
    width: 100%;
    height: 220px;
    margin: 0 auto;
    /*background: url(/static/img/basic_logo.gif) no-repeat top left #ffffff;*/
    background: url(/static/img/header_100_dvt.jpg) no-repeat top center #ebebeb;
}

/*****TOPNAVI******/   


#topnavi {
    float: left;
    font-family: Lucida Sans unicode, Lucida sans, Sans Serif;
	font-size: 100%;
	width: 100%;
	font-weight: normal;
    margin-bottom: 0px;
    text-transform: uppercase;
    background: url(/static/img/ecke_rechts.gif) no-repeat top right #555555;
}

#topnavi ul {
    float: right;
    margin: 0px;
    padding: 0px;
    width: 100%;

}

#topnavi li {
	float: left;
	list-style-type: none;
	background-color: #555;
	/*border-bottom: 10px solid #F3980A;
	border-top: 10px solid #F3980A;*/
    background: url(/static/img/ecke_rechts.gif) no-repeat top right #555555;
}

#topnavi li a, #topnavi li span {
    display: block;
	text-align: center;
	color: #fff;
	margin-top: 0px;
	padding: 4px 20px 4px 20px;
    text-decoration: none;
}

#topnavi li a:hover, #topnavi li a:focus {
    color: #fff;
    background-image: none;
    background-color: #555;
    text-decoration: underline;
    background: url(/static/img/ecke_rechts.gif) no-repeat top right #555555;
}

#topnavi li a:active{
    color: #000;
    background-color: #fff;
    background-image: none;
    background: url(/static/img/ecke_rechts_top_1.gif) no-repeat top right #fff;
}

#topnavi li a.active,
#topnavi li span.active {
    color: #000;
    background-color: #fff;
    background-image: none;
    background: url(/static/img/ecke_rechts_top_1.gif) no-repeat top right #fff;
}

    
/*****NAVI******/   
  
#navi {
    font-family: Lucida Sans unicode, Lucida sans, Sans Serif;
	font-size: 100%;
	font-weight: normal;
	float: left;
	width: 220px;
	margin: 40px 0px 0px 0px;
    background-color: #0083B4;  
    line-height: 120%;
    text-transform: uppercase;
    border-bottom: 1px solid #0083B4;
}
    
#navi ul {
	margin: 0px;
	padding: 0px 0px;
}
	
#navi li {
    list-style-type: none;
}
    
#navi li a, #navi li span {
	text-decoration: none;
    color: #fff;
    display: block;
    padding: 9px 8px 10px 20px;
    border-top: 1px solid #fff;
    background: url(/static/img/ecke_rechts.gif) no-repeat top right #0083B4;
}

#navi li a:hover, #navi li a:focus {
	color: #fff;
    background-color: #0083B4;
    text-decoration: underline;
}

#navi li a:active {
	color: #000;
    background-color: #fff;
    text-decoration: none;
    background: url(/static/img/ecke_rechts_left_1.gif) no-repeat top right #fff;
    border-top: 1px solid #0083B4;
}

#navi li a.active,
#navi li span.active {
	color: #000;
    text-decoration: none;
    background: url(/static/img/ecke_rechts_left_1.gif) no-repeat top right #fff;
    border-top: 1px solid #0083B4;
}

/* Zweite Ebene */

#navi ul li ul {
	background-color: #0083B4;
	padding: 0px;
	border-bottom: 0px;
}

#navi ul li ul li a, #navi ul li ul li span {
    background: url(/static/img/subnavi_0.gif) no-repeat top left #0083B4;
    background-color: #0083B4;
	color: #fff;
	padding-left: 40px;
	border-top: 1px dashed #fff;
}

#navi ul li ul li a:hover, #navi ul li ul li a:focus {
    background: url(/static/img/subnavi_1.gif) no-repeat top left #0083B4;
    background-color: #0083B4;
	color: #fff;
	text-decoration: underline;
}

#navi ul li ul li a:active{
	background: url(/static/img/subnavi_2.gif) no-repeat top left #0083B4;
	background-color: #fff;
    color: #000;
    text-decoration: none;
}

#navi ul li ul li a.active,
#navi ul li ul li span.active {
	background: url(/static/img/subnavi_2.gif) no-repeat top left #0083B4;
	background-color: #fff;
    color: #000;
    text-decoration: none;
}

	

/* Brotkrumennavigation */

div.brotkrumen {
    height: 23px;
    margin-top: 32px;
    margin-bottom: 0px;
    color: #555;
}

div.brotkrumen ul {
    margin: 0px;
    padding: 0px;
    border: none;
}

div.brotkrumen a {
    color: #0083B4;
}

div.brotkrumen li {
    list-style-type: none;
}

div.brotkrumen li a {
    font-weight: normal;
    margin: 5px 0px 3px 0px;
    padding: 0px 5px 5px 0px;
    color: #0083B4;
}

div.brotkrumen li a:hover, div.brotkrumen li a:focus {
    color: #0083B4;
    text-decoration: none;
}

div.brotkrumen li a:active {
    font-weight: bold;
    color: #0083B4;
}

div.brotkrumen li.active a {
    font-weight: bold;
    color: #0083B4;
}

/*****TEASER******/  
     
#teaser {
    font-family: Lucida Sans unicode, Lucida sans, Sans Serif;
    font-size: 100%;
    float: right; 
    width: 200px;
    background-color: #fff;
    padding: 0px 0px 10px 10px;
    margin: 40px 0px 10px 0px;
    border-bottom: 10px solid #fff;
}

#teaser img {
    float: left; 
    margin: 5px 0px 5px 0px;
}

#teaser div a.mehr {
	font-weight:     normal; 
	text-decoration: none; 
	color:           #0083B4;
	display: block;
}

#teaser ul li a.mehr:hover {
    text-decoration: underline; 
	color:           #0083B4;
}

#teaser ul li a.mehr:active, a.mehr:focus {
	text-decoration: none; 
	color:           #0083B4;
}

#teaser ul li h3 { 
	text-decoration: none; 
	font-family: georgia, Serif;
    color: #555;
	font-size: 130%;
	font-weight: normal;
	margin-top: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-bottom: 6px;
	text-transform: uppercase;
	padding-top: 15px;
	padding-bottom: 7px;
	border-bottom: 1px dashed #555;
}

#teaser ul li h3 a.mehr { 
	text-decoration: none; 
}

#teaser ul li h3 a.mehr:hover, div h3 a.mehr:active, div h3 a.mehr:focus { 
	font-weight:     normal; 
	text-decoration: none; 
	color:           #555;
}


/*****CONTENT******/ 
 
#content {
    margin: 0px;
        float: left;
        width: 920px;
            border: 1px solid #ccc;
    margin-bottom: 20px;
    background-color: #fff;
    padding: 40px;
}
/* Div zum fixen des Floating bugs
 * muss floaten und so breit sein wie der Inhaltsbereich */
 
#content-cleaner {



}

#content .contentliste {
    margin-left: 0px;
    padding-left: 18px;
    width: 90%;
}

#content .contentliste ul {
    margin-left: 30px;
    padding-left: 10px;
    /*list-style-image: url(/static/img/bullet.gif);*/
    font-weight: normal;
    color: #555;
}

#content .contentliste li {
    margin-bottom: 0.8em;
    list-style-type: circle;
}


/*****FOOTER******/
 
#footer {
    /*
    font-weight: normal;
    clear: both;
    width: 100%;
	color: #000;
	text-align: center;
    background-color: #fff;
    padding: 4px 0px 4px 0px;
    border-top: 1px dashed #555;
    */
    clear: both;
    color: #fff;
    background: url(/static/img/bg-footer.gif) repeat-x top left #fff;
    padding: 60px 0px 0px 0px;
    font-size: 20px;
    font-weight: 700;
    height: 48px;
}

#footer a {
    margin: 0px auto;
    color: #fff;
}

.footer {
    padding-left: 10px;
    margin: 0 auto;
    width: 1000px;
    min-width: 240px;
    text-align: center;
}
    
/* Artikelbild */
.inhaltsbild {
	border: 0px;
	float: left;
	margin: 0 5px 5px 0;
}

/* Mitarbeiter */
.mitarbeiterbild {
    border: 0px;
	float: left;
	margin: 0 5px 5px 0;
}

/* Liste */
.listenbild {
	
}

ul.listenobjekt {
    float: left;
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	width: 100%;
}

ul.listenobjekt li {
	padding: 10px 0px 10px 0px;
    margin: 0px;
	/*background: url(/static/img/subhead_bg.gif) repeat-x top left;*/
}

ul.listenobjekt li img {
	float: left;
	margin: 0 10px 10px 0;
}

ul.listenobjekt li a, ul.listenobjekt li a:hover, ul.listenobjekt li a:active, ul.listenobjekt li a:visited {
    color: #555;
    font-weight: normal;
    text-decoration: none;
}

ul.listenobjekt li .titel {
    font-weight: bold;
}

ul.listenobjekt li.mitarbeiter {
	clear: both;
}
ul.listenobjekt li.mitarbeiter img {
	float: left;
	margin: 0 10px 10px 0px;
}
ul.listenobjekt li.news {
	
}
ul.listenobjekt li.default {
	
}



/* News */
.newsbild {
	border: 1px solid green;
}

/* Kontaktformular */
form.kontaktformular {
	margin: 0;
    width: 99%;
}
form.kontaktformular div {
	padding: 10px 10px 0px 0px;
	width: 100%;
}

form.kontaktformular div label {
    width: 100%;
}

form.kontaktformular div div.fehler {
	color: red;
	font-weight: bold;
}
form.kontaktformular div input {
    width: 100%;
    margin: 0px;
}
form.kontaktformular div textarea {
    width: 100%;
}

form.kontaktformular div input.checkbox {
	width: 15px;
	border: none;
}

form.kontaktformular div input.submitbutton {
	color: #0083B4;
	font-family: Lucida Sans unicode, Lucida sans, Sans Serif;
	background-color: #fff;
	font-size: 120%;
	font-weight: normal;
	border: none;
	padding: 3px 0px;
	border-top: 1px dashed #555;
	text-align: center;
}

form.kontaktformular div input.submitbutton a:hover{
	color: #000;
	font-family: Lucida Sans unicode, Lucida sans, Sans Serif;
	background-color: #000;
	font-size: 120%;
	font-weight: normal;
	text-transform: uppercase;
	border: none;
	padding: 3px 0px;
	text-align: center;
	width: 200px;
}

.anmeldeformular form .submit, .anmeldeformular form .transfer-data {
	color: #fff;
	font-family: Lucida Sans unicode, Lucida sans, Sans Serif;
	background-color: #b70b07;
	font-size: 120%;
	font-weight: bold;
	border: none;
	padding: 10px 100px;
	text-align: center;
    text-transform: none;
}


input.submit:hover {
	color: #fff;
	font-family: Lucida Sans unicode, Lucida sans, Sans Serif;
	background-color: #5b0503;
	font-size: 120%;
	font-weight: bold;
	border: none;
	padding: 10px 100px;
	text-align: center;
}


textarea, input, select {
	font-family: Lucida Sans unicode, Lucida sans, Sans Serif;
	font-size: 1em !important;
}
textarea.readonly {
    background-color: #ECECEC;
    color: #716F64;
}


/* Banner */
#banner {
    margin: 0 auto 0px auto;
    width: 88px;
    height: 41px;
}

/* Suchbox im Header */
form.suchbox {

}

/******************TOOLBAR**************/

.toolbar {
    display: none;
    position: absolute;
    right: 0px;
    top: 30px;
    z-index: 500;
    width:150px;
}

.toolbar li {
    float: right;
    margin-left: 20px;
}

.toolbar ul li.item a {
    background-repeat: no-repeat;
    color: #aeafb1;
    display: block;
    padding-top: 0px;
    font-size: 16px;
    text-transform: uppercase;
}

.toolbar ul li.item a:hover {
    text-decoration: none;
    color: #2883ba;
}

ul {
    list-style: none outside none;
}

.border-top {
    display: none;
    background:#565654;
    height:5px;
    width:100%;
}

#wrapper-content-right-left {
    margin-bottom: 20px;
    margin: 0 auto;
    width: 1000px;
}

/*#wrapper-content-right {
    float: right;
    margin-left: -300px;
}*/


/**********Anmeldungen*************/


/* Grundgeruest der Seite */
div.anmeldungen h1 {
    color: #b70b07;
}
.anmeldungen table {
    /*
    margin: 5px;
    margin-right: 0px;
    */
}
.anmeldungen textarea {
    /*
    resize: vertical;
    */
}
textarea#anmeldung-datenschutz {
    /*
    resize: both;
    width: 766px;
    border: 1px solid #aaaaaa;
    padding:10px 30px;
    font-size:14px;
    height: 75px;
    padding-bottom: 15px;
    padding-top: 15px;
    padding-left: 50px;
    padding-right: 50px;
    */
}
div.hinweis-pflichtfeld {
    /*
    padding-left: 7px;
    */
}

/* Kontaktdaten pro Teilnehmer */
.teilnehmer {
    /*
    background: #eee;
    border: 1px solid #aaa;
    width:630px;
    border-bottom:none;
    padding-top: 30px !important;
    padding-left:40px;
    font-size:24px;
    font-weight: 400 !important;
    
    */
}

.anmeldungen table.kontakt td:first-child {
    /*
    padding: 0 3px;
    */
}
table.kontakt .labelcolumn {
    /*
    width: 120px;
    */
}
table.kontakt .col-schmal {
    /*
    width: 168px;
    height: 37px;
    */
}
table.kontakt select.col-schmal {
    /*
    width: 184px;
    height: 43px;
    padding-left: 5px;
    */
    
}
table.kontakt .col-breit {
    /*
    width: 830px;
    margin-left:14px;
    height: 37px;
    max-width: 630px;
    */
}
table.kontakt .col-beide {
    /*
    width: 830px;
    height: 37px;
    */
}
table.kontakt select.col-beide {
    /*
    width:830px;
    padding-left: 5px;
    height: 43px;
    */
    
}

/* Jede zweite Gruppierung von Optionen */
.odd-group {
    /*
    background-color: #eee;
    */
}

/* Allgemeine Optionen der Veranstaltungen */
.programm-anmeldung {
    /*
    padding: 5px 0px;
    */
}
table.allgemeine-optionen {
    /*
    padding: 10px;
    border-collapse: collapse;
    */
}
table.allgemeine-optionen td {
    /*
    padding: 0 5px;
    */
}
table.allgemeine-optionen div,
table.allgemeine-optionen select,
table.allgemeine-optionen input[type="text"] {
    /*
    min-width: 470px;
    height: 26px;
    max-width: 1000px;
    */
}

table.allgemeine-optionen textarea {
    /*
    min-width: 470px;
    height: 80px;
    max-width: 1000px;
    */
}

table.allgemeine-optionen select {
    /*
    width: 476px;
    */
}
table.allgemeine-optionen .eingabe {
    /*
    padding: 13px 3px 13px 5px;
    border-bottom: 17px solid white;
    */
}
table.allgemeine-optionen .beschriftung {
    /*
    font-weight: bold;
    padding-top: 5px;
    */
}
table.allgemeine-optionen .beschreibung {
    /*
    font-style: italic;
    */
}

/* Optionen der Veranstaltungen pro Teilnehmer */
table.teilnehmer-optionen td {
    /*
    padding: 0 5px;
    */
}
table.teilnehmer-optionen div,
table.teilnehmer-optionen textarea,
table.teilnehmer-optionen input[type="text"] {
    /*
    width: 470px;
    */
}
table.teilnehmer-optionen select {
    /*
    width: 476px;
    height: 26px;
    */
}
table.teilnehmer-optionen .eingabe {
    /*
    padding: 3px 3px 3px 10px;
    border-bottom: 17px solid white;
    */
}
table.teilnehmer-optionen .beschriftung {
    /*
    font-weight: bold;
    padding-top: 5px;
    */
}
table.teilnehmer-optionen .beschreibung {
    /*
    font-style: italic;
    */
}

/* Einzelveranstaltungen pro Teilnehmer */
table.teilnehmer-programmpunkte {
    /*
    padding: 10px;
    border-collapse: collapse;
    */
}

/* Optionen der Einzelveranstaltungen pro Teilnehmer */
table.teilnehmer-programmpunkte-optionen {
    /*
    width: 440px;
    border-collapse: collapse;
    margin-left: -30px;
    */
}
table.teilnehmer-programmpunkte-optionen td {
    /*
    padding: 0 5px;
    */
}
table.teilnehmer-programmpunkte-optionen textarea {
    /*
    width: 428px;
    */
}
table.teilnehmer-programmpunkte-optionen div,
table.teilnehmer-programmpunkte-optionen input[type="text"] {
    /*
    width: 428px;
    height: 26px;
    */
}
table.teilnehmer-programmpunkte-optionen select {
    /*
    width: 444px;
    height: 26px;
    padding: 10px 5px;
    */
}
table.teilnehmer-programmpunkte-optionen .eingabe {
    /*
    padding: 3px 3px 3px 20px;
    border-bottom: 17px solid white;
    */
}
table.teilnehmer-programmpunkte-optionen .beschriftung {
    /*
    font-weight: bold;
    padding-top: 5px;
    */
}
table.teilnehmer-programmpunkte-optionen .beschreibung {
    /*
    font-style: italic;
    */
}

.keyvisual-with-progress {
    display: none;
    margin-bottom:40px;
}
.progress-meter-background {
    width:100%;
    height:18px;
    background: #cacaca;
    position:relative;
    z-index:1000;
}

.progress-meter {
    width:100%;
    height:18px;
    margin-top:-18px;
    background: #97C00E;
    position:relative;
    z-index:1000;
}

.progress-meter-text {
    color:#fff;
    text-align:center;
    font-size:14px;
}

.progress-meter.step-one {
    width:100%;
    background:#cacaca;
}
.progress-meter.step-two {
    width:50%;
}
.progress-meter.step-three {
    width:100%;
}
.border-top {
    background:#565654;
    height:5px;
    width:100%;
}

.anmeldeformular.rahmen-abstand strong{

}

input[type="checkbox"] + label {

}


.step-one .preTitel {
    /*
    font-size:44px;
    margin-bottom:-5px;
    */
}

.step-two .preTitel {
    /*
    font-size:24px;
    */
}

.step-three .preTitel {
/*
    font-size:24px;
    */
}

.step-three h1 {
/*
    font-size:24px;
    margin-top:25px;
    */
}

.angabePersonen {
/*
    font-size:24px;
    */
}

.anzahl-input, .anzahl-info {
/*
    font-size:14px;
    font-weight: 300;
    */
}

.eingabe input[type="checkbox"] {
    /*
    margin-right:15px;
    margin-top: 7px;
    */
}

#cbAcceptBedingungen {
    /*
    margin-top: 5px;
    */
}
.hinweisPflichtfeld {
    /*
    margin-right: 20px;
    */
}

b {
    display: inline-block;
    margin-bottom:10px;
}

.hinweisSpeichern {
    /*
    font-size: 20px;
    margin-top: 0;
    */
}

.Zusage {
/*
    font-size: 30px;
    margin-top: 0;
    */
}

.hinweisGespeichertFirst {
/*
    font-size:44px; 
        font-weight:300;
    color: #b70b07;
    margin-top:20px;
        margin-bottom:10px;
        display:inline-block;
        */
}

.hinweisGespeichertSecond {
/*
    font-size:32px;
    margin-bottom:30px;
    display:inline-block;
    font-weight:700;
    */
}

.kontaktdaten {
/*
    background: #eee;
    border: 1px solid #aaa;
    padding:40px;
        padding-top:0px;
    width:590px;
    border-top:none;
    line-height: 1.8;
    */
}
.teilnehmer-programmpunkte {
    /*
    margin-bottom: 15px !important;
    margin-top: 40px !important;
    */
}

.teilnehmer-programmpunkte tr {
    /*
    height:30px;
    */

}
.teilnehmer-programmpunkte tr td{
    /*
    vertical-align: top;
    */
}
.teilnehmer-programmpunkte tr td input{
    /*
    margin-right:25px;
    margin-top:5px;
    */
}

h1 {
    font-size: 44px;
    font-weight: 300;
    margin: 0 0 0.77em;
    margin-bottom: 25px;
}


.anmeldungen .detailAbfrage > strong {
    /*
    font-size: 20px;
    */
}

.anmeldungen .linie {
    display: none;
}

.anmeldeformular div.grid-column.beschriftung,
.anmeldeformular td.beschriftung {
    font-weight: bold;
}

.anmeldeformular div.grid-column.beschreibung,
.anmeldeformular td.beschreibung {
    font-style: italic;
}


.anmeldeformular .label-radio > strong {
    font-weight: normal;
}

.anmeldeformular .dataprotection-div,
.anmeldeformular #anmeldung-datenschutz {
    height: 200px;
    overflow: auto;
    border: 1px solid #ccc;
}