/* CSS Document */

/********************************************/
/*		Farben								*/
/*											*/
/*		schwarz			#000000				*/
/*		bg-schwarz		#222222				*/
/*		underline		#CCCCCC				*/
/*		text			#666666				*/
/*		rot				#CC0000				*/
/*		rot:hover		#FF0000				*/
/*		schwarz			#222222				*/
/*											*/
/*											*/
/********************************************/

/*Background #F7F7F7 rgba(247,247,247,1.00)*/
/*Top Red #D51130 rgba(213,17,48,1.00)*/
/*Top Blue #0057A4 rgba(0,87,164,0.57)*/

/*Buttom Red #D51130 rgba(213,17,48,1.00)*/
/*Buttom DarkRed #94081E rgba(148,8,30,1.00)*/
/*Buttom Blue #0057A4 rgba(0,87,164,0.57)*/
/*Buttom DarkGrey #464444 rgba(70,68,68,1.00*/
/*Buttom BorderGrey #555555 rgba(85,85,85,1.00*/

/*Font Grey #555555 rgba(85,85,85,1.00*/
/*WEBLINKFont Grey #555555 rgba(85,85,85,0.50*/
/*WEBLINKHoverFont Grey #D51130 rgba(213,17,48,1.00)*/
/*FooterFont Grey #D1D1D1 rgba(209,209,209,1.00*/



/*************** Schriften *******************/
@font-face {
    font-family: 'Oxanium';
    src: url('/css/webfonts/Oxanium-Bold.ttf') format('truetype');
    font-weight: 700;
}
@font-face {
    font-family: 'Oxanium';
    src: url('/css/webfonts/Oxanium-Regular.ttf') format('truetype');
    font-weight: 400;
}
@font-face {
    font-family: 'Oxanium';
    src: url('/css/webfonts/Oxanium-Medium.ttf') format('truetype');
    font-weight: 500;
}
@font-face {
    font-family: 'Oxanium';
    src: url('/css/webfonts/Oxanium-Light.ttf') format('truetype');
    font-weight: 300;
}
/*************** Schriften *******************/

/*************** Body / a / h1 /... *******************/
body{ 
	margin: 0;
	padding: 0;
/*	overflow-y: auto;*
	background-color: #c6c6c6;*/
}

html,body{ 
	height: 100%;
	font-family: Oxanium, Helvetica, Arial, sans-serif;
}

* {
	margin: 0;
	padding: 0;
	border: 0;
	color: #666666;
}
a { color: #CC0000; }
a:hover { color: #FF0000; }
h1, h2, h3, h4, h5, h6 { font-weight: bold; border-bottom: 1px solid #999; padding-bottom: 5px; margin-bottom: 10px; }
h1 { font-size: 1.3em; }
h2 { font-size: 1.2em; }
h3 { font-size: 1em; }
h4 { font-size: 0.9em; }
h5 { font-size: 0.8em; }
h6 { font-size: 0.8em; font-weight: normal; }
ul { margin: 5px 20px; }

/*************** Body / a / h1 /... *******************/

.hidden { display: none; }
.hiddenImp { display: none !important; }
.relover { position: relative; overflow: auto; }
.flexrow { display: inline-flex; }
.pointer { cursor: pointer; }

.firstElement { margin-top: 50px; }

.left { float: left; }
.right { float: right; }

.wdt100 { width: 100%; }
.wdt90 { width: 90%; }
.wdt80 { width: 80%; }
.wdt75 { width: 75%; }
.wdt70 { width: 70%; }
.wdt60 { width: 60%; }
.wdt50 { width: 50%; }
.wdt40 { width: 40%; }
.wdt30 { width: 30%; }
.wdt25 { width: 25%; }
.wdt20 { width: 20%; }

/*************** Texte Labels *******************/
label { margin: 0 5px; }

.txt6 { font-size: 0.6em; }
.txt7 { font-size: 0.7em; }
.txt8 { font-size: 0.8em; }
.txt9 { font-size: 0.9em; }
.txt10 { font-size: 1em; }
.txt12 { font-size: 1.2em; }
.txt14 { font-size: 1.4em; }
.txt16 { font-size: 1.6em; }
.txt20 { font-size: 2em; }

.txtLeft { text-align: left; }
.txtCenter { text-align: center; }
.txtRight { text-align: right; }

.italic { font-style: italic; }
/*************** Texte Labels *******************/

img { border: none; }

td { vertical-align: top; }
.pb_10 { padding-bottom: 10px; }
.pt_10 { padding-top: 10px; }
.pr_10 { padding-right: 10px; }
.pl_10 { padding-left: 10px; }
.pb_9 { padding-bottom: 9px; }
.pb_6 { padding-bottom: 6px; }
.pb_35 { padding-bottom: 35px; }

.mb_10 { margin-bottom: 10px; }
.mt_10 { margin-top: 10px; }
.ml_10 { margin-left: 10px; }
.mr_10 { margin-right: 10px; }

.ml_25p { margin-left: 25%; }
.ml_50p { margin-left: 50%; }
.ml_75p { margin-left: 75%; }
.mr_25p { margin-right: 25%; }
.mr_50p { margin-right: 50%; }
.mr_75p { margin-right: 75%; }

/*************** Buttons *******************/
.buttonClass {
	-moz-box-shadow:inset 0px 1px 0px 0px #97c4fe;
	-webkit-box-shadow:inset 0px 1px 0px 0px #97c4fe;
	box-shadow:inset 0px 1px 0px 0px #E1BABA;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #CCC), color-stop(1, #AAA) );
	background:-moz-linear-gradient( center top, #CCC 5%, #AAA 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#CCC', endColorstr='#AAA');
	background-color: #AAA;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #AA0000;		;
	display:inline-block;
	color: #FFFFFF;
	font-family:Arial,Verdana,sans-serif;
	font-size:1em;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:1px 1px 0px #AA0000;
}
.buttonClass:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #AAA), color-stop(1, #CCC) );
	background:-moz-linear-gradient( center top, #AAA 5%, #CCC 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#AAA', endColorstr='#CCC');
	background-color:#AAA;
	color: #FF4444;
	cursor: pointer;
}
.buttonClass:active {
	position:relative;
	top:1px;
}

.buttonClassRight { float: right; margin-right: 50px; margin-left: 20px; }
button.small { padding:3px 12px !important; font-size: 0.8em; }

/*************** Buttons *******************/

/*************** Generelle Elemente *******************/

/* Header - Home */
#header {
	min-height: 70px;
	border-bottom: 1px solid #CC0000;
}
#head_underline {
	min-height: 20px;
	background-color: #AAAAAA;
	border-bottom: 1px solid #CC0000;
}
.headimglogo { height: 70px; }
.headtext { margin-top: 30px; font-weight: 500; font-size: 20px; }


/* Header - Sub */
.head_elements {
    font-size: 30px;
    text-align: right;
    position: relative;
    overflow: hidden;
	float: right;
}
.head_elements .fa
, .head_elements .fas
, .head_elements .fa-stack {
    margin: 44px 0 0 10px;
    padding: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border: 1px solid #999999;
	border-bottom: none;
    width: 35px;
    text-align: center;
	color: #CCCCCC;
}
.head_elements .fa:hover
, .head_elements .fas:hover
, .head_elements .fa-stack:hover {
	color: #666666;
    border: 1px solid #333333;
	border-bottom: none;
}

/* Content */
#content {
	margin-top: 30px; 
	margin-bottom: 30px; 
	background-color: #EEEEEE;
	padding: 20px 0 50px 0;
	border-radius: 5px;
	-webkit-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.35);
	-moz-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.35);
	box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.35);	
}


/* Footer */
#footer {
	background-color: #464444;
	min-height: 30px;
	position: fixed;
	width: 100%;
	bottom: 0;
}
#footer
, #footer a
, #footer div
{
	color: #FFFFFF;
}

.MeldungFail { background-color: #CC0000; color: #FFFFFF; padding: 10px 20px; text-align: center; font-size: 1.4em; }
.MeldungOK { background-color: #006C0F; color: #FFFFFF; padding: 10px 20px; text-align: center; font-size: 1.4em; }
/*************** Generelle Elemente *******************/


/*************** Style Grid *******************/
#content .grid_3
, #content .grid_4
, #content .grid_6
, #content .grid_9
, #content .grid_12
{
}

.redBorderGrid {
    border: 1px solid #CC0000;
    border-radius: 8px;
    margin-left: 9px;
    margin-right: 9px;
    margin-bottom: 5px;
	background-color: #FFFFFF;
}

.innerGrid {
/*	background-color: #858585; */
	margin: 10px;
}

.greenBG { background-color: #19931B; }
.greenBG * { color: #FFFFFF; }

/*************** Style Grid *******************/


/*************** Cookies Grid *******************/
#page-wrapper {
	max-width: 800px;
	margin: 100px auto 0;
	display: block;
}
#cookie-popup {
	font-size: 13px;
	background-color: rgba(0,0,0,0.8);
	text-align: center;
	color: #fff;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 9000;
	line-height: 20px;
}
#midSection {
	margin-top: 45%;
	padding: 20px;
	border: 1px solid #AAAAAA;
	border-radius: 10px;
	background-color: rgba(0,0,0,1);
	z-index: 9100;
	color: #FFFFFF;
}
#midSection * { color: #FFFFFF; }
#midSection .hinweis { border-bottom: 1px solid #FFFFFF; margin-bottom: 10px; padding-bottom: 10px; }
#cookie-popup button {
	background-color: #fff;
	border: 2px solid #fff;
	color: #000;
	-webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
	cursor: pointer;
	padding: 5px 10px;
	border-radius: 5px;
}
#cookie-popup button:hover {
	background-color: #c02124;
	border: 2px solid #c02124;
	color: #fff;
}
#cookie-popup .more a {
	border: 1px solid #ccc;
	border-radius: 5px;
	line-height: 24px;
	display: block;
	color: #ccc;
	-webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
	margin-bottom: 10px;
}
#cookie-popup .more a:hover,
#cookie-popup .more a:focus {
	text-decoration: none;
	background-color: #333;
	color: #fff;
}


/*************** Cookies Grid *******************/


/*************** Debug *******************/
#debug { right: 0; bottom: 50px; width: 450px; background-color: #CCCCCC; padding: 5px; z-index:9999; position: absolute; overflow: auto; }
/*************** Debug *******************/