body {font-family: 'Open Sans', sans-serif; background:#E8E8E8;padding:0;margin:0;}

a {text-decoration:none}
img {border:0px;}

#logo {float: left;z-index: 5;width: 215px;position: relative;}
#logo a {color:#d0d0d0;text-transform:uppercase;top:10px;left:10px;position:relative;font-size:22px;}

#navi {position:relative;width:100%;height:53px;background: #ce223e;margin: auto;color:#e5e5e5;}

#menu-c {position: relative;margin: auto;}

#navigation {position: relative;margin: auto;z-index: 2;}
#navigation li {float:left;list-style-type:none;}
#navigation li a {position:relative;color:#e5e5e5;list-style-type:none;top:15px; padding:15px 20px 15px 20px;
   -webkit-transition: background 0.5s linear;
        -moz-transition: background 0.5s linear;
        -ms-transition: background 0.5s linear;
        -o-transition: background 0.5s linear;
        transition: background 0.5s linear;
}


#navigation li a:hover, .navigation-select {background:#ab1c34;}


#sub-navi {position:relative;height:30px;background: #e0e0e0;margin: auto;color:#e5e5e5;}

#sub-navigation {position: relative;left:-39px;margin: auto;z-index: 2;}
#sub-navigation li {float:left;list-style-type:none;}
#sub-navigation li a {position:relative;color:#3f3f3f;list-style-type:none;top:3px; padding:5px 10px 5px 10px;
   -webkit-transition: background 0.5s linear;
        -moz-transition: background 0.5s linear;
        -ms-transition: background 0.5s linear;
        -o-transition: background 0.5s linear;
        transition: background 0.5s linear;
font-size:13px;
background:#c5c5c5;
}

#sub-sub-navi {position: relative;left:-45px;margin: auto;z-index: 2;}
#sub-sub-navi li {float:left;list-style-type:none;}
#sub-sub-navi li a {position:relative;color:#e5e5e5;list-style-type:none;top:3px; padding:5px 10px 5px 10px;
   -webkit-transition: background 0.5s linear;
        -moz-transition: background 0.5s linear;
        -ms-transition: background 0.5s linear;
        -o-transition: background 0.5s linear;
        transition: background 0.5s linear;
font-size:13px;
border:1px solid #db092d; background:#ab1c34;
}

.content-tab {border:2px solid #ab1c34;border-radius:5px;position:relative;margin-top:-23px;padding:20px 5px 5px 5px;width:750px;left:-6px;}

#sub-sub-navi li a:hover, li a.sub-sub-navi-selected  {background:#db092d;color:#e5e5e5}

#sub-navigation a:hover, .sub-navigation-select {background:#a03547;}

#body {margin: auto;position: relative;background: white;padding:10px;font-size:13px;width:95%;}

.clear {clear: both;}

h2 {font-size:14px;font-weight:bold;border-bottom:1px solid #ebebeb}


.box {
	width:700px;

	padding:5px;
	border-radius:2px;
	box-shadow:0px 0px 2px #313131;
}

.box h3 {margin:0;margin-bottom:4px;padding:6px 8px 6px 5px;width:97.5%;border-radius:2px;background:#ce223e;color:#f0f0f0;font-size:15px;letter-spacing:1px;
text-shadow: 1px 1px 0px #000;
}
.box h3 a {color:white;}

.button {
font-size:12px;
width:100px;
text-align:center;
padding:15px 30px;
background-color:#1652a4;
position:relative;
margin:5px;
float:left;
box-align:center;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
cursor:url(cursor1.cur),pointer;
color:#FFFFFF;
}

.input-select {width:200px;}

.submit-button, .submit-button-next, .submit-button-cancel {background:#e8e7e7;border:1px solid #828282;padding:7px 15px;cursor:pointer;border-radius:3px;}
.submit-button:hover, .submit-button-next:hover, .submit-button-cancel:hover  {border: 1px solid #8e8e8e;background:#d1d1d1;}

.submit-button-next {width:99%; background:#e8e7e7;font-size:15px;}

.submit-button-cancel {background:#e32645;color:#f3f3f3;}

.input-text {border:1px solid #a8a8a8;background:#fbfbfb;border-radius:2px; width:190px;padding:5px 5px;outline:none;}
.input-text:focus {border:1px solid #2171de;}

.error {padding:3px 5px; border:1px solid red; color:red;width:270px}
.success {padding:3px 5px; border:1px solid #28b621; color:#28b621;width:810px;margin-left:15px;margin-bottom:5px;}

#print {background:white;font-size:13px;}

#print-page {position:relative;margin:auto;width:900px;padding:5px;}

.print-box1 {border:1px solid #c4c4c4;padding:5px;border-radius:5px;margin:5px;}

.print-box {font-size:12px}

.print-box h3 {font-size:13px;margin:3px 0px;padding:2px 3px;width:98%;box-shadow: inset 0 0 0 1000px #2171DE; color:white;}

.print-box1, .print-box1 h1 {font-size:17px;}
.print-box1 h2, .print-box h2 {margin:2px 0px 2px 0px;padding:0;}


.table {width:900px;left:10px;position:relative;}

.table td, .table th , .tablebenutzer td, .tablebenutzer th, .table-small td, .table-small th {

	font-size:12px;
	background: #f7f7f7;
	margin:2px;
	position:relative;
	 border:1px solid #d3d3d3;font-size:15px;
	color: #666666;
	text-shadow: 1px 1px 0px #fff;
	filter: dropshadow(color=#fff, offx=1, offy=1);
	padding:4px 3px;
}

.table th, .tablebenutzer th, .table-small th {
    font-size: 1.1em;
    text-align: left;
    padding-top: 5px;
    padding-bottom: 4px;
    background-color: #828282;
    color: #ffffff;
	text-shadow: 1px 1px 0px #000;
}

.table tr.alt td, .tablebenutzer tr.alt td, .table-small tr.alt td {
    color: #000000;
    background-color: #EAF2D3;
}

.tablebenutzer {width:99%;}
.table-small {width:670px;}


.tablecolor {border:1px solid #e0e0e0;color:#262626; font-size:14px;}
.tablecolor tr:nth-child(even) {background: #f9f9f9;}
.tablecolor tr:nth-child(odd) {background: #f2f2f2;}

#cartDiv {position:absolute;left:300px;top:200px;width:400px;height:180px;background:#f9f9f9; box-shadow:0px 0px 10px #414141;border-radius:3px;padding:5px;font-size:15px;z-index:100;border:1px solid #414141}


#delete-box {margin:auto;position:relative;width:390px;text-align:center;font-size:15px;}
.deletebutton {background:#1652a4;position:relative;padding:10px 20px;margin:10px 0px; color:white;border-radius:3px;}

.small {font-size:10px;text-align:right;position:absolute;right:2px;top:2px;}

.red {color:red;font-size:12px;}

.ui-datepicker-trigger {position:relative;top:10px;}

#ui-datepicker-div {
  font-size:15px;
  margin-left: -100px;
  margin-top: 40px;
}

.width-button a {position:relative;top:2px;background:#2171DE; opacity:0.7;color:white;width:140px;height:22px;padding-top:3px;display:block;text-align:center;margin:auto;}



.width-button a:hover {opacity:1;
	 -webkit-transition: opacity 0.5s linear;
        -moz-transition: opacity 0.5s linear;
        -ms-transition: opacity 0.5s linear;
        -o-transition: opacity 0.5s linear;
        transition: opacity 0.5s linear;

	}


/* Liegeplatz Map */
.liege-map {position:relative;width:1250px;margin-bottom:10px;top:-40px;min-height:400px;background: #68aada;border-radius:3px;}

.map-steg {position:relative;opacity:0.9;margin:60px 0px;top:30px; background: #b6895e;height:20px;color:#f6f6f6;border-radius:2px;border:1px solid #b38456;}
.map-steg:hover {
	border:1px solid #f1f1f1;
	opacity:1;
	 -webkit-transition: opacity 0.5s linear;
        -moz-transition: opacity 0.5s linear;
        -ms-transition: opacity 0.5s linear;
        -o-transition: opacity 0.5s linear;
        transition: opacity 0.5s linear; }
.map-steg span {position:relative;top:0px;left:10px;font-size:14px;}

.map-steg-platz, .map-steg-platz-top, .map-steg-platz-bottom {position:relative;margin:0;top:-19px;left:14px;list-style:none; font-size:10.5px;}
.map-steg-platz li, .map-steg-platz-top li, .map-steg-platz-bottom li {
	width:13px;
	position:relative;padding:2px 5px; color:white; float:left; margin:0px 3px;
	border-radius:3px;

}
.map-steg-platz li:hover, .map-steg-platz-top li:hover, .map-steg-platz-bottom li:hover {border:1px solid #f1f1f1;}

.map-steg-platz-top {top:-42px;}

.map-steg-platz-bottom {top:-16px;}

.clear {clear:both;}

.steg-platz-green {background:#4dd31f; border:1px solid #4dd31f;}
.steg-platz-yellow {background:#eee607; border:1px solid #eee607;}
.steg-platz-red {background:#ee4807; border:1px solid #ee4807;}
.steg-platz-red2 {background:#c80505; border:1px solid #c80505;}

.greenpoint, .redpoint, .yellowpoint {font-size:26px;position:relative;top:-2px;}

.greenpoint {color:#4dd31f;}
.redpoint {color:#ee4807;}
.yellowpoint {color:#eee607;}

.ui-button-text-only, .ui-button-text  {padding:1px 10px;}



 .arrow {
   width: 70px;
   height: 16px;
   overflow: hidden;
   position: absolute;
   left: 50%;
   margin-left: -35px;
   bottom: -16px;
 }
 .arrow.top {
   top: -16px;
   bottom: auto;
 }
 .arrow.left {
   left: 20%;
 }
 .arrow:after {
   content: "";
   position: absolute;
   left: 20px;
   top: -20px;
   width: 25px;
   height: 25px;
   box-shadow: 6px 5px 9px -9px black;
   -webkit-transform: rotate(45deg);
   -ms-transform: rotate(45deg);
   transform: rotate(45deg);
 }
 .arrow.top:after {
   bottom: -20px;
   top: auto;
 }


 .time {position:relative;border:1px solid #d0d0d0;padding:2px 10px;height:15px;}


 .terminbox {position:relative;border:1px solid #d0d0d0;padding:2px 10px;width:190px;height:15px;margin-left:-5px;}
 .terminbox:hover {background:#e4e4e4;}

 .datumtop {
 	text-shadow: 1px 1px 0px #000000;
 	filter: dropshadow(color=#fff, offx=1, offy=1);
	 color:#d5d5d5;background:#525252;position:relative;font-size:22px;text-transform:uppercase;height:55px;cursor:pointer;border:1px solid #cfcfcf;}

 a.datebuttons:hover {background:#9a9a9d;}
 .datebuttons {background:#cfcfcf;cursor:pointer;border:1px solid #9a9a9d;width:40px;padding:18px;}
 a.datebuttons {color:#1d1d1d;}


.input {
  width:120px;height:15px;font-size:15px;list-style:none;margin-right:1px;padding: 2px;
  border: solid 1px #f8f8f8;
  transition: border 0.3s;text-align:center;outline:none;color:#414141;
}

.input:hover, .input:focus {border: solid 1px #353535;}

.input-green {background:#90ff85;}
.input-red {background:#fc627b;}

#table-1 {position:relative;margin-top:15px;}

.names {
	background: #ededed;
	margin:2px;
	position:relative;
	 border:1px solid #d3d3d3;font-size:15px;
	color: #666666;
	text-shadow: 1px 1px 0px #fff;
	filter: dropshadow(color=#fff, offx=1, offy=1);
	padding:7px 3px;
}

#header-fixed {
    position: fixed;
    top: 0px; display:none;
    background-color:white;
}

a.auswahl {color:#525252;text-shadow: 1px 1px 0px #fff;
	filter: dropshadow(color=#fff, offx=1, offy=1);}
.auswahl {position:relative;margin:0px 10px;font-size:18px;border-radius:3px;border:1px solid #525252;background: #ededed;padding:20px 50px;}

.auswahl:hover {background:#525252; color:#ededed;transition: background 0.3s;}


a.edit-button {
  border-radius: 0px;
  padding: 2px 5px;
  text-decoration: none;
  margin: 2px;
  color: #636e72;
  position: relative;
  display: inline-block;
  background:#dfe6e9;
  box-shadow: 2px 1px 1px 1px #b2bec3;
}
a.edit-button:hover {background:#e7e7e7;}


select {
   margin: 50px;
    border: 1px solid #111;
   background: transparent;
   width: 150px;
   padding: 5px 35px 5px 5px;
   font-size: 16px;
   border: 1px solid #ccc;
   height: 30px;
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
    background: url(./drop.png) 96% / 15% no-repeat #fff;
}
/*target Internet Explorer 9 and Internet Explorer 10:*/
@media screen and (min-width:0\0) {
    select {
        background:none;
        padding: 5px;
    }
}

.formtable {width:99%;}

.formtable td {
	background: #ededed;
	margin:2px;
	position:relative;
	 border:1px solid #d3d3d3;font-size:15px;
	color: #666666;
	text-shadow: 1px 1px 0px #fff;
	filter: dropshadow(color=#fff, offx=1, offy=1);
	padding:7px 3px;
}


/*
*************************************
          Copyright 2018
               benn
*************************************
*/

/* Google Fonts */
@import url(https://fonts.googleapis.com/css?family=Open+Sans);

/* set global font to Open Sans */

/* header/copyright link */
.link {
  text-decoration: none;
  color: #55acee;
  border-bottom: 2px dotted #55acee;
  transition: .3s;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  -o-transition: .3s;
  cursor: url(http://cur.cursors-4u.net/symbols/sym-1/sym46.cur), auto;
}

.link:hover {
  color: #2ecc71;
  border-bottom: 2px dotted #2ecc71;
}

/* button div */
#buttons {
  padding-top: 50px;
  text-align: center;
}

/* start da css for da buttons */
.btn {
  border-radius: 0px;
  padding: 15px 25px;
  font-size: 22px;
  text-decoration: none;
  margin: 10px;
  color: #636e72;
  position: relative;
  display: inline-block;
}

.btn:active {
  transform: translate(0px, 5px);
  -webkit-transform: translate(0px, 5px);
  box-shadow: 0px 1px 0px 0px;
}


.white {
  background-color: #dfe6e9;
  box-shadow: 0px 5px 0px 0px #b2bec3;
}

.white:hover {
  background-color: #b2bec3;
}

.blue {
  background-color: #55acee;
  box-shadow: 0px 5px 0px 0px #3C93D5;
}

.blue:hover {
  background-color: #6FC6FF;
}

.green {
  background-color: #2ecc71;
  box-shadow: 0px 5px 0px 0px #15B358;
}

.green:hover {
  background-color: #48E68B;
}

.red {
  background-color: #e74c3c;
  box-shadow: 0px 5px 0px 0px #CE3323;
}

.red:hover {
  background-color: #FF6656;
}

.purple {
  background-color: #9b59b6;
  box-shadow: 0px 5px 0px 0px #82409D;
}

.purple:hover {
  background-color: #B573D0;
}

.orange {
  background-color: #e67e22;
  box-shadow: 0px 5px 0px 0px #CD6509;
}

.orange:hover {
  background-color: #FF983C;
}

.yellow {
  background-color: #f1c40f;
  box-shadow: 0px 5px 0px 0px #D8AB00;
}

.yellow:hover {
  background-color: #FFDE29;
}

/* copyright stuffs.. */
p {
  text-align: center;
  color: #55acee;
  padding-top: 20px;
}