/* CONTENT RELAUNCH 2009 jth */

/*===========================
JAKO COLOR TABLE
BLUE		#0085cf
GREY 		#8e9295
GREY DARK	#878889
GREY LIGHT  #b1b2b4
============================*/

/************************ INDEX ************************ /

/***** GLOBALS ****/
    /* FORM ELEMENTS */

/***** GLOBAL CLASSES *****/
    /* WARNINGS AND ERRORS */

/***** VARIOUS *****/
    /* FLAGS */
    /* WORLDMAP */
    /* NEWSLIST */
    /* LOGIN */    
    /* FRONTPAGE */
    /* NEWS */
    /* IMAGE GALLERY */
    /* SPONSORING */
    /* PAGENAVIGATOR */
    /* CONTENTNAVIGATOR */
    /* CART */
    /* QUICKLINKS */
    /* PRODUCT IMAGES */
    /* PRODUCZ LIST */
    /* PRODUCT DETAIL */
    /* BASKET */

/************************ INDEX ENDE ************************ /

/* -----------------------------------*/
/* ---------->>> GLOBAL <<<-----------*/
/* -----------------------------------*/

a {
    color:#0085cf;
    text-decoration:none;
}

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

form {
    padding:0;
    margin:0;    
}

h1 {
    color:#0085cf;
    margin-top:15px;
    font-size:1.8em;
    margin-bottom:10px;
}

h2 {
    color:#0085cf;
    font-size:1.8em;
}

h3 {
    color:#878889;
    font-size: 1.2em;
    font-weight: bold;
    margin:10px 0;
}

h4 {
    color:#878889;
    font-size: 1.1em;
    font-weight: bold;
    margin:8px 0;
}

h5 {
    color:#878889;
    font-size:1em;
    font-weight: bold;
    margin:5px 0;
}

h6 {
    font-size:1em;
    font-weight: bold;
    margin:0;
}

.hidden {
    display:none;
}

hr {
    border:none;
    border-top:solid #878889 1px;
    height:1px;
}

img {
    border:none;
}

p {
    margin 0;
    padding: 0 0 10px;
}

div.attribute-image p {
    padding:0;
}

div.buttonblock {
    margin-bottom:15px;
}

table {
    border-collapse:collapse;
    width:100%;
}

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

#pageBannerHeading {
    background-image:none!important;
}

/* FORM ELEMENTS */

form
{
    margin: 0;
    padding: 0;
}


label
{
    font-weight: bold;
    padding-right: 0.5em;
    display: block;
    white-space: nowrap;
}

input, select
{
    font-family:Helvetica, Arial, sans-serif; /* Needs to be set for some browsers, to prevent other default font from being used */
}

input.box, input.halfbox
{
    font-size: 1em;
    border:1px solid #8e9295;
}

textarea
{
    font-family: Helvetica, Arial, sans-serif; /* Usually defaulted to monospaced font; so it needs to be set if to change */
    font-size: 1em; /* Needs to be specified for IE */
    border:1px solid #8e9295;
}

.defaultbutton, .button {
    background-color:#0085CF;
    margin-top:8px;
    padding:1px 10px;
    border:none;
    color:#fff;
    cursor:pointer;
    font-size:1em;
}

a.button:hover {
    color:#fff;
    text-decoration:none;
}

table.list .button {
    margin-top:0;
}


fieldset {
    border:none;
    padding:0;
    margin:0;
}

/* -----------------------------------*/
/* ----->>> GLOBAL CLASSES <<<--------*/
/* -----------------------------------*/

/* WARNINGS AND ERRORS */

.warning,
.error,
.message-error {
    color:#f00;
    border:2px solid #f00;
    padding:5px;
    margin:0 0 10px;
}

.message-error h2,
.warning h2,
.error h2 {
    color:#f00;
    margin-bottom:10px;
}

.warning ul, .warning ul li {
    list-style-position:inside;
    padding:0;
    margin:0;
    list-style-type:none;
}

/* CLEARER */

.clear {
    clear: both;
}

/* -----------------------------------*/
/* ---------->>> Various <<<----------*/
/* -----------------------------------*/

/* FLAGS */
#languages ul li {
    display:inline;
    padding:0;
    margin:0;
}

/* WORLD MAP */
div#world_map {
    background:url(../images/worldmap.gif) top left no-repeat;
    text-align:center;
    width:200px;
    margin:60px 60px 0 0;
    height:105px;
    float:right;
}

div#world_map h3 {
    margin:0;
    padding:0;
    padding-top:10px;
    color:#000;
    font-weight:bold;
    font-size:1.2em;
}


/* NEWSLIST */
#newslist {
    margin:0;
    overflow:auto;
    padding:0;
    width:180px;
}
#newslist h1 {
    background-color:#fff;
    color:#0084CF;
    font-size:1.3em;
    font-weight:bold;
    margin:0;
    padding:0;
    padding-top:24px
}

#newslist .attribute-image {
    padding:0;
    margin:0;
    float:none;
}

#newslist .newslistentry {
    background-color:#0084CF;
    padding:10px;
    color:#fff;
}

#newslist .newslistentry p {
    margin:0;
}

#newslist .newslistentry a {
   color:#fff;
}

/* LOGIN */
div#homelogin input {
    width:120px;
}

div#homelogin .defaultbutton {
    background-color:#0085CF;
    margin-top:8px;
    padding:1px;
    width:80px;
    border:none;
    color:#fff;
    cursor:pointer;
}

div#homelogin ul {
    margin-top:10px;
}

div#homelogin ul li {
    background-image:url(../images/bullet-blue-arrow.gif);
    background-position:0.2em 0.3em;
    background-repeat:no-repeat;
    display:block;
    font-size:0.8em;
    margin:5px 0;
    padding-left:12px;
    list-style-position:outside;
}

/* FRONTPAGE */
div#frontpage {
    background:url(../images/frontpage_team.png) top left no-repeat;
    height:446px;
}

/* NEWS */
div.news-more, div.back {
    display:block;
    font-size:0.9em;
    margin:0 0 20px;
}

#newslist div.news-more {
    background-image:url(../images/bullet_3.gif);
    background-position:0 4px;
    background-repeat:no-repeat;
    display:block;
    font-size:0.9em;
    margin:5px 0 20px;
    padding-left:18px;
}

/* IMAGE GALLERY */
div.content-view-full div.class-gallery div.content-view-galleryline {
    border:1px solid #0085cf;
    float:left;
    margin:0 1.25em 1em auto;
    padding:5px;
}

div.content-view-full div.class-gallery div.content-view-galleryline div.attribute-image {
    float:none;
    margin:0;
    padding:0;
}

div.content-view-full div.class-gallery div.content-view-galleryline div.attribute-name {
    border-top:1px solid #0085cf;
    margin:0;
    overflow:hidden;
    padding:0;
    text-align:center;
}

div.content-view-full div.class-image {
    text-align:center;
}

/* SPONSORING */

div.content-view-full div.class-article div.attribute-image {
    float:left;
}

div.logoinclude {
    margin-left:100px;
}

#sponsors ul.sponsor {
    border:1px solid #028CCD;
    float:left;
    margin:0 10px 10px 0;
    padding:0;
    width:140px;
}

#sponsors ul.sponsor li {
    float:left;
    width:120px;
    padding:10px;
}

#sponsors ul.sponsor li .attribute-image {
    height:155px;
    margin:0.5em 0;
    text-align:center;
}

#sponsors ul.sponsor li .data {
    padding-bottom:0.5em;
    text-align:center;
    height:50px;
}

/* PAGENAVIGATOR */

div.pagenavigator {
    clear:both;
    text-align:center;
}

div.pagenavigator span.next {
    float:right;
}

div.pagenavigator span.previous {
    float:left;
}

/* CONTENTNAVIGATOR */

div.content-view-full div.class-image div.attribute-image, 
div.content-view-full div.class-image div.content-navigator, 
div.content-view-full div.class-image div.attribute-caption {
    float:none;
    margin:auto;
}

div.content-navigator {
    display:block;
}

div.content-navigator div {
    display:inline;
    text-align:center;
}

div.content-navigator div.content-navigator-separator, 
div.content-navigator div.content-navigator-separator-disabled {
    padding-left:4px;
    padding-right:4px;
}

div.content-navigator div.content-navigator-arrow {
    font-size:150%;
}

/* CART */
.cart {
    margin-top:20px;
    margin-bottom:24px;
}

.cart .cart-list {
    border-top:1px solid #CECECE;
    margin:0;
    width:110px;
}

.cart h3 {
    background:transparent url(../images/icon-cart.gif) no-repeat scroll left center;
    color:#2B5C67;
    font-size:12px;
    padding-left:20px;
}

.cart .cart-list td {
    font-size:9px;
    padding-bottom:4px;
}

.cart .cart-list .quantity {
    border-bottom:1px solid #CECECE;
    border-right:1px dotted #8F8F8F;
    color:#000000;
    width:30px;
}

.cart .cart-list .item {
    border-bottom:1px solid #CECECE;
}

.cart .cart-list td.header {
    color:#A2A2A2;
}

.cart .cart-list td.header {
    padding:1px 2px;
    color:#A2A2A2;
}

#orderform .cart {
    width:auto;
}

/* QUICKLINKS */
#quicklinks {
    margin-bottom:20px;
}

/* PRODUCT IMAGES */
#productfamilies {
    margin-bottom:20px;
    padding:10px 20px 0 0;
}

#productfamilies ul {
    background-image: url(../images/product-select-familybg-bottom.jpg);
    background-position: center bottom;
    background-repeat: repeat-x;
    margin: 0;
    padding: 0 10px 20px;
}

#productfamilies ul li {
    color:#0085cf;
    display:inline;
    list-style-type:none;
    margin:0 10px 0 0;
    padding:0;
}

#productfamilies ul li a {
    color:#0085cf;
}

#productcollection .promi_links {
    float: left;
    width: 150px;
    margin-right: 10px;
    padding-top: 166px;
}

#productcollection .promi_image {
    float:left;
    width:140px;
    overflow-x:hidden;
}

#productcollection {
    float: left;
    width: 300px;
    margin-right: 10px;
}

/* PRODUCTLIST */
div.product_list {
    margin-right:20px;
}

#productcolumns {
    float: left;
}

div.three_items {
    width: 450px;
}

div.four_items {
    width: 760px;
}


#productcolumns ul.three_items, #productcolumns ul.four_items {
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #028CCD;
    float:left;
    width:450px;
}

#productcolumns ul.four_items {
    width:100%;
}

#productcolumns ul.last {
    border-bottom: 0;
}

#productcolumns ul.three_items li {
    float: left;
    width: 150px;
}

#productcolumns ul.four_items li {
    float: left;
    width: 180px;
}

#productcolumns ul li .image {
    height:206px;
    text-align:center;
    margin: 0.5em 0;
}

#productcolumns ul li .image a {
    display: block;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
}

#productcolumns ul li .data {
    text-align:center;
    padding-bottom: 0.5em;
}

#productcolumns ul li .data .name a,
#productcollection .name a {
    color: black;
    font-weight: bold;
    font-size: 0.9em;
    text-transform: uppercase;
}

#productcolumns ul li .data .itemnumber,
#productcollection .itemnumber {
    font-size: 0.9em;
    text-transform: uppercase;
}

#productcollection .itemnumber {
    margin-bottom: 2em;
}

/* PRODUCT DETAIL */

#product .photo, #product .info, #product .description, #product #orderform {
    text-align:center;
}

#product .photo {
    padding-bottom:15px;
}

#product .styles ul li {
    background-color:#FFFFFF;
    border:1px solid #ccc;
    color:#8e9295;
    display:block;
    height:83px;
    margin:1px;
    padding:0;
}

#product .styles ul li {
    color:#8e9295;
}

#product .left {
	float:left;
	width: 360px;
	margin-right:1em;
}
#product .right {
	float:left;
	width: 300px;
}
#product .middle {
    margin-right: 1em;
	float:left;
	width:80px;
	text-align: center;
}

#product .info .name {
    background-color:#008AC9;
    font-weight:bold;
    color:#fff;
    padding:5px 4px;
    text-align:left;
    padding-left:15px;
}

#product .photo, #product .info, #product .description, #product #orderform {
    border-bottom:1px solid #028CCD;
    overflow:visible;
    padding-bottom:20px;
    text-align:center;
}

#product .photo a {
    background-image:url(../images/icon-zoom.gif);
    background-position:left bottom;
    background-repeat:no-repeat;
    padding-bottom:10px;
}

#product .description {
    text-align:left;
}

#product .description ul.description_list {
    list-style-position:outside;
    list-style-type:square;
    margin-left:15px;
}

#product .description ul.description_list li {
   padding:3px 0;
}

#product .description ul.material_text {
    margin-left:15px;
}

#product .description ul.material_text li {
   padding:3px 0;
}

#product .info .number {
    font-weight: bold;
    margin:5px 0 0px;
    text-align:left;
    padding-left:15px;
}

#product #orderform table {
    border:1px solid #008AC9;
    margin:0.5em 0 0;
}

#product #orderform table th {
    background-color: #008AC9;
    color:#fff;
    padding:5px 0;
    text-align:center;
}

#product #orderform table td {
    border-top:1px solid #008AC9;
    padding:5px 0;
    text-align:center;
}

#product #orderform table td.size {
    background-color:#ccc;
    color:#8E9295;
    font-weight:bold;
}

#product #orderform table td.instock {
    background-color:#ccc;
    color:#000;
}

#product .product-buttons {
    padding: 15px 0 5px;
}

#product .product-buttons img {
    margin:0 0 5px;
    display:block;
}

div.styles {
    width:350px;
}

#product #orderform ul.actions li {
    color:#8E9295;
    font-size:10px;
}

#product #orderform ul.actions li {
    line-height:20px;
    padding-left:50px;
}

#product #orderform ul.actions li a.cart {
    background-image:url(../images/icon-cart.gif);
    background-repeat:no-repeat;
    /*border-right:1px dotted #0085cf;*/
    color:#0085cf;
    font-weight:bold;
    padding:0 7px 0 17px;
    font-size:1.2em;
    margin-top:5px;
}

#product #orderform {
    border-bottom:none;
}

#product #variant_name {
    margin-bottom: 1em;
}

#product .old_price{
    text-decoration:line-through;
    color:red;
    font-weight:bold;
}

#product #note_old_price {
    text-decoration:none;
}
/* BASKET */

div.attribute-header h2 {
    margin:10px 0;
}

div.shop-basket {
    margin:0 10px;
}

.steps {
    padding-top:20px;
    margin-bottom:24px;
}

.steps ul li {
    font-weight:bold;
}

.steps ul li.selected {
    color:#0085cf;
}

table.list th,
table.list td {
    padding:3px 5px;
}


table.list tr.bglight,
table.list td.bglight {
    background-color:#fff;
}

table.list td {
    /*border-bottom:1px solid #0085cf;*/
}

table.list tr.bgdark,
table.list td.bgdark {
    background-color:#aed3e8;
}

table.list {
    border:1px solid #0085CF;
    border-top:none;
    color:#000;
}


table.list th {
    background-color:#0085cf;
    color:#fff;
}

table.list td.sum {
    font-weight:bold;
    border-bottom:none;
    text-align:right;
}

table.list .left,
table#quickorder_size .left {
    text-align:left;
}

table.list .center,
table#quickorder_size .center {
    text-align:center;
}

table.list .right,
table#quickorder_size .right,
td.number  {
    text-align:right;
}

table.list input,
table.list select {
    border:1px solid #0085CF;
    font-size:0.8em;
}

.steps ul li {
    display:inline;
    padding-right:15px;
}

div.fieldset-billto {
    float:left;
    margin-right:10px;
    width:49%;
}

fieldset#billto {
}

fieldset#billto legend, fieldset#shipto legend {
    color:#0085cf;
}

fieldset#billto label, fieldset#shipto label {
    color:#000000;
    margin-top:5px;
}

textarea#txtRemarks {
    background-color:#FFFFFF;
    color:#000000;
    width:200px;
}

div.fieldset-shipto {
    width:50%;
}

fieldset#shipto {

    width:100%;
}

fieldset#shipto h3,
fieldset#billto h3 {
    background-color:#0085cf;
    color:#fff;
    padding:3px;
}

table.list tr.bgdark:hover td,
table.list tr.bglight:hover td {
    /* background-color:#eee; */
}

table.list th {
   padding: 6px 5px;
}

/* hat gravieremde Auswirkungen auf die Artikel - auskommentiert von jth - 19.2.2009
div.attribute-long {
    display:block;
    clear:both;
}
*/

/* LINE FOLDER */

div.line_folder {
    clear:both;
    height:154px;
    margin-bottom:10px;
}

div.line_folder_content {
    float:left;
    width:440px;
    height:144px;
    padding-bottom:10px;
    border-bottom: 1px solid #0085cf;
    overflow-y:hidden;
}

div.image_box_right {
    float:right;
    width:316px;
    height:154px;
    overflow:hidden;
}

div.line_folder div.full-line {
    width:100%;
}

.product_groups h2 {
    margin:0 0 10px;
    text-transform:uppercase;
    color:#878889;
}

.product_groups h2 a {
    color:#878889;
}


.product_groups .colors {
    margin:5px 0;
}

.product_groups .product_list .colors {
    margin:0 0 20px;
}

.product_groups .emotion-pic {
    float:left;
    width:500px;
    margin-right:10px;
    margin-top:5px;
}

.product_groups .infotext {
    float:left;
    width:250px;
}

/* SERVICE */
#quickorder {
    margin-right:10px;
}

table.quickorder th.q_num {
    width:60px;
}

table#quickorder_size th.fix_size {

}

table.quickorder th.q_color {
    width:20px;
}
table.quickorder th.q_art {
    width:100%;
}

table#quickorder_size th.q_art {
    width:100%;
}

table.quickorder th.q_available,
table#quickorder_size th.q_available {
    width:50px;
}
table.quickorder th.q_qantity,
table#quickorder_size th.q_qantity {
    width:20px;
}
table.quickorder th.q_prize,
table#quickorder_size th.q_prize {
    width:60px;
}
table.quickorder th.q_remove {
    width:20px;
}
table#quickorder_size {
    width:100%;
    border-collapse:collapse;
    background:transparent;
    border:1px solid #000; 
    color:#000;
    margin-bottom:10px;
}

table.quickorder tr.bgdark table#quickorder_size th,
table.quickorder tr.bgdark table#quickorder_size td {
    background-color:#AED3E8;
    color:#000;
    border-bottom:1px solid #000;
}

table.quickorder tr.bglight table#quickorder_size th, 
table.quickorder tr.bglight table#quickorder_size td {
    background-color:#fff;
    color:#000;
    border-bottom:1px solid #000;
}


table.quickorder tr.additional td {
    border-bottom:1px solid #0085cf; 
}

table#quickorder_size th {
    color:#0085cf;
}



table#quickorder_size th.fix_available {
    width:150px;
}

table#quickorder_size tr {
    background-color:#fff;
}

table#quickorder_size tr:hover {
    background-color:#eee;
}

table#quickorder_size input {
    text-align:right;
}

table#quickorder_size input, table#quickorder_size select {
    border:1px solid #000;
    width:40px;
    padding:1px;
}

/* SEARCH */
#content-search {
    margin:20px 10px 0;   
}

label.search-label {
    display:inline;
    color:##878889;
    font-size:1.1em;
    font-weight:bold;
    margin:8px 0;
}

input.searchtext {
    background:transparent url(../images/icon_loupe.gif) no-repeat scroll left top;
    padding-left:19px;
    width:137px;
}

#searchresult {
    margin:20px 0;
}

#searchresult ul {}

#searchresult ul li {
    float:left;
    width:314px;
    border:1px solid #0085CF;
    margin:0 10px 10px 0;
    height:220px;
}

#searchresult ul li div.image {
    float:left;
    width:150px;
    padding:5px;
    text-align:center;
    height:206px;
    overflow:hidden;
}

#searchresult ul li div.data {
    float:right;
    display:inline;
    width:140px;
    text-align:center;
    overflow-x:hidden;
}

#searchresult ul li div.data .name {
    background-color:#008AC9;
    font-weight:bold;
    padding:5px 4px;
}
#searchresult ul li div.data .name a {
    color:#FFFFFF;
}

#searchresult ul li div.data .itemnumber {
    padding:10px;
}

/* PAGENAVIGATOR */

.pagenavigator {
    background-color:#008AC9;
    font-weight:bold;
    padding:5px 4px;  
}

.pagenavigator a {
    color:#fff;
}

.pagenavigator a:hover {
    color:#fff;
    text-decoration:underline;
}

.pagenavigator p {
    margin:0;
    padding:0;
}

.pagenavigator .current,
.pagenavigator span.other {
    color:#000;
}

/* FEEDBACK */

.feedback {
    margin-bottom:20px;
}

.feedback h2 {
    color:#878889;
    font-size:1.1em;
    font-weight:bold;
    margin:8px 0;   
}

/* orderhistory */

#orderhistory {
    margin-right:20px;
}

table.list input.button {
    font-size:1em;
    border:1px solid #fff;
}

#my-profile input.box,
#my-profile input.input_ezstring{
    width:300px;
}

.user-forgotpassword input {
    width:200px;
}

/* NEWSLETTER */

#newsletter {
    margin:0 10px 20px;
}

/* CROSS-SELLING */
#cross_selling div.rahmen {
    clear:both;
    border:1px solid #0085cf;
    margin:20px 15px 10px 0;
    padding-top:5px;
}

#cross_selling .title {
    color:#fff;
    font-weight:bold;
    background-color:#0085cf;
    padding:5px 10px;
    display:inline;
    width:auto;
}

#cross_selling .cross_content {
    margin-top:15px;
    width:762px;
    overflow:hidden;
}

#cross_selling span {

}

#cross_selling .cross_article {
    float:left;
    width:140px;
    padding:0px 0 15px;
    text-align:center;
    overflow:hidden;
    margin:0 5px 0;
}

#cross_selling .cross_article .image {
    height:210px;
}

div#sidemenu-position #advancedsearch a {
    color:#0085cf;
    font-weight:bold;
    padding-top:5px;
}

/* ADVANCED SEARCH */
.content .search_title {
    background-color:#008AC9;
    color:#FFFFFF;
    font-weight:bold;
    padding:5px 4px;
    width:960px;
}

.search-field,
.search-colours,
.search-categories {
    float:left;
    width:30%;
    padding:15px 0;
}
.search-colours {
    width: 200px;
}

.searchblock {
    border:1px solid #008AC9;
    padding:10px;
    padding-bottom:20px;
    width:946px;
    margin-bottom:15px;
}

.searchblock .searchbutton {
    margin-top:15px;
}

/* ARTICLE FIXING */
#content_frontpage div.content-view-full div.class-article {
    padding:0 10px;
}

.float-break {
    height:1%;
}

.float-break:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

div#header {
    height:223px;
    margin-bottom:10px;
    overflow:hidden;
}

div#logo {
    margin-bottom:0;
}

.cart {
    margin:10px 0 0 10px;
    float:left;
    width:110px;
    overflow:hidden;
}

#header .cart h3 {
    margin:0 0 5px;
}

#header .cart.delivery_block h3 {
    color:#A2A2A2;
    background-image: url(../images/icon-cart-inactive.gif);
    padding-left:20px;
}

a.delivery_block {
    color:#A2A2A2!important;
    cursor:default!important;
    text-decoration:none!important;
}

#topmenu_navi ul a.delivery_block:hover,
#topmenu_navi ul ul a.delivery_block:hover,
#topmenu_navi ul ul ul a.delivery_block:hover {
    background: url("../images/bg_topnavi.png") repeat scroll 0 0 transparent!important;
}

#topmenu_navi ul ul :hover > a.delivery_block,
#topmenu_navi ul ul ul :hover > a.delivery_block {
    background: url("../images/bg_topnavi.png") repeat scroll 0 0 transparent!important;
}

#header .logout-link {
    padding-top:14px;
}


#header .logged-in,
#header .dealersearch_node {
    padding-top:6px;
}

#header .logged-in {
    padding-top:14px;
    float:left;
    width:180px;
    overflow:hidden;
}

#header .logged-in p {
    margin-bottom:3px;
    padding:0;
}

div#topmenu {
    height:21px;
    margin:0 !important;
    overflow:visible;
    padding:0;
}

/* SPONSORING */

#sponsoring_full .imagelist .content-view-embed {
    float:left;
    margin-right:10px;
    height:130px;
}