/*******************************************************************************/
/* Basis Style definitionen */
a {
    color               : #00A5E3;
    text-decoration     : underline;
}
a:hover {
    color               : #333333;
}

input,
textarea,
select {
    border-color        : #969696;
}

/*******************************************************************************/
/* Basis Layout */
body {
    color               : #333333;
    text-align          : center;
}

/*******************************************************************************/
/* Content-Box */
.content-box {
    background-color    : #F2F2F2;
    border              : none;
}

.content-box h2 {
    font-size           : 12px !important;
    background-color    : #099ED6;
    color               : #FFFFFF !important;
    padding             : 5px 0 5px 10px;
}



/*******************************************************************************/
/* Form-Klasse Validierungsfehler */
label.verror {
    color               : red;
}
input.verror,
textarea.verror,
select.verror {
    background-color    : #FFCCCC;
}

img.left {
    margin-right        : 5px;
    margin-bottom       : 5px;
}
img.right {
    margin-left         : 5px;
    margin-bottom       : 5px;
}

div#frame {
    text-align          : left;
    margin              : 0 auto;
    width               : 980px;
    background-image    : url(/images/default/frame_bg.gif);
    background-repeat   : repeat-y;
    background-position : 0 0;
}

div#content-frame {
    background-image    : url(/images/default/content_frame_bottom_bg.png);
    background-repeat   : no-repeat;
    background-position : 0 bottom;
    border-bottom       : 1px solid #FFFFFF;
    padding-bottom      : 50px;
}

div#header-top {
    width               : 980px;
    height              : 51px;
    margin-bottom       : 1px;
    background-image    : url(/images/default/header_top.jpg);
    background-repeat   : no-repeat;
    background-position : 0 0;
}
div#header-top p#logo {
    margin              : 0;
    padding             : 0;
}
div#header-top p#logo a {
    float               : left;
    width               : 150px;
    height              : 32px;
    display             : block;
    margin-top          : 11px;
    margin-left         : 13px;
}
div#header-top ul.menu-top {
    float               : right;
    padding             : 0;
    margin              : 0;
    margin-top          : 20px;
    margin-right        : 170px;
    list-style-type     : none;
}
div#header-top ul.menu-top li {
    display             : inline;
}
div#header-top ul.menu-top li a {
    color               : #666666;
    text-decoration     : none;
    font-size           : 11px;
    padding             : 0 6px;
    background-image    : url(/images/default/top-nav-sep.gif);
    background-repeat   : no-repeat;
    background-position : right center;
}
div#header-top ul.menu-top li a:hover {
    text-decoration     : underline;
}

div#header-top ul#languages {
    float               : right;
    padding             : 0;
    margin              : 0;
    margin-top          : 20px;
    margin-right        : 10px;
    list-style-type     : none;
}
div#header-top ul#languages li {
    display             : inline;
}

div#header-bottom {
    width               : 980px;
    height              : 102px;
    background-image    : url(/images/default/header_bottom.jpg);
    background-repeat   : no-repeat;
    background-position : 0 0;
}

div#breadcrumb {
    color               : #FFFFFF;
  	font-weight         : bold;
  	font-size           : 11px;
    margin-bottom       : 20px;
    height              : 25px;
    padding-top         : 10px;
    padding-left        : 15px;
}
div#breadcrumb a {
    color               : #FFFFFF;
	  font-weight         : normal;
    text-decoration     : underline;
	}
div#breadcrumb span {
    font-weight         : normal;
}

/* Head Nav */
/****************************************************/
div#head-nav {
    position            : relative;
    top                 : 13px;
    text-align          : center;
    height              : 44px;
    margin-left         : 22px;
}

div#head-nav ul {
    margin              : 0;
    padding             : 0;
    list-style-type     : none;
}
div#head-nav ul li {
    display             : inline;
}
div#head-nav ul li a {
    border-right        : 1px solid white;
    font-weight         : bold;
    font-size           : 11px;
    color               : #FFFFFF;
    text-decoration     : none;
    padding             : 0 10px 15px 10px;
}
div#head-nav ul li.active a {
    background-image    : url(/images/default/arrow_active.gif);
    background-repeat   : no-repeat;
    background-position : center 23px;
}

div#head-nav ul li.nth-0 a {
    padding-left        : 0;
    border-bottom       : 3px solid #506AA7;
}
div#head-nav ul li.nth-1 a {
    border-bottom       : 3px solid #DDB448;
}
div#head-nav ul li.nth-2 a {
    border-bottom       : 3px solid #01A4E9;
}
div#head-nav ul li.nth-3 a {
    border-bottom       : 3px solid #8C906B;
}
div#head-nav ul li.nth-4 a {
    border-bottom       : 3px solid #8C906B;
}
div#head-nav ul li.nth-5 a {
    padding-right       : 0;
    border-bottom       : 3px solid #535959;
    border-right        : none;
}
div#head-nav ul li a:hover {
    text-decoration     : underline;
}

div#left {
    width               : 200px;
    float               : left;
    font-size           : 11px;
}
div#left h2,
div#left p.h2 {
    background-color    : #535959;
    color               : #FFFFFF;
    font-size           : 11px;
    padding             : 5px 0 5px 10px;
}
div#left div.box {
    padding             : 10px;
}
div#left img.head-image {
    margin-bottom       : -2px;
}
div#left div.head-image img {
    margin-bottom       : 1px;
}
div#left fieldset#world-map {
    width               : 200px;
    height              : 100px;
    background-image    : url(/images/default/worldmap.png);
    background-repeat   : no-repeat;
    background-position : 0 0;
}
div#left fieldset#world-map select.select {
    border              : 1px solid #999999;
    width               : 160px;
    margin-top          : 35px;
    margin-left         : 20px;
}

/* Sub Nav */
/****************************************************/
div#left div.sub_nav {
    border-left         : 4px solid;
    padding-left        : 1px;
}

div#left div#industriewerkzeuge {
    border-color        : #506AA7;
}

div#left div#druckluft_motoren {
    border-color        : #DDB448;
}

div#left div#einbauspindeln {
    border-color        : #01A4E9;
}

div#left div#schlagende_werkzeuge {
    border-color        : #8C906B;
}

div#left div#meissel {
    border-color        : #8C906B;
}

div#left div#zubehoer {
    border-color        : #535959;
}





/* Erste Ebene */
div#left ul.menu-main {
    margin              : 0;
    padding             : 0;
    list-style-type     : none;
    border-top          : 1px solid #666666;
}

div#left ul.menu-main li {
    font-weight         : bold;
}

div#left ul.menu-main li a {
    color               : #333333;
    text-decoration     : none;
    display             : block;
    border-bottom       : 1px solid #666666;
    padding             : 4px 7px;
}

div#left ul.menu-main li a:hover,
div#left ul.menu-main li a.active {
    background-color    : #FFFFFF;
}

/* Zweite Ebene */
div#left ul.menu-main li ul {
    list-style-type     : none;
    margin              : 0 0 0 11px;
    padding             : 0;
}

div#left ul.menu-main li ul li {
    font-weight         : normal;
}

div#left ul.menu-main li ul li a {
    border              : 1px solid #F2F2F2;
    padding             : 2px 7px 2px 17px;
    background          : url(/images/default/sub_menu_2.gif) no-repeat 5px 7px;
}

div#left ul.menu-main li ul li a.active {
    border-width        : 1px 0 1px 1px;
    border-style        : solid none solid solid;
    border-color        : #666666;
}

div#left ul.menu-main li ul li.first.active a.active {
    border-left         : 1px solid #666666;
    border-bottom       : 1px solid #666666;
}

div#left ul.menu-main li ul li.first a.active {
    border-top          : none;
    padding-top         : 3px;
    border-left         : 0;
    background-position : 5px 8px;
}


/* Dritte Ebene */
div#left ul.menu-main li ul li ul li a {
    color               : #666666;
}
div#left ul.menu-main li ul li ul li.first a.active {
    border-top          : 1px solid #666666;
}
div#left ul.menu-main li ul li ul li a {
    background          : none;
    padding-left        : 10px;
    padding-bottom      : 0;
    padding-top         : 0 !important;
}

div#left ul.menu-main li ul li ul li.last a.active {
    border              : 1px solid #666666;
    border-right        : none;
    padding-top         : 0;
}


div#right {
    width               : 180px;
    float               : right;
    font-size           : 11px;
}
div#right h2,
div#right p.h2 {
    background-color    : #535959;
    color               : #FFFFFF;
    font-size           : 11px;
    padding             : 5px 0 5px 10px;
}
div#right div.box {
    padding             : 10px;
}
div#right div.box ul.last_products {
    padding             : 0;
    margin              : 0 0 0 12px;
    list-style-type     : square;
}

div#content {
    padding             : 20px;
    width               : 560px;
    float               : left;
    text-align          : left;
}
div#content ul,
div#content ol {
    margin-top          : 1em;
}
div#content h1 {
    color               : #333333;
    font-size           : 16px;
    font-weight         : bold;
    margin-bottom       : 5px;
}
div#content h1.sub {
    font-size           : 13px;
}
div#content h2 {
    font-size           : 14px;
    margin-bottom       : 0;
    margin-bottom       : 5px;
}
div#content h3 {
    font-size           : 13px;
    margin-bottom       : 0;
    margin-bottom       : 5px;
}
div#content h4 {
    font-size           : 12px;
    margin-bottom       : 0;
}
div#content h5 {
    font-size           : 11px;
    margin-bottom       : 0;
}
div#content h6 {
    font-size           : 10px;
    margin-bottom       : 0;
}
div#content p {
    margin-bottom       : 15px;
    line-height         : 17px;
}
div#content p.info {
    color               : #999999;
    font-size           : 11px;
    line-height         : normal;
}


div#footer {
    background-color    : #f2f2f2;
    border              : 1px solid #DAD8D9;
    padding             : 5px 0;
}
div#footer p {
    font-size           : 11px;
    text-align          : center;
    color               : #666666;
}

div#search input.textfield {
    font-family         : Arial, Helvetica, Sans-Serif;
    font-size           : 12px;
    padding-left        : 3px;
    border              : 1px solid #535959;
    vertical-align      : top;
    width               : 120px;
    margin              : 0;
    color               : #666666;
}
div#search input.submit {
    vertical-align      : middle;
    font-size           : 12px;
    color               : #FFFFFF;
    border              : 1px solid #000000;
    border-left         : none;
    width               : 30px;
    text-align          : center;
    background-color    : #535959;
    height              : 17px;
    cursor              : pointer;
}

/* Categories */
#content div.category {
    width               : 170px;
    border-bottom       : 1px solid #C2CBE0;
    padding-top         : 0px;
    float               : left;
    margin              : 0 12px;
    position            : relative;
    margin-bottom       : 20px;
}

#content div.category a {
    display             : block;
    color               : #000000;
    text-decoration     : none;
}

#content div.category.first {
    margin-left         : 0;
}

#content div.category.last {
    margin-right        : 0;
}

#content div.category h3,
#content div.category h2 {
    background          : url(/images/default/bg_headline.gif) repeat-x top;
    border-width        : 1px 1px 0 1px;
    border-style        : solid solid none solid;
    border-color        : #C2CBE0;
    text-align          : center;
    margin              : 0 15px;
    font-size           : 11px;
    font-weight         : bold;
    height              : 15px;
    padding-top         : 3px;
    color               : #333333;
}

#content div.category a:hover h3,
#content div.category a:hover h2 {
    background          : #FFFFFF;
}

#content div.category div {
    margin-top          : 2px;
    border-width        : 4px 4px 0 4px;
    border-style        : solid solid none solid;
    background          : #FFFFFF;
    height              : 210px;
    background          : transparent no-repeat 1px 1px;
    -moz-opacity        : 0.6;
    opacity             : 0.6;
    filter              : alpha(opacity=60);
    position            : absolute;
    top                 : 17px;
    left                : 0;
    right               : 0;
}
#content div.category a:hover div {
    -moz-opacity        : 1;
    opacity             : 1;
    filter              : alpha(opacity=100);
}

#content div.category div.ie6 {
    display             : none;
}

#content div.category img {
    position            : absolute;
    top                 : 133px;
}

#content div.category p {
    background          : #F5F7F8;
    padding             : 0;
    line-height         : 0;
    margin              : 214px 0 0 0;
}

#content div.category div#industriewerkzeuge {
    border-color        : #506AA7;
    background-image    : url(/images/default/start/image_1.jpg);
}

#content div.category div#druckluft_motoren {
    border-color        : #DDB448;
    background-image    : url(/images/default/start/image_3.jpg);
}

#content div.category div#einbauspindeln {
    border-color        : #01A4E9;
    background-image    : url(/images/default/start/image_6.jpg);
}

#content div.category div#schlagende_werkzeuge {
    border-color        : #8C906B;
    background-image    : url(/images/default/start/image_4.jpg);
}

#content div.category div#meissel {
    border-color        : #8C906B;
    background-image    : url(/images/default/start/image_5.jpg);
}

#content div.category div#zubehoer {
    border-color        : #535959;
    background-image    : url(/images/default/start/image_2.jpg);
}

/* Downloads */
table.downloads tbody td.last {
    text-align          : right;
    padding-right       : 10px;
}


/* Artikel */
/******************************************/
#content div#article_info {
    position             : relative;
}

#content div#article_info div#article_header {
    background-image    : url(/images/default/tabs/tabs_bg.png);
    background-repeat   : repeat-x;
    background-position : 0 bottom;
    position            : absolute;
    top                 : -10px;
    left                : 0;
    right               : 0;
    height              : 61px;
    z-index             : 0;
    border-bottom: 1px solid #C2CBE0;
}

#content div#article_info div#article_header h1 {
    margin              : 0;
    padding             : 0;
    right               : 5px;
    bottom              : -2px;
    font-size           : 45px;
    position            : absolute;
    z-index             : 0;
    color               : #D7DDEB;
}

#content div#article_info div#article_header h1 span {
    position            : absolute;
    top                 : 0;
    right               : 0;
    bottom              : 0;
    left                : 0;
    background          : url(/images/default/article_info.png) repeat-x 1px;
}

#content div#article_info div#article_header h2 {
    margin-left         : 5px;
    font-size           : 20px;
    color               : #666666;
    font-weight         : bold;
}
#content div#article_info ul.ui-tabs-nav {
    position            : relative;
    z-index             : 1;
}



/**** Safari Hack ****/
@media all and (min-width: 0px) {
    div#head-nav:not(:root:root) {
        top               : 15px;
        height            : 42px;
    }
}
/**** Opera Hack ****/
@media all and (min-width: 0px) {
    div#head-nav ul li {
        padding-bottom    : 18px;
        border-right      : 1px solid white;
    }
    div#head-nav ul li.last {
        border-right      : none;
    }
    div#head-nav ul li a {
        border-right      : none;
    }
}


/* Kontaktformular */
/******************************************/

div.contact-form table.form input.text {
    width                 : 240px;
}
div.contact-form table.form select.select {
    width                 : 244px;
}
div.contact-form table.form input.zip {
    width                 : 90px;
}
div.contact-form table.form input.city {
    width                 : 143px;
}
div.contact-form table.form input.submit {
    font-family         : Arial, Helvetica, Sans-Serif;
    vertical-align      : middle;
    color               : #666666;
    font-weight         : bold;
    text-align          : left;
    background-color    : transparent;
    border              : none;
    cursor              : pointer;
    margin-top          : 7px;
    font-size           : 12px;
}


/* Table General */
table.general {
    font-size           : 11px;
    border-collapse     : collapse;
    width               : 100%;
    margin-bottom       : 15px;
}
table.general td {
    vertical-align      : middle;
    border-bottom       : 1px solid #666666;
    padding-left        : 10px;
}
table.general thead td {
    border-top          : 1px solid #666666;
    padding-top         : 5px;
    padding-bottom      : 5px;
    font-weight         : bold;
    background-color    : #DEDFE0;
}
table.general tbody tr.first td {
    background-color    : #F2F2F2;
}
table.general tbody td {
    padding-top         : 2px;
    padding-bottom      : 2px;
}
table.general tfoot {
    display             : none;
}

/* Downloads */
table.downloads tbody td.last {
    text-align          : right;
    padding-right       : 10px;
}


.ui-tabs-nav a, .ui-tabs-nav a span {
    background-image      : url(/images/default/tabs/tab.png);
    background-repeat     : no-repeat;
    background-position   : 0 0;
}