body {
 margin:0;
 padding:0;
 background: url(../gfx/bg_canvas.jpg) center top;
 font: normal 11px arial,helvetica,sans-serif;
 color: #434343;
}

p {
 margin:0; padding:0;
}

ul {
 list-style: none;
 margin:0; padding:0;
}

a {
 text-decoration: none;
 color: #603427;
}
a:hover {
 text-decoration: underline;
}

input, select, textarea {
 font: normal 11px arial,helvetica,sans-serif;
}

h1 {
 padding:0;margin:0;
 font-size: 12px;
}

h2 {
 padding: 0 0 10px 5px;margin:0 0 10px 0;
 font-size: 11px;
 border-bottom: 1px solid #838383;
}

#wrap {
 width: 765px;
 margin: 0 auto;
 padding-bottom: 30px;
}

.clr {
 clear: both;
 height: 1px;
 font-size:0;
 visibility: hidden;
}

.frameBot  {
 height: 28px;
 background: red;
 visibility: visible;
 background: url(../gfx/bg_content_bot.gif) no-repeat;
}

/* home */

#home {
 width: 380px;
 background: url(../gfx/bg_startpage.gif) right top repeat-y;
 margin: 0 auto;
}

#homeBot {
 padding-left: 15px;
 height: 550px;
 background: url(../gfx/startpage_bottom.gif) bottom right no-repeat;
 cursor: pointer;
}

/*  pages  */

#page {
 width: 700px;
 margin:0 auto;
}

#pageSpielkult {
 margin: 0 auto;
 width: 380px;
}

#pageSpielkultBot {
 height: 205px;
 padding-left: 15px;
}

.imgSpiel {
 margin: 23px 0 0 114px;
}

#content {
 background: url(../gfx/bg_content.gif) repeat-y;
}

#contentFrame {
 background: url(../gfx/bg_content_top.gif) no-repeat;
 min-height: 100px;
 _height: 100px;
}

#contentL {
 float: left;
 width: 160px;
}

#contentLPad {
 padding: 45px 0 10px 15px;
}

#contentLPad img {
 padding: 0 0 15px 0;
}

#contentM {
 float: left;
 width: 380px;
}
#contentM2 {
 float: left;
 width: 500px;
}

#contentMPad {
 padding: 0 0 15px 15px;
}

#contentMPad img {
 margin-bottom: 10px;
}


#contentR {
 float: left;
 width: 140px;
}

#contentRPad {
 padding: 45px 5px 10px 3px;
}

#contentRPad li {
 background: url(../gfx/li_bestand.gif) no-repeat;
 padding: 5px 0 15px 8px;
}

#navi {
 height: 89px;
}

#naviGen {
 height: 112px;
}

#naviPad {
 padding: 35px 10px 0 28px;
}

#naviPad li {
 float: left;
 line-height: 24px;
 width: 50%;
}

#naviPad li.li1 {
 width: 58px;
}

#naviPad li.li3 {
 width: 80px;
}

#naviPad li.li2 {
 width: 200px;
}

#naviPad li, #naviPad li a {
 color: white;
 font-size: 14px;
 text-transform: uppercase;
 font-weight: bold;
}

#meta {
 background: #603427;
 height: 20px;
 margin: 30px 0;
}

#meta ul {
 margin: 0 auto;
 width: 180px;
}

#meta li {
 float: left;
 padding: 0 3px;
}

#meta li a,#meta li  {
 color: white;
 line-height: 20px;
 text-transform: uppercase;
}

/* contact form */

form#kontakt input, form#kontakt textarea {
 border: 1px solid #ccc;
 margin: 0 0 5px 0;
 width: 200px;
}

form#kontakt input:focus, form#kontakt textarea:focus,form#kontakt input:hover, form#kontakt textarea:hover {
 border: 1px solid #83574a;
}

form#kontakt input.button, #bestell #submitBn {
 width: auto;
 border: 1px solid #83574a;
 background: #fff;
}

form#kontakt input.button:hover, #bestell  #submitBn:hover {
 background: #83574a;
 color: #fff;
}

form#kontakt textarea {
 height: 80px;
}

form#kontakt label {
 width: 100px;
 margin: 0;
 padding: 0;
 float: left;
}

form#kontakt p {
 clear: left;
 float:left;
 width: 100%;
}

.c1, .c2, .c3, .c4 {
 float: left;
}

.c1, c4 {
 width: 65px;
}
.c1 input, .c4 input {
 width: 40px;
 border: 1px solid #ccc;
 font-size: 10px;
 text-align: center;
}
.c4 input {
 width: 60px;
 text-align: left;
 padding-left: 3px;
}
.c2 {
 width: 80px;
}
.c3 {
 width: 130px;
}
.c4.bold input {
 border: 2px solid red;
}

#bestell input,#bestell select {
 width: 240px;
 border: 1px solid #ccc;
 font-size: 10px;
 margin-bottom: 5px;
}
#bestell #agb {
 border:none;
 padding:0;margin:0 0 5px 0;
 width: auto;
}

#bestell label {
 float: left;
 width: 100px;
}