/**
 * Basic screen and print styles. These styles are needed for basic DokuWiki functions
 * regardless of the used template. Templates can override them of course
 */

div.clearer {
    clear: both;
    font-size: 0;
    line-height: 0;
    height: 0;
    overflow: hidden;
}

/* one of the many clearfix versions */
.group {
    display: inline-block;
}
.group {
    display: block;
}
.group:before,
.group:after {
    content: "";
    display: table;
}
.group:after {
    clear: both;
}

div.no {
    display: inline;
    margin: 0;
    padding: 0;
}

.hidden {
    display: none;
}

/* image alignment */
.medialeft {
    float: left;
}
.mediaright {
    float: right;
}
.mediacenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/* table cell alignment */
.leftalign   { text-align: left;   }
.centeralign { text-align: center; }
.rightalign  { text-align: right;  }

/* underline */
em.u {
    font-style: normal;
    text-decoration: underline;
}
em em.u {
    font-style: italic;
}

/*/////////////////////////////////////////////////////
	unsere Formate
*/

* {
  box-sizing: border-box;
}

body {
	font-family: Arial, sans-serif;
	font-size: 12pt;
	margin: 0;
	padding: 0;
	text-align: center;
	background-color: rgba(255,255,255,0.5);
	xcolor: #004A7F;
	xcolor: rgb(127,16,16);
	color: #222;
	overflow-y: scroll;
}

/* Allgemeines */

h1,h2,h3,h4,h5,hr,p {
	margin: 0;
	padding: 0;
}

a {
	text-decoration: none;
	xcolor: steelblue;
	color: #339;
}

a:hover {
	text-decoration: underline;
}

a.button,button {
	text-decoration: none;
	
	display: inline-block;
	xmargin: 20px;
	padding: 5px 15px;
	color: rgba( 192,32,32, 1 );	
	border: 2px solid rgba( 192,32,32, 1 );
	border-radius: 4px;
}
a.button:hover,button:hover {
	background-color: rgba( 192,32,32, 1 );
	color: white;
}


.langBtn{
	xbackground-color: white;
	color: white;
	margin-right:1rem;
}
.langActive{
	font-weight:bold;
}

/* Hauptbereich, enthält den kompletten Inhalt */
div#idMain {
	display: inline-block;
	width: 90%;		/*1000px*/
	max-width: 62.5em;
	xborder: 1px solid rgba(0,0,0,0.5);
	text-align: left;
	margin: 20px;

	box-shadow: 0 0 50px rgba(0,0,0,0.8);
	border-radius: 20px;
	xbackground-color: rgba(0,74,127,0.5);
	background-color: rgba(16,16,16,0.5);
}

/* Kopfzeile der Seite */
div#idHead {
	min-height: 100px;
	color: #F06060;
}

div#idHead h1{
	padding: 10px 20px 30px 20px;
	font-size: 4em;
	font-weight: bold;
	display:inline-block;
	text-shadow: 0px 0px 6px white;
}

/* Hauptmenü */
div#idMainMenu {
	xbackground-color: lightsteelblue;
	xbackground-color:red;
	font-size: 16pt;
	padding-left: 10px;
	xborder-bottom: 3px solid steelblue;
}
div#idMainMenu a{
	min-width: 100px;
	border: 1px solid white;
	border-bottom: none;
	display: inline-block;
	text-align: center;
	font-weight: bold;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	padding: 3px 10px;
	background-color: rgba(0,0,0,0.2);
	color: lightgray;
	box-shadow: none;
}
div#idMainMenu a.activ{
	color: #F06060;
	background-color: white;
	box-shadow: none;
}
div#idMainMenu a:hover{
	text-decoration: none;
	color: white;
	background-color: gray;
	box-shadow: 0 0 10px white;
}
/* Seiteninhalt */
div#idContent {
	min-height: 600px;
	background-color: rgba(255,255,255,0.7);
	padding: 5px;
	border-radius: 5px;
}
div#idContent div.artikel {
	margin:0 20px 10px 20px;
}

div#idContent div.edit {
	border: 1px dotted black;
}

div#idContent div.not-shown {
	border: 1px solid red;
	background-color: rgba(0,0,0,.1);
}

div#idContent div.editLine {
	font-size: 10pt;
	text-align: right;
	margin-top: -10px;
}
div.editLine a {
	padding: 2px 2px;
}

div.editLine a img {
	background-color: white;
	border: 1px solid black;
}
div.editLine a:hover img {
	background-color: steelblue; 
}

div#idContent h1 { margin-top:10px;margin-bottom:5px;font-weight:bold;font-size:16pt;}
div#idContent h2 { margin-top:10px;margin-bottom:5px;font-weight:bold;font-size:14pt;}
div#idContent h3 { margin-top:10px;margin-bottom:5px;font-weight:bold;font-size:13pt;}
div#idContent h4 { margin-top:10px;margin-bottom:5px;font-weight:bold;font-size:12pt;}

/* Fußzeile */
div#idFoot {
	height: 25px;
	color: white;
	text-align: center;
	font-size: 10pt;
	padding-top: 10px;
	text-shadow: 0px 0px 6px red;
}

div#idFoot a {
	color: lightgray;
}

div.artikel img{
	max-width:99%;
}

input.breit{
	width:30em;
}

/* wenn Handy */
@media only screen and (max-width: 600px) {
	div#idHead h1{
		font-size: 2em;	/*44pt;*/
	}
	input.breit{
		width:100%;
	}
}