@import url("/site/templates/styles/lightbox.css");
@import url("/site/templates/styles/jMenu.css");

/* latin-ext */
@font-face {
  font-family: "Open Sans Regular";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("/site/templates/styles/OpenSans.woff2") format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Open Sans Regular";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("/site/templates/styles/OpenSans.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@page {
	size: 21cm 29.7cm;
	margin-top: 0cm;
	margin-bottom: 0cm;
}
@media print {
  * {
    font-family: "Times New Roman", Times, serif;
    font-size : 8pt;
    orphans: 4;
    widows: 4;
  }
  p {
		orphans: 5;
		widows: 5;
  }
  div {
		orphans: 4;
		widows: 4;
  }
  .navigation {
/*    display: none;*/
  }
  .pagebreak {
		page-break-before: always;
  }
  .hide {
/*  	display: none;*/
  }
  a { color: black !important  }
}

@media screen {
  .pagebreak {
  }
  .hide {
  	display: inherit;
  }
}

html, body {
	height: 100%; /* needed for container min-height */
	width: 100%;
  background-color: #f6f6f6;
  /*margin: 0;*/  /* else: 8px! */
  margin: 0;
  padding: 0;
	left: 0;
	top: 0;
	font-size: 10pt; /*100%, 10pt, 13px */;
}

html, body { /*Consolas*/
	font-family: 'Open Sans Regular', 'Lucida Grande','Lucida Sans Unicode',Helvetica,Verdana,'Trebuchet MS',Arial,sans-serif;
  font-weight: 400;
  font-style: normal;
	color: #333447;
	line-height: 1.5;
}

body.nobackground {
	background-image :  url(/icons/edelweiss_background_sehrklein.gif);
	background-color: #FFFFFF;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center bottom;
}
a {   }
a:link {  color: Purple; text-decoration:underline;}
a:active {  color: #FF0000; text-decoration:underline;}
a:visited {  color: Maroon; text-decoration:underline;}
a:hover {  color: #ff3300; text-decoration:underline;}
a {   }
a:link:not(tt) {  color: Purple; text-decoration:none;}
a:active:not(tt) {  color: #FF0000; text-decoration:none;}
a:visited:not(tt) {  color: Maroon; text-decoration:none;}
a:hover:not(tt) {  color: #ff3300; text-decoration:none;}

h1 {
	font-size: 1.5rem;
	text-align: center;
	font-weight: normal;
	margin-left:10%;
	margin-right:10%;
	border-style: solid;
	border-color: #cccccc;
	border-width: 2px;
	padding: 5px;
}
h2 {  font-size: 1.3rem; text-align: center; }
h3 {  font-size: 1.1rem; text-align: left; font-weight: bold;line-height: normal;  }
h4,h5 {
	font-weight: bold;
	font-size: 1rem;
}
hr {  vertical-align: 0%; }
em {
	font-style : italic;
	font-weight : normal;
}
tt {
	font-family: "Courier New", Courier, monospace;
	font-size: 1rem;
}
img {
  border: none;
}

/********** Overall - Header and Footer and Menu ************/
#davcontainer {
	/*padding: 0 5px 0 0;*/
	/*margin: 0 5px 0 0;*/
  /*border-right: 5px solid #e9e9e9;*/
  border: 5px solid #e9e9e9;
	max-width: 900px;
  background-color: white;
  background: url("/icons/edelweiss_background.gif") no-repeat fixed center white;
  min-height: 1000px; /* default*/
  position: relative; /* needed for footer positioning*/
  height: auto !important; /* real browsers */
  min-height: 99%; /* real browsers, 100% ist zu groß :-( */
  margin: auto;
}

#davdata {
  vertical-align: top;
  padding-top: 10px;
  padding-bottom: 3rem;
  /*min-height: 800px;*/
  width: 90%;
  margin: auto;
  display: block;

}
/*
#davdata a[href]:before  {
  content: url(/icons/go3.gif);
}
*/

/*
 * header und footer
 */
#davheader {
  width: 100%;
  margin: 0;
  border-width: 0;
  border-collapse: collapse;
  padding: 0;
  white-space: nowrap;
  background: url(/icons/panorama.jpg) no-repeat 300px center;
}
#davheader img {
  vertical-align:middle;
}
/*
#panorama {
  padding-left: 5rem;
}
*/

/*
#davheader td {
  font-family: Verdana, Arial, Helvetica, sans-serif;
}

#davheader-logo {
  margin: 0;
  padding: 0;
  vertical-align: bottom;
  height: 69px;
  width: 0px;
}

#davheader-logo2 {
  text-align: right;
  width: 0px;
}
#davheader-text {
  font-size: 1.2rem;
  width: 100%;
  margin: 0;
  padding: 0;
  vertical-align: bottom;
  text-align: right;
}
#davheader-text img {
  width: 100%;
}
#davheader-inst {
  font-size: 0.8rem;
  text-align: right;
  white-space: nowrap;
}
@media projection {
  #davheader-inst {
    font-weight: bold;
    font-size: 0.8rem;
    color: gray;
  }
  #davheader-text {
    font-weight: bold;
    font-size: 1.2rem;
    color: gray;
  }
}
*/

#davfooter {
  clear: both;
  width: 100%;
  /*No, bad with pictures at end (see mtb/2016/4/steinbeisser/)*/
  position: absolute;
  bottom: 0; /* stick to bottom */
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 0.8rem;   /*7pt;*/
  text-decoration: none;
  text-align: right;
  color: #000000;
  /*background-color: #cccccc;*/
  border-top: 1px solid black;
}
#davfooter a:link {  color: #000000; text-decoration: none; }
#davfooter a:visited {  color: #000000; text-decoration: none; }
#davfooter a:hover {  color: #ff4444; text-decoration: none; }
#davfooter a:visited:hover {  color: #ff4444; text-decoration: none; }

/* das menu im footer */
.footermenu {
  float: left;
}
.footermenu * {	/* wg. img */
  vertical-align: bottom;
}
/*
.footerinst {
}
*/

@media print {
  #davheader {
    background: none;
  	margin: 0;
  	text-align: right;
  }
  #sektionmenu, #menuconnector, #autosubmenu {
    display: none !important;
  }
  #davfooter {
/*
    position: fixed;
    width: 100%;
    height: 2rem;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0;
*/
  }
  .footermenu {
    display: none;
  }
/*
  .footerinst {
  }
*/
}

/*
 *  Das Hauptmenu
 */
#sektionmenu li {
	cursor: pointer;
	min-width: 7%;
}
ul.davmenu {
  /*max-width: 12rem;*/
  margin: 0;  /* needed for IE 6/7! */
  /*font-size: 0.8rem;*/
	/*margin-top: 10px;*/	/* or touch events will trigger the dav icon */
}
ul.davmenu, ul.davmenu ul { /* alle ul auf jeder Ebene */
  list-style-type: none;
  list-style-position: outside;
  padding-left: 0px;
}
ul.davmenu ul {  /* alle sub ul */
  margin-left: 0;
}
ul.davmenu li {  /* alle li auf jeder Ebene */
  margin: 2px;
  padding: 2px 5px 2px 5px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* Mmmhh, IE6 kann die '>' nicht */
/*ul.davmenu > li {  *//* level 1 */
ul.davmenu li {  /* level 1, 2 und 3 */
  background-color: #CCCCCC;
}
/*ul.davmenu > li > ul > li {    *//* level 2 */
ul.davmenu li li {    /* level 2 und 3 */
  background-color: #DDDDDD;
/*  font-size: 0.8rem;*/
}
/*ul.davmenu > li > ul > li > ul > li {    *//* level 3 */
ul.davmenu li li li {    /* level 3 */
  background-color: #EEEEEE;
  /*font-size: 0.8rem;*/
}
ul.davmenu a { text-decoration: none; }
ul.davmenu a:link {  color: black; }
ul.davmenu a:hover {  color: fuchsia; }
ul.davmenu a:active {  color: fuchsia; }
ul.davmenu a:visited {  color: black; }
ul.davmenu a:visited:hover {  color: fuchsia; }

ul.davmenu .aktiv {
  color : Olive;
}

/* The currently choosen menue item, set via JS */
ul.davmenu li {
  text-decoration: none;
}
li.current {
  /*text-decoration: underline;*/
}
a.current {
  display: block;
  border-right: 3px solid black;
}

/* hide the first menue item 'Go to content' */
/*
.textmodeonly {
  display: none;
}
*/

/* ggf. Menu Überschriften */
/*
.menuheader {
  background-color: white !important;	/* 'inherit' statt white geht nicht in IE7 * /
  border: 1px solid black;
}
*/

/* Menu oben */
/*sektionmenu*/
/*
#davsubmenu {
  margin-top: 2rem;
  font-size: 0.8rem;
}
#davsubmenu .menuheader {
  font-size: 1.2rem !important;
	text-align: center;
}
#davsubmenu li li {    /* level 2 und 3 * /
  font-size: 1rem;
}
*/
#autosubmenu {
  margin: -6px auto 0 auto;
  width: 90%;
}
.davsubmenu {
  display: none;
}


/* Where am i */
#whereami {
  /*border: solid silver;*/
  border-width: 0px 0px 1px 1px;
  margin-bottom: 10px;
  padding: 3px;
  margin-right: 20%;
  margin-top: 1rem;
}
#whereami.mtb {
  display: none;
}

/* Bild mit Rahmen */
table.Bild {
	border: 1px solid Silver;
  border-radius: 5px;
	margin: 5px;
  _width: 100px;
}
table.Bild[align="left"] {
  float: left;
  clear: left;
}
table.Bild[align="right"] {
  float: right;
  clear: right;
}
table.Bild[align="center"] {
  margin-left: auto;
  margin-right: auto;
}
td.BildImg {
  text-align: center;
}
td.BildText {
	font-size : 0.8rem;
  width: 150px;
  vertical-align: top;
}
div.BildWer {
	font-size : 0.7rem;
	float: right;
	margin-top: 1px;	/* to bottom-align with BildText */
  margin-left: 5px;
}
table.Bild.hscroll {
  display: block;
  overflow-x: auto;
  overflow-y: hidden;
  width:  98%;
  float:  unset;
}
div.vscroll { /* surround table.Bild by <div>, set height on div */
  height:  calc(100vh - 400px); /* 100%windows höhe - (header + überschriften) */
  overflow-y: auto;
  width: 230px; /* 200px image + scrollbar */
}
/* mtb berichte */
.mtbbericht {
  /*
   * Wenn am Ende eines Berichts floating Bilder sind
   * sorgt dies dafür, das sich der davdata bereich nach unten ausdehnt
   * siehe https://www.davbs.de/mtb/2016/4/steinbeisser/
   */
  overflow: auto;
}

.mtbnum, .mtbgruppe {
  text-align: right;
  font-style:italic;
  margin-right: 10px;
}


td.Logo {

}
td.Sektion {
	text-align: center;
	vertical-align: middle;
	}
.autor {
	font-weight: bold;
	text-align: right;
  clear: both;
}
#head-sektionev { /* irgendwo in Klettergruppe */
	font-size: 1.5rem;
	font-weight: bold;
}
.foot-impressum {
	font-size: 0.8rem;
}
.suchen {
	font-weight: bold;
	color: #FFFFFF;
	background-color: #339900;
}
.red {
	color: red;
}
.fett {
	font-weight: bold;
}
.zentriert {
  margin-left: auto !important;
  margin-right: auto !important;
}
.clear {
	clear: both;
}
div.Inhalt {

}
div.Inhalt div.Inhalt{
  font-weight: bold;
}
div.Inhalt div.Kontakt{
  text-align: center;
  font-size: 0.8rem;
}
div.Inhalt div.Subs{
	text-align: center;
	font-size: 0.8rem
}
div.Aufz {
	float: left;
	/*width: 23ex;*/
	margin: 0px 0px 3px 5px;
	padding: 2px 5px 2px 5px;
	background-color: #e8e8e8;
	text-align: right;
        white-space: nowrap;
}

/* Die Tabelle mit den Programmen der Gruppen */
table.programm {
  border: 1px solid silver;
  padding: 0px;
  margin: auto;
  border-collapse: collapse;
  clear: both;
}
table.programm td {
  border: 1px solid silver;
  margin: 0px;
  padding: 5px;
  vertical-align: top;
}
table.programm th {
  border: 1px solid silver;
  margin: 0px;
  padding: 5px;
  vertical-align: top;
}
table.programm * {
	margin: 0;
	padding: 2px;
	/*font-size: 1rem;*/
}
.small {
	font-size: smaller;
}

/* Die Total Tables */
table#head {
  width: 100%;
}
table#tail {
  width: 100%;
}
table#content {
  width: 100%;
}
table#add {
  width: 100%;
}

.nospacearound {
  margin-top: 0px;
  margin-bottom: 0px;
}

/* dl's als table */
dl.table dt {
  float: left;
  width: 12rem;
}

a.go:before, div.go a:before  {
  content: url(/icons/go3.gif);
  white-space:nowrap;
}
a.goext:before, div.goext a:before  {
  content: url(/icons/goext.png);
  white-space:nowrap;
}
/*
a.go:after, div.go a:after  {
  content: "\00A0\2197\00A0";
}
*/

.nowrap  {
  white-space: nowrap;
}

table.table {
  border: 1px solid silver;
  padding: 0px;
  margin: auto;
  border-collapse: collapse;
  clear: both;
}
table.table td {
  border: 1px solid silver;
  margin: 0px;
  padding: 5px;
  vertical-align: top;
  empty-cells:show;
}
table.table th {
  border: 1px solid silver;
  margin: 0px;
  padding: 5px;
  vertical-align: top;
}
table.table * {
	margin: 0;
	padding: 2px;
	font-size: 1rem;
}

/* for the columnize(=autocolumn) jQuery plugin */
/*
.column p { margin: 0px 0px 1rem 0px; }
#togglespaltig {
  text-align: right;
  font-size: 0.7rem;
  margin-top: 20px;
}
@media print {
  #togglespaltig {
    display: none;
  }
}
#togglespaltig  span {
  cursor: pointer;
  background-color: lightgrey;
  padding: 3px;
}
*/

/*
 * Neue Gruppen Termine aus PDF
 */
.GruppenTermin_datum, .GruppenTermin_head {
  color: #58ab26;
  font-size: 1rem;
  margin-bottom: 0px;
}
.GruppenTermin_bold, .GruppenTermin_mixed {
  margin: 0px;
}
.GruppenTermin_bold em, .GruppenTermin_mixed em {
  font-weight: bold;
  font-style: normal;
}
.GruppenTermin {
  margin: 0px;
}
#Termine div.wichtig {
  background-color: #DDFFDD;
}
#Termine div.ausfall {
  color: lightgrey;
}
#Termine div.ausfall h4:after {
  content: " (Termin fällt aus!)";
  color: red;
  font-weight: normal;
}
#Termine div.verschoben {
  /*color: lightgrey;*/
}
#Termine div.verschoben h4:after {
  content: " (Termin wurde verschoben!)";
  color: coral;
  font-weight: normal;
}
#Termine div.neu h4:before {
  content: "NEU ";
  color: red;
}
#Termine div.anmelden h5:after {
  content: " (Bitte anmelden!)";
  color: red;
  font-weight: normal;
}
#Termine div.geaendert h4:after {
  content: " (geändert)";
  color: red;
  font-weight: normal;
}
#Termine div.Vorankuendigung h4:before {
  content: "Vorankündigung: ";
  color: red;
  font-weight: normal;
}

/*
.green {
  color: #58ab26;
}
*/
a.nolink:link {  color: #000000; text-decoration: none; }
a.nolink:visited {  color: #000000; text-decoration: none; }
a.nolink:hover {  color: #ff4444; text-decoration: none; }
a.nolink:visited:hover {  color: #ff4444; text-decoration: none; }

/* z.Zt. nur noch in Ausbildung */
#davmenu {
  width: 160px; /*12.1rem;  /* das .1 extra f�r IE8 */
  margin-right: 40px; /*3rem;*/
  float: left;
  border: 1px solid silver;
}
#davmenu * {
  font-family: Verdana, Arial, Helvetica, sans-serif;
}
#davmenu ul {
  padding-left: 0;
}
@media print {
  #davmenu {
    display: none !important;
  }
}

/* In den Berichten */
#togglespaltig {
  float: left;
  margin-left: 5%;
  margin-top: 2rem;
}

.inhalt dt {
  margin-top: 1rem;
}
.inhalt dt:before {
  content: url(/icons/go3.gif);
  white-space:nowrap;
}
.inhalt dd {
  font-size: 0.8rem;
}

/* Deaktivierte Menupunkte */
.jMenu li ul li span {
  font-size: 10px;
  padding: 7px;
  text-transform: none;
  color: grey;
}

/* used by InputfieldTinyMCE to position images */
.align_left {
        float: left;
        margin: 0 1rem 0.25rem 0;
}

.align_right {
        float: right;
        margin: 0 0 0.25rem 1rem;
}

.align_center {
        display: block;
        margin-left: auto;
        margin-right: auto;
}

/* corona warnboxen (in Ausbildung) */
.corona {
	width: 80%;
	padding: 10px;
	margin: auto;
	border: solid medium #f92305;
}

/* allgemeine infoboxen (z.B. sektion/mitgliedschaft) */
.infobox {
	padding: 10px;
	margin: 1em 5em;
	border: 3px solid black;
}
.infobox.red {
	border-color: red;
	color: black;
}
.infobox.green {
	border-color: lightgreen;
	color: black;
}
.infobox.blue {
	border-color: lightblue;
	color: black;
}

.overflow {
	overflow: auto;
}
/********************************************************/
#davicon {
	display: inline-block;
	width: 250px;
}
#hamburger {
	display: none;
	position: absolute;
	right: 10px;
	top: 25px;
}
/*
#autosubmenu {
	display: none;
}
*/


@media screen and (max-width: 479px) {
	h1 {
		margin-left: 2%;
		margin-right: 2%;
	}
	#davicon {
		display: inline-block;
		width: 125px;
	}
	#davicon img {
		max-width: 100%;
		height: auto;
	}

	#davheader {
/*
		width: 100%;
		margin: 0;
		border-width: 0;
		border-collapse: collapse;
		padding: 0;
		white-space: nowrap;
*/
		/*background: none;*/
		background-size: 50%;
		background-position: 130px 16px;
	}
	#hamburger {
		display: inline-block;
	}
	#davdata {
		width: 95%;
	}
	#sektionmenu {
		display: none;
	}
	.corona {
		width: 90%;
		padding: 10px;
		margin: auto;
		border: solid medium #f92305;
	}
  table:not([class~='Bild']) {	/* make tables scrollable (nicht 'Bild')*/
		display: block;
		overflow-x: auto;
		overflow-y: hidden;
		border: 1px solid black;
	}
  table.Bild {
    min-width: 47%;
  }
/*
  td.BildText {
    min-width: 47%;
  }
*/
  td.Bild img {
    width: 100%;  /* this with min-width above lets images resize */
    height: auto;
  }
	.infobox {
		margin: 1em 1em;
	}
	img[alt='Schlafsäcke'] {
		float: none;
		display: block;
		margin-left: auto;
	}
}

@media screen and (min-width: 480px) and (max-width: 846px) {
	#sektionmenu {	/* wg. switch from small to wide */
    background-color: #CCCCCC;
    text-align: center;
  }
}
@media screen and (min-width: 480px) {
	#sektionmenu {	/* wg. switch from small to wide */
		display: block;
		overflow: auto;
	}
/*
	#autosubmenu {
		display: block;
	}
*/
}

@media screen and (min-width: 1000px) {
}

/* to prevent overflow with float */
.clearfix::after {
	content: "";
	clear: both;
	display: table;
}

/* Termine Gruppen */
#Termine h3 {
  color: green;
  margin-bottom: 0px;
  margin-left: 1em;
  text-indent: -1em;
  font-weight: bold;
  font-size: 1.05rem;
  /*display: inline-block;*/
}
#Termine h4 {
  margin: 0px auto;
  font-weight: bold;
  font-size: 1.05rem;
  /*display: inline-block;*/
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 2em;
}
/*
#Termine h5::before {
  content: " - ";
  color: red;
}
*/
#Termine .tb {
  padding-left: 3em;
}
#Termine .tl {
  display: grid;
  grid-template-columns: 13em auto;
}
#Termine .tlh {
  display: inline-block;
}
#Termine .tlc {
  display: inline-block;
}
#Termine b {
  font-weight: normal;
}