/* CSS Document */
* { box-sizing: border-box; }
body { display: table; margin: 0 auto; padding:0px; background:#80161c; color:black; text-align:center;  }
html, body { height:100%; }

img { border:none; }

a:link { font-weight:bold;color:#80161c; text-decoration:none; }
a:visited { font-weight:bold;color:#80161c; text-decoration:none; }
a:focus { font-weight:bold;color:#80161c; text-decoration:none; }
a:hover { font-weight:bold;color:#80161c; text-decoration:none; }
a:active { font-weight:bold;color:#80161c; text-decoration:none; }

.hauptmenue { position:absolute; left: 13px; top: 293px; width: 856px; text-align: center; font-family:'Trebuchet MS', Arial, Verdana, sans-serif; font-weight:bold; font-size: 14px; }
.menue_nav { position:absolute; left: 12px; top: 293px; width: 856px; text-align: center; font-family:'Trebuchet MS', Arial, Verdana, sans-serif; font-weight:bold; font-size: 14px; }

.menue_nav_box_txt { position:absolute;left:35px; top:1px; color:#80161c; font-family:'Trebuchet MS', Arial, Verdana, sans-serif; font-weight:bold; font-size: 14px; }
.menue_nav_box { position:absolute; left: 12px; width: 20px; height: 20px; background:#333333; }
.menue_nav_box2 { position:absolute; left: 32px; width: 97px; height: 20px; background:#d0d0d0; }

.debug_link { color:#3a3a3a; font-family:'Trebuchet MS', Arial, Verdana, sans-serif; font-size: 10px; }

.impressum { position:absolute;left:235px; top:150px; width:200px;height:400px;color:#3a3a3a; font-family:'Trebuchet MS', Arial, Verdana, sans-serif; font-size: 14px; text-align: left; background:white; }
.datenschutz { position:absolute;left:180px; top:115px; width:650px;height:470px;overflow-y:auto;color:#3a3a3a; font-family:'Trebuchet MS', Arial, Verdana, sans-serif; font-size: 14px; text-align: left; background:white; }

.portfolio_txt { position:absolute;left:180px;width:620px;height:auto;top:150px;text-align: left; color:#3a3a3a; font-family:'Trebuchet MS', Arial, Verdana, sans-serif; font-size: 14px; background:white; }
.portfolio_img { border: 1px solid #d8d8d8; }
.popup_img { border: 1px solid #a8a8a8; }
.popup_txt { text-align: center; color:#3a3a3a; font-family:'Trebuchet MS', Arial, Verdana, sans-serif; font-size: 12px; margin-top:0px;}

.kontakt_form { position:absolute;left:180px;top:250px; }
.kontakt_txt { position:absolute;left:200px; top:150px;width:auto;height:auto;text-align:left; color:#3a3a3a; font-family:'Trebuchet MS', Arial, Verdana, sans-serif; font-size: 14px; background:white; }
.input_erfolg { position:absolute;left:200px; top:220px; line-height:16px; color:#3a3a3a; font-family:'Trebuchet MS', Arial, Verdana, sans-serif; font-size: 14px; }
.input_fehler { position:absolute; left:285px;top:105px; color:#80161c; font-family:'Trebuchet MS', Arial, Verdana, sans-serif; font-size: 14px; vertical-align: top; }
.input_label { position:absolute; top:0px;left:0px;color:#3a3a3a; font-family:'Trebuchet MS', Arial, Verdana, sans-serif; font-size: 14px; width: 180px; vertical-align: top; text-align:right; background:white; }
.input_feld { position:absolute; top:0px;left:190px;width:200px;color:#3a3a3a; font-family:'Trebuchet MS', Arial, Verdana, sans-serif; font-size: 14px; vertical-align: top; text-align:left; background: transparent; border: 1px solid #3a3a3a; }
.input_text { position:absolute; top:0px;left:190px;width:200px;height:200px;color:#3a3a3a; font-family:'Trebuchet MS', Arial, Verdana, sans-serif; font-size: 14px; vertical-align: top; text-align:left; background: transparent; border: 1px solid #3a3a3a; }
.input_submit { position:absolute; top:290px;left:190px;color:#3a3a3a; font-family:'Trebuchet MS', Arial, Verdana, sans-serif; font-size: 14px; width: 100px; vertical-align: top; text-align:center; background: transparent; border: 1px solid #3a3a3a;}

.ueber_uns_txt { height:auto;text-align:left; color:#3a3a3a; font-family:'Trebuchet MS', Arial, Verdana, sans-serif; font-size: 14px; background:white; }

.spielen_container { position:absolute;left:140px;top:115px;width:720px;height:470px;background:white; }
.spielen_txt { position:absolute;left:20px;top:5px;text-align:left; color:#3a3a3a; font-family:'Trebuchet MS', Arial, Verdana, sans-serif; font-size: 14px; }

#distance { display: table-cell; height:100%; vertical-align: middle; }
#container { position:relative; margin:0px auto; text-align:left; height:639px; width:900px; clear:left; border: 1px solid #80161c; }
#popup { position:absolute; left:0px; top:0px; height:auto; width:auto; padding:10px 10px 0px 10px; z-index:2; background: white; visibility:hidden;border: 3px solid #a8a8a8;}
#popup_laden { position:absolute;top:200px;left:0px;height:auto;width:auto;text-align: center; color:#3a3a3a; font-family:'Trebuchet MS', Arial, Verdana, sans-serif; font-size: 14px; }

ul.red { color: #80161c; }
ul.red li span {color:#3a3a3a;}
ul.red li {padding-bottom:1em;}