body { font-family: Verdana,Helvetica,Arial,sans-serif; font-size: 16px; font-weight: normal; background-color :#0063A6; color: #666666; line-height: 18px; margin: 5px; padding: 5px; marginwidth: 25px; marginheight: 25px; topmargin: 25px; leftmargin: 25px; }
div { overflow:hidden; }
a:link { color:#0063A6; text-decoration: none; opacity: 0.9; }
a:visited { color:#0063A6; text-decoration: none; opacity: 0.8; }
a:hover { color:#0063A6; text-decoration: none; opacity: 0.5; }
a:active { color:#0063A6; text-decoration: none; opacity: 1.0; }
a.hovertext { position: relative; width: 100%; text-decoration: none; text-align: center; }
a.hovertext:after { content: attr(title); position: absolute; left: 0px; bottom: 5px; padding: 0px; width: 100%; text-decoration: none; background: #0063A6; color: #FFFFFF; font-size: 14px; text-align: center; opacity: 0; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; }
a.hovertext:hover:after, a.hovertext:focus:after { opacity: 1.0; }
font.smallletterspacing { letter-spacing: -3px; }
hr { height: 2; width: 75%; color:#666666; background-color:transparent;}
ul  { list-style-type: disc; }
ul.first { padding-left: 40px; line-height: 150%; }
ul.second { padding-left: 60px; line-height: 125%; }
ol  { list-style-type: decimal-leading-zero; }
ol.first  { list-style-type: decimal; line-height: 150%; }
ol.second { list-style-type: lower-roman; line-height: 125%; }
table { background-color :#eeeeee; width: 100%; height: 100%; border: 0; margin: 0px; padding: 5px; spacing: 5px; align: center; }
h1 { font-size: 28px; text-shadow: 0.5px 0.5px; }
h2 { font-size: 24px; text-shadow: 0.25px 0.25px; }
h3 { font-size: 20px; }
h4 { font-size: 16px; }
h5 { font-size: 14px; }
div.content_box { background: #FEFEFE; border: 1px solid #D9D9D9; padding: 15px 20px; margin-bottom: 25px; }
div.gray_box { background: #e2e2e2; padding: 15px 20px; margin-bottom: 15px; border: 1px solid #d9d9d9; }
div.person_info_text { float: left; }
div.person_info_photo { float: left; width: 200px; margin-right: 15px; }
div.person_info_photo img { width: 200px; }
iframe { min-height: 500px; width: 100%; frameborder: 0px; allowTransparency: true; bg-color: #666666; }
.outer { position: relative; }
.topleft { position: absolute; top: 5px; left: 5px; padding: 5px; background: #0063A6; color: #FFFFFF; font-weight: bold; font-size: 14px; text-align: center; }
.topright { position: absolute; top: 5px; right: 5px; padding: 5px; background: #0063A6; color: #FFFFFF; font-weight: bold; font-size: 14px; text-align: center; }
.bottomleft { position: absolute; bottom: 5px; left: 5px; padding: 5px; background: #0063A6; color: #FFFFFF; font-weight: bold; font-size: 14px; text-align: center; }
.bottomright { position: absolute; bottom: 5px; right: 5px; padding: 5px; background: #0063A6; color: #FFFFFF; font-weight: bold; font-size: 14px; text-align: center; }

#container { margin: auto; width: 90%; border-top-width: 5px; border-right-width: 5px; border-bottom-width: 5px; border-left-width: 5px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #101010; border-right-color: #101010; border-bottom-color: #101010; border-left-color: #101010; background: #F0F0F0; }
#container #header #header_left { float: left; background-image: url(http://syrgroyl.lima-city.de/material/buttons/header_left.gif); background-repeat: no-repeat; background: #000000; height: 42px; width: 45px; }
#container #header #header_right { background-image: url(http://syrgroyl.lima-city.de/material/buttons/header_right.gif); background-repeat: no-repeat; background: #000000; height: 42px; width: 6px; float: right; }
#container #content { padding: 5px; font-family: "Source Sans Pro",times new roman,serif; font-size: 12px; font-weight: normal; background: #F0F0F0; color: #101010; }
#container #footer { clear:both; font-family: "Source Sans Pro",times new roman,serif; font-size: 12px; background: #F0F0F0; color: #101010; text-align: right; border-top-width: 5px; border-right-width: 5px; border-bottom-width: 5px; border-left-width: 5px; border-top-style: solid; border-top-color: #101010; border-right-color: #101010; border-bottom-color: #101010; border-left-color: #101010; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px; }
#container #footer a { background: #F0F0F0; color: #101010; text-decoration: none; font-family: "Source Sans Pro",times new roman,serif; font-size: 10px; }
#container #header #header_main { float: left; padding: 5px; font-family: "Source Sans Pro",times new roman,serif; font-size: 12px; font-weight: bold; background: #F0F0F0; color: #101010; margin-top: 5px; margin-right: 5px; margin-bottom: 5px; margin-left: 5px; }
#container #header { padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; background-image: url(http://syrgroyl.lima-city.de/material/buttons/header_bg.gif); background-repeat: repeat-x; background: #000000; height: 42px; }
#navigation { width:400px; margin:0px auto; }
#navigation a { text-decoration:none; }
#nleft { width:100px; float:left; }
#nright { width:100px; float:right; text-align:right; }
.newsList { width:90%; margin:20px auto; border:1px solid #F0F0F0; border-collapse:collapse; }
.newsList a { text-decoration:none; background: #F0F0F0; color: #101010; }
.right { text-align:right; font-size:10px; }
.iform { margin:auto; padding:10px; }
* {box-sizing:border-box}
.Slide { display:none }
.slideshow-container { max-width: 1000px; height: 100%; max-height: 400px; position: relative; margin: auto; }
.dot { height: 10px; width: 10px; margin: 0 2px; background-color: #bbb; border-radius: 50%; display: inline-block; transition: background-color 0.6s ease; }
.active { background-color: #11897A; }
.fade { -webkit-animation-name: fade; -webkit-animation-duration: 1.5s; animation-name: fade; animation-duration: 1.5s; }
@-webkit-keyframes fade { from {opacity: .4} to {opacity: 1} }
@keyframes fade { from {opacity: .4} to {opacity: 1} }
@media only screen and (max-width: 300px) { .text {font-size: 11px} }