@charset "utf-8";
/*----------------------------------------------------
CSS Basis-Elemente

Version: 1.0
Erstellt von: Nezzgo

Inhalt: Konfiguration aller verwendeten Extensions

Letzte Aenderung: 
Kommentar: 
-----------------------------------------------------*/

/* Gridelements */

.csc-textpic figure {
margin: 0 !important;
padding: 0 !important;
}

.eine_spalte .csc-textpic-intext-left-nowrap {
margin: 10px 0 10px 10px !important;
}

.eine_spalte .csc-textpic-intext-left-nowrap .csc-textpic-text  {
margin: -5px 0 0 0 !important;
}

.eine_spalte .beige {
 border: 1px solid #ccc;
background-color:#EFE9D9;
border-radius: 1em;
margin-bottom: 10px !important;
text-align: left;
}

.eine_spalte .beige a {
text-decoration: none !important;
}

.eine_spalte .beige h1, .eine_spalte .beige h2 {
font-size: 160% !important;
margin-top: 0 !important;
background-color: #D6C9A1;
color: #fff !important;
text-shadow: 1px 1px 1px #999;
color: #fff !important;
background-color: #D6C9A1;
display: block;
padding: 7px 10px 5px 10px !important;
border-top-left-radius: 0.6em;
border-top-right-radius: 0.6em;
margin-top: -14px;
}

.eine_spalte .beige h3 {
font-size: 140% !important;
margin-top: 0 !important;
background-color: #EFE9D9 !important;
color: #fff !important;
text-shadow: none;
color: #333 !important;
display: block;
padding: 0px 10px 0px 15px !important;
border-top-left-radius: 0em;
border-top-right-radius: 0em;
margin-top: -14px;
}

.eine_spalte .beige p {
padding: 5px 15px !important;
}

.eine_spalte .blau {
 border: 1px solid #ccc;
background-color: #CECFE1;
border-radius: 1em;
margin-bottom: 10px !important;
}

.eine_spalte .blau h1, .eine_spalte .blau h2, .eine_spalte .blau h3 a {
font-size: 160% !important;
margin-top: 0 !important;
background-color: #151572 !important;
color: #fff !important;
text-shadow: 1px 1px 1px #999;
color: #fff !important;
background-color: #D6C9A1;
display: block;
padding: 7px 10px 5px 10px !important;
border-top-left-radius: 0.6em;
border-top-right-radius: 0.6em;
margin-top: -14px;
}

.eine_spalte .blau p {
padding: 5px 15px !important;
} 

/* Zwei Spalten - Special */

.adresse .spalte_1, .adresse .spalte_2 {
min-height: 265px !important;
border: 1px solid #ccc;
background-color: #f4f4f4;
border-radius: 1em;
background-image: -moz-linear-gradient(#fff, #e1e1e1);
    background-image: -o-linear-gradient(#fff, #e1e1e1);
    background-image: -webkit-linear-gradient(#fff, #e1e1e1);
    background-image: linear-gradient(#fff,#e1e1e1);
width: 48.7% !important;
}

.adresse .spalte_2 .tx-medgooglemaps {
margin-left: 1.5%;
margin-bottom: 3%;
}

.adresse .spalte_1 p {
padding-top: 3% !important;
}


/*Zwei Spalten */
.zwei_spalten {
	 margin-bottom: 2%;  
}

.zwei_spalten p {
	padding: 0px 10px !important;;
}


.zwei_spalten .spalte_1, .zwei_spalten .spalte_2 {
	float: left;
	width: 48%;		
}
.zwei_spalten .spalte_1 {
	margin-right: 2%;
  
}
.zwei_spalten .spalte_2 {	
}

.zwei_spalten .csc-textpic-intext-left {
padding: 5px 10px 8px 10px;
}

.zwei_spalten .csc-textpic-center-inner {
padding: 5px 0 10px 0;
}

.zwei_spalten.rund {
	background-color: #fff;
  color: #333;
}
.zwei_spalten.rund .spalte_1 {
	background-color: #fff;
  color: #333;
border: 1px solid #ccc;
background-color: #f4f4f4;
border-radius: 1em;
background-image: -moz-linear-gradient(#fff, #e1e1e1);
    background-image: -o-linear-gradient(#fff, #e1e1e1);
    background-image: -webkit-linear-gradient(#fff, #e1e1e1);
    background-image: linear-gradient(#fff,#e1e1e1);
}
.zwei_spalten.rund .spalte_2 {
	background-color: #fff; 
border: 1px solid #ccc;
background-color: #f4f4f4;
border-radius: 1em;
background-image: -moz-linear-gradient(#fff, #e1e1e1);
    background-image: -o-linear-gradient(#fff, #e1e1e1);
    background-image: -webkit-linear-gradient(#fff, #e1e1e1);
    background-image: linear-gradient(#fff,#e1e1e1);
}


.zwei_spalten h1, .zwei_spalten h2, .zwei_spalten h3, .drei_spalten h1, .drei_spalten h2, .drei_spalten h3, .eine_spalte h3 {
background-color: #ccc;
color: #333 !important;
display: block;
padding: 4px 10px 5px 15px !important;
border-top-left-radius: 0.7em;
border-top-right-radius: 0.7em;
margin-top: 0 !important;
margin-left: 0px;
font-size: 140% !important;
}

   
.zwei_spalten h3, .drei_spalten h3, .eine_spalte h3 {
	font-size: 140%;
  font-weight: normal !important;
}


.zwei_spalten .spalte_1 h1 a, .zwei_spalten .spalte_2 h1 a, .zwei_spalten .spalte_1 h2 a, .zwei_spalten .spalte_2 h2 a, .zwei_spalten .spalte_1 h3 a, .zwei_spalten .spalte_2 h3 a{   
	color: #333 !important;   
}

.zwei_spalten .flexslider li {
list-style: none !important;
padding: 0 !important;
}

.zwei_spalten.innen h1, .zwei_spalten.innen h2, .zwei_spalten.innen h3 {
background-color: transparent !important;
}

.zwei_spalten.innen .spalte_1 {
margin-left: 0 !important;
margin-right: 1%;
width: 49% !important;
}

.zwei_spalten.innen .spalte_2 {
margin-right: 0 !important;
width: 49% !important;
}

.zwei_spalten.innen ul {
margin-top: -10px !important;
margin-left: -10px !important;
}

.zwei_spalten.innen li a {
line-height: 1.6em !important;
text-decoration: none !important;
}

.zwei_spalten.innen .spalte_1 h3 {
margin-left: 0 !important;
}

/* Zwei Spalten innen (70:30) */

.zwei_spalten.innen2 .spalte_1 {
margin-left: 0 !important;
margin-right: 1.5%;
width: 69% !important;
}

.zwei_spalten.innen2 .spalte_2 {
margin-right: 0 !important;
width: 29% !important;
}


/* Zwei Spalten - ohne Hintergrund */

.zwei_spalten.hintergrundlos {
background-color: #fff;
}

.zwei_spalten.hintergrundlos h1, .zwei_spalten.hintergrundlos h2  {
background-color: #fff;
border: none !important;
margin: 15px 0!important;;
padding: 0 !important;
}


.zwei_spalten.hintergrundlos .spalte_1 {
margin-left: 0 !important;
margin-right: 5%;
width: auto !important;

}

.zwei_spalten.hintergrundlos .spalte_2 {
margin-right: 0 !important;
width: 73% !important;
background-color: #fff !important;
}

/* Drei Spalten - Footer */

.drei_spalten {	
	margin: 0 !important;
padding: 0 2% !important;
text-align: left;
}

.drei_spalten li {
list-style: none;
margin: 0 0 0 -40px;
line-height: 1.7em;
}

.drei_spalten li a {
text-decoration: none;
color: #333;
}


.drei_spalten h3 {		
font-size: 150%;
background: none;
text-align: left;
margin: 0  0 0 0 !important;
padding: 0 !important;
}

.drei_spalten .spalte_1, .drei_spalten .spalte_2, .drei_spalten .spalte_3 {
	float: left;        
	padding: 0  1%;  
        margin: 0 !important;
}

.drei_spalten .spalte_1 {
 width: 20%;	
}

.drei_spalten .spalte_2 {
 width: 35%;	
}

.drei_spalten .spalte_3 {
width: 39%;	
}   

.clearer {
clear:both;
}



/* Accordion */

li.acc-li h4 {
margin-left: -40px;
font-size: 110% !important;
font-weight: bold;
background-color: #f4f4f4 !important;
padding: 10px 15px;
text-indent: 1em;
background-position: left center !important;
box-shadow: 2px 2px 3px #999 !important;
color: #666666;
width: 103%;
}

.acc-li {
list-style-type: none !important;
list-style: none !important;
margin: 0 0 0 0 !important;
}

.acc-li h4 {
background-color: #EFEFEF !important;
padding: 10px;
}

.acc-li h4:hover {
background-color: #EEF8FD !important;
padding: 10px 15px;
}

.acc-section  {
margin-left: -55px !important;
margin-top: 10px;
font-size: 90%;
}

.acc-section ul {
margin-left: -10px;
}

.acc-section li {
list-style-type: square !important;
line-height: 2em !important;
}
.acc-section h1 {
display: none;
}

/* Formular */
.csc-form-element-textblock {
font-weight: bold;
margin: 5px 0 !important;
}

.csc-form-element-submit input {
margin-left: 185px !important;
}

.csc-form-element-select {
margin-bottom: 5px !important;
}



.tx-odsajaxmailsubscription-pi1 {
text-align:left;
}

#tx_odsajaxmailsubscription_pi1 p {
padding: 5px 0 !important;
color: #333;
}


#tx_odsajaxmailsubscription_pi1 a {
line-height: 2.0em;
font-weight: bold;
}

/* Anmeldung */
.tx-felogin-pi1 legend, .tx-felogin-pi1 h3 {
display: none;
}

.tx-felogin-pi1 fieldset {
border: none;
}

.tx-felogin-pi1 div {
padding: 5px
}

.tx-myquizpoll-pi1 {
text-align: left;
}

.tx_myquizpoll_pi1-title {
font-size: 140% !important;
font-weight: normal !important;
margin-bottom: 2%;
}

.tx_myquizpoll_pi1-question {
font-weight: bold;
margin-bottom: 2%;
font-size: 120% !important;
}

.tx_myquizpoll_pi1-explanation {
border: 1px solid #ccc;
background-color: #f4f4f4;
padding: 10px;
margin: 10px;
color: #3E9FA6;
border-radius: 1em;
font-weight: bold;
line-height: 1.5em;
}

.tx_myquizpoll_pi1-answer {
	font-weight: bold;
	margin-bottom: 1%;
	color: #3E9FA6;
	font-size: 110%;
	font-style: italic;
}

.tx_myquizpoll_pi1-answer .tx_myquizpoll_pi1-false {
font-weight: normal;
color: #333;
font-size: 100%;
font-style:normal;
}

.medgooglemaps_content {
padding: 0 !important;
font-size: 90% !important;
margin: 0 !important;
}

.buymeabeer_main {
margin-top: 10px;
text-align: left;
border: 1px solid #ccc;
padding: 7px;
background-color: #fff;
min-height: 90px;
border-radius: 0.7em;
}

.buymeabeer_main a {
text-decoration: none;
color: #333;

}


.tx-felogin-pi1 {
border: 1px solid #ccc;
background-color: #fff;
margin: 10px 0;
border-radius: 0.7em;
padding: 7px;
}

.zwei_spalten.innen2 #fancyboxcontentFrame  {
padding: 10px 5px !important;
border: 1px solid #ccc;;
display: block;
width: 90%;
border-radius: 0.7em;
text-align: center;
background-color: #f4f4f4;
}

.tx-wssitemap-pi1 {
text-align: left;
}

.tx-powermail {
text-align: left;
width: 100%;
}

.tx-powermail #powermail_fieldwrap_7 .powermail_check_legend  {
width: 35% !important;
}

.audio-box {
width: 100% !important;
margin: 10px 0 !important;

}