/* C 2010 by Reiner Nothdurft
size of the pages 1100x1000 px
Bannergroessen in px:
superbanner 728x90
fullsizebanner 500x100
rectangle 180x150
rectangle-m 180x200
rectangle-l 180x250
*/
.wrapper {
  margin:50px auto;
  width:600px;
  height:200px;
  background:transparent;
  border-radius:0px;
  -webkit-box-shadow:0px 0px 8px rgba(0,0,0,0.3);
  -moz-box-shadow:   0px 0px 8px rgba(0,0,0,0.3);
  box-shadow:        0px 0px 8px rgba(0,0,0,0.3);
  position:relative;
  z-index:90;
}
.ribbon-wrapper {
  width:600px;
  height:200px;
  overflow:hidden;
  position:absolute;
  top:0px;
  left:0px;
}
.ribbon {
  font:18px Sans-Serif;
  color:#333;
  text-align:center;
  text-shadow:rgba(255,255,255,0.5) 0px 1px 0px;
  -webkit-transform:rotate(-20deg);
  -moz-transform:   rotate(-20deg);
  -ms-transform:    rotate(-20deg);
  -o-transform:     rotate(-20deg);
  position:relative;
  padding:13px 0;
  left:-180px;
  top:10px;
  width:600px;
  height:46px;
  background-color:#EA2B15;
  background-image:-webkit-gradient(linear, left top, left bottom, from(#EA2B15), to(#FF3300)); 
  background-image:-webkit-linear-gradient(top, #EA2B15, #FF3300); 
  background-image:   -moz-linear-gradient(top, #EA2B15, #FF3300); 
  background-image:    -ms-linear-gradient(top, #EA2B15, #FF3300); 
  background-image:     -o-linear-gradient(top, #EA2B15, #FF3300); 
  color:#eaeaea;
  -webkit-box-shadow:0px 0px 3px rgba(0,0,0,0.3);
  -moz-box-shadow:   0px 0px 3px rgba(0,0,0,0.3);
  box-shadow:        0px 0px 3px rgba(0,0,0,0.3);
  z-index:91;
  filter:alpha(opacity=80);
  opacity:0.8;
  display:none;
}
.ribbon:before {
  left:0;
}
.ribbon:after {
  right:0;
}
.arial { font-family:'Arial', 'sans-serif'; }
.helvetica { font-family:'Helvetica', 'sans-serif'; }
.lustria { font-family:'Lustria', 'serif'; }
.alegreya { font-family:'Alegreya Sans', 'sans-serif'; }
.carrois { font-family:'Carrois Gothic SC', 'sans-serif'; }
.verdana { font-family:'Verdana', 'sans-serif'; }
.fixed { font-family: 'IBM Plex Mono', monospace; }

body {
  font-family:verdana,arial,helvetica,sans-serif;
  background-color:#ffffff;
  background-position:top left;
  text-align:center;
  color:#000000;
  padding:0px;
  border:0px;
  margin:5px 0px;
}
iframe {
  border:0px;
}
.superbnnr {
  max-width:728px;
  width:100%;
  height:90px;
}
.fullsizebnnr {
  width:500px;
  height:100px;
}
.rectangle {
  width:180px;
  height:150px;
}
.rectangle-m {
  width:180px;
  height:200px;
}
.rectangle-l {
  width:180px;
  height:250px;
}
#tleft, #tright {
  position:absolute;
  top:0px;
  width:1px;
  height:120px;
  background-color:white;
}
#tleft {
  left:0px;
}
#tright {
  right:0px;
}
#preload {
display:none
}
#preload img {
  position:absolute;
  height:0; 
  width:0; 
  border:none;
  bottom:0;
  left:0;
  z-index:-30;
}
#tickercontainer {
  position:absolute;
  top:0px;
  left:0px;
  z-index:1;
}
.colcontainer, .spacer  {
  position:relative;
  width:100%;
  border:0px;
  text-align:left;
  margin:0px auto;
  padding:0px;
  height:auto;
}
.spacer {
  min-height:5px;
}
.vspacer, .vspacer_back, .vspacer_backr {
  position:relative;
  margin:0px;
  padding:0px;
  border:0px;
  float:left;
  min-width:1px;
  min-height:120px;
}
.vspacer_back, .vspacer_backr {
  background-color:white;
  z-index:1;
}
.vspacer_backr {
  position:absolute;
  left:799px; 
}
.background_default {
  background-size:100% auto;
  background-repeat:repeat;
}
#maincontainer {
  border:0px;
  text-align:left;
  margin:0px auto;
  padding:0px;
  height:auto;
}
#topcontainer {
  width:100%;
  height:120px;
  background-color:#dfe3e3;
  text-align:left;
  margin:0px auto;
  padding:0px;
  border:0px;
}
#wrappercontainer {
  width:100%;
  min-height:1500px;
  height:auto !important; 
  padding:0px;
  border:0px;
}
#bannerimage {
  position:relative;
  top:20px; left:-70px;
  margin:0px 0px 0px;
  float:left;
}
#dslogocontainer {
  position:relative;
  left:0px;
  width:250px;
  background-color:#dfe3e3;
  text-align:center;
  margin:0px;
  padding:0px;
  border:0px;
  float:left;
}
#dslogoimage {
  position:relative; top:0px; left:48px;
  height:120px;
  width:155px;
  float:left;
  z-index:1;
}
#logoimage {
  position:absolute; top:35px; left:390px;
  height:120px;
  width:155px;
  float:left;
}
#bylogocontainer {
  position:absolute;
  right:0px;
  width:260px;
  background-color:#dfe3e3;
  text-align:center;
  margin:0px;
  padding:0px;
  border:0px;
  float:right;
}
#bylogoimage {
  position:relative; top:0px; right:45px;
  height:120px;
  width:170px;
  float:right;
  z-index:1;
}
#navcontainer {
  position:relative; top:5px; left:251px;
  height:30px;
  width:548px;
  background-color:#f0f0f0;
  text-align:left;
  margin:0px;
  padding:0px;
  border:0px;
}
#centralcontainer, #centralcontainer2 {
  position:relative;
  left:0px;
  width:548px;
  text-align:left;
  padding:0px;
  border:0px;
  float:left;
}
#centralcontainer2 {
  width:768px;
}
#contentcontainer, #contentcontainer2{
  top:0px; left:0px;
  width:510px;
  text-align:left;
  padding:0px;
  border:0px;
  margin:0px 20px;
}
#contentcontainer2 {
  top:0px;
  width:770px;
}
#mainbannercontainerL {
  position:relative;
  left:0px;
  width:250px;
  background-color:#dfe3e3;
  text-align:center;
  margin:0px;
  padding:0px;
  border:0px;
  float:left;
}
#mainbannercontainerR {
  position:relative;
  right:0px;
  width:260px;
  background-color:#dfe3e3;
  text-align:center;
  margin:0px;
  padding:0px;
  border:0px;
  float:right;
}
.MouseOver  { 
  border:solid 1px black; 
  position:absolute; 
  background-color:#FFF; 
}
.bannercontainerL {
  left:0px;
  height:200px;
  width:250px;
  background-color:#dfe3e3;
  text-align:center;
  margin:5px;
  padding:0px;
  border:0px;
}
.bannercontainerR {
  left:-10px;
  height:200px;
  width:260px;
  background-color:#dfe3e3;
  text-align:center;
  margin:10px;
  padding:0px;
  border:0px;
}
.hidden {
  position:absolute; top:0px; left:0px;
  visibility:hidden;
  text-decoration:none;
  font-size:10px;
  color:#d0d0d0;
}
ul {
  list-style-type:none;
  padding:0;
  margin:0;
}
ul li {
  background:transparent;
  background-image:url(img/bullet.gif);
  background-repeat:no-repeat;
  background-position:0px 2px;
  padding-left:20px;
  margin-left:0px;
  font-size:14px;
}
.shariff>ul li {
  background-image:none;
  padding-left:0px;
}
ol {
  list-style-type:none;
  padding:0;
  margin:0;
  background:transparent;
  background-image:none;
  background-repeat:no-repeat;
  background-position:0px 2px;
  text-align:left;
  font-size:14px;
}
ol li { /* the rules that do the indenting */
  padding-left:15px;
  text-indent:-15px;
  min-height:20px;
}
a, img {
  border:0;
}
.red {
  color:#c00000;
}
.blue {
  color:#8000ff;
}
.yellow {
  color:#ffff00;
}
.black {
  color:#000000;
}
.grey {
  color:#dfe3e3;
}
.nice_grey {
  color:#606060;
}
.strong_grey {
  color:#404040;
}
.dark_grey {
  color:#202020;
}
.light {
  font-weight:normal;
}
button, .button_branch, .blk-button {
  text-align:left;
  font-size:14px;
  font-weight:bold;
  width:100%;
}
input {
  text-align:left;
  font-size:14px;
}
button:hover, input:hover, .button_sub:hover, .button_branch:hover, .button_exp:hover, .blk-button:hover {
  box-shadow:2px 2px 1px #777;
  color:#4863a0;
}
/* .blk-button:hover {
  animation-iteration-count: 1;
} */
.button_branch {
  color:#c00000;
}
.button-activated {
  font-weight:normal;
  color:#8000ff;
}
.button_branch-activated {
  color:#8000ff;
}
.button_sub {
  font-weight:normal;
  width:300px
}
.button_complex {
  font-weight:normal;
  width:100%;
  color:#c00000;
}
.button_complex-activated {
  font-style:italic;
  width:100%;
  color:#c00000;
}
.button_exp {
  font-weight:normal;
  width:80%;
  color:#c00000;
}
.button_exp-activated {
  width:80%;
  color:#8000ff;
}
@-webkit-keyframes glowing {
  0% { color: #dfe3e3; background-color: #606060 -webkit-box-shadow: 0 0 0px #606060; }
  50% { color: #000000; background-color: #ffffff; -webkit-box-shadow: 0 0 0px #ffffff; }
  100% { color: #dfe3e3; background-color: #606060; -webkit-box-shadow: 0 0 0px #606060; }
}

@-moz-keyframes glowing {
  0% { color: #dfe3e3; background-color: #606060; -moz-box-shadow: 0 0 0px #606060; }
  50% { color: #000000; background-color: #ffffff; -moz-box-shadow: 0 0 0px #ffffff; }
  100% { color: #dfe3e3; background-color: #606060; -moz-box-shadow: 0 0 0px #606060; }
}

@-o-keyframes glowing {
  0% { color: #dfe3e3; background-color: #606060; box-shadow: 0 0 0px #606060; }
  50% { color: #000000; background-color: #ffffff; box-shadow: 0 0 0px #ffffff; }
  100% { color: #dfe3e3; background-color: #606060; box-shadow: 0 0 0px #606060; }
}

@keyframes glowing {
  0% { color: #dfe3e3; background-color: #606060; box-shadow: 0 0 0px #606060; }
  50% { color: #000000; background-color: #ffffff; box-shadow: 0 0 0px #ffffff; }
  100% { color: #dfe3e3; background-color: #606060; box-shadow: 0 0 0px #606060; }
}

.blk-button {
  -webkit-animation: glowing 1500ms infinite;
  -moz-animation: glowing 1500ms infinite;
  -o-animation: glowing 1500ms infinite;
  animation: glowing 1500ms infinite;
}
.simple-links, .simple-links:visited, .simple-links:active {
  text-decoration:none;
}
.simple-links:hover {
  text-decoration:none;
}
.jobs-links, .jobs {
  width:100%;
  border:2px solid white;
}
.jobs-links:hover {
  background-color:white;
}
.nav-links, .nav-links:visited, .nav-links:active {
  background:transparent none repeat scroll 0% 50%;
  text-decoration:none;
  text-align:left;
  font-size:14px;
  font-weight:bold;
  color:#c00000;
}
.nav-links:hover {
  background:#ffafaf none repeat scroll 0% 50%;
  text-decoration:none;
  text-align:left;
  font-size:14px;
  font-weight:bold;
  color:#000000;
}
.nav-links2, .nav-links2:visited, .nav-links2:active {
  background:transparent none repeat scroll 0% 50%;
  text-decoration:none;
  text-align:left;
  font-size:12px;
  font-weight:normal;
  color:#c00000;
}
.nav-links2:hover, .nav-links2-activated {
  background:#ffafaf none repeat scroll 0% 50%;
  text-decoration:none;
  text-align:left;
  font-size:12px;
  font-weight:normal;
  color:#c00000;
}
.plz-links, .plz-links:visited, .plz-links:active {
  border:2px solid #aaa;
  background:transparent none repeat scroll 0% 50%;
  text-decoration:none;
  text-align:left;
  font-size:12px;
  font-weight:normal;
  color:#c00000;
}
.plz-links:hover, .plz-links-activated {
  border:2px solid #aaa;
  background:#ffafaf none repeat scroll 0% 50%;
  text-decoration:none;
  text-align:left;
  font-size:12px;
  font-weight:normal;
  color:#c00000;
}
.hlt-links, .hlt-links:visited, .hlt-links:active {
  background:transparent none repeat scroll 0% 50%;
  text-decoration:none;
  text-align:left;
  font-size:14px;
  font-weight:bold;
  color:#8000ff;
}
.hlt-links:hover, .hlt-links-activated {
  background:transparent none repeat scroll 0% 50%;
  text-decoration:none;
  text-align:left;
  font-size:14px;
  font-weight:bold;
  color:#8000ff;
}
.blk-links, .blk-links:visited, .blk-links:active {
  background:transparent none repeat scroll 0% 50%;
  text-decoration:none;
  text-align:left;
  font-size:14px;
  font-weight:bold;
  color:#000000;
}
.blk-links:hover {
  background:#afafaf none repeat scroll 0% 50%;
  text-decoration:none;
  text-align:left;
  font-size:14px;
  font-weight:bold;
  color:#000000;
}
#selected {
  background:#c00000 none repeat scroll 0% 50%;
  color:#ffffff;
}
.left {
  text-align:left;
}
.center {
  text-align:center;
}
.right {
  text-align:right;
}
.tabstd, .olstd {
  margin:0px;
  padding:0px;
  border-collapse:collapse;
  text-align:left;
}
.tabact {
  padding:10px;
  border-collapse:collapse;
}
.tabcenter {
  margin:0px;
  padding:0px;
  border-collapse:collapse;
  width:940px;
}
.tdnav {
  height:21px;
  color:#d0d0d0;
}
.tdnavfill {
  text-align:right;
  height:9px;
}
.tdnavtop {
  text-align:right;
  height:70px;
}
.text1ms {
  font-size:14pt;
  font-weight:bold;
  font-family:'Arial', 'sans-serif';
  line-height:17pt;
}
.text2ms {
  font-size:11pt;
  font-weight:bold;
	font-family:'Arial', 'sans-serif';
  line-height:13.5pt;
}
h1, .text1 {
  font-size:18px;
  font-weight:bold;
}
.text1f {
  font-size:18px;
  font-weight:bold;
  font-style:italic;
}
h1:first-letter, .text1:first-letter { 
  font-size:200%;
  font-family:Helvetica;
  color:#EA2B15
}
.text1b {
  font-size:16px;
  font-weight:bold;
}
.text2 {
  font-size:14px;
}
.text2b {
  font-size:14px;
  font-weight:bold;
}
.text2bf {
  font-family:'IBM Plex Mono', monospace; 
  font-size:14px;
  font-weight:bold;
}
.text2l {
  text-align:left;
  font-size:14px;
}
.text2r {
  text-align:right;
  font-size:14px;
}
.text3 {
  font-size:12px;
  font-weight:normal;
}
.text3f {
  font-family:'IBM Plex Mono', monospace; 
  font-size:12px;
  font-weight:normal;
}
.text3b {
  font-size:12px;
  font-weight:bold;
}
.text3bf {
  font-family:'IBM Plex Mono', monospace; 
  font-size:12px;
  font-weight:bold;
}
.text4 {
  font-size:10px;
  font-weight:normal;
}
.text5 {
  font-size:6px;
  font-weight:normal;
}
.text6 {
  font-family:Helvetica;
  text-align:center;
  font-size:6px;
  font-weight:normal;
}
.text3px {
  font-family:Helvetica;
  text-align:center;
  font-size:3px;
}
.anz {
  position:relative;
  width:180px;
  min-height:80px;
  margin:0 auto;
  font-family:Helvetica;
  text-align:right;
  font-size:9px;
}
.anzcenter {
  font-family:Helvetica;
  text-align:center;
  font-size:9px;
}
.menudist {
  color:darkgrey;
  font-size:6px;
  margin:0px;
  padding:6px;
}
.amenudist {
  color:#c00000;
  font-size:12px;
  font-weight:bold;
  text-align:left;
  margin:0px;
  padding:10px;
  padding-top:15px;
  padding-bottom:3px;
}
.impressum {
  position:relative;
  width:100%;
  border:0px;
  margin:0px auto;
  padding:0px;
  height:auto;
  text-align:right;
  font-size:10px;
}
.atexttop {
  font-family:arial, latin;
  font-style:italic;
  font-size:36px;
  font-weight:bold;
  color:#EA2B15
}
.atext {
  font-size:12px;
}
#slist {
  width:100%;
  margin:0px;
  padding:0px;
  border-collapse:collapse;
  text-align:left;
}
.vfiller10{
  height:10px;
}
.vfiller6{
  height:6px;
}
.vfiller3{
  height:3px;
}
.vfiller2{
  height:2px;
}
.vfiller1{
  height:1px;
}
#slist .vfiller{
  height:10px;
}
#slist .vfiller2{
  height:6px;
}
.plz {
  font-size:18px;
  font-weight:bold;
  font-style:italic;
  height:30px;
  width:100%;
}
.plztrenn {
  font-size:18px;
  font-weight:bold;
  font-style:italic;
  height:30px;
  border-top:1px solid #555;
  width:100%;
}
.plztrenn2, .jobstrenn {
  width:55%;
  border-left:none;
  margin-left:25%;
}
.entrytrenn {
  width:100%;
  height:10px;
  border-top:1px solid #555;
}
.sentry {
  border-left:3px solid red;
  margin-left:20px;
}
.sentry .vfiller {
  height:6px;
}
.sentry td {
  width:100%; 
  padding-left:10px;
}
.sentry .textname {
  font-size:16px;
  font-weight:bold;
}
.sentry .textnormal {
  font-size:14px;
}
.sentry .textsmall {
  font-size:12px;
}
.blinker, .highlight {
  font-weight:bold;
  color:red;
}
.ticker {
  color:red;
  font-weight:bold;
  background-color:white;
}
.infow {
  height:40px;
  width:120px;
  font-size:x-small;
}
.map {
  height:500px;
  width:500px;
}
.map_canvas {
    height:440px;
    width:500px;
}
@media print {
  html, body {
    height:auto;
  }
  .map_canvas {
    height:440px;
    width:500px;
  }
}
.clearfix:after {
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}
 
.clearfix {display:inline-block;}
 
/* Hides from IE-mac \*/
* html .clearfix {height:1%;}
.clearfix {display:block;}
/* End hide from IE-mac */