@charset "ISO-8859-1";
/* CSS Document */


.box a {
        cursor: pointer;
}


/********** GENERAL FORMATS ***********/

body {
        background-color: #F6F6F6;
        margin: 0;
        padding: 20px 0 0 20px;
        font-family: Arial, Helvetica, sans-serif;
        font-size:12px;
        line-height: 20px;
        color: #3E3E40;
}

p {
        margin: 0px 0;
}

a {
        color: #3E3E40;
        text-decoration: underline;
}

a:hover {
        color: #F6F6F6;
        background-color: #3E3E40;
        text-decoration: none;
}

.productListing-data img {
	max-width: 200px;
	max-height: 200px;
}

a:hover img{
 background-color:#F6F6F6;
}

.box a:hover img{
 background-color:#DCDCDC;
}

td {
        vertical-align: top;
}

form {
        margin: 0;
}

input {
        margin: 0;
        padding: 0;
}

h1 {
        font-size: 20px;
        font-weight: bold;
        text-transform: uppercase;
        margin: 0 0 51px 0;
        line-height: 27px;
}

h2 {
        text-transform: uppercase;
        font-weight: bold;
        font-size: 16px;
        line-height: 21px;
        margin: 40px 0 20px 0;
}



ul {
        margin-top: 20px;
        margin-bottom: 20px;
        list-style-type: disc;
}

li {
        margin:0;
        padding:0;
}


/********** CONTAINER **********/

#container {
        width:1200px; /* to prevent moving floats */
}


/********** BOXCOLUMNS **********/

.boxColumn {
        background-color: #DCDCDC;
        float:left;
        background-image: url(images/boxColumnTop.gif);
        background-repeat: no-repeat;
        background-position: left top;
}

.leftCol {
        width: 215px;
        background-image: url(images/hixbooks.gif);
        background-position: left top;
        background-repeat: no-repeat;
        padding-top: 176px;
        margin: 0 20px 60px 0; /* 60px = space between footer*/
}

.leftCol2 {
        width: 215px;
        margin: 0 20px 60px 0; /* 60px = space between footer*/
}

.rightCol {
        margin: 0px 0 60px 0;  /* 60px = space between footer*/
        padding: 15px 15px 0 15px;
        width: 185px;
}


/********** BOX **********/

.box, .lastbox {
        background-image: url(images/dash.gif);
        background-position: 1px bottom;
        background-repeat: repeat-x;
        padding-bottom: 15px;
        margin-bottom: 15px;
        position: relative;
        width: 185px; /* to prevent IE6 bug (caused by the png-hack) */
        line-height: 16px;
	vertical-align: baseline;
}

.box img {
	position:relative;
	bottom: -2px;
}

.lastbox {
        background-image: url(images/boxColumnBottom.gif);
        background-position: left bottom;
        background-repeat: no-repeat;
        margin: 0 -15px 0 -15px;
        padding: 0 15px 15px 15px;
}

.box h1, .lastbox h1 {
        font-size: 12px;
        line-height: normal;
        font-weight: bold;
        text-transform: uppercase;
        margin: 0 0 12px 0;
}

.box h2, .lastbox h2 {
        font-size: 12px;
        font-weight: bold;
        margin: 0;
}

.box h1 a, .lastbox h1 a, .box h2 a, .lastbox h2 a {
        text-decoration: none;
}

.boxDate {
        text-align: right;
        font-size: 10px;
        line-height:16px;
}

.headlineTable {
        width: 100%;
}

.boxTable {
        
}

.boxTable td {
        padding-bottom: 10px;
}

.boxTable td.firstCol {
        padding-right: 10px;
}

.boxTable td.lastRow {
        padding-bottom: 0;
}

.boxTable td.more {
        text-align: right;
        vertical-align: bottom;
        font-size: 10px;
        line-height: normal;
}


/********** NAVI **********/

#navi {
        background-image: url(images/boxColumnBottom.gif);
        background-repeat: no-repeat;
        background-position: left bottom;
        padding-bottom: 8px;
}

#navi li {
        margin: 0;
        padding: 0;
}

#navi ul {
        margin: 0;
        padding: 0;
        list-style-type: none;
}

#navi a {
        text-decoration: none;
        display:block;
        margin: 0;
        padding: 0;
        line-height: 22px;
        font-size:12px;
}

#navi a:hover {
        color: #3E3E40;
        background-color: transparent;
        background-image:url(images/selector.gif);
        background-position: 4px 3px;
        background-repeat: no-repeat;
}

#navi .selected {
        background-image:url(images/selector.gif);
        background-position: 4px 0px;
        background-repeat: no-repeat;
}

/* level 1*/

#navi li a {
        padding-left: 15px;
        text-transform: uppercase;
        font-weight: bold;
}

#navi li.separator {
        display: block;
        margin: 6px 15px 6px 15px;
        height: 1px;
        background-image:url(images/dash.gif);
        background-position: 1px top;
        background-repeat: repeat-x;
        line-height: 1px;
        font-size: 1px;
}


/* level 2 */

#navi li li a {
        padding-left: 25px;
        text-transform: none;
        font-weight: bold;
}

#navi li li.separator {
        margin-left: 25px;
}

/* level 3 */

#navi li li li a {
        padding-left: 35px;
        font-weight: normal;
}


/********** SEARCH **********/

#search {
        width: 185px;
        padding:0 15px 0 15px;
        text-align: center;
        margin-bottom: 8px;
        line-height: normal;
        white-space: nowrap;
}

#search input {
        width: 128px;
        vertical-align:middle;
}

#search #searchButton {
        width: 50px;
        height: auto;
}

#search a {
        font-size: 10px;
        line-height: 22px;
}


/********** BANNER **********/

#bannerContainer {
        float:right;
        width: 728px;
        height: 90px;
        background-color: #F6F6F6;
        position:relative;
}

.bannerMask {
        position: absolute;
        left: 0;
        top: 0;
        width: 728px;
        height: 90px;
}

.banner {

}

/********** LOGIN **********/

#login {
        float: right;
        height: 20px;
        margin-top: 40px;
        width: 185px;
        padding: 0 15px 0 15px;
        font-size: 10px;
        line-height: normal;
        text-align: right;
        color: #A0A0A0;
}

#login a {
        margin-left:15px;
}

/********** CONTENT **********/

#content {
        float:left;
        width: 593px;
        margin: 0px 20px 40px 0; /* 40px = space between footer (+ 20px margin from <p>)*/
}


/********** FOOTER **********/

#footer {
        font-size: 11px;
        text-align: center;
        background-image: url(images/dash.gif);
        background-position: left top;
        background-repeat: repeat-x;
        clear:both;
        width: 963px;
        line-height: 20px;
        margin-bottom: 41px;
}


/********** HELMUT hellid **********/

/*h3 {
        font-family: Georgia, "Times New Roman", Times, serif;
        font-style: oblique;
        font-size: 20px;
        font-weight: normal;
}

h4 {
        font-weight: bold;
        font-size: 15px;
}*/


.hdreisub {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;
        color: #666666;
        font-style: normal;
        font-weight: normal;
}



fieldset.csc-mailform {
        border:0;
}

fieldset.csc-mailform label {
        width: 200px;
        float: left;
        text-align: right;
        margin-right: 10px;
        display: block
}


fieldset.csc-mailform input,
fieldset.csc-mailform textarea {
        margin-bottom: 10px;
        font-size:10px;
        font-family: Verdana, Helvetica, sans-serif;
        border:1px solid #ccc;
        padding:2px;
        width:200px;
}


fieldset.csc-mailform fieldset legend{display:none}
fieldset.csc-mailform select{width:220px;margin:2px 0}
fieldset.csc-mailform option{padding:0 5px;background:#fff}

.cover {
        float:left;
}

.infotable {
        float:right;
        margin-right:50px;
}
.infotable strong {
        display:block;
        float:left;
        width:130px;
}

.com-single hr {
 border:none;
 color: #F6F6F6;
}

.tx_commercesearch_pi1_formular_table th,
.tx_commercesearch_pi1_result_table th {
        text-align:left;
}
.tx_commercesearch_pi1_result_table {
        margin-top:20px;
}

.table-head{
 background-image:url(images/table-head.gif);
 background-repeat:no-repeat;
}