/*-----------------------------------------------------------------------------
KVT Koenig Style Sheet

version:   1.0
author:    Wolfgang Mutter
email:     spam9@comu.de
website:   http://www.comu.de
-----------------------------------------------------------------------------*/

/* =General
-----------------------------------------------------------------------------*/


/* Remove padding and margin */
* {
    margin: 0;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}

/* Standard Box mit einer Breite von 833px */
#archiv_box1, #messetermine_box, #aktuell_box1,
#kontakt_main {
    margin-left: 132px;
    width: 833px;
}

#standorte_box {
    margin-left: 76px;
    width: 833px;
}

#katlistbox1, #katbox1, #katbox2, #katbox3, #whitebox, #southcobox,
#katlistbox2, #katintro_main, #presse1, #presse2, #presse3, #fastsearchbox {
    background-color: white;
    width: 937px;
    margin-left: 14px;
}

#head { background: white; height: 100px; }

body {
    padding: 0;
    margin: 0px 0px 0px 0px;
    background-color: #b7b7b7;
}

#karriere_img { padding: 12px; }
#karriere_txt { width: 800px; margin-left: 132px; float: left; }
#karriere_txt h1, #karriere_txt .h1 { display: block; width: 700px; margin-top: 20px; }

#content {
    background-color: #dedede;
    width: 965px;
    margin: 0px auto 0px auto;
    padding-bottom: 12px;
	min-height: 550px;
}

#menu {
    height: 190px;
    background-color: #dedede;
    width: 965px;
    list-style: none;
}

#katbox2 div { padding: 1px; }

#submenu ul { padding: 20px; margin: 0px; }

ul {
    padding-left:20px;
}

/* Put it back on certain elements */
h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, fieldset, table, ul {
    margin: 0,2em 0;
}

#stelle h1 {
    font-size: 14px;
    font-weight: bold;
    color: black;
}

h1 {
    font-weight: bold;
    color: white;
}

/* Class for clearing floats */
.clear {
    clear:both;
}


/* Remove border around linked images */
img {
    border: 0;
}


/* =Typography
-----------------------------------------------------------------------------*/

#mainmenu li {
    position: relative;
    float: left;
    width: 100px;
}

#mainmenu li ul {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    list-style: none;
}
/*Schriften*/
.h1 { font-size: 14px; font-weight: bold; color: black; }
.h2, .h3, .h4 { font-weight: bold; color: white; }
.h2 { font-size: 18px; }
.h3 { font-size: 20px; }
.h4 {  }

.redtext {
    font-size: 10px;
    color: red;
    font-weight: bold;
}
.standardtext {
    color: black;
    vertical-align: top;
}

.standardtext td {
    padding: 2px 0px 2px 6px;
    vertical-align: top;
}

.standardtext a:hover, .standardtext a:link {
    color: #0081c9;
    text-decoration: underline;
}

.standardtext a:visited {
    color: blue;
    text-decoration: underline;
}

.standardtext2 {
    color: black;
}

.standardtext2 a:hover, .standardtext2 a:link {
    color: #0081c9;
    text-decoration: underline;
}

.standardtext2 a:visited {
    color: blue;
    text-decoration: underline;
}
/* Tabellenzeile mit hellgrauem Hintergrund */
.lightgray
{
    background-color: white;
    border-bottom: 2px solid #dedede;
    padding-left: 6px;
}

/* Tabellenzeile mit hellgrauem Hintergrund - Fetter und gro?er Text */
.lightgraytitle
{
    font-weight : bold;
    background-color: #6d6d6d;
    color: white;
    height: 24px;
    padding-left: 6px;
}

/* Tabellenzeile mit dunkelgrauem Hintergrund */
.darkgray
{
    background-color: white;
    border-bottom: 2px solid #dedede;
    padding-left: 6px;
}
/* Tabellenzeile mit dunkelgrauem Hintergrund - Fetter und gro?er Text */
.darkgraytitle
{
    font-weight : bold;
    background-color: #6d6d6d;
    color: white;
    height: 24px;
    padding-left: 6px;
}
.darkgrayprint {
    font-size : 10px;
}
.darkgraytitleprint {
    font-size : 14px;
    font-weight : bold;
}
.tabelle_messetermine img {
    margin: 9px 9px 9px 9px;
}
.aktuelltext { color: white; }

.aktuelltext_klein p, .aktuelltext_klein li, .aktuelltext_klein b { 
    color: white;
    font-size: 10px; }

.aktuelltext ul { 
    color: white;
    padding: 2px 0px 0px 14px;
}

#mainmenu {
    position: absolute;
    width: 965px;
    top: 100px;
    margin: 0px 0px 0px 0px;
    height: 25px;
    background-color: red;
    white-space: nowrap;
    z-index: 20;
}

#mainmenu ul {
    margin: 0px 0px 0px 14px;
    padding: 0px 0px 0px 0px;
    list-style: none;
}

#mainmenu ul li {
    float: left;
    width: 106px;
    background-color: #a22a39;
    height: 18px;
    margin: 5px 6px 0px 0px;
    padding: 2px 0px 0px 6px;
}

#mainmenu ul li ul {
    width: 108px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
#mainmenu ul li ul li {
	height: 18px;
    padding: 2px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    width: 112px;
    color: white;
    background-color: #6d6d6d;
}

#mainmenu ul li ul li a,
#mainmenu ul li ul li a:link {
    padding: 0px 0px 3px 6px;
    margin: 0px 0px 0px 0px;
    width: 106px;
}

*html #mainmenu ul li ul li a,
#mainmenu ul li ul li a:link {
    padding: 4px 0px 1px 6px;
    margin: 0px 0px 0px 0px;
    width: 106px;
}

#mainmenu li ul li a:hover,
#mainmenu li ul :hover,
#mainmenu ul li ul li a:hover {
    color: #6d6d6d;
    background-color: white;
    display: block;
}

#neuheiten .neuheiten,
#archiv .archiv,
#presse .presse,
#schulungen .schulungen,
#messe .messe,
#produktauswahl .produktauswahl,
#broschueren .broschueren,
#contact .contact,
#anfahrt .anfahrt,
#unternehmen .unternehmen,
#standorte .standorte,
#qualitaet .qualitaet,
#stelle .stelle,
#ausbildung .ausbildung,
#bewerbung .bewerbung
{
    padding: 1px 7px 4px 6px;
    width: 106px;
    color: #6d6d6d;
    background-color: white;
    display: block;
}
#neuheiten #menu .index,
#archiv #menu .index,
#presse #menu .index,
#messe #menu .index,
#index #menu .index,
#schulungen #menu .index,
#produktauswahl #menu .produkte,
#broschueren #menu .produkte,
#produkte #menu .produkte,
#contact #menu .kontakt,
#anfahrt #menu .kontakt,
#kontakt #menu .kontakt,
#unternehmen #menu .wir,
#standorte #menu .wir,
#wir #menu .wir,
#stelle #menu .karriere,
#ausbildung #menu .karriere,
#bewerbung #menu .karriere,
#karriere #menu .karriere,
li:hover ul, li.over ul {
    display: block;
}

#mainmenu a, #mainmenu a:link {
    text-decoration: none;
    color: white;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

#mainmenu img {
    position: relative;
    top: 5px;
    margin-right: -8px;
}

#submenu {
    height: 20px;
    margin: 0px;
    padding: 0px;
    color: #FF0000;
}

#submenu ul {
    margin-left: 0px;
    color: #FF0000;
    list-style: none;
}

#submenu ul li {
    float: left;
    padding-right: 2px;
    color: #FF0000;
}

#submenu a, #submenu a:link, #submenu a:hover  {
    text-decoration: none;
    color: #FF0000;
}

#content table {
    margin: 0 0 0 0;
}
#maincontent {
    margin-top: 230px;
}

#menu p {
    position: absolute;
    top: 60px;
    margin-left: 20px;
    clear: both;
    font-weight: bold;
}

#logo {
    float: right;
    margin-right: 20px;
}

/* Removes fieldset borders. even on Opea 7 */
fieldset {
    border: 1px solid transparent;
}

table {
    border-spacing: 0;
    border-collapse: collapse;
}

td {
    text-align: left;
    font-weight: normal;
}

#aktuell  {
    background-color: #ff0000;
    width: 834px;
    height: 135px;
}

#index_hinweis  {
    background-color: white;
    visibility: visible;
    top: 455px;
    width: 791px;
    height: 20px;
    border: 1px solid red;
    padding-left: 19px;
    padding-top: 3px;
    font-size: 10px;
}
#index_hinweis_text  {
    background-color: white;
    visibility: visible;
    top: 2px;
    width: 670px;
    height: 0px;
    padding-left: 112px;
    padding-top: 1px;
    font-size: 10px;
}
#index_box1  {
    width: 100px;
    font-weight: bold;
    color: white;
    padding: 10px 0px 0px 20px;
    display: inline;
    float: left;
}

#index_box2, #index_box3, .index_box3, #index_box4, #index_box5, .index_box5, .index_box6, .index_box7, .index_box8, .index_box_banner_messe  {
    width: 205px;
    display: inline;
    float: left;
    padding: 10px 0px 0px 10px;
}

.index_box_banner_messe  {
    margin-left: 10px;
    padding-top: 0px;
    margin-top: 9px;
}

#index_box_banner, .index_box_banner_messe  {
    vertical-align: middle;
    width: 235px;
    height: 120px;
    background-color: white;
}

#exclamation  {
    float: right;
    margin-right: -20px;
	margin-top: -20px;
    width: 45px;
    height: 45px;
    background-image: url(../images/exclamation.jpg);
}

.index_table1 {
    height: 120px;
}
.index_table1 th {
    background-color:#a22a39;
    font-weight: bold;
    color: white;
    text-align:left;
    padding: 5px;
}
.index_table1 td {
    background-color:white;
    font-size: 9px;
    color: black;
    padding: 5px;
}

.index_table2 {
    height: 120px;
}
.index_table2 td {
    background-color:white;
    padding: 5px;
}
.messetext1 {
    color: black;
}
.messetext3 {
    font-size: 14px;
    color: black;
}
.messetext2 {
    color: black;
    font-weight: bold;
}
/*Aktuell*/

.aktuelltext1 {
    color: white;
    font-weight: bold;
}
.aktuelltitel {
    color: white;
    font-weight: bold;
    background-color: #a22a39;
    padding: 6px 6px 6px 6px;
}
.aktuelltext2 {
    font-size: 9px;
    color: black;
    background-color: white;
    padding: 6px 6px 6px 6px;
}

#aktuell_exclamation  {
    display: none;
}

#aktuell_text  {
    width: 830px;
    text-align: right;
}
#aktuell_box2  {
    padding: 10px 0px 0px 10px;
    background-color: red;
    width: 269px;
    height: 373px;
    float: left;
}
#aktuell_box3  {
    float: left;
    padding-top: 5px;
    padding-left: 15px;
    background-color: white;
    width: 410px;
    height: 378px;
}

#menu a:visited {
    /*color: white;*/
    /*text-decoration: none;*/
    width: 99px;
}

#archiv_exclamation  {
    visibility: visible;
    position: absolute;
    left: 812px;
    top: 562px;
    width: 45px;
    height: 45px;
    background-image: url(../images/exclamation.jpg);
}
.archivlist th{
    background-color: red;
    font-weight: bold;
    vertical-align: middle;
    color: white;
    height: 25px;
    text-align: left;
    border-right: 3px solid #dedede;
    padding-left: 5px;
}

.archivlist td {
    border-right: 3px solid #dedede;
    border-top: 3px solid #dedede;
    padding: 5px 0px 5px 5px;
    background-color: white;
}
#aktuell_tfoot {
    border-top: 6px solid #dedede;
    padding: 5px 0px 5px 5px;
    background-color: #a22a39;
    color: white;
    height: 25px;
}
#tabelle_messetermine th {
    background-color: red;
    height: 25px;
    border-right: 6px solid #dedede;
}
#tabelle_messetermine td {
    background-color: white;
    font-weight: normal;
    border-right: 6px solid #dedede;
    border-bottom: 3px solid #dedede;
    padding: 15px 0px 15px 0px;
    text-align: center;
}

#tabelle_messetermine2 td {
    width: 195px;
    border-right: 1px solid white;
    border-bottom: 1px solid white;
    padding: 0px 0px 0px 8px;
    text-align: left;
    vertical-align: bottom;
}
.mtermine_col2 {
    color: #a22a39;
    font-weight: bold;
}
.mtermine_col3 {
    color: red;
    font-weight: bold;
}
#messe_text  {
    left: 132px;
    top: 609px;
    width: 665px;
    height: 25px;
    text-align: right;
}
#messetermine_exclamation  {
    visibility: visible;
    left: 812px;
    top: 588px;
    width: 45px;
    height: 45px;
    background-image: url(../images/exclamation.jpg);
}
/*Karriere*/
#anfahrt1_text  {
    left: 0px;
    top: 613px;
    width: 200px;
    height: 25px;
    text-align: right;
}
#anfahrt2_text  {
    left: 0px;
    top: 613px;
    width: 805px;
    height: 25px;
    text-align: right;
}
#karriere_img {
    width: 965px;
    margin-left: -20px;
}
#karriere_img ul li {
    float: left;
    padding-right: 6px;
}

#ausbildung_box {
    float: right;
    width: 230px;
    height: 118px;
    margin-top: -160px;
    margin-right: 150px;
}

#karriere_box {
    float: right;
    width: 270px;
    height: 118px;
    margin-top: -140px;
    margin-right: 110px;
}

.karriere_table th {
    background-color: #ff0000;
    font-weight: bold;
    font-size: 14px;
    color: white;
    height: 25px;
    text-align:left;
    padding: 5px;
}
.karriere_table td {
    background-color: white;
    font-weight: bold;
    color: blue;
    height: 93px;
    text-align:left;
    padding: 5px;
}
.ausbildung_table th {
    background-color: #ff0000;
    font-weight: bold;
    font-size: 14px;
    color: white;
    height: 25px;
    text-align:left;
    padding: 5px;
}
.ausbildung_table td {
    background-color: white;
    text-align:left;
    padding: 5px;
}
#karriere_exclamation {
	float: right;
	margin-right: 129px;
	margin-top: -40px;
    width: 45px;
    height: 45px;
    background-image: url(../images/exclamation.jpg);
}

.karriere_text2 {
    font-size : 10px;
    color: black;
}

.job-title {font-size: 32px; font-weight: bold; color: red;}
.line {background-color: black; height: 1px; width: 700px; margin: 10px 0px 5px 0px;}

/*Produkte*/

 #order_main {
    top: 215px;
    left: 132px;
    width: 695px;
    height: 400px;
}
#katintro_td1 {
    padding: 5px 0px 5px 5px;
    border-right: 6px solid #dedede;
    border-bottom: 6px solid #dedede;
    background-color: red;
    height: 23px;
}
#katintro_td2 {
    padding: 5px 0px 5px 5px;
    text-align: center;
    border-bottom: 6px solid #dedede;
    background-color: #a22a39;
}
#katlist_td1 {
    padding: 0px 5px 0px 5px;
    background-color: #cccccc;
    border-bottom: 3px solid #dedede;
    border-top: 3px solid #dedede;
}
#katlist_td2 {
    padding: 0px 5px 0px 5px;
    border-left: 6px solid #dedede;
    border-bottom: 3px solid #dedede;
    border-top: 3px solid #dedede;
}
#table_button {
    padding: 5px 0px 5px 5px;
    border-left: 6px solid #dedede;
    border-top: 3px solid #dedede;
    background-color: #a22a39;
    text-align: center;
    height: 23px;
}
.itemlist_table {
    padding: 3px 6px 3px 6px;
    border-left: 2px solid #dedede;
    border-bottom: 1px solid #dedede;
    background-color: #CACACA;
}
/*Wir �ber uns*/
.unternehmen2 {
    font-size : 10pt;
    color: black;
    text-decoration: none;
}
.unternehmen li{
    list-style-image: url(../images/list.jpg)
}
#unternehmen_box {
    width: 140px;
    height: 160px;
    background-image: url(/images/unternehmen6.jpg);
    float: right;
	margin-top: -150px;
	margin-right: 70px;
}
#unternehmen_iso  {
    width: 104px;
    height: 72px;
    background-image: url(/images/iso.gif);
    float: right;
	margin-top: -180px;
	margin-right: -180px;
}

#tabelle_standorte {
    font-size : 10pt;
    text-decoration: none;
    vertical-align: top;
    vertical-align:text-top;
}
/*Kontakt*/
#kontakt_th1 {
    border-right: 6px solid #dedede;
    padding: 5px 0px 5px 5px;
    background-color: red;
    font-weight: bold;
    color: white;
    height: 25px;
}
#kontakt_th2 {
    border-right: 6px solid #dedede;
    padding: 5px 0px 5px 5px;
    background-color: #a22a39;
    font-weight: bold;
    color: white;
    height: 25px;
}
#kontakt_th3 {
    border-right: 6px solid #dedede;
    padding: 10px 0px 10px 0px;
    background-color: white;
    text-align:center;
}
#kontakt_td1 {
    padding: 5px 0px 5px 5px;
    background-color: red;
    font-weight: bold;
    color: white;
    height: 25px;
}
#kontakt_td2 {
    padding: 5px 0px 0px 5px;
    background-color: #a22a39;
    color: white;
}
#kontakt_td3 {
    padding: 5px 0px 5px 5px;
    background-color: white;
}
#kontakt_td4 {
    padding: 1px 0px 0px 5px;
    background-color: white;
    font-size: 10px;
}
#route_exclamation  {
    visibility: visible;
    left: 812px;
    top: 586px;
    width: 45px;
    height: 45px;
    background-image: url(../images/exclamation.jpg);
}
#fussnote {
    font-weight: bold;
    padding-top: 10px;
}
/*Stellenangebote*/
#stellen_main {
    background-color: white;
    top: 215px;
    margin-left: 132px;
    width: 700px;
    height: 400px;
}

.stellen_table th{
    background-color: red;
    font-weight: bold;
    color: white;
    height: 25px;
    text-align: left;
    padding-left: 40px;
}

.stellen_table td{
    text-align: left;
    padding-left: 40px;
}

.stellentext {
    font-weight: bold;
    font-size: 18px;
    color: #0081c9;
}

#stelle_exclamation  {
    visibility: visible;
    left: 812px;
    top: 573px;
    width: 45px;
    height: 45px;
    background-image: url(../images/exclamation.jpg);
}
.pdf_table {
    height: 30px;
    width: 512px;
}
.pdf_table td {
    width: 166px;
    padding-left: 33px;

}
.pdf_table img {
    width: 18px;
    height: 18px;
    margin-bottom: -4px;
}
.cad_body {
    background-color: #cccccc;
}
#cad_maincontent  {
    margin: 0px auto 0px auto;
    padding: 0px 0px 0px 0px;
    width: 920px;
    height: 768px;
    padding: 0px 0px 0px 0px;
    background-color: #cccccc;
}
#cad_logo  {
    width: 450px;
    height: 142px;
    top: 275px;
    left: 55px;
    font-weight: normal;
    font-size: 18px;
    color: black;
    padding: 0px 0px 0px 0px;
}
#cad_logo_txt-de  {
    width: 430px;
    height: 60px;
    top: 439px;
    left: 83px;
    font-weight: normal;
    font-size: 18px;
    color: black;
    padding: 0px 0px 0px 0px;
}
#cad_logo_txt-en  {
    width: 430px;
    height: 60px;
    top: 461px;
    left: 186px;
    font-weight: normal;
    font-size: 18px;
    color: #6d6d6d;
    padding: 0px 0px 0px 0px;
}
#cad_top_bar  {
    width: 920px;
    height: 15px;
    background-color: #ff0000;
    padding: 0px 0px 0px 0px;
}
#cad_bottom_bar  {
    width: 920px;
    height: 5px;
    top: 763px;
    background-color: #ff0000;
    padding: 0px 0px 0px 0px;
}
#cad_flag_ch  {
    width: 268px;
    height: 70px;
    top: 170px;
    left: 570px;
    padding: 0px 0px 0px 0px;
}
#cad_flag_de  {
    width: 268px;
    height: 70px;
    top: 245px;
    left: 570px;
    padding: 0px 0px 0px 0px;
}
#cad_flag_at  {
    width: 268px;
    height: 70px;
    top: 320px;
    left: 570px;
    padding: 0px 0px 0px 0px;
}
#cad_flag_pl  {
    width: 268px;
    height: 70px;
    top: 395px;
    left: 570px;
    padding: 0px 0px 0px 0px;
}
#cad_flag_cz  {
    width: 268px;
    height: 70px;
    top: 470px;
    left: 570px;
    padding: 0px 0px 0px 0px;
}
#cad_flag_com  {
    width: 268px;
    height: 70px;
    top: 545px;
    left: 570px;
    padding: 0px 0px 0px 0px;
}
.cad_flagtable  {
    width: 268px;
    height: 54px;
}

.cad_flagtable-td  {
    border-bottom: 1px solid #6d6d6d;
    height: 32px;
    width: 200px;
    font-weight: normal;
    color: black;
    padding: 7px 0px 2px 0px;
}

.cad_flagtable td  {
    font-weight: normal;
    color: black;
    padding-top: 2px;
}

.cad_table img {
    width: 54px;
    height: 55px;
    margin-top: 0px;
}

.stamtable td {
    padding-left: 0px;
    padding-right: 5px;
}

#kontakt_table { background: white; }


/*Shop*/
/* Allgemeine Einstellungen */
#shop .form { border: 1px solid red;  }
#shop label { width: 60px; display: inline-block; }
#shop input { display: inline; }
#shop h4 { background-image: url(/shop/images/bg-dark.gif); background-repeat:repeat-x; color: black; padding: 3px; border: 1px solid #777;  margin: 0px; margin-top: 8px; margin-bottom: 3px; }
*html #shop h4 {padding: 1px;}
*html #shop h4.lager {margin-top: 2px;}
#shop form { margin: 0px; }
#basket label { width: 90px; display: inline-block; }
#password label { width: 190px; display: inline-block; }
#shop-menu {list-style: none;}


/*Buttons*/
.button, #fastorder .button, #shop #order .button, #basket .button { background-color: #000000; color: white; padding: 3px 10px 3px 10px; border: none;}
.detail-button { background-color: #000000; color: white; width: 100px; padding: 3px 10px 3px 10px; border: none; }
#favorite .button, #shop #customerdetails .button { background-color: #000000; color: white; padding: 3px 10px 3px 10px; border: none; }
#search .button { background-color: #000000; color: white; padding: 3px 10px 3px 10px; border: none; }
.text-button { background: none; width: 100px; border: none; color: #0081c9; text-decoration: underline; text-align: left; font-weight: normal; margin-top: 10px; }
.maenderung { background-image: url(/shop/images/aenderungok.jpg); background-repeat: no-repeat; background-position: 3px 1px; background-color: #000000; color: white; padding: 3px 10px 3px 28px; border: none;}
.button-search { background-image: url(/shop/images/suche.jpg); background-repeat: no-repeat; background-position: 2px 1px; background-color: #000000; color: white; padding: 4px 10px 4px 25px; border: none; text-decoration: none;}
.button-wkok { background-image: url(/shop/images/wkbestaetigen.jpg); background-repeat: no-repeat; background-position: 2px 1px; background-color: #000000; color: white; padding: 4px 10px 4px 35px; border: none; text-decoration: none;}
.button-wkmerken { background-image: url(/shop/images/wkmerken.jpg); background-repeat: no-repeat; background-position: 2px 1px; background-color: #000000; color: white; padding: 4px 10px 4px 35px; border: none; text-decoration: none;}
.button-fastorder { background-image: url(/shop/images/schnellerfassung.jpg); background-repeat: no-repeat; background-position: 2px 1px; background-color: #000000; color: white; padding: 4px 10px 4px 35px; border: none; text-decoration: none;}
.button-basket { background-image: url(/shop/images/wk.jpg); background-repeat: no-repeat; background-position: 2px 1px; background-color: #000000; color: white; padding: 4px 10px 4px 30px; border: none; text-decoration: none;}
.button-merkliste { background-image: url(/shop/images/merkliste.jpg); background-repeat: no-repeat; background-position: 2px 1px; background-color: #000000; color: white; padding: 4px 10px 4px 32px; border: none; text-decoration: none;}
.button-products { background-image: url(/shop/images/produkteauswahl.jpg); background-repeat: no-repeat; background-position: 2px 1px; background-color: #000000; color: white; padding: 4px 10px 4px 26px; border: none; text-decoration: none;}
.button-print { background-image: url(/shop/images/print.jpg); background-repeat: no-repeat; background-position: 2px 1px; background-color: #000000; color: white; padding: 4px 10px 4px 36px; border: none; text-decoration: none;}
.button-favorite { background-image: url(/shop/images/inwk.jpg); background-repeat: no-repeat; background-position: 2px 1px; background-color: #000000; color: white; padding: 4px 10px 4px 32px; border: none; text-decoration: none;}
.button-black { background-color: #000000; color: white; padding: 4px 10px 4px 10px; border: none; text-decoration: none;}

/* Die Box wird beschrieben */
#shop #box { width: 396px; border: solid 1px red; margin: 3px; margin: 20px 30px 0px 30px; }
#shop #box h3 { background-image: url(/shop/images/bg-title.gif); background-repeat: repeat-x; margin: 0px; padding: 6px; color: white; text-align: left; }
#shop #box p { margin: 3px; padding: 0px; }
#shop_hinweis {margin: 20px 10px 20px 10px; line-height: 20px; background-color: #dedede;}
#eshop_hinweis {margin: 20px 10px 20px 310px; line-height: 20px; text-align: left; background-color: #dedede;}
#shop_hinweis h2 { font-weight: bold; color: black;}
#shop fieldset, #searchpage fieldset, #fastorder fieldset { padding: 0px 0px 10px 10px; text-align: center; border: 1px solid red; margin: 5px; background: #dedede; }
#shop legend, #searchpage legend, #fastorder legend {font-weight: bold;}
#logindirect fieldset, #password fieldset { margin-left: 200px; margin-right: 200px; }
#searchpage fieldset, #fastorder fieldset { margin-left: 170px; margin-right: 170px; }

#shop #pricedetails h4 { background-image: url(/shop/images/bg-light.gif); background-repeat:repeat-x; color: black; padding: 3px; border: 1px solid #777;  margin: 0px; margin-top: 8px; margin-bottom: 3px; }
*html #shop #pricedetails h4 {padding: 1px;}
#shop #order form h4 { background-image: url(/shop/images/bg-title.gif); background-repeat:repeat-x; color: white; padding: 3px; border: 1px solid #777;  margin: 0px; margin-top: 8px; margin-bottom: 3px; }
*html #shop #order form h4 {padding: 1px;}

/* Die einzelnen Bereiche */
#pricedetails { width: 230px; margin-left: 6px; margin-right: 6px; margin-bottom: 6px; float: left;}
#customerdetails { width: 230px; margin-left: 10px; margin-right: 10px; margin-bottom: 10px; }
#order, #itemdetails { width: 198px; margin: 6px; margin-left: 245px; }

/* Die Tabelle */
#pricedetails table { width: 100%; }
#pricedetails table tr { border-bottom: 1px solid #888; }
#pricedetails table tr td { text-align: right; }
#pricedetails table tr th { text-align: right; }
#basket { }
#basket .basket-complete, #pricedetails .complete, .defaulttable .basket-complete { white-space: nowrap; font-weight: bold; text-align: right; }
#basket .complete, #basket .price, .defaulttable .price, .defaulttable .complete { white-space: nowrap; text-align: right; }
#item .fastordertable td { border: none; margin: 50px; padding 20px; }
#item .fastordertable tr { border-bottom: 1px solid grey;}
#item .fastordertable {  margin: 30px; width: 480px;}x

/* Warenkorb und Merkliste */
#favorite h1, #basket h1, #password h1, #fastorder h1 { color: red; font-size: 120%; padding: 11px; }
#favorite table, #basket table, #fastorder table { width: 895px; margin-left: 20px; background: #DEDEDE; }
#favorite th, #basket th, #fastorder th { color: white; padding: 5px; text-align: left; background-color:#6D6D6D; }
#favorite td, #basket td, #basket tr, #fastorder td { padding: 5px; border: 2px solid #fff; }
#favorite a, #basket a, #fastorder a { white-space: nowrap; color: #0081c9; }
/*#favorite .submenu, #basket .submenu , #fastorder .submenu{ text-align: right; margin-right: 18px; }
#favorite .submenu a, #basket .submenu a , #fastorder .submenu a{ text-align: center; margin: 6px; background-position: 0px 4px; background-color: #000000; color: white; padding: 3px 10px 3px 10px; text-decoration: none; }
#content .submenu a { text-align: center; background-color: #000000; color: white; padding: 3px 10px 3px 10px; text-decoration: none; margin-top: 20px;}
*/
#content .submenu { text-align: center; margin-top: 20px;}
#mbasket { position: relative; }
.minibasket { z-index: 10; margin-top: -10px; right: 15px; padding: 3px 0px 3px 20px; border: 1px solid red; background-image: url(/shop/images/basket.gif); background-repeat: no-repeat; background-position: 3px 2px; background-color: white;}
.minibasket a {padding: 5px; text-decoration: none; color: black; }
#delivery { width: 500px; float: left;}
#ordernumber { width: 400px; }
.basketimg {margin-bottom: -10px; margin-left: 6px;}
*html
.basketimg {margin-bottom: 0px;}

/* Suchfenster darstellen */
.suggestDiv {
    background-color: #fefefe;
    border: 1px solid red;
    font-size: 1.3em;
    color: black;
    margin-left: 228px;
}

.suggestion {
    border-bottom: 1px solid #efefef;
    padding: 2px;
}

.match, .bold {
    font-weight: bold;
}

/* Suchergebnis */
#searchresult h1 { color: red; font-size: 120%; padding: 11px; }
#searchresult {margin-left: 20px;}
.defaulttable { width: 895px; background: #DEDEDE; }
.defaulttable th { color: white; padding: 5px; text-align: left; background-color:#6D6D6D; }
.defaulttable tr, .defaulttable td { padding: 5px; border: 2px solid #fff; }
.defaulttable a { white-space: nowrap; color: #0081c9; }
.right { text-align: right; }
.marked { background-color: #DEDEDE; }
.pricetable tr td { padding-right: 10px; text-align: right; white-space: nowrap; }
.pricetable { width: 160px; }
#shop { margin-bottom: 10px; }

#end { clear: both; display: hidden;}

#head-menu { background: red; padding: 6px; width: 925px; border-top: 1px solid darkgrey; border-left: 1px solid darkgrey; border-right: 1px solid white; height: 15px; }
#head-menu h4 { background: red; border: 0; margin: 0; padding: 0; color: white; float: left; }
#head-menu #menu-shop { float: right; }

#menu-shop ul { color: #FF0000; list-style: none; }
#menu-shop ul li { float: right; color: white; margin-left: 6px;}

form p { margin-bottom: 10px; }
#fastorder .searchlabel { width: 100px;}

#fieldarea { float: left: }
#imagearea { float: left; margin-left: 400px;  }

#fastorder #box table {width: 388px; background-color: white; margin: 5px; border: none;}
#fastorder #box table td {border: none;}
#fastorder #box {margin: 0px 0px 0px 90px;}

#itemdetail fieldset { border: 0; background: white; }
#itemamount, #itemdetail { padding-top: 10px; padding-bottom: 10px; }
#itemamount fieldset, #itemdetail fieldset { padding-top: 10px; }

#mainmenu .menu-order, #mainmenu .menu-order-pl { background: white; }
#mainmenu .menu-order a, #mainmenu .menu-order-pl a { color: red; }
#mainmenu .menu-order .order a, #mainmenu .menu-order-pl .order a { color: white; }
#mainmenu .menu-order .order a:hover, #mainmenu .menu-order-pl .order a:hover { color: grey; }

/* Fehlermeldung kleiner Darstellen */
#katbox2 #katbox1, #katbox2 #katbox2 {  width: 550px; }
#katbox2  #katbox3 { display: none; }
