/* Fun Metal Buckte Stylez */

body{
padding: 0px;
margin: 0px;
background-color: #FFF;
background-image:url(images/bg_body.jpg);
background-repeat:repeat-x;
}

img{
float: left;
display: block;
border: 0px;
}
#container{
width: 950px;
float: left;
padding: 0px;
margin: 0px;
padding-bottom: 28px;
}

/*  FMB header */

#header{
width: 950px;
height: 110px;
}

#logo{
float: left;
height: 112px;
width:  662px;
padding-left: 3px;
}
#logo img{
float: left;
display: block;
border: 0px;
}

/* FMB suchbox */

#suche{
height: 70px;
width: 244px;
float: left;
background:url(images/bg_suche.jpg) no-repeat;
}
#suche form{
margin: 0px;
padding: 0px;
padding-top: 40px;
padding-left: 7px;
float: left
}
#suche input{
width: 160px;
height: 20px;
border: 1px solid #828282;
float: left;
}

/* FMB status */

#status {
float: left;
width: 236px;
text-align: center;
padding: 4px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 18px;
margin-bottom: 12px;
}

#ajaxstatus {
float: left;
width: 236px;
text-align: center;
padding: 4px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 18px;
margin-bottom: 12px;
display: none;
}

#status span{
background-color: #ffffff;
display: block;
width: 228px;
padding: 4px;
}

#ajaxstatus span{
background-color: #ffffff;
display: block;
width: 228px;
padding: 4px;
}

#ajaxstatustext{
background-color: #ffffff;
display: block;
width: 228px;
padding: 4px;
}

#status, #ajaxstatus a{
font-weight: normal;
}
.message{
background-image: url(images/bg_message.gif);
}
.warning{
background-image: url(images/bg_warning.gif);
}
.error{
background-image: url(images/bg_error.gif);
}

.ajaxmessage{
background-image: url(images/bg_message.gif);
display: none;
}
/* FMB buckets */

#buckets{
width: 580px;
float: left;
padding-left: 70px;
padding-top: 40px;
}
.bucket{
width: 570px;
float: left;
}
.bucket a{
color: #ff3300;
text-decoration: none;
display: block;
}
.bucket .inline_a {
display: inline;
}

.bucket h1{
width: 560px;
height: 28px;
padding: 0px;
margin: 0px;
float: left;
background: url(images/bg_bucket_h1.jpg) no-repeat;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 18px;
line-height: 28px;
color: #FF3300;
}

.bucket a.disabledbucket{
color: #AAAAAA;
}

.bucket span.bucketid{
color: #000000;
padding:0px;
margin: 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
float: left;
padding-top: 3px;
display: block;
width: 46px;
padding-right: 4px;
text-align: right;
}
.bucket_dscr{
width: 510px;
float: left;
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 18px;
padding-left: 50px;
height: 18px;
padding-top: 4px;
}
.bucket_dscr span{
float: left;
}
.bucket_dscr a{
display: inline;
}
.bucket_dscr a.disabledbucket{
color: #AAAAAA;
}
.bucket_dscr a.minus{
background:url(images/bucket-vote-minus.jpg) no-repeat;
background-position: 4px 4px;
width: 20px;
height: 16px;
display: block;
float: left;
}
.bucket_dscr a.plus{
background:url(images/bucket-vote-plus.jpg) no-repeat;
background-position: 4px 4px;
width: 20px;
height: 16px;
display: block;
float: left;
}
.bucket_cnt{
width: 510px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
line-height: 18px;
padding-top: 22px;
padding-bottom: 22px;
padding-left: 50px;
float: left;
border-bottom: 1px solid #E6E6E6;
}
.bucket_cnt a{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
padding-top: 4px;
padding-bottom: 4px;
float: none;
display: block;
}
.bucket_spacer{
float: left;
width: 580px;
height: 28px;
}

.bucket_flashelement{
margin-top: 12px;
margin-bottom: 12px;
}

/* FMB pages */

#pages{
float: left;
padding-left: 50px;
}
#pages a{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
display: inline;
float: left;
padding: 2px;
}
#pages a.inactive{
color: #e6e6e6;
}
#pages a.active{
color: #000000;
font-weight: bold;
}

/* FMB navi */

#navi{
width: 240px;
float: left;
padding-left: 16px;
}
#navi a{
color: #ff3300;
text-decoration: none;
display: block;
}
#navi a.throwin{
margin-bottom: 20px;
float: left;
width: 244px;
height: 28px;
background:url(images/btn-throw-in.jpg) no-repeat;
}
#navi a.throwin:hover{
background:url(images/btn-throw-in-over.jpg) no-repeat;
}
#navi ul{
padding: 0px;
margin: 0px;
list-style: none;
float: left;
width: 244px;
display: block;
}
#navi li{
display: block;
height: 20px;
float: left;
width: 244px;
border-bottom: 1px solid #E6E6E6;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 20px;
text-indent: 18px;
}
#navi li a:hover{
background-color: #e6e6e6;
}
#navi h1{
margin-top: 28px;
margin-bottom: 20px;
float: left;
background: url(images/bg_bucket_h1.jpg) no-repeat;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 18px;
color: #FF3300;
width: 280px;
height: 28px;
line-height: 28px;
text-indent: 18px;
}

/* FMB post bucket */

#postbucket{
width: 570px;
float: left;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
}
#postbucket h1{
padding: 0px;
margin-top: 0px;
margin-bottom: 12px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 18px;
color: #ff3300;
background: url(images/bg_bucket_h1.jpg) no-repeat;
height: 28px;
line-height: 28px;
text-indent: 50px;
}

#postbucket form{
padding: 0px;
margin: 0px;
float: left;
}
#postbucket label{
float: left;
width: 130px;
height: 20px;
margin-top: 4px;
text-indent: 50px;
}
#postbucket input{
float: left;
border: 1px solid #828282;
width: 320px;
height: 20px;
margin-top: 4px;
}
#postbucket select{
float: left;
border: 1px solid #828282;
width: 320px;
margin-top: 4px;
}
#postbucket select{
width: 322px;
}
#postbucket textarea{
float: left;
width: 320px;
border: 1px solid #828282;
overflow: auto;
margin-top: 4px;
height: 260px;
}
#postbucket .button{
width: 160px;
height: 24px;
}
#postbucket br{
clear: both;
}

/*FMB comments */

#comments{
float: left;
width: 560px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 18px;
}
#comments h1{

margin-bottom: 20px;
background: none;
}
#postcomment{
padding-left: 50px;
}
#postcomment label{
float: left;
width: 510px;
font-weight: bold;
height: 20px;
}
#postcomment input{
float: left;
border: 1px solid #828282;
width: 320px;
height: 20px;
margin-top: 4px;
}
#postcomment select{
float: left;
border: 1px solid #828282;
width: 320px;
margin-top: 4px;
}
#postcomment textarea{
float: left;
width: 320px;
height: 160px;
overflow: auto;
border: 1px solid #828282;
}
#postcomment .button{
height: 24px;
margin-top: 4px;
border: 1px solid #828282;
}
#postcomment br{
clear: both;
}

#comments .comment_dscr{
float: left;
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
background-color: #e6e6e6;
width: 560px;
text-indent: 7px;
}
#comments .comment_dscr a{
display: inline;
}
#comments .cbox{
float: left;
padding-left: 50px;
width: 510px;
padding-bottom: 14px;
padding-top: 4px;
}

/* FMB footer */

#footer{
width: 100%;
border-top: 1px solid #d8d8d8;
height: 28px;
float: left;
background-color: #e6e6e6;
text-indent: 122px;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 28px;
}

#footer a{
color: #ff3300;
text-decoration: none;
}

/* Text Content */

.textcontent{
    width: 580px;
    float: left;
    padding-left: 70px;
    padding-top: 40px;
}

.textcontent a{
    color: #ff3300;
    text-decoration: none;
}
.textcontent h1{
    width: 560px;
    height: 28px;
    padding: 0px;
    margin: 0px;
    padding-left: 7px;
    float: left;
    background: url(images/bg_bucket_h1.jpg) no-repeat;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 18px;
    line-height: 28px;
    color: #FF3300;
}

.textcontent h2{
    width: 560px;
    height: 28px;
    padding: 0px;
    margin: 0px;
    float: left;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 18px;
    line-height: 28px;
    color: #FF3300;
}

.textcontent p{
    width: 510px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    float: left;
}

.textcontent ul{
    width: 480px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    float: left;
}

.textcontent table{
    width: 480px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-align: left;
    color: #000000;
    float: left;
}

#shop {
}

#shop .shopitem {
    border: 1px silver solid;
    margin: 1px;
    padding: 10px;
    width: 40%;
    float: left;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: smaller;
    text-align: center;
    color: #FF3300;
}

#shop .shopitem img {
    float:left;
}

#shop .shopitem h1 {
    font-weight: bold;
    font-size: 1.3em;
}

#shop .shopitem h2 {
    font-size: 1.1em;
}

#shop .shopitem p {
    text-align: justify;
}

.clearer {
    clear: both;
}