@charset "utf-8";
@import "navi_hover.css";

body {font-size:80%;line-height:1.3;margin:0;background:#e6f1f6 url('images/bg.jpg') repeat-x;color:#fff}
font,div {font-family: Verdana, Arial, Helvetica, sans-serif; text-align:left}

a {color:#630;text-decoration:none}
a:hover {text-decoration:underline}
#content a {color:#eee}
.msgbox a {color:#630}

img {border:0; vertical-align:middle}
input,.input,textarea {background:#5f3f22;border:2px solid #2d1b0b;color:#fff;margin-bottom:6px}
.button {background:#e83c16;padding:0 10px;font-weight:bold}
input.disabled {background:#333;font-style:italic}
.thumb {border:1px solid #630}

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

h1 {font-size:150%}
h2 {font-size:120%}

.bold,.title,.progressbar div,#header {font-weight:bold}
.italic {font-style:italic}
.justify {text-align:justify}
.center,.progressbar div,body {text-align:center}
.right {text-align:right}
.small {font-size:85%}

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

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

.padding5 {padding:5px}

div.float {float:left}
div.floatr {float:right}
div.float20 {float:left;width:19.99%}
div.float25 {float:left;width:24.99%}
div.float27 {float:left;width:26.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.float73 {float:left;width:72.99%}
div.float75 {float:left;width:74.99%}
div.float80 {float:left;width:79.99%}
div.clearer {clear:both}

#frame {width:1000px;margin:auto}
#header {width:985px;height:220px;background:url('images/header.jpg');padding:10px 40px 0 0;text-align:right}
#userarea {float:left;height:205px;width:305px;background:url('images/userarea.jpg');color:#300;overflow:hidden}
#userarea p {padding:65px 74px 0 0px;text-align:center}
#userarea2 {float:left;height:205px;width:104px;background:url('../img/userarea2.jpg');color:#300;overflow:hidden}
#hund {margin-top:83px;width:82px;height:83px;background:url('../img/hund.gif')}

#header_left {float:left;height:205px;width:40px;background:url('images/header_left.jpg')}
#kanne {float:left;height:205px;width:75px;background:url('images/tools_kanne.jpg');cursor:pointer}
.userOn #kanne:hover, #kanne.selected {background:url('images/tools_kanne_selected.jpg') no-repeat}
#kanneall,#kanneall2 {float:left;height:205px;width:143px;background:url('images/tools_kanneall.jpg');cursor:pointer}
.userOn #kanneall:hover {background:url('images/tools_kanneall_selected.jpg') no-repeat}
.userOn #kanneall2:hover {background:url('images/tools_kanneall_selected2.jpg') no-repeat}
#get {float:left;height:205px;width:52px;background:url('images/tools_get.jpg');cursor:pointer}
.userOn #get:hover, #get.selected {background:url('images/tools_get_selected.jpg') no-repeat}
#getall,#getall2 {float:left;height:205px;width:80px;background:url('images/tools_getall.jpg');cursor:pointer}
#getall:hover {background:url('images/tools_getall_selected.jpg') no-repeat}
.userOn #getall2:hover {background:url('images/tools_getall_selected2.jpg') no-repeat}

#navigation {float:left;height:205px;width:201px;background:url('images/navigation.jpg')}

#content {background:url('images/content2.jpg')}
#content_top {background:url('images/content_top.jpg') no-repeat}
#left {float:left;width:208px;height:740px}
#left-root {float:left;width:208px;height:650px}
#left iframe {margin:16px 0 0 40px}
#left-root iframe {margin:16px 0 0 40px}
#right {float:left;width:792px}
#inventory {height:83px;width:792px;background:url('images/inventory.jpg')}
#inventory #menu {margin-top:3px}
#inventory #menu div {border:1px solid #300;width:63.6px;height:63px;float:left;font-weight:bold;font-size:9px;text-align:center;padding-top:1px;cursor:pointer}
#inventory #menu div.selected {border:1px solid #fff}
#inventory span img {border:1px solid #300;width:63.6px;height:63px}
#inventory input {background:#e83c16;position: absolute;float:right;margin:0px 0px 0px 0px;font-size:10.5px;border-bottom:1px solid #2d1b0b;font-weight:bold;font-family:Arial;padding:0 8px;height:18px}

#content_header {height:80px;background:url('images/content_header.jpg') no-repeat;font-size:85%;white-space:nowrap}
#content_header_guest {height:77px;background:url('images/content_header_guest.png') no-repeat 0 -3px;font-size:85%;white-space:nowrap}
#content_header h1, #content_header_guest h1 {font-size:130%;margin-bottom:0}
#content_frame, #content_frame_map {background:url('images/content_bg.jpg') repeat-y;margin-left:8px;width:740px;padding:2px 10px 4px}
#content_frame_map {width:758px;padding:0 1px}
#content_footer {background:url('images/content_footer.jpg') no-repeat;margin-left:8px;width:760px;height:2px;border-bottom:7px solid #73431b;margin-bottom:10px}

#footer {height:38px;background:url('images/footer.jpg');margin:0 16px;color:#956939;padding:10px 24px 0;font-size:85%}
#footer a {color:#956939}
#footer p a,#footer p {color:#cba674;font-weight:bold}

/***/

#map_acker {background:url('images/acker-hg2.jpg');height:593px}
#map_farm {background:url('images/farm-hg2.jpg');height:593px}
#map_farm .float div, #map_farm2 .float div {cursor:pointer}

#kaninchenstall,#kuhstall,#nerzstall {width:356px;height:160px}
#nerzstall {width:300px}
#kaninchenstall .displayed {height:160px;background:url('../images/farm/kaninchenstall2.jpg') no-repeat;padding-left:40px}
#kuhstall .displayed {height:160px;background:url('../images/farm/kuhstall.jpg') no-repeat;padding-left:40px}
#nerzstall .displayed {height:160px;background:url('../images/farm/nerzstall.jpg') no-repeat;padding-left:40px}
#ententeich .displayed {height:130px;background:url('../images/farm/ententeich2.jpg') no-repeat;padding-left:270px}
#ganseteich .displayed {height:130px;background:url('../images/farm/ganseteich.jpg') no-repeat;padding-left:270px}
#kaviarzucht .displayed {height:155px;background:url('../images/farm/kaviarzucht.jpg') no-repeat;padding-left:270px;width:90px}

#schafstall,#pferdestall,#straussengehege {width:205px}
#schafstall .displayed {height:212px;background:url('../images/farm/schafstall2.jpg') no-repeat;padding-left:15px}
#pferdestall .displayed {height:212px;background:url('../images/farm/pferdestall.jpg') no-repeat;padding-left:15px}
#straussengehege .displayed {height:212px;background:url('../images/farm/straussengehege.jpg') no-repeat;padding-left:15px}
#huhnerstall .displayed {height:168px;background:url('../images/farm/huhnerstall2.jpg') no-repeat;padding-left:140px}
#ziegengehege .displayed {height:168px;background:url('../images/farm/ziegengehege.jpg') no-repeat;padding-left:140px}
#kamelstall .displayed {height:168px;background:url('../images/farm/kamelstall.jpg') no-repeat;padding-left:140px}

#brunnen {width:436px}
#brunnen .displayed {height:100px;width:110px;background:url('../images/farm/brunnen2.jpg') no-repeat;padding:18px 0 0 135px}
#schweinestall .displayed {height:120px;background:url('../images/farm/schweinestall2.jpg') no-repeat;padding:0 0 0 215px}
#zuchthaus .displayed {height:150px;width:275px;background:url('../images/farm/zuchthaus.jpg') no-repeat}
#bueffelgehege .displayed {height:150px;background:url('../images/farm/bueffelgehege.jpg') no-repeat;padding:0 0 0 215px}

#map_farm .displayed .float {width:20px}

.field_item {float:left;height:50px;width:50px;border:0px solid #b06e2f;cursor:pointer}
.field_item.spaceRight {margin-right:20px}
.field_item.spaceBottom {margin-bottom:20px}
#map_farm .field_item {height:36px;width:36px;border:1px solid #a66728}
.field_item:hover {background-color:#7e532a}
#map_farm .field_item:hover {background-color:#b36f2b}
.field_item div {background-repeat:no-repeat;min-height:50px;min-width:50px}
.field_item div div {height:40px;width:40px;color:#fff;font-size:9px}
#map_farm .field_item div {height:36px;width:36px;min-height:36px;min-width:36px}

.anfrage {float:left;width:20%;background:url('images/anfrage.png') no-repeat;height:385px;color:#333;text-align:center;white-space:nowrap}
.anfrage h2 {color:#e30000;font-size:140%;margin-top:6px;line-height:21px}
.anfrage h3 {font-size:120%;margin:0;padding:0}
.anfrage .green,.anfrage h3 {color:#41a62a}

#agb, #impressum {padding:20px}
#agb p {margin-bottom:14px}
#contact {margin-bottom:98px}
#impressum {margin-bottom:79px}

/***/

.box {padding:4px 8px;background:#733c1d;border:1px solid #4d2712;margin:0 6px 10px}
.title {padding-bottom:4px;color:#fff;margin:0 16px}

.row2 {background:#66361a}

.roundbox {background:#9b5d24 url('images/roundbox_bg.jpg') repeat-x}
.roundbox_top div {background: url(images/roundbox_tl.jpg) no-repeat top left}
.roundbox_top {background: url(images/roundbox_tr.jpg) no-repeat top right}
.roundbox_bottom div {background:url(images/roundbox_bl.jpg) no-repeat bottom left}
.roundbox_bottom {background: url(images/roundbox_br.jpg) no-repeat bottom right}
.roundbox_top div, .roundbox_top, .roundbox_bottom div, .roundbox_bottom {width: 100%;height: 8px;font-size: 1px}
.roundbox_content {margin: 0 8px}

.roundbox_content .roundbox_top,.roundbox_content .roundbox_bottom {height:0px}

.msgbox {border:1px #774712 solid;background:#eae2b4 url('images/msgbox.png') no-repeat;background-position:8px 5px;padding:4px;padding-left:32px;margin:0 8px;color:#300}
#kanne .msgbox {position:absolute;width:300px}

.tutorialBox {padding:10px}
.tutorialBox p {font-weight:bold;font-size:110%;margin-bottom:6px}

/***/

.progressbar {margin:0 10px;border:1px #673b15 solid;background:#4d710e}
.progressbar div {background:#a6cc13;white-space:nowrap}

#map_farm .progressbar {height:50px;margin:0 6px 5px}
#map_farm .progressbar div {background:#82bf17}

.padding10 {padding:10px}
.padding20 {padding:20px}

* html #content_frame_map, * html #content_frame {width:100%}

#tutorial {display:block; width:156px; height:36px; background:url(images/tutorial.png); font-weight:700; font-size:12px; color:#FFF; text-decoration:none; line-height:32px; position:absolute; left:595px; top:228px; padding:0 0 0 35px; }
#tutorial:hover {background:url(images/tutorial_hover.png); }
#tutorial span {color:#CCDAEA; font-weight:400; }

#rbutton1 {margin:16px 0 0 40px; height:600px; width:160px; background:url('images/warnung.gif') no-repeat; position:absolute; background-position:center}
#rbutton2 {margin:16px 0 0 40px; height:600px; width:160px; background:url('images/bottom.gif') no-repeat; position:absolute; background-position:center}
#rbutton3 {margin:16px 0 0 40px; height:600px; width:160px; background:url('images/liste.gif') no-repeat; position:absolute; background-position:center}
#rbutton4 {margin:16px 0 0 40px; height:600px; width:160px; background:url('images/rahmen.gif') no-repeat; position:absolute; background-position:center}
#rbutton5 {margin:16px 0 0 40px; height:600px; width:160px; background:url('images/bilder.gif') no-repeat; position:absolute; background-position:center}