html{
    height: 100.1%;
}
body{
    padding: 0;
    margin: 0;
}
body{
    background: #000000 url(../../images/layout_background.png) repeat-x;
    text-align: center;
}
body, p, li, input, label{
    font: 12px Verdana, Arial, Helvetica, Geneva, sans-serif;
    line-height: 1.5em;
    color: #cccccc;
}

/****************/

#container{
    position: relative;
    text-align: left;
    margin: 0 auto;
    width: 960px;
}

/****************/

#header{
    background: url(../../images/layout_header.png) no-repeat;

    position: relative;
    height: 160px;
}

/****************/

#navigation, #meta{
    position: relative;
}
#header ul, #header ul li{
    list-style: none;
    padding: 0;
    margin: 0;
}
#header ul{

}
#header li{
    float: left;
}
#header li a{
    display: block;
}
#header li a, #header li a:hover, #header li a.active{
    text-decoration: none;
}

/******/

#meta{
    position: absolute;
    left: 450px;
    top: 10px;
}
#meta li a{
    margin: 0 15px 0 0;
    font-size: 10px;
    color: #ee3c3c;
}
#meta li a:hover, #meta li a.active{
    color: #ffffff;
}

/******/

#flags{
    position: absolute;
    right: 15px;
    top: 12px;
}
#flags li a{
    margin: 0 0 0 5px;
}

/******/

#navigation{
    position: absolute;
    left: 20px;
    top: 140px;
}
#navigation li a{
    margin: 0 40px 0 0;
    font-size: 12px;
    color: #ffffff;
}
#navigation li a:hover, #navigation li a.active{
    color: #ee3c3c;
}

/****************/

#search{
    position: absolute;
    right: 10px;
    top: 140px;
}
#search label{
    color: #777777;
    width: 85px;
}
#search input{
    width: 300px;
}

/****************/

.categories ul, .categories ul li{
    list-style: none;
    padding: 0;
    margin: 0;
}
.categories ul{
    margin-bottom: 10px;
}
.categories ul li a{
    background: url(../../images/nav.png) 0 7px no-repeat;
    text-decoration: none;
    padding: 0 0 0 15px;
    line-height: 20px;
    font-size: 11px;
    color: #cccccc;
    display: block;

    height: 1%;
}
.categories ul li a.active, .categories ul li a:hover{
    background-image: url(../../images/nav_active.png);
    color: #fcfcfc;
}
.categories ul ul{
    margin-left: 10px;
}
.categories ul ul li a, .categories ul ul li a.active, .categories ul ul li a:hover{
    background: none;
}
.categories ul ul li a.active, .categories ul ul li a:hover{
    color: #ee3c3c;
}

/****************/

#content{
    background: url(../../images/layout_background_content.png) repeat-y;
    position: relative;
}
#content .padding{
    padding: 5px 10px;
}
#content #left{
    position: relative;
    margin: 0 20px 0 0;
    width: 200px;
    float: left;
}
#content #center{
    position: relative;
    margin: 0 20px 0 0;
    width: 520px;
    float: left;
}
#content #right{
    position: relative;
    width: 200px;
    float: left;
}

/****************/

#cartteaser h2{
    margin-bottom: 15px;
}
#cartteaser p{
    font-size: 11px;
}
#cartteaser .left, #cartteaser .right{
    font-weight: normal;
    margin-bottom: 2px;
}
#cartteaser .left{
    width: 65px;
}
#cartteaser .right{
    width: 90px;
}
#cartteaser .notice, #cartteaser .notice a{
    font-size: 9px;
    color: #ee3c3c;
}

/******/

#right #login p{
    line-height: 1.7em;
    margin-bottom: 12px;
    font-size: 11px;
}
#right #login input{
    margin: 0 0 3px 0 !important;
    width: 120px !important;
    float: none;
}

/***/

#center #login p{

}
#center #login input{
    float: none;
}

/****************/

#footer{
    background: url(../../images/layout_background_footer.png) no-repeat;

    text-align: center;
    position: relative;
    height: 90px;
}
#footer p{
    padding: 45px 0 0 0;
    line-height: 20px;
    font-size: 11px;
    color: #cccccc;
}

/****************/

.box{
    position: relative;

    z-index: 100;
    height: auto;
}
.box .bottom{
    position: absolute;
    bottom: 0;

    height: 15px;
    width: 200px;
    z-index: 150;
}

/******/

#left .box, #right .box{
    background: url(../../images/box_small_gray_top.png) no-repeat;

    min-height: 200px;
    _height: 200px;
}
#left .red, #right .red{
    background-image: url(../../images/box_small_red_top.png);
}
#left .box .top, #right .box .top{
    padding: 30px 15px 5px;
}
#left .box .bottom, #right .box .bottom{
    background: url(../../images/box_small_gray_bottom.png) no-repeat;
}
#left .red .bottom, #right .red .bottom{
    background-image: url(../../images/box_small_red_bottom.png);
}
#right .bproducts{
    background-image: url(../../images/box_small_gray_top2.gif);
}

/******/

#center .box{
    background: url(../../images/box_gray_top.png) no-repeat;

    min-height: 475px;
    _height: 475px;
}
#center .red{
    background-image: url(../../images/box_red_top.png);
}
#center .box .top{
    padding: 40px 20px 5px;
}
#center .box .bottom{
    background: url(../../images/box_gray_bottom.png) no-repeat;
    width: 520px;
}
#center .red .bottom{
    background-image: url(../../images/box_red_bottom.png);
}

/****************/

h1, h2, h3, p, ul, .line, .margined, table{
    margin: 0 0 10px 0;
}
h1, h2, h3{

}
h1{
    margin: 0 0 20px 0;
    font-size: 18px;
}
h2, h2 a{
    text-transform: uppercase;
    text-decoration: none;
    font-size: 14px;
    color: #cccccc;
}
h3{
    font-size: 13px;
    color: #cccccc;
}
ul li, ol li{
    margin: 0 0 0 10px;
}
#center ul, #center ul li{
    list-style: none;
}
#center ul li{
    background: url(../../images/li.png) 0 7px no-repeat;
    padding: 0 0 0 15px;
}
a{
    text-decoration: underline;
    color: #ffffff;
}
a:hover, a.active{
    text-decoration: none;
    color: #ee3c3c;
}
a img{
    border: none;
}

/****************/

.floatleft{
    margin-bottom: 8px;
    margin-right: 15px;
    float: left;
}
.floatright{
    margin-bottom: 8px;
    margin-left: 15px;
    float: right;
}
.left, .right{
    margin: 0 10px 5px 0;
    float: left;
}
.left{
    font-weight: bold;
    margin-right: 0;
    width: 180px;
}
.right{
    width: 280px;
}
.line{
    background: url(../../images/line.png) center repeat-x;
    height: 20px;
}
.back{
    border-top: 1px solid #555555;
    padding: 5px 0 0 0;
    margin: 25px 0;
}

/****************/

.news p{
    font-size: 11px;
}
.news .date{
    font-size: 9px;
}
.news .more{
    color: #ee3c3c;
}
.products p{
    font-size: 11px;
    margin: 0;
}
.products .item, .products .image{
    margin: 0 0 10px 0;
}

/******/

.category{
    margin: 0 15px 10px 0;
    text-align: center;
    width: 150px;
    float: left;
}
.category h3{
    font-size: 11px;
}
.image{
    background: url(../../images/image_background.gif) no-repeat;
    padding: 10px 0 0 0;
    text-align: center;
    width: 147px;
}
.red .image{
    background-image: url(../../images/image_background2.gif);
}
.image div{
    background: url(../../images/image_background.gif) bottom no-repeat;
    padding: 0 10px 10px 10px;
    _padding: 0 8px 10px 8px;
}
.red .image div{
    background-image: url(../../images/image_background2.gif);
}
.imagewide, .imagewide div{
    background-image: url(../../images/image_background_wide.gif);
}
.red .imagewide, .red .imagewide div{
    background-image: url(../../images/image_background_wide2.gif);
}
.imagewide{
    width: 170px;
}
.adjusthight div{
    height: auto;
    min-height: 155px;
    _height: 155px;
}
.repeater{
    margin: 0 0 20px 0;
}
.repeater h2, .repeater p{
    margin: 0 0 20px 0;
}
.price{
    font-weight: bold;
    color: #ee3c3c;
}
.big_price{
    font-size: 16px;
    font-weight: bold;
    color: #ee3c3c;
	text-decoration: underline;
}
.small{
    font-size: 10px;
}

/****************/

table.nice{
    border-collapse: collapse;
    empty-cells: show;
    border-spacing: 0;

    margin: 0 0 1.5em 0;
    width: 460px;
}
table.nice thead tr td{
    border-bottom: 1px solid #ccc;
}
table.nice tbody tr td, table.nice tbody tr th{
    border-top: 1px solid #777;
    vertical-align: top;
}
table.nice th, table.nice td{
    padding: 2px 3px;
    font-size: 11px !important;
}
table.nice .cright{
    text-align: right;
}
table.nice .cleft{
    text-align: left;
}
table.nice td{
    vertical-align: top;
}

/****************/

table.cart{
    border-collapse: collapse;
    empty-cells: show;
    border-spacing: 0;

    margin: 0 0 1.5em 0;
    width: 475px;
}
table.cart thead tr td{
    border-bottom: 1px solid #ccc;
}
table.cart tbody tr td{
    border-top: 1px solid #777;
}
table.cart tbody tr.even td{
    background: #1f1f1f;
}
table.cart tbody tr.value td{
    border-top: 1px solid #ccc;
}
table.cart tbody tr.overall td{
    border-bottom: 1px solid #ccc;
    background: #666666;
}
table.cart th, table.cart td{
    padding: 4px 3px;
    font-size: 11px !important;
}
table.cart th.greenish, table.cart td.greenish{
    color: #00ff00;
}
table.cart .cleft{
    text-align: left;
}
table.cart .cright{
    text-align: right;
}
table.cart td{
    vertical-align: top;
}
table.cart input, input.quantity{
    margin-right: 5px;
    width: 25px !important;
}

/****************/

.address{
    margin: 0 20px 10px 0;
    width: 230px;
    display: inline;
    float: left;
}
.address h4{
    padding: 2px 5px;
    border-bottom: 1px solid #ccc;
}
.address p{
    background: #1f1f1f;
    font-size: 11px;
    padding: 5px;
    margin: 0;
}
.address .formError{
    margin: 0;
}
.terms{
    margin: 10px 0;
}
.terms input, .terms p{
    float: left;
}
.terms input{
    margin: 3px 15px 0 0;
}
.terms p{
    width: 400px;
}

/****************/

.button{
    background: top left no-repeat;
    padding: 0 0 0 3px;
    margin: 0 5px 5px 0;
    line-height: 18px;
    height: 18px;
    float: left;

    text-transform: uppercase;
    text-decoration: none;
    font-size: 10px;
}
.button span{
    background: top right no-repeat;
    display: block;
    padding: 0 5px 0 2px;
}
.bred, .bred span{
    background-image: url(../../images/button_red.png) ;
    color: #ffffff;
}
.bgray, .bgray span{
    background-image: url(../../images/button_gray.png) ;
    color: #000000;
}
.gray .bred, .gray .bred span{
    background-image: url(../../images/button_red2.png) ;
}
.gray .bgray, .gray .bgray span{
    background-image: url(../../images/button_gray2.png) ;
}

/****************/

.columns{

}
.columns .text{
    margin-right: 15px;
    width: 345px;
    float: left;
}
.columns .text .left{
    width: 120px;
}
.columns .text .right{
    width: 260px;
}
.columns .images{
    width: 120px;
    float: left;
}
.columns .images img{
    margin: 0 0 10px 0;
    float: left;
}

/****************/

.editFormCaption{
    display: none;
}
fieldset{
    border: 0;
    padding: 0;
}
.asterix{
    position: absolute;
    font-weight: bold;
    color: #ee3c3c;
    right: 4px;
    top: 4px;
}
.formError{
    font-size: 9px;
    color: #ee3c3c;
}
.editLine .formError{
    line-height: 13px;
    float: left;
    width: 80px;
}
.editLine{
    margin: 0 0 5px 0;
}
label{
    position: relative;
    margin-right: 10px;
    width: 170px;
    float: left;
}
input.text, textarea, input.password, .kontakt{
    margin-right: 10px;
    width: 200px;
}
textarea{
    height: 120px;
}
select{
    width: 180px;
}
input.text, input.password, textarea, select{
    border: 1px solid #666666;
    background: #000000;
    padding: 2px 2px;
    font-size: 10px;
    float: left;
    color: #cccccc;
}
input.required, input.password.required, textarea.required, select.required{
    border: 1px solid #ee3c3c;
}
.checkbox, .radio{
    margin: 0 0 5px 0;
    background: none;
    width: auto;
    border: 0;
}
input:focus, select:focus, input.required:focus{
    border: 1px solid #cccccc;
}
select.short{
    width: 160px;
}
label.required{
    color: #ee3c3c;
}
#mSubmitButton, #asterisk, .mSubmitButton{
    margin: 0 5px 10px 180px;
}
#asterisk{
    font-size: 10px;
}

/****************/

.pageselector{

}
.pageselector .page, .pageselector select{
    float: left;
    margin-right: 10px;
}
.pageselector .page{
    line-height: 20px;
}
.pageselector select{
    width: 50px;
}

/****************/

.editForm h1.collapsable{
    font-size: 12px;
    border-bottom: 1px solid #ccc;
    margin: 10px 0 10px 0;
}
.editForm .imageBorder{
    border: 1px solid #afafaf;
    margin-right: 10px;
    height: 80px;
    width: 80px;
    float: left;

    cursor: pointer;
    cursor: hand;
}
.editForm .selectImage .button, .editForm .selectAttachment .button, .editForm .selectDialog .button{
    margin-bottom: 5px;
    cursor: pointer;
    width: 90px;
}
.editForm .selectAttachment span, .editForm .selectDialog span{
    background: url(../../../../classic/en/images/icons/arrow_right_on.png) 0px 7px no-repeat;
    padding: 3px 0 0 8px;
    margin-bottom: 5px;
    display: block;
}
.editForm .floatleft{
    margin: 0;
}
.editForm .exDatepicker{
    margin-right: 10px;
    width: 80px;
}
.editForm .ui-datepicker-trigger{
    margin: 0 0 0 5px;
    float: left;
}

/****************/

.clearfix:after { content: ".";     display: block;     height: 0;     clear: both;     visibility: hidden; }
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}