BODY { font-size:15px; font-family:Microsoft Sans Serif; color:#000000; background-color:#FFFFFF; }

.header { background-color:#FFFFFF; color:#000000; position:absolute; margin-top:-70px; margin-left:10px; margin-right:10px; width:500px; height:0px;}

.login { position:relative; font-size:15px; margin-top:20px; margin-left:150px; margin-right:0px; width:auto; height:20px; max-width:; min-width:; text-align:left; z-index: 99; }
#login { position:relative; font-size:15px; margin-top:20px; margin-left:150px; margin-right:0px; width:auto; height:20px; max-width:; min-width:; text-align:left; z-index: 99; }

.navigation { position:relative; font-size:20px; margin-top:70px; margin-left:0px; margin-right:22px; width:auto; height:0px; vertical-align:top; background-color:; max-width:; min-width:; }

.navmenu { padding-top:0px; padding-left:0px; padding-bottom:0px; padding-right:0px; line-height:1em; word-spacing:; }

.content { background-color:; position:relative; margin-top:-25px; margin-left:10px; margin-right:10px; width:98%; height:100%; vertical-align:top; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px;  line-height:1.5em; max-width:; min-width:; }

.footer { background-color:; position:relative; font-size:12px; margin-left:0px; margin-right:0px; margin-top:30px; margin-bottom:0px; width:100%; height:20px; vertical-align:bottom; max-width:; min-width:; line-height:0.5em; }

H1 { color:#000000; font-size:45px; font-weight:normal; text-decoration:none; margin-top:-5px; }
H2 { color:#000000; font-size:24px; font-weight:normal; text-decoration:none; }
h3 { font-size:18px; font-weight:bold; text-decoration:none; color:; }

a:link { color:#000000; text-decoration:underline; font-size:15px; font-weight:normal; }
a:visited { color:#000000; text-decoration:underline; font-size:15px; font-weight:normal; }
a:active { color:#FF7F00; text-decoration:none; font-size:15px; font-weight:normal; }
a:hover { color:#FF7F00; text-decoration:none; font-size:15px; font-weight:normal; }

a.login:link { color:; text-decoration:underline; font-size:10px; font-weight:; }
a.login:visited { color:; text-decoration:underline; font-size:10px; font-weight:; }
a.login:active { color:; text-decoration:none; font-size:10px; font-weight:; }
a.login:hover { color:; text-decoration:none; font-size:10px; font-weight:; }

a.nav:link { color:#000000; text-decoration:underline; font-size:15px; font-weight:bold; }
a.nav:visited { color:#000000; text-decoration:underline; font-size:15px; font-weight:bold; }
a.nav:active { color:#FF7F00; text-decoration:none; font-size:14px; font-weight:bold; }
a.nav:hover { color:#FF7F00; text-decoration:underline; font-size:15px; font-weight:bold; }

a.button:link { text-decoration:none; }
a.button:visited { text-decoration:none; }
a.button:active { text-decoration:none; }
a.button:hover { text-decoration:none; }

a.video:link { text-decoration:none; font-size:24px; }
a.video:visited { text-decoration:none; font-size:24px; }
a.video:active { text-decoration:none; font-size:24px; }
a.video:hover { text-decoration:none; font-size:24px; }

#maincleared{
	clear:both;
	float:none;
}
#headcleared{
	clear:both;
	float:none;
}
#footcleared{
	clear:both;
	float:none;
}
#container{
    display:table;
}
#spaltelinks{
	float:left;
    display:table-cell;
    vertical-align:top;
}
#spaltemitte{
	float:left;
    display:table-cell;
    vertical-align:top;
}
#spalterechts{
    display:table-cell;
    vertical-align:top;
}
#cleared{
	clear:both;
	float:none;
}
.leftfloat{
	float:left;
	margin-right:25px;
	margin-top:0px;
	margin-bottom:25px;
}
.rightfloat{
	float:right;
	margin-left:25px;
	margin-top:0px;
	margin-bottom:25px;
}
.maincontainer{
    position: relative;
	top:0px;
	bottom:0px;
}
.edit {
	position:absolute;
	left:85%;
	top:30px;
	border:0;
	z-index: 99;
}
    .cancel {
    	position:fixed;
    	right:10px;
    	bottom:70px;
    	border:0;
    	z-index: 99;
    }
    .newobject {
    	position:fixed;
    	right:10px;
    	bottom:130px;
    	border:0;
    	z-index: 99;
    }
    .preview {
    	position:fixed;
    	right:10px;
    	bottom:10px;
    	border:0;
    	z-index: 99;
    }
    .reset {
    	position:fixed;
    	right:10px;
    	bottom:10px;
    	border:0;
    	z-index: 99;
    }
    .save {
    	position:fixed;
    	right:10px;
    	bottom:130px;
    	border:0;
    	z-index: 99;
    }
    .ok {
    	position:fixed;
    	right:10px;
    	bottom:130px;
    	border:0;
    	z-index: 99;
    }
    #ok {
      padding-top:3px;
    }
    .delete {
    	position:fixed;
    	right:10px;
    	bottom:10px;
    	border:0;
    	z-index: 99;
    }
    .filelist {
    	position:fixed;
    	right:10px;
    	bottom:190px;
    	border:0;
    	z-index: 99;
    }
.tooltip {
	color: #000000;
	outline: none;
	cursor: help;
	text-decoration: none;
	position: relative;
}
.tooltip span {
	margin-left: -999em;
	position: absolute;
}
.tooltip:hover span {
	position: absolute;
    font-size:14px;
    font-family:Microsoft Sans Serif;
	color: #FFFFFF;
	background: #000000;
	border: 1px solid #808080;
	left: 3em;
	top: 1em;
	z-index: 99;
	margin-left: 0px;
	width: 200px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.custom {
	text-align: left;
    padding-left:10px;
}
#titelbild {
	position: relative;
	width: 100%;
	margin-top: -20px;
	margin-bottom: 20px;
	z-index: 1;
}
#titelbildrad {
	position: relative;
	width: 100%;
}
#titelbildshad {
	position: relative;
	width: 100%;
	margin-top: -20px;
	margin-bottom: 20px;
	box-shadow: 2px 2px 10px black;
	-moz-box-shadow: 2px 2px 10px black;
	-webkit-box-shadow: 2px 2px 10px black;
	z-index: 1;
}
#titelbildradshad {
	position: relative;
	width: 100%;
	margin-top: -20px;
	margin-bottom: 20px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: 2px 2px 10px black;
	-moz-box-shadow: 2px 2px 10px black;
	-webkit-box-shadow: 2px 2px 10px black;
	z-index: 1;
}
#tbueberschrift {
	position: absolute;
	width: 100%;
	color: #000000;
	text-shadow: 3px 3px 2px rgba(15,20,25,0.5);
	padding-top: 2%;
	background-color: rgba(255,255,255,0.5);
	border-radius: 1px;
	-moz-border-radius: 1px;
	-webkit-border-radius: 1px;
	box-shadow: 1px 1px 2px white;
	-moz-box-shadow: 1px 1px 2px white;
	-webkit-box-shadow: 1px 1px 2px white;
	z-index: 2;
}
#colorselect {
	width: 50px;
	height: 5px;
	padding: 5px;
	margin: -18px 0 0 0;
	border: 1px solid black;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	box-shadow: 2px 2px 5px black;
	-moz-box-shadow: 2px 2px 5px black;
	-webkit-box-shadow: 2px 2px 5px black;
	cursor: pointer;
}
#rad {
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
#shad {
	box-shadow: 2px 2px 10px black;
	-moz-box-shadow: 2px 2px 10px black;
	-webkit-box-shadow: 2px 2px 10px black;
}
#radshad {
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: 2px 2px 10px black;
	-moz-box-shadow: 2px 2px 10px black;
	-webkit-box-shadow: 2px 2px 10px black;
}
#galeriecontainer {
	margin: 15px 0 0 0;
    display:inline;
}

.galerieinline {
    white-space: nowrap;
}

 /* The side navigation menu */
.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 100;
    top: 0;
    left: 0;
    background-color: #111;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 100px;
    text-align:center;
}

.sidenav a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 50px;
    color: #818181;
    display: block;
    transition: 0.3s;

}

.sidenav a:hover{
    color: #f1f1f1;
}

.sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 80px;
    margin-left: 50px;
}

.sidenav .logout {
    font-size:80px;
}

.opennav {
    cursor:pointer;
    font-size:40px;
    padding-left:20px;
}

.editpen {
    color:#eeb66d;
    margin-left:5px;
}
.editpen:hover {
    color: #000000;
}
.edittools {
    color:#1d31b4;
    margin-top:5px;
    margin-left:5px;
}
.edittools:hover {
    color: #bfbfbf;
}
.editdel {
    color:#d3090d;
    margin-top:5px;
    margin-left:5px;
}
.editdel:hover {
    color: #000000;
}
.editinfo {
    cursor:help;
    color:#ff7805;
    margin-left:5px;
}
.editinfo:hover {
    color: #000000;
}
.editcheck {
    color:#1b9306;
    font-weight:bold;
    margin-top:5px;
}
.editsearch {
    color:#1b9306;
    margin-top:5px;
}
.editsearch:hover {
    color: #000000;
}
.addfile {
    color:#1b9306;
    margin-left:5px;
}
.addfile:hover {
    color: #000000;
}
.edithelp {
    cursor:help;
    color:#1d31b4;
    margin-top:5px;
}
.material-icons.md-18 {
    font-size: 15px;
}
.material-icons.md-20 {
    font-size: 20px;
}


.btn {
  -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 2px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
          box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 2px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
  color: #FFFFFF;
  z-index: 99;
  width: 25px;
  height: 25px;
  padding: 10px;
  border-radius: 50%;
  cursor: pointer;
  text-align:center;
}
.btn:hover {
  -webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 7px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -1px rgba(0, 0, 0, 0.2);
          box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 7px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -1px rgba(0, 0, 0, 0.2);
  color: #FF7F00;

}
a.btn {
  color: #FFFFFF;
  text-decoration:none;
  font-size: 15px;
}
.button {
  -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 2px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
          box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 2px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
  color: #FFFFFF;
  z-index: 99;
  width: 45px;
  height: 45px;
  padding: 10px;
  border-radius: 50%;
  cursor: pointer;
}
.button:hover {
  -webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 7px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -1px rgba(0, 0, 0, 0.2);
          box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 7px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -1px rgba(0, 0, 0, 0.2);
  color: #FF7F00;

}
a.button {
  color: #FFFFFF;
}
.red {
  background-color: #000066 !important;
}

input[type="button"] {
  -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 2px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
          box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 2px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
    border : solid 0px #000000;
	border-radius : 5px;
	moz-border-radius : 5px;
	font-size : 20px;
	color : #FFFFFF;
	padding : 1px 17px;
    margin-left: 1px;
    margin-right: 1px;
	background : #000066;
    cursor:pointer;
}
input[type="button"]:hover {
  -webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 7px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -1px rgba(0, 0, 0, 0.2);
          box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 7px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -1px rgba(0, 0, 0, 0.2);
    color: #FF7F00;
}
input[type="submit"] {
  -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 2px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
          box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 2px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
    border : solid 0px #000000;
	border-radius : 5px;
	moz-border-radius : 5px;
	font-size : 20px;
	color : #FFFFFF;
	padding : 1px 17px;
    margin-left: 1px;
    margin-right: 1px;
	background : #000066;
    cursor:pointer;
}
input[type="submit"]:hover {
  -webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 7px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -1px rgba(0, 0, 0, 0.2);
          box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 7px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -1px rgba(0, 0, 0, 0.2);
    color: #FF7F00;
}
input[type="reset"] {
  -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 2px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
          box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 2px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
    border : solid 0px #000000;
	border-radius : 5px;
	moz-border-radius : 5px;
	font-size : 20px;
	color : #FFFFFF;
	padding : 1px 17px;
    margin-left: 1px;
    margin-right: 1px;
	background : #000066;
    cursor:pointer;
}
input[type="reset"]:hover {
  -webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 7px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -1px rgba(0, 0, 0, 0.2);
          box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 7px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -1px rgba(0, 0, 0, 0.2);
    color: #FF7F00;
}
.mybutton {
  -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 2px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
          box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 2px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
    border : solid 0px #000000;
	border-radius : 5px;
	moz-border-radius : 5px;
    width: 180px;
    min-height: 29px;
    font-size : 20px;
	color : #FFFFFF;
	padding : 1px 11px;
    margin-left: 1px;
    margin-right: 1px;
	background : #000066;
    cursor:pointer;

    display: inline-flex;
    align-items: center; /* cross axis */
    justify-content: center; /* main axis */
    line-height: 1; /* reset */
}
.mybutton:hover {
  -webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 7px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -1px rgba(0, 0, 0, 0.2);
          box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 7px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -1px rgba(0, 0, 0, 0.2);
    color: #FF7F00;
}
.anmelden {
    background-color: #DCDCDC !important;
    font-size : 20px !important;
	color : #000000 !important;
}
.anmelden:hover {
    color: #FF7F00 !important;
}
.fileUpload {
    position: relative;
    overflow: hidden;
    margin: 10px;
}
.fileUpload input.upload {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}

#images{visibility: hidden;}

#pix {
position: relative;
bottom: 0;
left: 0;
width: 100%;
}
a.pixbutton:link { text-decoration:none; }
a.pixbutton:visited { text-decoration:none; }
a.pixbutton:active { text-decoration:none; }
a.pixbutton:hover { text-decoration:none; }


.preloader {
  border: 8px solid #FFFFFF;
  border-radius: 50%;
  border-top: 8px solid #000066;
  border-right: 8px solid #000066;
  border-bottom: 8px solid #000066;
  width: 50px;
  height: 50px;
  margin: 10px 10px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin .7s linear infinite;
}
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

#hiddendiv {display:none;background-color: #FFFFFF;width:400px;height: 60px;margin-top: -20px;margin-bottom: 20px;}