

/*
farben
schlamm hell: #A2A18B
blau-tuerkis: #2C3A43
sonnengelb: #FCBF17
gelb: #FFFF33
grün: #02FD02
rot: #E51000
baige: #D1D0C5
baige hell: #DADBD3
*/


body {
    margin:0px;
    padding:0px;
    font-family:Verdana,Arial,sans-serif;
    font-size:11px;
    color:#fff;
    background:url(http://www.rasta-service.de/icoaster/files/bg_lion.jpg) no-repeat #A2A18B;
 

}
form, fieldset {
    margin:0px;
    padding:0px;
}
img, fieldset {
    border:0px;
}
select.selectP {
    width:220px;
}
table.tblsearch th {
    text-align:left;
    padding-right:6px;
}
table.tblsearch td {
    padding:3px 3px;
    font-size:12px;
}
table.tblsearch select, table.tblsearch input {
    width:190px;
    border:1px  solid #3F2A0F;
    background-color:#fff;
    color:#3F2A0F;
    font-family:Arial;
    margin:0px;
    padding:2px;
    font-size:12px;
}
table.tblsearch select {
    padding:1px;
    width:197px;
}
table.tblsearch .cb {
    width:14px;
    height:14px;
    margin:1px 0px;
    padding:0px;
    line-height:14px;
}
a.back:link, a.back:visited, a.back:active, a.back:hover {
    padding-left:12px;
    background:url(http://www.rasta-service.de/icoaster/files/pfeil_zurueck.gif) no-repeat 0px 5px;
    font-weight:bold;
    font-size:12px;
}
a.basket:link, a.basket:visited, a.basket:active, a.basket:hover {
    padding-left:20px;
    background:url(http://www.rasta-service.de/icoaster/files/pfeil_rechts.gif) no-repeat 0px 0px;
    font-weight:bold;
    font-size:12px;
    color:#3F2A0F;
}

.putbasket {
    border:1px solid #fff;
    color:#000;
    font-weight:bold;
    font-family:Arial;
    font-size:12px;
    margin:0px;
    padding-left:18px;
    width:130px;
    /*height:16px;*/
    text-align:left;
    cursor:pointer;
    background:url(http://www.rasta-service.de/icoaster/files/pfeil_rechts.gif) no-repeat left center #FFFF33;
}
.putbasket-amount {
    width:30px;
    border:1px solid #02FD02;
    background-color:#fff;
    color:#000;
    text-align:right;
}
div.divider {
    height:0px;
    font-size:0px;
    line-height:0px;
    border-top:1px solid #fff;
    clear:both;
    margin:0px 20px 0px 0px;
    padding:0px;
}
table.cols {
    width:1000px;
}
table.cols td.col1 {
    width:50px;
    vertical-align:top;
}
table.cols td.col2 {
    vertical-align:top;
    width:325px;
    padding:0px 0px 20px 10px;
    border-right:1px solid #02FD02;

}
table.cols td.col3 {
    padding:10px 10px 20px 20px;
    width:590px;
    border-right:1px solid #02FD02;
    vertical-align:top;
}
table.cols td.color1 {
    background-color:#2C3A43;
}
table.cols td.color2 {
    background-color:#2C3A43;
    color:#fff;
}
table.cols td.color3 {
    background-color:#fff;
    color:#000;
}
strong {
    color:#FFFF33;
    font-weight:normal;
}
a:link, a:active, a:visited, a:hover {
    font-family:Arial,sans-serif;
    font-size:12px;
    color:#FFFF33;
    text-decoration:none;
}
a:hover {
    text-decoration:underline;
}
table.tblhead {
    height:100px;
    width:999px;
    margin-bottom:50px;
}
table.tblhead td {
    vertical-align:bottom;
    padding-bottom:17px;
    padding-left:20px;
}
table.tblhead a:link, table.tblhead a:active, table.tblhead a:visited, table.tblhead a:hover  {
    font-size:15px;
    font-weight:normal;
    display:block;
    float:left;
    margin-right:20px;
    color:#fff;
    text-decoration:none;
}
table.tblhead a:hover {
    color:#FFFF33;
}
table.tblhead a.act:link, table.tblhead a.act:active, table.tblhead a.act:visited, table.tblhead a.act:hover  {
    color:#FFFF33;
    text-decoration:none;
}
table.tblhead a.sub:link, table.tblhead a.sub:active, table.tblhead a.sub:visited, table.tblhead a.sub:hover  {
    font-size:12px;
    font-weight:bold;
    display:block;
    color:#fff;
    padding-left:1px;
}
table.tblhead a.sub:hover {
    color:#FFFF33;
}
table.tblhead a.subact:link, table.tblhead a.subact:active, table.tblhead a.subact:visited, table.tblhead a.subact:hover  {
    color:#FFFF33;
    font-size:12px;
    text-decoration:none;
}
.navitop {
    position:relative;
    float:left;
}
.navisub {
    position:absolute;
    left:0px;
    top:16px;
    width:300px;
}
a.dark:link, a.dark:visited, a.dark:active, a.dark:hover {
    color:#3F2A0F;
    font-weight:bold;
}
a.dark:hover {
    text-decoration:underline;
}
a.navi:link, a.navi:active, a.navi:visited, a.navi:hover,
a.naviact:link, a.naviact:active, a.naviact:visited, a.naviact:hover {
    font-size:15px;
    font-weight:normal;
    display:block;
    width:270px;
    border-bottom:1px solid #2C3A43;
    text-decoration:none;
    color:#fff;
}
a.navi:hover, a.naviact:link, a.naviact:active, a.naviact:visited, a.naviact:hover {
    color:#FFFF33;
    border-bottom:1px solid #FFFF33;
}

a.navis:link, a.navis:active, a.navis:visited, a.navis:hover,
a.navisact:link, a.navisact:active, a.navisact:visited, a.navisact:hover {
    font-size:15px;
    font-weight:normal;
    display:block;
    width:220px;
    border-bottom:1px solid #000;
    margin-left:50px;
    text-decoration:none;
    color:#fff;
}
a.navis:hover, a.navisact:link, a.navisact:active, a.navisact:visited, a.navisact:hover {
    color:#FFFF33;
    border-bottom:1px solid #FFFF33;
}



a.prod:link, a.prod:active, a.prod:visited, a.prod:hover {
    font-size:13px;
    font-weight:normal;
    /*font-style:italic;*/
    color:#fff;
}
a.prod:hover {
    color:#FFFF33;
}
a.prodbig:link, a.prodbig:active, a.prodbig:visited, a.prodbig:hover {
    font-size:12px;
    font-weight:bold;
    font-style:italic;
}
a.prodbig:hover {
    color:#FFFF33;
}
h1 {
    font-size:18px;
    font-weight:normal;
    color:#FFFF33;
    margin:0px 0px 10px 0px;
    padding:0px;
}
h2 {
    font-size:14px;
    font-weight:normal;
    margin:0px 0px 10px 0px;
    padding:0px;
    font-family:Arial,Helvetica;
}
h3 {
    font-size:12px;
    font-weight:bold;
    margin:0px 0px 10px 0px;
    padding:0px;
    font-family:Arial,Helvetica;
}
h3 span.normal {
    font-weight:normal;
}
#qsearch {
    position:absolute;
    left:383px;
    top:38px;
}
input {
    border:1px solid #3F2A0F;
    background-color:#fff;
    color:#3F2A0F;
    font-family:Arial;
}
.button {
    font-size:11px;
    padding:1px 4px 1px 4px;
    margin:0;
    height:17px;
    border:1px solid #fff;
    background-color:#FFFF33;
    color:#000 !important;
    font-weight:bold;
}
#qsearch .field {
    font-size:12px;
    width:170px;
    height:17px;
    padding:0px;
    margin:0px;
    border:0px;
    display:block;
    float:left;
    background-color:#d8d8d0;
}
#qsearch .button {
    font-size:11px;
    padding:0px 4px 0px 4px;
    margin:0px 0px 0px 0px;
    height:17px;
    border:0px;
    background-color:#A2A18B;
    color:#D1D0C5 !important;
    display:block;
    float:left;
    font-weight:bold;
    width:100px;
}
#basketbox {
    position:absolute;
    left:698px;
    top:92px;
}
.paging {
    clear:both;
}
.pagingblockinfo {
    border-top:1px solid #fff;
    padding:4px 0px 4px 0px;
}
.pagingblock {
    padding:4px 0px 4px 0px;
}
.pagingblock strong {
    font-size:12px;
    background-color:#FFFF33;
    color:#E51000;
    padding:1px 4px;
    font-weight:normal;
}
.pagingblock a:link, .pagingblock a:visited, .pagingblock a:active, .pagingblock a:hover {
    border:0px;
    padding:1px 5px;
    background-color:#E51000;
    color:#FFFF33;
    text-decoration:none;
}
.pagingblock a:hover {
    border:1px solid #fff;
    padding:0px 4px;
    background-color:#FFFF33;
    color:#E51000;
}
.fbox {
    width:220px; /*97px;*/ /* breit/hoehe + border*/
    margin-right:5px;
    height:250px;
    display:block;
    float:left;
    overflow:hidden;
}
.fboximg {
    width:227px; /*70px;*/
    height:202px;
    overflow:hidden;
    margin-right:1px;
margin-top:10px;
}
.fboximg img {
    border:1px solid #02FD02;
}
.lbox {
    background-color:#3F2A0F;
    border-bottom:1px solid #57432A;
    padding:5px 0px;
    clear:both;
}
.lbox td.c1 {
    background-color:#7A6355;
    color:#fff;
    width:100%;
    padding:2px 4px;
}
.lbox td.c2 {
    background-color:#B6ABA9;
    color:#3F2A0F;
    padding:2px 4px;
}
.lbox td.btn {
    padding:2px 4px 0px 4px;
    vertical-align:top;
}

table.cart td, table.cart th {
    padding:6px;
    vertical-align:top;
    text-align:left;
}
table.cart {
    width:100%;
}
table.cart .price {
    text-align:right;
}
table.cart td.info {
    width:240px;
}
table.cart td.sum, table.cart td.sumtotal {
    text-align:right;
    font-weight:bold;
}
table.cart td.amount input.frm {
    width:30px;
    border:1px solid #02FD02;
    background-color:#fff;
    color:#000;
    display:block;
    float:left;
}
table.cart td.amount img {
    display:block;
    float:left;
    padding-left:10px;
}
table.cart td.img {
    width:60px;
}
table.cart td.sumtotal {
    border-top:1px solid #fff;
}
table.attributes {
    border-collapse:collapse;
    border-spacing:0;
    margin:20px 0;
}
table.attributes th, table.attributes td {
    text-align:left;
    padding:2px 6px 2px 0px;
    margin:0;
}
table.attributes select {
    border:1px solid #ffff33;
    background-color:#fff;
    color:#000;
    padding:0;
}
table.form {
    margin:10px 0px;
}
table.form th {
    font-weight:normal;
    padding:8px 8px 4px 0px;
    color:#bbb;
    width:110px;
    vertical-align:top;
    text-align:left;
}
table.form td {
    padding:4px 8px 4px 0px;
    vertical-align:top;
}
table.form .frm {
    background-color:#fff;
    color:#000;
    border:1px solid #02FD02;
    padding:2px 4px;
}
table.form fieldset {
    padding-right:6px;
    display:inline;
}
input.wl, textarea.wl {
    width:300px;
}
select.wl {
    width:310px;
}
input.wm, textarea.wm, select.wm {
    width:225px;
}
input.ws, textarea.ws, select.ws {
    width:60px;
}
.errtxt {
    color:#F80606;
}
.errtxt ul, .errtxt li {
    list-style-type:square;
}
.errtxt ul {
    margin:10px 2em;
}
.frmerror {
border:1px solid #F80606 !important;
}
th.header {
    background-color:#339933;
    padding:2px 6px !important;

}
.msg-in-basket {
    color:#339933;
    margin:0 0 8px 0;
}

