/*******************************************************
*  RSCH 2020-08-09
*  P209573 http://typo3-beratung.com
*
*  #white -- hgr -- Allg. Schriftfarbe
*  #221E1F - bn-gr -- Hg.
*  #111-- dgr - Schrift Metamenue
*  #DDC276 - gd - Akt. Menuepunkt
*  #Drop down Menü
******************************************************/

html {background:#DDD}
body, strong, b {color:#333}
#rahmen {
  margin: 10px auto;
  background-color: #DDD;
  padding: 5px;
  voice-family: "\"}\"";  
  voice-family: inherit;
  border: 2px solid #333;
  border-radius: 8px;
}
.cc-grower {margin-top:.75em}

#kopf{background:LightSlateGray}

/* *** Hauptmenue opt *** */
#hmenue {z-index:1;max-width:980px;font-size:12pt;text-align:center;margin:12px auto 0}
#hmenue,#hmenue a,#hmenue .has-sub ul{padding:2px;border-radius:8px}
#hmenue li.aktiv a {border-color:#ccc;color:#000;font-weight: bold}
#hmenue li.aktiv a:hover{background:#696969;color:#ccc}
#hmenue li a:hover {background:#a9a9a9;color:#333}
#hmenue li,#hmenue li p {display:inline-block;margin:0;padding:0 2px 0 0; position:relative}
#hmenue li a {padding:6px 12px;text-decoration:none;border:2px solid #000;border-color:#fff;color:#fff;font-size:14pt;font-weight:bold;margin:0 0 .25em 0}
/* #hmenue li a {margin-left:1em; margin-right:1em}  Abstand größer */
/* #hmenue .has-sub ul li {display:none}  ausblenden der Menues */


/* *** Allg. ********************************************************** */
body {margin:24px auto;margin-top:0;padding:0 5px 20px;font-size:1rem;line-height:1.5;font-family:Verdana, Arial, Sans-Serif;overflow-y:scroll}
#motto , #motto a {color:white;font-size:12pt;text-align:center;margin-bottom:8px}
#mitte a, #links a, #rechts a {color:#fff}
img {border:none}
/* #logo  {float:center} */
#meta {margin-top:20px;padding:5px 0;text-align:center;background-color:#111}
#meta a, #erstellt a {color:#e8e8e8}
#meta a:hover {color:#676767;font-weight:bold}
#erstellt a:hover {color:chocolate}
#erstellt {margin:10px auto 0px;padding:8px;font-size:8pt;text-align:center}
#erstellt .tx-cscounter-pi1 {display:inline-block}
#logo,#banner {margin-top:3em}
#bitcoin-78-name,#bitcoin-78-subject,#bitcoin-78-email,#bitcoin-78-text-1,#bitcoin-78-telefon,#bitcoin-78-singleselect-1 {width:50%;height:2em}
#bitcoin-78-message {width:50%;height:10em}
.form-group,button.btn.btn-primary {line-height:2}


/* *** Metamenue ******* */
#hmenue li.aktiv a, #umenue li.aktiv, #mitte h1, #meta {background: #d2be76}
#meta, #meta a {color:black;font-weight: bold}
a {color:#C7A05A}
div.csc-mailform legend {color: white; font-weight: bold}
label em,legend em {color: #DDC276; font-size: 75%}
label strong, legend strong {color: #DDC276; font-size: 75%}
fieldset.fieldset-subgroup ol {margin: 0 0 0 13em}
div.csc-mailform li label {margin-right: 1.5em}
.csc-frame {background-color: #221E1F;padding:5px;margin-top:10px}
#meta span a.aktiv {text-decoration: none; font-weight: bold}
#meta span a:hover, #fusszeile a:hover {color: #AAA; text-decoration: underline; font-weight: bold}

/* *** MITTE ***************************************** */
#mitte, #zurueck {padding:0 5px; margin:1em auto}
#mitte h1 {padding:3px 3px}
#mitte h1 {margin-top: 0}
#mitte a {color: white; border-bottom: 1px dotted #AAA}
#mitte .csc-textpic-image a {border:0!important}
#mitte a:hover {border-bottom-color:transparent;color:#333}
#mitte h1, #mitte h2, #mitte a, #mitte #zurueck a {color:#003e88;border-color:#003e88;font-weight: bold}
#mitte a:hover, #mitte #zurueck a:hover, #rechts1 a:hover {border-color:transparent}
#mitte h3 {color:#333}
#zurueck,#zurueck a {font-size:12pt;margin-left:1em}
#zurueck a {border-bottom: 0; color: #022a70}
#zurueck a:hover {color: #f47f22}

#mitte {background-color:#DDD;padding:1em 6em}
#fuss .row {background-color:#093F89}

/* Responsive Teil */
@media only screen and (max-width:990px) {
  	#register, #meta {width:100%;height:auto;display:inline-block}
 	#meta {text-align:center}
 	#banner,#logo,#fuss,#fusszeile,#zaehler,#erstellt{width:100%;height:auto}
 	#motto,#motto a,#motto img,#banner,#banner a,#banner img{width:100%;height:auto}
	#linkslteil{width:100%;height:auto}
 	.csc-textpic-firstcol .csc-textpic-lastcol img {width:100%;height:auto}
 	}
@media only screen and (max-width:800px) {

	}
@media only screen and (max-width:640px) {

	}
@media only screen and (max-width:480px) {
       #meta, #meta a, .galerie h2 a {line-height:2}
       }

#hmenue li.aktiv a,#umenue li.aktiv, h1, h2, #meta, #mitte caption, .cc-color-override-1996784486 .cc-btn {background: #d2be76; /* Old browsers */
background: -moz-linear-gradient(top,  #d2be76 1%, #c7a05a 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#d2be76), color-stop(100%,#c7a05a)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #d2be76 1%,#c7a05a 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #d2be76 1%,#c7a05a 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #d2be76 1%,#c7a05a 100%); /* IE10+ */
background: linear-gradient(to bottom,  #d2be76 1%,#c7a05a 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d2be76', endColorstr='#c7a05a',GradientType=0 ); /* IE6-9 */
}

/* Flexslider rahmen Gold */
.flexslider {border: 3px solid #333}

/* *** Allgemeines *** */
/* .csc-frame{background-color:#eee!important} */
.frame-frame1,.frame-frame2{border:2px solid #333;margin-top:10px;margin-bottom:10px}
.frame-frame2 {-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px}
.frame-frame1,.frame-frame2 {padding:8px}

/* ENDE*/


#meta, #meta a {background:#f47f22}