/* ************************************
   ************************************
          Variablen
   ************************************		  
   ************************************ */	  
:root {
	--page-bg-col: #777843;
	--content-bg-col: #e8d8b4;
	--footer-bg-col: #e8c061;

	/* --menu-bg-col: #2A454C; */
	--menu-sub-bg-col: rgba(0,0,0,0.5);
	--menu-active-col: #e68a00;;
	--menu-inactive-col: #fdd68b;
	--menu-sub-inactive-col: #fff;
	
	--menu-mobile-button-bg: rgba(0,0,0,0.5);
	--menu-mobile-button-border: var(--menu-active-col);
	--mobile-menu-button-col: var(--menu-active-col);

	--link-col: var(--menu-active-col);
	--light-black: #444;
	--alert-col: #f00;
}


/* ************************************
   ************************************
          Basic Styles
   ************************************		  
   ************************************ */	  
body {
    background-color: var(--page-bg-col);
}
/* Font settings */
body {
    font: 12px "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;
}
p {
    margin-bottom: 6px;
}

div.mod_article ul {
    margin-left: 10px;
}
div.mod_article li {
    margin-left: 15px;
    list-style-type: square;
}
.caption {
    padding: 0 3px 10px;
    font-size: 11px;
    line-height: 13px;
}
figure.float_left {
    margin: 20px 20px 20px 0;
}
figure.float_right {
    margin: 20px 0 20px 20px;
}
/* Tabellen */
table {
    width: 100%;
    border: none;
}
td {
    height: 1.2rem;
}

/* ************************************
   ************************************
          Layout Hauptelemente
   ************************************		  
   ************************************ */
#wrapper {
	width: 990px;
    min-height: 640px;
	margin: 0 auto;
    background: var(--content-bg-col) url("../img/hg-head.jpg") left top no-repeat;
}
#header {
    height: 225px;
    background-image: none;
}
#container {
    min-height: 400px;
    clear: both;
    padding-top: 45px;
	padding-left: 300px;
}
#left {
	width: 182px;
    right: 300px;
    padding-left: 118px;
}
#main {
    width: 590px;
    padding-right: 70px;
    padding-left: 30px;
}
/* ------------------------------
        Footer
   ------------------------------ */
/* #footer {
} */
#footer div.inside {
 	display: flex;
	flex-direction: column-reverse;
    height: 216px;
    background-image: url(../img/hg-foot.jpg);
    background-position: bottom right;
}
#footer-impress {
	height: 24px;
	margin-right: 15px;
	margin-bottom: 10px;
	align-self: flex-end;
 }
#footer-impress a {
	display: flex;
	font-size: 0.75rem;
}
#footer-impress a > * {
	color: var(--light-black);
}
#footer-impress img {
    height: 100%;
	margin-right: 5px;
}

/* ************************************
   ************************************
          Layout Elemente
   ************************************		  
   ************************************ */

/* Burger Menu Button ausblenden */
#mobile-menu-button {
	display: none;
}

/* ------------------------------
        Hauptmenü
   ------------------------------ */
#menu-main {
    width:865px;
    height:24px;
    padding-top:203px;
    padding-left:130px;
}
#menu-main,
#menu-main a {
    color: var(--menu-inactive-col);
}
#menu-main ul.level_1 li {
    bottom:0;
    position:relative;
    display:inline;
    padding-top:30px;
    padding-right:25px;
    padding-left:25px;
    font-size:14px;
    color:var(--menu-active-col);
}
#menu-main ul.level_1 li,
#menu-main ul.level_2 li,
/* übergeordnete Ebene ausgewählt */
#menu-main a.trail,
#menu-main ul.level_1 li a:hover,
#menu-main ul.level_2 li:hover
{
    color:var(--menu-active-col);
}

#menu-main ul.level_1 li:hover ul {
    display:block;
}
/* Ausklappen Ebene 2 */
#menu-main ul.level_2 {
	float: left;
	position: absolute;
	display: none;
	left: 0;
	bottom: 12px;
	padding: 8px 5px 15px 0;
    background-color: var(--menu-sub-bg-col);
}
#menu-main li.last ul.level_2 {
    left: auto;
    right: 0;
}
#menu-main ul.level_2 li {
    width: 100%;
    height: 16px;
    position: relative;
    float: left;
    display: block;
    padding-top: 0;
    white-space: nowrap;
    font-size: 12px;
}
#menu-main ul.level_2 li a {
    color: var(--menu-sub-inactive-col);
}



/*  ******************************
	+
	+        Galerie
	+		   
	****************************** */
	
div.ce_gallery figcaption {
    font-size: 12px;
    line-height: 13px;
}
div.ce_gallery li {
	list-style-type: none;
	margin-left: 0;
}


/*  ******************************
	+
	+        Formulare
	+		   
	****************************** */
	
#anmeldung fieldset {
    margin-top: 10px;
    margin-bottom: 10px;
}
#anmeldung fieldset label {
    margin-right: 15px;
    margin-left: 5px;
}
span.mandatory {
	color: var(--alert-col);
	font-weight: bold;
}
form div.widget {
  display: flex;
  justify-content: flex-end;
  padding: .5em;
}
form div.widget-explanation {
  display: block;
}
form div.widget > label {
  padding: .5em 1em .5em 0;
  flex: 1;
}
form div.widget > input,
form div.widget > textarea  {
  flex: 2;
}

/*  ******************************
	+
	+    Tabellen Seminare
	+		   
	****************************** */


/*  ******************************
	+    Tabellen Termine allgemein
 */
 /* Kurspreis */
 .seminardetails td:nth-child(3), #terminuebersicht table td:nth-child(4) {
    width: 3.5rem;
}

/*  ******************************
	+    Tabelle Seminardetials
 */

/* Spalte Datum */
.seminardetails td:first-child {
    width: 8.5rem;
}

/* Spalte Anmelden-Link */
.seminardetails td:last-child {
    width: 3.5rem;
}
   

/*  ******************************
	+    Tabelle Terminübersicht
 */

/* Seminarleitung */
 #terminuebersicht table td:nth-child(3) {
    width: 10rem;
}