@charset "utf-8";

body {font-size:12px;line-height:1.4;margin:0;background:#019dc5;color:#fff}
font,div {font-family: Arial, Helvetica, sans-serif; text-align:left}

a,#splash #footer p, #in #content_footer {color:#c9f040;text-decoration:none}
a:hover {color:#fff59b}

img {border:0; vertical-align:middle}
input,textarea {background:#fff;border:1px solid #0d2d33;color:#000;margin-bottom:6px}
.button {padding:3px 8px;font-weight:bold;color:#006729;background:#96cd3a url('images/button_bg.jpg');border:1px solid #33a727;height:24px}
.button.disabled {background:#96cd3a url('images/button_bg_grey.jpg');border:1px solid #9e9582;color:#7a715e}
.button:hover {background:url('images/button_hover.jpg');cursor:pointer}
.input {height:20px;border:1px solid #b7997f}
.input.disabled {background:#e4dcc8;border:1px solid #beb6a2}
.thumb {border:1px solid #13434d}

p,form,h1,h2 {margin:0px;padding:0px}

h1 {font-size:16px}
h2 {font-size:14px}

.bold,.title,.progressbar div {font-weight:bold}
.italic {font-style:italic}
.justify {text-align:justify}
.center,#page,.progressbar div,#navbg {text-align:center}
.right {text-align:right}
.small {font-size:90%}

.white {color:#fff}
a.red {color:#000}
.red {color:#e00}
.green {color:#a6cc13}

.pointer {cursor:pointer}
.overflow {overflow:hidden;white-space:nowrap}

div.float {float:left}
div.floatr {float:right}
div.float20 {float:left;width:19.99%}
div.float25 {float:left;width:24.99%}
div.float33 {float:left;width:33.32%}
div.float40 {float:left;width:39.99%}
div.float50 {float:left;width:49.99%}
div.float60 {float:left;width:59.99%}
div.float66 {float:left;width:66.65%}
div.float75 {float:left;width:74.99%}
div.float80 {float:left;width:79.99%}
div.clearer {clear:both}

#splash { background-color: #019dc5; background:url('/images/og_anmeldung.jpg') no-repeat top center;}
#splash #top{background:none; z-index: 1;}
#splash #frame {margin:auto;width:913px;padding-right:2px}
#splash #login input, #splash #register input {background:none;border:none;padding:0;margin:0;font-weight:bold;color:#fff}
#splash #login select, #splash #register select {background:#019dc5;border:none;width:170px;font-weight:bold;color:#fff}
#splash #login {float:left;width:50%;height:536px;font-weight:bold}
#splash #login form {padding:96px 0 0 80px;line-height:50px}
#splash #login .button {font-weight:bold;font-size:18px;width:170px;line-height:52px;height:50px;display:block;cursor:pointer; margin-top:10px;}
#splash #register .button {font-weight:bold;font-size:18px;width:170px;line-height:52px;height:70px;display:block;cursor:pointer; margin-top: 10px;}
#splash #register {float:left;width:50%;height:536px;font-weight:bold}
#splash #register form {padding:16px 0 0 200px;line-height:50px;width:200px}
#splash #register #addition {font-weight:normal;line-height:14px;color:#426264;margin:0 0 16px -12px}
#splash #register #addition input {float:left;margin:0px 8px 0 0}
#splash #info {background:none;height:114px;clear:both;display:block;}
#splash #footbox {background:none;height:52px;clear:both;display:block; width:896px; padding: 15px 0px 0px 20px;}
#splash #bottom {background-color: #019dc5; background:none;}
#splash #content {background-color: #019dc5; background:none;height:419px;padding:28px 35px 10px; overflow:hidden;}
#splash #content_main {background:none;min-height:458px; }
#splash #agb p {margin-bottom:14px}
#splash #contact {padding-top:28px;padding-bottom:28px}
#splash .box {padding:10px;margin-bottom:32px; color: #000000;}
#splash h1, #splash h2, #splash #right {font-size:18px;margin:0 0 14px}
#splash h2 {margin:-4px 0 8px; color: #000000;}
#splash #left {float:left;width:345px; margin-left: 20px; color: #000000;}
#splash ul {padding:0;list-style-image:url('images/splash_li.png');list-style-position:inside}
#splash li {border-bottom:1px solid #13373c;line-height:20px}
#splash #right {float:left;margin-left:60px;margin-top:9px;line-height:20px;  color: #000000;}
#splash #right p {margin:45px 0 19px;font-weight:bold}
#splash #footer {font-weight:bold;padding:20px; }
#splash #footer .float {padding-top:4px}
#splash #xgn {background:url('images/splash_xgn.jpg');height:38px;width:180px;display:block;float:right;margin:-4px 0 0 20px}

.in {background:#001a30}
#in {background:#001a30 url('images/bg.jpg') repeat-x  0 25px;font-size:11px}
#in #frame {margin:auto;width:1000px}
#in #topbar {height:20px;padding:5px 60px 0}
#in #topbar a {font-weight:bold}
#in #tutorial {background:url('images/tutorial_button_ok.png');height:29px;width:154px;display:block;position:absolute;margin:-90px 0 0 760px;color:#006729;font-size:14px;padding:7px 0 0 38px}
#in #tutorial_no {background:url('images/tutorial_button_nok.png');height:29px;width:154px;display:block;position:absolute;margin:-90px 0 0 760px;color:#006729;font-size:14px;padding:7px 0 0 38px}
#in #tutorial_warten {background:url('/images/tutorial_button_oktime.png');height:29px;width:154px;display:block;position:absolute;margin:-90px 0 0 760px;color:#006729;font-size:14px;padding:7px 0 0 38px}
#in #header_top {background:url('images/header_top.jpg');height:126px;display:block}
#in #header_menu {background:url('images/header_menu.jpg');height:126px}
#in #header_menu div {margin:auto;width:480px}
#in #header_menu a {display:block;float:left;width:120px;height:126px}
#in #header_menu a:hover {background:url('images/header_menu_hover.jpg') -10px}
#in #header_menu a.pet:hover {background-position:-130px}
#in #header_menu a.lagunen:hover {background-position:-250px}
#in #header_menu a.inventar:hover {background-position:130px}
#in #header_info {background:url('images/header_info.jpg');height:99px;color:#fff59b;font-size:14px;padding:27px 0 0 50px;font-weight:bold;white-space:nowrap}
#in #header_info .float20 {width:14%;padding:4px 0 0 40px;line-height:28px}
#in #levelbar {height:15px;width:107px;background:url('images/levelbar.jpg');margin-top:4px;padding:1px;line-height:16px;cursor:pointer}
#in #levelbar #bar {background:url('images/levelbar_bar.jpg');height:15px}
#in #levelbar .floatr {text-align:center;width:22px}
#in #left {width:172px;margin-left:44px;float:left}
#in #left_menu {background:url('images/left_menu.jpg');height:341px;font-weight:bold;font-size:14px;padding:49px 0 0 35px}
#in #left_menu a {display:block;line-height:29px;margin-top:1px}
#in #left_vote {background:url('images/left_vote.jpg');height:58px;padding:54px 40px 0}
#in #left_premium {display:block;background:url('images/left_premium.jpg');height:140px}
#in #left_da2 {background:url('images/left_ad2.jpg');height:610px;padding:11px 0 0 7px;margin-top:7px}
#in #content {float:left;width:568px}
#in #content_head {background:url('images/content_head.jpg');height:92px;padding:0 5px 0 18px;font-size:12px}
#in #content_head h1 {font-size:24px;padding:0;margin:9px 0 -4px}
#in #content_head .float,#in #content_head .float80 {height:72px}
#in #content_head .float80 {width:530px}
#in #content_head #main_tools {background:url('images/main_tools_w1.jpg');float:right;height:64px;width:368px}
#in #content_head #main_tools a {display:block;width:61px;height:64px;float:left;cursor:pointer}
#main_tools a:hover,#main_tools a.selected {background:url('images/main_tools_hover_w1.jpg')}
#main_tools a#kanne:hover, #main_tools a#kanne.selected {background-position:-61px}
#main_tools a#lcomplete:hover {background-position:-122px}
#main_tools a#lfische:hover {background-position:-183px}
#main_tools a#lpflanzen:hover {background-position:-244px}
#main_tools a#ldeko:hover {background-position:-305px}
#main_tools a.inactive {background:url('images/main_tools_inaktiv_w1.jpg');background-position:-122px}
#in #content_main {background:url('images/content_bg.jpg');min-height:455px;color:#38302b;padding:16px 18px 12px;overflow:hidden}
#in .box {border:1px solid #b6997e;border-left:0;border-right:0;padding:5px 10px;margin:4px 0 12px; background:#efe6d3;color:#38302b}
#in .row2 {background:#ebdec5}
#in #content_main a {color:#3c6600}
#in #content_footer {background:url('images/content_footer.jpg');height:49px;margin-bottom:30px;font-weight:bold;padding:26px 18px 0}
#in #content_footer #xgn {height:34px;width:160px;display:block;float:right}
#in #right {float:left;background:url('images/right.jpg') no-repeat;width:165px;padding:36px 0 0 5px}
#in #right_da {height:606px}
#in #right_da2 {background:url('images/right_ad2.jpg');height:608px;width:166px;margin:-5px 0 30px -5px;padding:22px 0 0 5px}

#in .cash, #in .time {background:url('images/icon_cash.jpg') no-repeat left center;padding:0 7px;}
#in .time {background-image:url('images/icon_time.jpg')}
#in img.gebaude, #in img.expedition {width:152px;height:104px;float:left;margin:3px 16px 3px 0}
#in img.expedition {height:142px}
#in #gebaude {font-size:12px}
#in #gebaude h2 {margin:6px 0 4px}
#in #gebaude p {margin-bottom:3px}
#in #gebaude b {padding-right:10px}
#in #gebaude .float66 .float66 {padding-top:8px;width:74%;white-space:nowrap}
#in #toptext {padding:16px 12px;font-size:12px}
#in #toptext .float80 {width:62%}
#in #toptext .float20 {float:right;width:38%;text-align:right}

#in .dropdown {height:441px;width:558px;background:url('images/dropdown.png');position:absolute;left:5px;top:-5px;color:#38302b;font-weight:bold;font-size:12px;z-index:200}
#in .dropdown .float20 {width:16.3%}
#in .dropdown div {text-align:center}
#in .dropdown .float20:hover,#in .dropdown .float20 .selected {background:#d7caac}

#in .dropdown2 {height:165px;width:296px;background:url('/images/layermarktbg.png');position:absolute;left:120px;top:-70px;color:#38302b;font-weight:bold;font-size:12px;z-index:200}
#in .dropdown2 .float20 {width:16.3%}
#in .dropdown2 div {text-align:center}
#in .dropdown2 .float20:hover,#in .dropdown .float20 .selected {background:#d7caac}

#in #submenu {height:36px;font-weight:bold;color:#006729;background:url('images/submenu.jpg');border:1px solid #33a727;margin-bottom:12px;border-left:0;font-size:13px}
#in #submenu a, #in #submenu i {padding:9px 0 9px;diplay:block;float:left;border-left:1px solid #33a727;text-align:center;white-space:nowrap}
#in #submenu a.w50 {width:49.8%}
#in #submenu a.w33 {width:33.1%}
#in #submenu a.w25 {width:24.8%}
#in #submenu a.w20 {width:19.8%}
#in #submenu a.w16 {width:16.4%}
#in #submenu a:hover, #in #submenu a.active {background:url('images/submenu_aktiv.jpg')}

#lagunen {background:url('images/lagunen.jpg');height:485px;margin:-16px -12px -12px;font-weight:bold}
#lagunen div {position:absolute}
#lagunen div div {width:127px;height:37px;padding:6px 0 0 10px;color:#38302b;line-height:16px;cursor:pointer}
#lagunen .aktiv {background:url('images/lagunen_aktiv.jpg');color:#185b1a}

#content_field {background:url('images/content_field.jpg');height:482px;cursor:pointer;overflow:hidden;padding:1px 0 0 7px}
.field_item {float:left;height:37px;width:37px}
.field_item:hover {background-color:#1a5966}
.field_item div {height:36px;color:#fff;font-size:80%}
#content_field #msgbox {margin-top:-30px;position:absolute;z-index:300}

.progressbar {height:21px;width:211px;background:url('images/progressbar.jpg');margin-top:-3px;padding:3px 14px 0 10px;float:left}
.progressbar div {background:url('images/loading.gif');height:10px;width:0}
.progressbar span {display:none;position:absolute;top:0}

#uebersicht {font-size:12px}
#uebersicht .line {padding:2px 4px; border-top:1px solid #817164}
#uebersicht .float50 {margin:0 8px;width:46.5%}
#achievements {background:url('images/achievements_bg.jpg');height:314px;width:522px;margin-left:-5px}
#achievements .float {width:16.6%;height:109px;margin-top:-1px}

#in #content a.tab {width:100px;height:29px;line-height:29px;display:block;float:left;background:#e3cfac;margin-right:5px;color:#b6997e;font-size:14px;text-align:center;border:1px solid #b6997e;border-left:0;border-right:0;margin-bottom:-5px;font-weight:bold}
#in #content a.tab:hover {color:#38302b}
#in #content a.tab.active {background:#efe6d3;border-bottom:1px solid #efe6d3;color:#38302b}

#premium ul {margin:0;padding:0;list-style-position: inside}
#premium li, #premium p, #premium .box h2 {font-weight:bold;padding:6px 0;border-bottom:1px solid #b6997e}
#in .green {color:#185b1a}

.pagination {margin:6px 0}
.pagination a {padding:2px 5px;border:1px solid #000;font-weight:bold}

#rbutton1 {height:600px; width:160px; background:url('/images/felder.gif') no-repeat; position:absolute; background-position:center}
#rbutton2 {height:600px; width:160px; background:url('/images/lagune.gif') no-repeat; position:absolute; background-position:center}
#rbutton3 {height:600px; width:160px; background:url('/images/ernten.gif') no-repeat; position:absolute; background-position:center}
#rbutton4 {height:600px; width:160px; background:url('/images/wasser.gif') no-repeat; position:absolute; background-position:center}
#rbutton5 {height:600px; width:160px; background:url('/images/boot.gif') no-repeat; position:absolute; background-position:center}

#optin-bar{
    background-color: rgba(255,255,255,.8);
    width: 100%;
    position: fixed;
    border-top: 1px solid #ac0e00;
    bottom: 0;
    left: 0;
    z-index: 1000;
    font-size: 16px;
    color: black;
}
.txt-div{
    margin: 20px;
    float: left;
    width: calc(100% - 230px);
}
.btn-div{
    margin: 20px;
    float: right;
    text-align: right;
    width: 150px;
}
.optin-btn{
    color: white;
    background-color: #ac0e00;
    border-radius: 10px;
    padding: 5px 10px;
    margin-right: 100px;
}