*	  { font-family:Arial; font-size: 14px; color: #616161;  }
TABLE { font-family:Arial; font-size: 14px; color: #616161;  }
.head { font-size: 16px; color: #2A2E46; }


.header  {  margin:0 auto; text-align:left; padding:5px; padding-left:35px; margin-top:25px; font-size:15px; color: #545979;
			background:#C2D2C9; width:580px; border:solid 1px #CDD4EC; font-weight:bold; }

.buttonbox { max-width:50%; margin:0 auto; text-align:center; margin-top:25px; }
.buttonfl  { float:left;}
.buttoncl  { clear:left;margin-bottom:20px; }


a.linkbutt_int {  margin:5px; font-size:12px; display:block; color: #414A84; background:#CED8F6; text-decoration:none; padding:3px; width:150px;
				padding-left:45px; padding-right:45px; border:solid 1px #CDD4EC; -moz-border-radius:4px; -webkit-border-radius: 4px; border-radius: 4px; }
a.link_list {  font-size:11px; display:block; color: #414A84; background:#EEFBF1; text-decoration:none; padding:2px; min-width:150px;
				padding-left:15px; padding-right:10px; border:solid 1px #CDD4EC; }

a.linkbutt_int:hover, a.link_list:hover,a.navi_butt:hover {  background:#CFF3F7; }

a.navi_butt {  font-size:11px; display:block; color:#414A84; background:#E8ECE9; text-decoration:none; padding:4px; width:90px;
				padding-left:10px; padding-right:10px; border:solid 1px #91A497; -moz-border-radius:4px; -webkit-border-radius: 4px; border-radius: 4px; }
/* Heutiger Tag in der Liste */
.current_day{ display: inline-block; box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.5);width:95%; }

.green {
    color:#009900; font-weight: 700;
}

td.padd_bott  { padding-bottom:25px; }
input[type="submit"] { padding-left:20px;padding-right:20px; font-size:13px; height:25px; background:#0068b4; color:#ffffff; cursor:pointer;
				 border-radius: 4px; width:180px; }
input, textarea { border:1px solid #0068b4; }

#media_content  {  width:150px; height:500px; position:absolute; z-index:10; overflow-y: scroll;  }

        .small-image {
            width: 100px;
            cursor: pointer;
            margin: 5px;
        }

        #large-image-container {
            display: none;
            position: fixed;
            top: 28%;
            right: -170px;
            width:500px;
            transform: translate(-50%, -50%);
            padding: 10px;
            border-radius: 10px;
            z-index: 1000;
        }

        #large-image-container img {
            max-width: 450px;
            max-height: 450px;
        }

        #large-image-container .close-btn {
            position: absolute;
            top: 10px;
            right: 10px;
            color: white;
            font-size: 20px;
            cursor: pointer;
        }

ul {
	margin: 6px 0px 0px;
	padding: 0px;
}

ul li {
	display: inline-block;
	list-style-type: none;
	margin-left: 1%;
	margin-right: 1%;
	padding: 5px;
}

#previewLayer {
    line-height:1.4;
    font-size: 16px;
    box-shadow: 6px 6px 13px rgba(0, 0, 0, 0.5);
    display: none; position:ABSOLUTE; z-index: 200; top: 50%; left: 70%;
    transform: translate(-50%, -50%); background: white; padding: 20px;
    border: 1px solid black;
}

ul  {
    margin: -20px 0 -20px 20px;
}

ul li {
    padding: 2px;
    list-style-type:circle;
    display:inline flow-root list-item;
}

@media only screen and (max-width: 800px) {
.buttonbox { width:95%;}

}