@charset "utf-8";

body {font-size:80%;line-height:1.3;margin:0;background:#fbc98f url('') repeat-x; color:#300}
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,textarea,.input {background:#2f401a;border:1px solid #253314;color:#fff;margin-bottom:6px}
.thumb {border:1px solid #630}

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

h1,h2 {padding-bottom:5px}
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,#page,.progressbar div {text-align:center}
.right {text-align:right}
.small {font-size:90%}

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

.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.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}

#frame {width:100%}
#frame2 {width:1000px;margin:auto}
#page {float:left;width:1000px;background:#fbc98f}
#header {height:200px;background:url('images/header.jpg')}
#header2 {height:200px;background:url('images/header2.jpg')}
#userarea {float:left;height:160px;width:225px;background:url('images/userarea2.jpg')}
#userarea p {padding:5px 20px 0 80px;text-align:center}
#footer {background:#fbc98f}

#kanne {float:left;height:160px;width:85px;background:url('images/tools_kanne2.jpg');cursor:pointer}
.userOn #kanne:hover, #kanne.selected {background:url('images/tools_kanne2_selected.jpg') no-repeat}
#kanneall,#kanneall2 {float:left;height:160px;width:85px;background:url('images/tools_kanneall2.jpg');cursor:pointer}
.userOn #kanneall:hover {background:url('images/tools_kanneall2_selected.jpg') no-repeat}
.userOn #kanneall2:hover {background:url('images/tools_kanneall2_selected2.jpg') no-repeat}
#get {float:left;height:160px;width:85px;background:url('images/tools_get2.jpg');cursor:pointer}
.userOn #get:hover, #get.selected {background:url('images/tools_get2_selected.jpg') no-repeat}
#getall,#getall2 {float:left;height:160px;width:85px;background:url('images/tools_getall2.jpg');cursor:pointer}
.userOn #getall:hover {background:url('images/tools_getall2_selected.jpg') no-repeat}
.userOn #getall2:hover {background:url('images/tools_getall2_selected2.jpg') no-repeat}

#angebote {float:left;height:160px;width:285px;background:url('images/angebote2.jpg');cursor:pointer}
#navigation {float:left;height:160px;width:150px;background:url('images/navigation2.jpg')}
#topMenu {height:85px;width:1000px;background:url('images/menu2.jpg')}

#menu {float:left;width:165px;text-align:center}
#field {float:left;width:835px;min-height:685px;background:url('images/field2.jpg') no-repeat}
#content {background:url('images/content.png');color:#fff;margin:40px 40px;padding:10px 10px 2px}

#menu_boxes div {float:left;width:52px;font-weight:bold;text-align:center;background:#ffcc99;border:1px solid #c96;height:58px;font-size:74%;margin-top:3px}
#menu_boxes div:hover, #menu_boxes div.selected {border:1px solid #70582a;background:#90784a}

#field_content {padding:50px 55px 0}
#field_content .box {color:#fff;margin-bottom:8px}
#field_content .box a {color:#fff}
.field_item {float:left;height:36px;width:36px;border:1px solid #435f24;cursor:pointer}
.field_item:hover {border:1px solid #2d4018;background-color:#5c8033}
.field_item div {height:36px;color:#fff;font-size:80%}

.box {background:url('images/box.png');padding:4px 8px;border-top:2px #34471d solid;border-bottom:1px #34471d solid;margin-bottom:10px}

.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}

.progressbar {margin:0 10px;border:1px #384d1f solid;background:#2f401a}
.progressbar div {background:url('images/status_red.gif')}

#agb p {margin-bottom:14px}

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

.row2 {background:#3c5221}

* html #content, * html .box {width:100%}
* html .box {background:#415924 url('images/box.jpg') repeat-x bottom}
* html #content {background:none}

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