/* CSS Document */
body {margin:0; padding:0; background-color:#EEEEEE; font-family:Verdana,Arial,sans-serif; font-size:10px;}

/* CONTAINER -----------------------------------------------------*/
.container {width:77.9em; margin:0 auto;}
.container img {border:none;}

/* HEADER -----------------------------------------------------*/
.header {width:77.9em; margin:0; padding:0;}


/* CONTENT -----------------------------------------------------*/
.content {background-image:url(../gfx/gui/content-hg.gif); background-position:top left; background-repeat:repeat-y; background-color:#FFF; float:left;}

.content a, .content a:hover {color:#000; text-decoration:none;}
.content a:hover {text-decoration:underline;}

.content h1 {background-color:#009899; font-size:1.1em; background-image:url(../gfx/gui/h1-hg.gif); background-repeat:no-repeat; background-position:left center; padding:6px 18px; margin:0 0 10px 0;}
.content h2 {font-size:1.8em; margin:0 0 10px 0;}

.content p {margin:0 6px 10px 18px; font-size:1.1em;}

.content ul {margin:0 6px 10px 7px; padding:0 0 0 0;}
.content li {margin:0 0 5px 0; padding:0; font-size:1.1em; list-style:none; }

.content li a, .content li a:hover {padding:0 0 0 11px; background-repeat:no-repeat; background-position:left center; margin:0;background-image:url(../gfx/gui/list-tuerkis.gif);}
.content li a:hover {}

.content .kategorien li a, .content .kategorien li a:hover {text-transform:uppercase;background-image:url(../gfx/gui/list-gelb.gif);}

.img-startseite, .img-startseite-klein {float:left; border:none; margin:0 0 5px 0; padding:0;}
.img-startseite-klein {margin-right:5px;}


/*SPALTE 1 -----------------------------------------------------*/
.spalte_1 {float:left; width:208px; /*background-color:#CCC;*/}

.spalte_1 form {margin:0 0 10px 18px; padding:0;}
.spalte_1 .suchfeld {width:121px; height:16px; padding:2px; margin:1px 0; float:left; border:1px solid #98acac;}
.spalte_1 .button {float:left; margin:0;}


/* SPALTE 2 -----------------------------------------------------*/
.spalte_2 {float:left; width:53.9em; padding:0 16px; background-image:url(../gfx/gui/spalte-2-hg.jpg); background-position:top right; background-repeat:no-repeat;}

.spalte_2 p {margin:0 0 10px 0;}
.spalte_2 .text-align-right {float:right;}

.breadcrumb-navi {margin:6px 0 10px 0;}

.produktbox_1, .produktbox_2 {border:1px solid #009899; margin:0 0 16px 0; padding:0 0 4px 0; float:left; width:53.9em; position:relative;}
* html .produktbox_1, * html .produktbox_2 {width:53.7em;}
.produktbox_2 {border:none;}
.produktbox_1 h1 {margin-bottom:4px;}
.produktbox_1 .vorschaubild {width:128px; float:left; text-align:center;}
.produktbox_1 p {float:left; width:30em; margin-left:4px;}
.produktbox_1 .button {position:absolute; right:4px; bottom:4px;}

.produktbox_1 .detailbild {text-align:center; margin:0 4px;}
* html .produktbox_1 .detailbild {margin:0 3px;}

.produktbox_table {border:1px solid #009899; border-right:none; border-bottom:none; margin:0 0 16px 0; padding:0; clear:both; width:54.1em;}
* html .produktbox_table {width:53.9em;}
.produktbox_table h3 {background-color:#7fcbcc; font-size:1.2em; padding:4px; margin:0;border-right:1px solid #009899; margin:0; border-bottom:1px solid #009899;}
.produktbox_table p {padding:4px; border-right:1px solid #009899; margin:0; border-bottom:1px solid #009899;}

/* Subkategorie */
.subkategorie-table {margin:0;}
.subkategorie-table td {width:17.9em; text-align:center;}