@charset "utf-8";
@import url(http://fonts.googleapis.com/css?family=Halant:400,700);
@import url(http://fonts.googleapis.com/css?family=Hind);

/* CSS Document */

* {
    box-sizing: border-box;
}
html, body{
    height: 100%;
}
body,
td,
th {
    font-size: 16px;
}
body {
    background-color: #000000;
    margin: 24px 48px;
}
a:link,
a:visited,
a:active {
    color: #0000CC;
    text-decoration: none;
}
a:hover {
    color: #CC0000;
    text-decoration: none;
}
.op2 {
    opacity: 0.3;
}
input:focus {
    border: 2px solid #CC0000;
}
/* STRUKTUR */

#dokument {
    width: 996px;
    margin: 0 auto;
}
/* Sidebar -------------------------- */

.sidenav {
    position: fixed;
    z-index: 1000;
    top: 0px;
    right: 0px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}
.sidenavbox {
    background-color: #FFFFE0;
    border-radius: 12px 0 0 12px;
    border: 1px solid #000;
    padding: 12px;
    b ox-shadow: 4px 4px 6px #666666;
    margin-top: 12px;
}
.sidenavboxmini {
    background-color: #FFFFE0;
    border-radius: 6px 0 0 6px;
    border: 1px solid #000;
    padding: 6px;
    b ox-shadow: 4px 4px 6px #666666;
    margin-top: 6px;
}
.sidenavtop {
    position: fixed;
    bottom: 0px;
    margin-bottom: 24px;
}
.searchBox {
    display: none;
    position: fixed;
    width: 200px;
    right: 54px;
    top: 0px;
    z-index: 1000;
    background-color: rgba(255, 255, 224, 0.95);
    border-radius: 0 0 6px 6px;
    border: 1px solid #000;
    padding: 3px 12px 12px 12px;
}
.searchTitel {
    font-family: 'Hind';
    font-size: 10px;
    margin-top: 6px;
}
.searchForm {
    width: 100%;
    font-family: 'Hind';
    font-size: 12px;
}
.searchLinks {
    font-family: 'Hind';
    font-size: 12px;
    margin-top: 12px;
	text-align: center;
}

.gmap{
	border: 1px solid #000; height: 400px; width: 100%;
}

.bubletext{
	width: 100px;
	height: 15px;
    font-family: 'Hind';
	font-size: 10px;
}

.bubleBox{
	width:  300px;
	padding: 10px;
}
.bubleBoxMini{
	width:  200px;
	padding: 10px;
}
.bubleIntro {
	text-align: center;
    font-family: 'Hind';
	font-size: 12px;
}
.bubleEtappe{
	text-align: center;
    font-family: 'Hind';
	font-size: 18px;
	margin: 3px 0;
}
.bubleTitel{
	text-align: center;
    font-family: 'Haland';
	font-size: 24px;
	margin: 3px 0;
}

.kompassBox {
    display: none;
    position: fixed;
    width: 300px;
    right: 260px;
    top: 0px;
    z-index: 1000;
    background-color: rgba(255, 255, 224, 0.95);
    border-radius: 0 0 6px 6px;
    border: 1px solid #000;
    padding: 6px 12px 12px 12px;
}
.kompassTitel {
    font-family: 'Hind';
    font-size: 24px;
}
.kompassAbout {
    margin-top: 12px;
    font-family: 'Haland';
    font-size: 16px;
    text-align: justify;
}
.kompassAbout:first-letter {
    font-family: 'Hind';
    font-size: 46px;
    float: left;
    padding-right: 3px;
    line-height: 32px;
    color: #999;
}
.kompassPic {
    margin-top: 12px;
    width: 100%;
}
.go2top{
	display: none;	
}
/* -------------------------------------- */

@media screen and (max-width: 1400px) {
    .sid enav {
        position: fixed;
        top: 0px;
        margin: 0 auto;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .side navbox {
        border-radius: 12px;
        margin: 0 12px;
        width: 50%;
    }
    .side navbox img {
        width: 50%;
        height: 50%;
    }
}
.intro {
    font-family: "Hind";
    font-size: 16px;
    color: #CCC;
    text-align: justify;
}
header {
    width: 100%;
    margin-bottom: 24px;
}
.natcosTitel {
    width: 100%;
}
section {
    -webkit-box-flex: 2;
    -webkit-flex-grow: 2;
    -ms-flex-positive: 2;
    flex-grow: 2;
    width: calc(100% - 450px);
}
aside {
    width: 400px;
    margin-left: 12px;
}
footer {
    width: 100%;
    margin-top: 12px;
    text-align: right;
}
/* GLOBAL */

.lightbox {
    background-color: #FFFFE0;
    border-radius: 12px;
	margin-bottom: 12px;
}
.mt3    { margin-top: 3px; }
.mt6    { margin-top: 6px; }
.mt12   { margin-top: 12px; }

.pt12   { padding-top: 12px; }



/* index(2).php */

.allchaps {
    margin-top: 24px;
    padding: 18px;
    font-family: "Hind";
    font-size: 12px;
    line-height: 15px;
    text-align: justify;
}
.allchaps2 { /*  */
    margin-top: 24px;
	display: flex;
	flex-direction: row;
    flex-wrap: wrap;
    justify-content:  space-between;
	align-items: flex-start;
}
.allchapsjahr {
    font-family: Halant;
    font-size: 18px;
    padding: 0 3px;
    white-space: nowrap;
    vertical-align: -2px;
	font-weight: bold;
}
.allchapsjahr2 {
    width: 245px;
    padding: 6px;
}
.allchapsjahrZahl2 {
    font-family: Halant;
    font-size: 12px;
    text-align: right;
}
.allchapsjahrExp2 {
    font-family: Halant;
    font-size: 12px;
}
.allchapsexp {
    padding: 0 6px;
    white-space: nowrap;
    display: inline-block;
}
.kinderboxes {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: flex-start;
}
.kindbox {
	width: 486px;
    margin-top: 12px;
    padding: 18px;
}
.kbTitel {
    font-family: 'Hind', sans-serif;
    font-size: 36px;
    letter-spacing: -2px;
	text-align: center;
}
.kbSubTitel {
    font-family: 'Hind', sans-serif;
    font-size: 12px;
	text-align: center;
	margin-top: 12px; 
}
.kbImages {

	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: flex-start;
	
	margin-top: 6px;
}
.kbImg { 
	margin: 0 6px;
}
.filterbox {
    margin-top: 12px;
    padding: 18px;
}
.filterboxF {
    font-family: "Halant";
    font-size: 24px;
	text-align: center;
}
.filterboxT {
    font-family: "Halant";
	font-weight: bold;
    font-size: 24px;
}
.filterboxA {
    font-family: "Hind";
    font-size: 15px;
	text-align: center;
}
.chapJahr {
    font-size: 96px;
    font-family: "Halant";
    color: #999;
    text-align: right;
}
.chapExp {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: no-wrap;
    -ms-flex-wrap: no-wrap;
    flex-wrap: no-wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100%;
    padding: 12px;
}
.chapEdit {
    position: absolute;
}
.chapSp1 {
    back ground-color: red;
    width: 33.33%;
    margin: 12px;
}
.chapPic {
    border: 1px solid #666;
    box-shadow: 4px 4px 6px #666666;
    width: 100%;
}
.chapSpT23 {
    back ground-color: yellow;
    width: 66.66%;
}
.chaptitel {
    font-family: 'Hind', sans-serif;
    margin: 12px 12px 0 12px;
    font-size: 48px;
    letter-spacing: -2px;
}
.chapSp23 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    f lex-wrap: no-wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100%;
}
.chapSp2 {
    bac kground-color: green;
    width: 66.66%;
    margin: 12px;
}
.chapbesch {
    font-family: 'Halant', sans-serif;
    font-size: 16px;
    text-align: justify;
    padding-bottom: 12px;
}
.chapteiln {
    font-family: 'Hind', sans-serif;
    font-size: 12px;
    text-align: center;
}
.chapbesch:first-letter {
    font-family: 'Hind';
    font-size: 46px;
    float: left;
    padding-right: 3px;
    line-height: 32px;
    color: #999;
}
.chapSp3 {
    back ground-color: blue;
    font-family: 'Halant', sans-serif;
    font-size: 16px;
    width: 33.33%;
    color: #999;
    margin: 12px;
    text-align: right;
}
.bold {
    font-weight: 700;
    color: #000;
}

.dauerexpbilderbox {
	display: flex;
	flex-direction: row;
	justify-content: center;
}
.dauerexpbilderbox div {
	margin: 0 6px;
}
.AvaImAlterVonEli {
    position: relative;
}
.AvaImAlterVonEli img {
    display: block;
}
.AvaImAlterVonEli span {
    background-color: silver;
    background-color: hsla(0, 0%, 100%, 0.5);
	position: absolute;
	padding: 3px;
    bottom: 10px;
	left: 0;
    width: 100%;
	font-size: 9px;
}

/*	------------------------------------------------------------------------------------------- */
/*					Expedition.php																*/
/*	------------------------------------------------------------------------------------------- */
.expLogoDiv {
    width: calc(100% - 0px);
    margin-bottom: 12px;
}
#expDokument {
    padding-right: 0px;
    width: 100%;
    display: flex;
    flex-direction: row;
	justify-content: flex-start;
}

.expBilderBox {
	padding: 12px;
}

.expSideBox {
    margin-left: 12px;
    padding: 12px;
}
	.expSuplemCont {
		font-family: "Hind";
		letter-spacing: -0.05em;
		text-align: center;
		padding: 24px;
	}
	.expSuplemContTit {
		padding: 12px 0;
		font-family: "Hind";
		font-size: 24px;
		le tter-spacing: -2px;
		text-align: center;
	}
	.expStwExtras{
		font-size: 12px;
		text-align: center;
	}



/* Karte */
#krtDokument {
    width: 100%;
	height: calc(100% - 72px);
/*    display: flex;
    flex-direction: column;
    flex-wrap: no-wrap;
    justify-content: flex-start;
*/
}
.krtLogoDiv {
	height: 60px;
    max-width: 900px;
    margin-bottom: 12px;
}

.krtKarteBox {
    width: 100%;
	height: calc(100% - 60px);
    padding: 24px;
}

.kmap{
	border: 1px solid #000;
	height: 100%;
	width: 100%;
}



/*	Archiv	*/

#expArchivContainder {
    margin: 0 auto;
    width: 100%;
}
.expItem {
    width: calc(300px + 24px);
    padding: 12px;
}
.expItemBox {
	margin: 12px 0px 12px 0;
	padding: 24px 48px;
    border: 1px solid #666;
    box-shadow: 4px 4px 6px #666666;
    background-color: ghostwhite;
}
.expItem.w2 {
    width: calc(600px + 40px);
}
.expItemTit {
    font-family: 'Halant';
    font-size: 12px;
    color: #333;
    padding-top: 6px;
    text-align: center;
}
.expItemBes {
    font-family: 'Hind';
    font-size: 12px;
    color: #999;
    padding: 3px 12px 0px 12px;
    text-align: left;
}
.expLogo {} .expArcName {
    font-family: 'Hind';
    margin: 0;
    /*12px 12px 0 12px;*/
    font-size: 48px;
    letter-spacing: -2px;
    text-align: center;
}
.expArcOrtZeitpunkt {
    font-family: 'Halant';
    font-size: 16px;
    color: #999;
    margin-bottom: 6px;
    text-align: center;
}
.expArcBeschreibung {
    font-family: 'Halant', sans-serif;
    font-size: 16px;
    margin: 0;
    /* 12px; */
    text-align: justify;
}
.expArcBeschreibung:first-letter {
    font-family: 'Hind';
    font-size: 46px;
    float: left;
    padding-right: 3px;
    line-height: 32px;
    color: #999;
}
.expArcTeiln {
    margin-top: 24px;
    font-family: 'Hind';
    font-size: 12px;
    text-align: center;
    bo rder-top: 1px solid #999;
    padding: 2px 0;
    bor der-bottom: 1px solid #999;
}
.uberschr {
    font-size: 10px;
    color: #999;
}

.expSubExp {
    margin: 6px 0;
    font-family: 'Hind';
    text-align: center;
    background-color: #FFF;
    border: 1px solid #666;
    box-shadow: 6px 6px 8px #333;
}
#expAlleStw {
    text-align: center;
    font-family: 'Halant';
    width: 100%;
}
.stwItem {
    padding: 3px;
}

/* editExp.php */

.expeditThemTitel {
    font-size: 24px;
    font-family: "Halant";
    color: #999;
    text-align: right;
}
.expeditThemBox {
    padding: 12px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
	margin-bottom: 24px;
}
.expeditKmlStrip {
    cursor: pointer;
}
.expeditKarteBox {
    margin: 12px;
    border: 1px solid #333;
}
.expeditPageCounter {
    padding: 12px;
    font-family: 'Halant';
    font-size: 36px;
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	align-items: baseline;
}
.aktPage {
    font-family: 'Hind';
	font-weight: bold;
	padding: 6px 6px 0 6px;
	border: 2px solid #000;
	background-color: #FFF;
	border-radius: 6px;
}
.expeditBilder {
    padding: 12px;
    font-family: 'Hind';
    font-size: 12px;
}
.expeditAllaboutBild {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: no-wrap;
    -ms-flex-wrap: no-wrap;
    flex-wrap: no-wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: flex-start; /* space-between; */
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 100%;
    padding-top: 12px;
    margin-bottom: 12px;
	border-top: 1px solid #333;
}
.expeditAllaboutTit {
    text-align: center;
    font-family: 'Hind';
    font-size: 16px;
    margin-bottom: 12px;
}
.expeditAllaboutSP1 {
    width: 300px;
    margin-right: 24px;
    text-align: center;
    line-height: 1.5;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
.expeditAllaboutSP2 {
    width: 150px;
    margin-right: 24px;
    text-align: center;
    line-height: 1.5;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
.expeditAllaboutSP3 {
    width: 300px;
    margin-right: 24px;
    text-align: left;
    line-height: 1;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    font-size: 10px;
}
.expeditAllaboutSP3Tit {
    text-align: center;
    font-family: 'Hind';
    font-size: 16px;
    cursor: pointer;
}
.expeditAllaboutSP4 {
    width: 100px;
    text-align: center;
    line-height: 1.5;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
.expeditAllaboutSP2bis4 {
    width: 598px;
    text-align: left;
    line-height: 1.5;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    font-family: 'Hind';
    font-size: 16px;
}
.expeditBilderThumb {
    height: 300px;
    margin-top: 12px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.expeditPic {
    border: 1px solid #666;
    box-shadow: 4px 4px 6px #666666;
}
.expeditBildNummer {
    width: 100%;
    font-family: 'Hind';
    font-size: 12px;
    border: 1px solid #999;
    padding: 0 6px;
    text-align: center;
    border-radius: 3px;
}
.expeditDimFehler {
    background-color: #FF3333;
}
.expeditBildSubExp {
    width: 300px;
    font-family: 'Hind';
    font-size: 12px;
    border: 1px solid #999;
    padding: 0 6px;
    background-color: #EEE;
    text-align: center;
}
.expeditBildTitel {
    width: 300px;
    font-family: 'Halant';
    font-size: 18px;
    border: 1px solid #999;
    padding: 0 6px;
}
.expeditBild300Rahm {
    width: 300px;
    font-family: 'Hind';
    font-size: 12px;
    border: 1px solid #999;
    padding: 0 6px;
    background-color: #EEE;
    text-align: center;
}
.expeditBildStw {
    width: 300px;
    font-family: 'Hind';
    font-size: 12px;
    border: 1px solid #999;
    padding: 0 6px;
}
.AboutLinkTypen{
    display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	
    font-family: 'Hind';
	font-size:10px;
}
.AboutLinkTyp{
	border: 1px solid #999;
	margin: 0 2px;
	padding: 2px 6px;
	background-color: #CCCCFF;
	cursor: pointer;
}
.top3 {
    margin-top: 3px;
}
.expeditBildLastUp {
    width: 100%;
    font-family: 'Hind';
    font-size: 10px;
    border: 1px solid #999;
    padding: 0 6px;
/*  background-color: #FFFFE0; */
    text-align: center;
    border-radius: 3px;
}
.expeditExifReadSave {
    width: 100%;
    font-family: 'Hind';
    font-size: 10px;
    border: 1px solid #999;
    padding: 0 6px;
    background-color: #EEE;
    color: #0000CC;
    text-align: center;
    border-radius: 3px;
	cursor: pointer;
}
.expeditExifReadSave:hover {
    color: #CC0000;
    text-decoration: none;
    background-color: #FFFF33;
}
.expeditExifWriteFot {
    font-family: 'Hind';
    font-size: 10px;
    border: 1px solid #999;
    padding: 0 6px;
    background-color: #EEE;
    color: #0000CC;
    text-align: center;
    border-radius: 3px;
	cursor: pointer;
}
.expeditExifWriteFot:hover {
    color: #CC0000;
    text-decoration: none;
    background-color: #FFFF33;
}
.expeditExifData {
    width: 100%;
    font-family: 'Hind';
    font-size: 10px;
    border: 1px solid #999;
    padding: 0 6px;
    background-color: #FFFFFF;
    text-align: center;
    border-radius: 3px;
}
.expeditExifDataHL {
    background-color: #FF7777;
}
.expeditExifDataDAT {
    background-color: #FFCC77;
}
.expeditExifDataDay {
    background-color: #99FFFF;
}
.expeditExifDataMnth {
    background-color: #00ff00;
}
.expeditStatusBox {
    -webkit-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
}
.datasaved {
    color: red;
    display: none;
}
.expeditBildFile {
    font-family: 'Hind';
    font-size: 12px;
    margin-bottom: 3px;
}
.expeditFormFeld {
    padding: 0 12px;
}
#KoordBoxTit{
	width: 100%;
    margin: 12px 12px 0 12px;
	padding-bottom: 6px;
    border-bottom: 1px solid #999;
    font-family: 'Hind';
    font-size: 18px;
    cursor: pointer;
}
#KoordBoxTit:hover {
    text-decoration: underline;
    color: #660000;
}
#KoordHiddenBox{
    border-bottom: 1px solid #999;
    display: none;
    margin: 0 12px 12px 12px;
}
#KoordBox{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
	margin-bottom: 24px;

}
.koordBoxLink{
    font-family: 'Hind';
    font-size: 12px;
	padding: 3px;
}

.formatTXThandler {         /* jq-Handler-Txt formatieren / 23.4.20 */ 
    cursor: pointer;
    color: #006600;

}
.formatTXThandler:hover {     /* jq-Handler-Txt formatieren / 23.4.20 */ 
    text-decoration: underline;
    color: #660000;
}

.formatButtonHandler {
    cursor: pointer;
    width: 100%;
    text-align: center;
    border: 1px solid #999;
    background-color: #FFF;
    padding: 2px 0;
    margin: 27px 0 12px 0;
}
.formatButtonHandler:hover {
    text-decoration: underline;
    background-color: #eee;
}
.formatButtonHandler:active {
    background-color: #ccc;
    color: #CC0000;
}

/* ====================================================== */
.w25 {
    width: 25%;
}
.w33 {
    width: 33.33%;
}
.w50 {
    width: 50%;
}
.w75 {
    width: 75%;
}
.w100 {
    width: 100%;
}
.w300px {
    width: 300px;
}
.wsubt1 {   width: calc(1 * 324px); }
.wsubt2 {   width: calc(2 * 324px); }
.wsubt3 {   width: calc(3 * 324px); }
.wsubt4 {   width: calc(4 * 324px); }
.wsubt5 {   width: calc(5 * 324px); }

.ac {
	text-align: center;
}

.expeditFormFeld label {
    width: 100%;
    font-family: 'Hind', sans-serif;
    font-size: 12px;
}
.expeditFormFeld input {
    width: 100%;
    font-family: 'Halant', sans-serif;
}
.expeditFormFeld select {
    width: 100%;
    font-family: 'Halant', sans-serif;
}
.expeditFormFeld textarea {
    width: 100%;
    font-family: 'Halant', sans-serif;
    hei ght: 150px;
}
.tfc {
    text-align: center;
}
.tff12 {
    font-size: 12px;
    line-height: 1.2;
}.tff16 {
    font-size: 16px;
    line-height: 1.2;
}
.tff32 {
    font-size: 32px;
}
.p1 {
    padding: 1px;
}
.expeditThumPixBox {}
.expedittemplate {
    display: none;
    border-top: 1px solid #999;
    padding: 24px 0;
}
.expeditnewpic {
    display: none;
    border-top: 1px solid #999;
    padding: 24px 0;
}
.expeditnewBox {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.expeditnewPicBox {
    width: 300px;
    margin-right: 24px;
}
.previewpic {
    width: 100%;
}
.expeditnewPicDetLine {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.expeditnewPicSp1 {
    width: 150px;
    margin-right: 24px;
    text-align: center;
}
.expeditnewPicSp2 {
    width: 300px;
    margin-right: 24px;
    margin-top: 3px;
}
.expeditnewPicSp3 {
    width: 100px;
    margin-top: 3px;
    font-size: 12px;
}
.newPicSubmit {
    width: 100%;
    font-family: 'Halant';
    margin-top: 12px;
}
.expeditPndbBox {
    margin: 12px;
}
.expeditPndbBoxTit {
    font-family: 'Hind';
    font-size: 24px;
}
.expeditPndbZeile {
    margin-top: 24px;
    font-family: 'Hind';
    font-size: 16px;
    text-align: center;
}
.expeditPndPic {
    max-width: 300px;
    max-height: 300px;
    width: auto;
}


.expeditEtapLinks {
	text-align: left;
	font-family: 'Hind';
	font-size: 12px;
}



/*	=================================================================================================== */
/*	index_search.php */
.searchStwTitel {
	padding: 12px 12px 0 12px;
	text-align: center;
	font-family: 'Hind';
	font-size: 12px;
	color: #666;
}
.searchStwListe {
	padding: 0 24px 12px 24px;
	font-family: 'Hind';
	font-size: 16px;

	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: baseline;
}
.searchStwListItem{
	padding: 0 24px;
}
.searchGalOrtZeit {
	padding: 12px 24px 0 24px;
	text-align: center;
	font-family: 'Hind';
	font-size: 12px;
	color: #666;
}
.searchGalTitel {
	padding: 6px 24px;
    font-family: 'Halant';
	text-align:center;
    font-size: 36px;
    color: #000;
}
.searchGalAbout {
	padding: 0 24px 12px 24px;
	text-align: justify;
	font-family: 'Hind';
	font-size: 16px;
	color: #333;
}
.searchGalImageDivBox {
	padding: 24px 24px 24px 24px;
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: flex-start;
	
}
.searchGalImageDiv {
	margin-top: 12px;
	display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}
.searchGalImage {
}
.searchGalPic {
	width: 200px;
	border: 1px solid #000;
    box-shadow: 4px 4px 6px #666666;
	border-radius: 6px;
}
.searchGalImageAboutBox {
	width: 200px;
	margin-top: 12px;
}
.searchGalImageDatum {
	text-align: center;
	font-family: 'Hind';
	font-size: 12px;
	color: #999;
}
.searchGalImageTitel {
	padding: 6px 0;
	text-align: center;
    font-family: 'Halant';
	font-size: 24px;
	color: #000;
}
.searchGalImageAbout {
	text-align: justify;
	font-family: 'Hind';
	font-size: 12px;
	color: #333;
}



/* Expedition(2).php */

.expAbout {
    padding: 12px;
}
.expExpName {
    font-family: 'Hind';
    margin: 12px 12px 0 12px;
    font-size: 48px;
    letter-spacing: -2px;
    text-align: center;
}
.expExpOrtZeitpunkt {
    font-family: 'Halant';
    font-size: 16px;
    color: #999;
    margin: 0 12px;
    text-align: center;
}
.expExpBeschreibung {
    font-family: 'Halant', sans-serif;
    font-size: 16px;
    margin: 12px;
    text-align: justify;
}
.expExpBeschreibung:first-letter {
    font-family: 'Hind';
    font-size: 46px;
    float: left;
    padding-right: 3px;
    line-height: 32px;
    color: #999;
}
.expBilder {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: no-wrap;
    -ms-flex-wrap: no-wrap;
    flex-wrap: no-wrap;
    width: 100%;
    margin-top: 12px;
}
.expBilder12 {
    width: 736px;
    margin-right: 6px;
    padding: 24px;
}
#expBilderBox {
    margin-left: 12px;
}
.expBilderBild {
    width: 222px;
    padding: 6px;
}
.expBilderPic {
    width: 210px;
}
.expBilder3 {
    width: 248px;
    margin-left: 6px;
    padding: 24px;
}
.expPic {
    border: 1px solid #666;
    box-shadow: 4px 4px 6px #666666;
}
.zoomcontainer:hover .zoompic {
-webkit-transform:scale(1.1);
transform:scale(1.1);
}
.zoomcontainer {
overflow:hidden;
margin:6px;
}
.zoompic {
-webkit-transition: all 5s ease;
transition: all 5s ease;
}
/* pic.php */

.picdoc {
    min-height: calc(100vh - 48px);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}
.picHeader {
    width: 50%;
    min-width: 400px;
}
.picMain {
    -webkit-box-flex: 2;
    -webkit-flex-grow: 2;
    -ms-flex-positive: 2;
    flex-grow: 2;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}
.picBildBox {
    width: calc(100% - 400px);
    min-width: 400px;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    /* flex-start; */
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 12px;
    padding: 24px 24px;
    text-align: center;
    position: relative;
    z-index: 10;
}
.picBildDetails {
    width: 400px;
    min-width: 400px;
    margin: 12px 0 12px 12px;
    padding: 24px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}
@media screen and (max-width: 1200px) {
	.picMain {
		flex-direction: column;
	}
	.picBildBox {
		width: 100%;
	}
	.picBildDetails {
		width: 100%;
	    margin: 12px 0;
	}
}


.picZoom {
    position: absolute;
    left: 50%;
    top: 12px;
    display: none;
    cursor: pointer;
}

.curpoint {
    cursor: pointer;
    color: #009900;
}
.curpoint:hover {
    text-decoration: underline;
}
.picE {
    display: none;
}
.dispNon {      /* TODO : Alle display: none => dispNon */ 
    display: none;
}
.picPic {
    max-width: 100%;
    max-height: 100%;
}
.picnav {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.picCounter {
    font-family: 'Halant';
    font-size: 16px;
}
.picExpOrt {
    margin: 12px 0;
    font-family: 'Hind';
    font-size: 12px;
    color: #FFFFE0;
    background-color: #000;
    padding: 2px;
    text-align: center;
}
.picExpName {
    font-family: 'Hind';
    font-size: 16px;
    color: #999;
}
.picTitel {
    font-family: 'Hind';
    letter-spacing: -2px;
    font-size: 32px;
    margin-top: 12px;
}
.picETitelF {
    width: 100%;
    font-family: 'Hind';
    letter-spacing: -1px;
    font-size: 24px;
    ma rgin-top: 12px;
}
.picSubDat {
    text-align: right;
    font-family: 'Hind';
    font-size: 12px;
    margin: 12px 0;
    color: #999;
}
.picBeschreibung {
    font-family: 'Halant';
    font-size: 16px;
}
.picBeschreibung:first-letter {
    font-family: 'Hind';
    font-size: 46px;
    float: left;
    padding-right: 3px;
    line-height: 32px;
    color: #999;
}
.picEBeschreibungF {
    width: 100%;
    height: 100px;
    font-family: 'Halant';
    font-size: 12px;
    line-height: 15px;
}
.picEBeschInfo {
    text-align: right;
    font-family: 'Hind';
    font-size: 10px;
    color: #999;
}
.picStwListe {
    margin-top: 24px;
    border-bottom: 1px solid #CCC;
    border-top: 1px solid #CCC;
    padding: 2px 0;
    text-align: center;
    font-family: 'Hind';
    font-size: 12px;
    line-height: 16px;
}
.picEStwF {
    width: 100%;
    font-family: 'Hind';
    font-size: 12px;
}
.picESubmitF {
    margin-top: 12px;
    width: 100%;
    font-family: 'Hind';
    font-size: 12px;
}
.picExif {
    font-family: "Halant";
    font-size: 12px;
    color: #666;
}
.picExifFt {
    margin-top: 3px;
    display: none;
    font-family: 'Hind';
    font-size: 10px;
}
.picEExifF {
    width: 100%;
    font-family: 'Halant';
    font-size: 12px;
    margin-bottom: 3px;
}
.picFavMin3 , .clsExpAEVglPic{
	position: relative;
	top: -40px;
	background-color: rgba(204,204,204,0.50);
	padding-bottom: 3px;
}
.picFavZeile{
    padding-top: 6px;

    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    align-items: center;
}
.picFavTop12B{
    margin-top: 6px;
    padding-top: 6px;
	border-top: 1px solid #CCC;
}
.picFav{
	text-align: center;	
    font-family: 'Hind';
    font-size: 12px;
    color: #666;

}
.picFavChB {
	vertical-align: bottom;
	position: relative;
	top: 2px;
}
.picKomTitel {
    margin-top: 32px;
    font-size: 48px;
    font-family: "Halant";
    color: #333;
}
#picKommentare {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.picKomBox {
    width: 25%;
}
.parsPicBox {
    margin: 6px 0;
    text-align: center;
}
.parsPic {
/*    width: 50%; */
/*   max-width: 350px; */
    border: 1px solid #666;
    box-shadow: 4px 4px 6px #666666;
}
.parsPicAbout {
    font-family: 'Halant';
    font-size: 12px;
    padding-top: 6px;
    text-align: center;
    color: #666;
}
/* Admin.php */

.adminMain {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: no-wrap;
    -ms-flex-wrap: no-wrap;
    flex-wrap: no-wrap;
    width: 100%;
}
.adminBilderSpalte {
    width: 736px;
    margin-right: 6px;
}
.adminMemberSpalte {
    width: 248px;
    margin-left: 6px;
    margin: 12px;
    padding: 24px;
    font-family: "Halant";
    font-size: 16px;
}
.adminBilderBox {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: no-wrap;
    -ms-flex-wrap: no-wrap;
    flex-wrap: no-wrap;
    width: 100%;
    padding: 12px;
    margin: 0 24px 24px 0;
}
.adminBilderBoxJahr {
    position: relative;
}
.adminBilderBoxJahrBox {
    position: sticky;
    top: 0;
    margin-left: -200px; 
    height: 0;
}
.adminBilderBoxJahrZahl {
    font-size: 48px;
    color: #666;
    background-color: #000;
    width: 200px;
}

.adminNewGal {
    background-color: #FFE0FF;
}
.adminOPGal {
    background-color: #E0FFFF;
}
.adminOffGal {
    background-color: #E0E0E0;
}
.adminBilderBild {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 300px;
    margin: 12px;
}
.adminBilderEdit {
    position: absolute;
}
.adminBilderDetails {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 12px;
    font-family: 'Halant';
    font-size: 16px;
}
.adminExpOrt {
    font-family: 'Hind', sans-serif;
    font-size: 18px;
    border-top: 1px solid #999;
    border-bottom: 1px solid #999;
    padding: 4px 0 2px 0;
    margin-bottom: 6px;
    text-align: right;
}
.adminExpTitel {
    font-family: 'Hind', sans-serif;
    font-size: 36px;
    letter-spacing: -2px;
}
.adminExpIntKom {
    font-family: 'Hind', sans-serif;
    font-size: 12px;
    color: #666;
    margin-top: 12px;
    padding: 6px;
    border: 1px solid #999;
}
.adminBesTitel {
    font-family: 'Hind', sans-serif;
    font-size: 24px;
    letter-spacing: -2px;
}
.admbold {
    font-weight: 700;
    color: rgba(204, 0, 0, 1.00);
}
.adminRechteKap {
    margin-top: 24px;
    text-align: right;
    font-family: 'Hind', sans-serif;
    color: #999;
    border-bottom: 1px solid #999;
}
.adminRechtePers {
}
.adminRechtePerF {
    font-family: 'Hind', sans-serif;
    font-size: 12px;
    color: #666;
    padding-left: 24px;
}
.adminNewMemTit {
    margin-top: 6px;
    font-family: 'Hind', sans-serif;
    font-size: 10px;
}
.adminNewMemForm {
    width: 100%;
    font-family: 'Halant';
    font-size: 12px;
    padding: 0 6px;
}

/*	admin.php - Task-Tool */
/* 	last-update: 24.3.2018 */
.tasksBox {
    font-family: 'Hind', sans-serif;
    font-size: 12px;
}
.tasksAddTaskTB {
	width: 100%;
    font-family: 'Hind', sans-serif;
    font-size: 12px;
}
.tasksAddTaskSnd {
    width: 100%;
    font-family: 'Halant';
    font-size: 12px;
    padding: 0 6px;
}
.tasksToDoBox {

}
.tasksTaskLine {
	padding: 3px 0 3px 25px;
	text-indent: -25px;
}
.tasksTaskCB {
	
}
.tasksTaskHandler{
	margin: 12px 0;
	text-align: center;
	cursor: pointer;
}
.tasksDoneBox {
	opacity: .5;	
}

.tasksDelTask {
	cursor: pointer;
	text-decoration: underline;
}

/* CHECKBOX - STYLE */
/* http://doodlenerd.com/html-control/css-checkbox-generator */
.control {
    font-family: 'Hind', sans-serif;
    display: block;
    position: relative;
    padding-left: 30px;
    margin: 8px 0;
    padding-top: 8px;
    cursor: pointer;
    font-size: 12px;
}
    .control input {
        position: absolute;
        z-index: -1;
        opacity: 0;
    }
.control_indicator {
    position: absolute;
    top: 2px;
    left: 0;
    height: 20px;
    width: 20px;
    background: #e6e6e6;
    border: 1px solid #999;
}
.control-radio .control_indicator {
    border-radius: undefined%;
}

/*.control input:focus ~ .control_indicator,*/
.control:hover input ~ .control_indicator {
    background: #cccccc;
}

.control input:checked ~ .control_indicator {
    background: #000000;
}
.control:hover input:not([disabled]):checked ~ .control_indicator,
.control input:checked:focus ~ .control_indicator {
    background: #0e6647d;
}
.control input:disabled ~ .control_indicator {
    background: #e6e6e6;
    opacity: 0.6;
    pointer-events: none;
}
.control_indicator:after {
    box-sizing: unset;
    content: '';
    position: absolute;
    display: none;
}
.control input:checked ~ .control_indicator:after {
    display: block;
}
.control-checkbox .control_indicator:after {
    left: 8px;
    top: 4px;
    width: 3px;
    height: 8px;
    border: solid #ffff00;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}
.control-checkbox input:disabled ~ .control_indicator:after {
    border-color: #7b7b7b;
}
/* --- end --- */




/* admin_meta.php */
.metadm_Box {
    width: 100%;
    padding: 12px;
}
.metadm_ListeTitel {
    font-family: 'Hind', sans-serif;
    font-size: 16px;
	border-bottom: 1px solid #000;
	margin-bottom: 6px;
}
.metadm_Liste {
    padding-left: 12px;
}
.metadm_inputTitel{
    font-family: 'Hind', sans-serif;
    font-size: 9px;
	color: #999;	
}
.metadm_inputDIV {
}
.metadm_inputField {
	width: 100%;
    font-family: 'Halant';
    font-size: 12px;
    padding: 0 6px;
}

.metaselection {
	cursor: pointer;
	color: #0000CC;
}
.metaselection:hover {
    color: #CC0000;
}
.adMetabox{
	margin-top: 6px;
	border: 1px solid #666;	
	background-color: #FFF;
	padding: 6px;
	font-size: 12px;
}
.adMetabox div{
	padding-top: 6px;
}
.kursiv{
	font-style: italic;
}

/* login.php */

.loginDoc {} loginInnerbox {
    margin: 0 auto;
    min-width: 300px;
}
#loginContainer {
    margin: 0 auto;
}
.loginTitel {} .loginItem {
    width: 300px;
    margin: 6px;
    padding: 24px;
}
.loginItem.w2 {
    width: 612px;
    margin: 6px;
    padding: 0px;
}
.loginItem.w2p {
    width: 612px;
    margin: 6px;
    padding: 24px;
}
.loginbox {
    back ground-color: white;
}
.loginBoxTit {
    font-family: 'Halant';
    font-size: 16px;
    text-align: center;
}
.labelinside {
    margin: 3px 0;
    position: relative;
}
.labelinside label {
    color: #999;
    cursor: text;
    display: none;
    right: 0;
    position: absolute;
    top: 0;
    font-family: 'Hind';
    font-size: 16px;
    padding: 6px;
}
.labelinside input,
.labelinside textarea {
    margin: 0;
}
.loginBoxTextFeld {
    width: 100%;
    font-family: 'Halant';
    font-size: 16px;
    padding: 0 6px;
}
.loginBoxAbout {
    font-family: 'Halant';
    font-size: 16px;
    text-align: justify;
}
.loginBoxAbout:first-letter {
    font-family: 'Hind';
    font-size: 46px;
    float: left;
    padding-right: 3px;
    line-height: 32px;
    color: #999;
}
.loginBoxNews {
    font-family: 'Halant';
    font-size: 16px;
    text-align: justify;
    margin-top: 12px;
}
.loginBoxDate {
    font-family: 'Hind';
    font-size: 12px;
    text-align: right;
}
/* Switch */

/* https://proto.io/freebies/onoff/ */

.twoswitches {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: no-wrap;
    -ms-flex-wrap: no-wrap;
    flex-wrap: no-wrap;
    width: 100%;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

/* --- Pic --- */

.onoffswitch {
    position: relative;
    width: 122px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}
.onoffswitch-checkbox {
    display: none;
}
.onoffswitch-label {
    display: block;
    overflow: hidden;
    cursor: pointer;
    border: 1px solid #666;
    border-radius: 12px;
}
.onoffswitch-inner {
    display: block;
    width: 200%;
    margin-left: -100%;
    -webkit-transition: margin 0.3s ease-in 0s;
    transition: margin 0.3s ease-in 0s;
}
.onoffswitch-inner:before,
.onoffswitch-inner:after {
    display: block;
    float: left;
    width: 50%;
    height: 20px;
    padding: 0;
    line-height: 20px;
    font-size: 12px;
    color: white;
    font-family: Trebuchet, Arial, sans-serif;
    font-weight: bold;
    box-sizing: border-box;
}
.onoffswitch-inner:before {
    content: "online";
    padding-left: 12px;
    background-color: #0AB010;
    color: #FFFFFF;
    text-align: left;
}
.onoffswitch-inner:after {
    content: "offline";
    padding-right: 12px;
    background-color: #CF1414;
    color: #FFFFFF;
    text-align: right;
}
.onoffswitch-switch {
    display: block;
    width: 16px;
    margin: 4px;
    background: #FFFFFF;
    border: 1px solid #666;
    border-radius: 12px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 98px;
    -webkit-transition: all 0.3s ease-in 0s;
    transition: all 0.3s ease-in 0s;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 0px;
}

/* --- Representant --- */

.repnonswitch {
    position: relative;
    width: 122px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}
.repnonswitch-checkbox {
    display: none;
}
.repnonswitch-label {
    display: block;
    overflow: hidden;
    cursor: pointer;
    border: 1px solid #666;
    border-radius: 12px;
}
.repnonswitch-inner {
    display: block;
    width: 200%;
    margin-left: -100%;
    -webkit-transition: margin 0.3s ease-in 0s;
    transition: margin 0.3s ease-in 0s;
}
.repnonswitch-inner:before,
.repnonswitch-inner:after {
    display: block;
    float: left;
    width: 50%;
    height: 20px;
    padding: 0;
    line-height: 20px;
    font-size: 12px;
    color: white;
    font-family: Trebuchet, Arial, sans-serif;
    font-weight: bold;
    box-sizing: border-box;
}
.repnonswitch-inner:before {
    content: "Repräsentant";
    padding-left: 14px;
    background-color: #FFCC00;
    color: #000000;
    text-align: left;
}
.repnonswitch-inner:after {
    content: "Privat";
    padding-right: 14px;
    background-color: #CCCCCC;
    color: #000000;
    text-align: right;
}
.repnonswitch-switch {
    display: block;
    width: 14px;
    margin: 3px;
    background: #FFFFFF;
    border: 1px solid #666;
    border-radius: 12px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 98px;
    -webkit-transition: all 0.3s ease-in 0s;
    transition: all 0.3s ease-in 0s;
}
.repnonswitch-checkbox:checked + .repnonswitch-label .repnonswitch-inner {
    margin-left: 0;
}
.repnonswitch-checkbox:checked + .repnonswitch-label .repnonswitch-switch {
    right: 0px;
}

/* --- Gallerie --- */

.onloflswitch {
    position: relative;
    width: 122px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
	margin-bottom: 6px;
}
.onloflswitch-checkbox {
    display: none;
}
.onloflswitch-label {
    display: block;
    overflow: hidden;
    cursor: pointer;
    border: 1px solid #666;
    border-radius: 12px;
}
.onloflswitch-inner {
    display: block;
    width: 200%;
    margin-left: -100%;
    -webkit-transition: margin 0.3s ease-in 0s;
    transition: margin 0.3s ease-in 0s;
}
.onloflswitch-inner:before,
.onloflswitch-inner:after {
    display: block;
    float: left;
    width: 50%;
    height: 20px;
    padding: 0;
    line-height: 20px;
    font-size: 12px;
    color: white;
    font-family: Trebuchet, Arial, sans-serif;
    font-weight: bold;
    box-sizing: border-box;
}
.onloflswitch-inner:before {
    content: "online";
    padding-left: 14px;
    background-color: #0AB010;
    color: #000000;
    text-align: left;
}
.onloflswitch-inner:after {
    content: "offline";
    padding-right: 14px;
    background-color: #CF1414;
    color: #000000;
    text-align: right;
}
.onloflswitch-switch {
    display: block;
    width: 14px;
    margin: 3px;
    background: #FFFFFF;
    border: 1px solid #666;
    border-radius: 12px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 98px;
    -webkit-transition: all 0.3s ease-in 0s;
    transition: all 0.3s ease-in 0s;
}
.onloflswitch-checkbox:checked + .onloflswitch-label .onloflswitch-inner {
    margin-left: 0;
}
.onloflswitch-checkbox:checked + .onloflswitch-label .onloflswitch-switch {
    right: 0px;
}


/* Tagcloud 

ul.tx3-tag-cloud {} ul.tx3-tag-cloud li {
    display: block;
    float: left;
    list-style: none;
    margin-right: 4px;
}
ul.tx3-tag-cloud li a {
    display: block;
    text-decoration: none;
    color: #c9c9c9;
    padding: 3px 10px;
}
ul.tx3-tag-cloud li a:hover {
    color: #000000;
    -webkit-transition: color 250ms linear;
    transition: color 250ms linear;
}
*/

#tagcloud {
	
}