body, button, input, label, select, td, textarea, blockquote{font-family:PT Sans,segoe ui,tahoma,arial,sans-serif;font-size:11pt;line-height:13pt;}

body {background-color:rgba(248, 250, 251, 1.0);margin:0 170px;margin-top:36px;padding:0px;color:#000000;background-image:url(/pix/tile.jpg);background-attachment: fixed;}
.inhalt {box-shadow: 0px 0px 10px 0px rgba(248, 250, 251, 0.7);padding:10px;background-color:rgba(248, 250, 251, 0.7);height:available;margin-bottom:0; }

p {margin:0;margin-bottom:5px}
td.spalte p {text-align:center}

h1,h2,h3 {color:#6EB0CD;font-weight:bold;no_text-shadow: #BCCFD5 1px 1px 2px;font-family:PT Sans,Lilly,sans-serif;overflow:visible;}
h1 {margin-top:12px; margin-bottom:12px; font-size:26pt;line-height:110%}
h2 {margin-top:10px;margin-bottom:08px; font-size:19pt;line-height:110%}
h3 {margin-top:10px;margin-bottom:08px; font-size:16pt;line-height:110%}

h1.inhalt {margin-top:30px;}
h1 .klein {font-size:13px;font-weight:bold}
.hell h3 {color:#000000;padding: 0 8px}
.rand h2 {margin:-4px !important;}

/* a:link {color:#272768;}*/
a:link  {color:#005F82;text-decoration:none !important}
a:visited {color:#005F82}
a:active {text-decoration: none}
a:hover {text-decoration:underline !important}
a.nohover:hover {background-color:transparent !important;color:#0dbeea;}

h2 a:link {no_color:#005F82 !important;}
h2 a:visited {no_color:inherit !important}
h1 a {font-size:inherit!important}

img {border:0;vertical-align:text-bottom;}
.inhalt img,.inhalt img.links{float:left;margin:5px 0;margin-right:10px;no_clear:both;border-radius:5px;}
.inhalt img.rechts{float:right;margin-left:10px;margin-right:0;clear:both}
.inhalt img.mitte,.inhalt img.zentriert{float:none;display:block;margin:5px auto;clear:both}
img.rahmen {background-color:#ffffff;border:1px solid #BAD9E7;border-radius:5px;padding:10px}
.inhalt img.vollbreit{margin-right:0}

ul {margin:10px 0}
div > ul:first-child{margin-top:0;margin-bottom:0}
li {margin:0;margin-left:-5px;margin-right:20px}

hr {color:#BAD9E7; height:2px; border:none; border-top:2px solid #BAD9E7; padding:0px;margin:2px 0}
hr.farbig {color:#FCBA6E; height:2px; border:none; border-top:2px solid #FCBA6E; padding:0px;margin:2px 0}

blockquote{color:#6EB0CD;background-color:#E0EFF4;border-left:5px solid #BAD9E7;padding:15px 10px 5px;margin:10px 26px;font-style:italic;border-radius:5px}
blockquote>p:first-child:first-letter,blockquote:first-letter {font-size:36pt;letter-spacing:-2pt}

/* Formular-elemente */
input {vertical-align:middle}
label,legend {color:#005F82;cursor:pointer;padding-left:0}
label:hover,legend:hover {text-decoration:underline}
textarea {width:99.5% !important}
select,option,select.textfeld,option.textfeld {padding:0 1px !important}
option {margin:0 !important}
.textfeld {background-color:#BAD9E7;no_padding:0 1px;border:1px solid #E0EFF4;vertical-align:middle}
.textfeld:hover, .eingerahmt {border:1px solid #005F82}
.textfeld:focus {background-color:#ffffff;border:1px solid #BAD9E7;color:#004C65}
.textfeld.hell {color:black !important;border:1px solid #f8fafb}
.textfeld.hell:hover {border:1px solid #BAD9E7}

#orientierung,#fixnavi {font-weight:bold;font-size:10pt;color:#BAD9E7}
#orientierung {position:fixed;top:0;left:0;right:0;padding:4px 170px;background-color:#E0EFF4;box-shadow: -2px 2px 5px 1px rgba(0,0,0,0.3);z-index:100}
#orientierung a {color:#004C65 !important}
#orientierung a:hover {no_color:#ffffff}
#fixnavi {text-align:right;position:fixed;top:0;right:170px;padding:4px 0;z-index:101;}

#adminmenue {width:34px;overflow:hidden;white-space:nowrap; opacity: 0.2;transition:width 1s,opacity 1s;clear:both}
#adminmenue div {display:inline;margin-right:1em}
#adminmenue:hover{width:98%;opacity:1}

#druckheader {display:none;}
#hinweis,#hinweis2 {background-color:#FCBA6E;display:none;margin:8px 0;padding:5px;border-radius:5px}

.editable:focus,.editable:focus * {background-color:white !important}

.box {margin:0; margin-bottom:5px;padding:8px; background:#E0EFF4 ; border:0px solid #004C65;clear:both;border-radius:5px}
.box2 {margin:5px 0; padding:1ex; background:#ffffff ; border:1px solid #BAD9E7;color:#004C65;border-radius:5px}

.box h2 {margin-top:0;padding:0;}
.box h2 {margin:-8px !important;margin-bottom:5px !important;padding:3px 5px}
.box h3, .box2 h3 {margin-top:-5px !important ;margin-bottom:3px;}
.box .liste0 {margin-top:-8px;margin-left:-8px;margin-right:-8px;padding:5px 8px}
.bildrechts {float:right !important}

.loginformular {width:46%;padding:1ex;margin:8px 0;background-color:#ffffff;border:1px solid #FEE9D2;float:left}

.diff  {background-color:#EAEAEA;margin-bottom:8px;color:#9E9E9E;padding:3px}
.diff ins {color:green}
.diff del{color:red}

/* tabellen */
table {margin:6px auto}
.links table {margin-left:0}
.rechts table {margin-right:0}
table.rahmen,table.rahmen td {border:1px solid #BAD9E7;border-collapse:collapse}
table.rahmen tr {background-color:white}
tr.summenzeile td {border-top:1px solid #BAD9E7 !important;border-bottom:4px double #BAD9E7 !important;border-collapse:separate !important}
.tracking tr:hover {background-color:#E0EFF4 !important}
tr.abstandUnten td {padding-bottom:8px}
td {padding:0 0px;vertical-align:top}
tr.box td {padding:0 3px;background-color:#BAD9E7;font-weight:bold}
table.rahmen td,table.abstand td {padding:0 6px;}
tr.liste0 td,tr.liste1 td,tr.hinterlegt td {padding:0 3px}
.liste0 .inaktiv a,.liste1 .inaktiv{color:black !important}
table.abstand td {padding-right:5px}
tr.abstand:hover {background-color:#f8f8f8 !important}
.summe td {no_background-color:#BAD9E7 !important;padding:0 5px;border-top:1px solid #000000;border-bottom:3px double #000000}
.zwischensumme td {no_background-color:#E0EFF4 !important;padding:0 5px;border-top:1px solid #000000}

tr.liste0:hover,tr.liste1:hover {background-color:#FEE9D2 !important}
div.liste0:hover,div.liste1:hover,div.liste3:hover,div.liste:hover {background-color:#FEE9D2 !important}
tr.liste0:hover .fotospalte {background-color:#E0EFF4 !important}
tr.liste1:hover .fotospalte {background-color:#BAD9E7 !important}

.liste {padding:0px 0px;margin:0px 0}
.liste0 {background-color:#E0EFF4 !important;padding:3px 8px;margin:5px 0}
.liste1 {background-color:#BAD9E7 !important;padding:3px 8px;margin:5px 0}
.liste2 {background-color:#FEE9D2 !important;padding:3px 8px;margin:5px 0}
.liste3 {background-color:#E0EFF4 !important;padding:3px 6px;margin:5px 0; border-left:2px solid #FCBA6E; border-right:2px solid #FCBA6E}


/* text-formatierungen */
.vollbreit {width:100%;margin:0}
.fastvollbreit {margin:0 0px}
.halbbreit {width:66%}
.halb {width:50%}
.kurz {width:30%}
.ziemlichkurz {width:20ex}
.ganzkurz {width:8em}
.sehrkurz {width:6ex}
.passend {width: intrinsic;           /* Safari/WebKit uses a non-standard name */
	width: -moz-max-content;    /* Firefox/Gecko */
	width: -webkit-max-content; /* Chrome */
}
.unsichtbar, .vs {display:none}
.fett {font-weight:bold}
.unfett {font-weight:normal !important}
.kursiv {font-style:italic}
.klein {font-size:10pt;line-height:11pt}
.gross {font-size:14pt !important}
.wichtig {font-style: normal;font-weight:bold;color:#000000 !important;background-color:#FCBA6E;padding:5px;margin-bottom:3px;border-radius:5px}
.hinterlegt {background-color:#BAD9E7}
.inaktiv,.inaktiv a {text-decoration:line-through !important;color:#9E9E9E !important}
.aktiv {background-color:#E0EFF4 !important}

.hell {background-color:#E0EFF4;color:#005F82 !important}
.farbig,.farbig a {color:#FCBA6E !important}

.schwarz,.schwarz a {color:#000000 !important}
.rot {color:#F44336;}
.orange {color:#FCBA6E;}
.gelb {color:#FFEB3B;}
.gruen {color:#468c00;}
.tuerkis{color:#6EB0CD;}
.petrol{color:#005F82;}
.blau {color:#3F51B5;}
.violett {color:#673AB7;}
.braun {color:#795548;}
.grau {color:#9E9E9E;}
.weiss {color:#ffffff;}

.block{text-align:justify}
.links {text-align:left !important}
.rechts {text-align:right !important}
.mitte,.zentriert {text-align:center !important}
.mitte {margin:0 auto;clear:both}
.mittig, .mittig td {vertical-align:middle}
.spalte {text-align:center;vertical-align:top}
.inline{float:none !important;margin:0 !important}
.umbruch {border-bottom:1px dotted #c0c0c0}
.frei {clear:both}
.rand {padding:1ex !important}
.isoliert {margin-top:5px !important}
.eingerueckt {margin-left:20px}
.vorspann {font-weight:bold;margin-bottom:5px;font-size:12pt;color:#004C65;line-height:130%}
.vorspann strong {color: black}
.einzeilig {white-space:nowrap}
.smallscreen {display:none}
.klickbar {cursor:pointer}

@media print
{
	/*div,td {font-size:10pt !important;line-height:12pt !important}*/
	body {padding:5mm;padding-top:0;margin:0;background-color:#ffffff}
	h1,h2,h3{color:#6EB0CD ;text-shadow:none}
	.inhalt{margin:0;padding:0cm;box-shadow:none;background:transparent;}
	.navi,iframe,#orientierung,#fixnavi,.noprint, #adminmenue{display:none}
	.umbruch {page-break-after:always;border:none}
	#druckheader{display:block;color:#A2DDFF;}
}

@media only no_screen
and (max-width : 1200px)
{
	#boxrechts {position:static;}
	.fb-box {display:none}
	.inhalt{margin-right:0px;width:auto}
	.navi {position:absolute}
	img {max-width:100%}
	h2{white-space:normal}
}

@media only screen 
and (max-width:15cm)
{
	* {font-size:12pt !important}
	body {margin:15px 15px;}
	h1 {font-size:18pt !important;margin-top:6px}
	h2 {font-size:16pt !important}
	h3 {font-size:14pt !important}
	.boxrechts,.boxlinks {float:none; width:100%;}
	#fixnavi{padding-right:5px;position:static;margin-top:18px}
	 #orientierung{padding:1px 5px;}
	 #orientierung *{font-size:10pt !important;font-weight:normal}
	.klein {font-size:10pt !important}
	 .smallscreen {display:inline}
	.inhalt{margin-right:0px;}
	.bildlinks,.bildrechts {float:none !important;max-width:100%;display:block}
	.bildrechts,.bildrechts * {text-align:left !important}
	#adminmenue {width:98%;opacity:1}
	#adminmenue div {display:block;line-height:150%}
}

@media only screen 
and (max-height: 320px)
{
	.navi {position:absolute !important}
}