html {
   width:100%;
   height:100%;
}

body {
   width:100%;
   height:98%;
   font-family : Verdana;
   background : #B1B9C2;
   padding : 0;
   margin : 0;
   color : #454F5B;
   font-size : 11px;
}

.darkBox {
   color:#454F5B;
   background:#D8DBE0;
/* opacity : 0.70;
   filter : alpha(opacity=70); */
}

.darkBox a, .darkBox td, .darkBox label {
   color:#454F5B;
}

.inhalt {
   color : #454F5B;
   margin-left : 100px;
   margin-right : 100px;
}

.groesser, .groesser a {
   font-size:14px;
   font-weight:bold;
}

p.inhalt img, h2.inhalt img {
   border:1px dashed white;
}

p.inhalt a {
   text-decoration:underline;
   cursor:pointer;
}

h2.inhalt {
   font-size : 18px;
   margin : 60px 0 0 80px;
   color : #454F5B;
}

ul.inhalt {
   list-style-type: none;
   padding: 0;
   margin: 0 0 0 100px;
}

ul.inhalt li {
   background-image: url(../pix/bullet.gif);
   background-repeat: no-repeat;
   background-position: 0 6px;
   padding: 0 0 0 15px;
   margin: 0;
   line-height: 15px;
   font-size : 11px;
   color : #454F5B;
}

form {
   position:relative;
   margin: 20px 60px 20px 100px;
   padding : 10px 10px;
   font-size:11px;
}

input, select {
   float: left;
   margin: 2px;
   padding : 0;
   width : 150px;
   background:white;
}

input {
   height : 16px;
   font-size:11px;
}

select {
   height : 20px;
   font-size:11px;
}

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

legend {
   display:none;
}

label {
   display: block;  /* block float the labels to left column, set a width */
   clear: left;
   float: left;
   width: 100px;
   padding: 0;
   margin: 8px 5px 0 0; /* set top margin same as form input - textarea etc. elements */
   text-align: right;
}

a {
   color : #454F5B;
}

a.fakeLink {
   cursor:pointer;
   text-decoration:underline;
}




/********************************
************ INTRO  *************
********************************/

#intro_bild {
   margin : 120px 0 0 180px;
}

#intro {
   font-size : 11px;
   color : #647386;
   margin : 30px 0 0 300px;
}

#intro a {
   font-size : 11px;
   color : #647386;
   text-decoration : none;
}

#intro_schatten {
   font-style : oblique;
   font-size : 11px;
   color : #D0D0D0;
   margin : 10px 0 0 320px;
}

#intro_bild img {
   border:1px dashed white;
}

a.flagge {
   padding-left:30px;
   background-position:7px 2px;
   background-repeat:no-repeat;
}




/********************************
*** PRODUKTE - ARTIKELLISTEN  ***
********************************/

#artikelliste {
   margin-left:80px;
   margin-right:10px;
   padding:0;
   overflow:auto;
   height:290px;
}

#artikelsuche {
   margin: 20px 60px 0 0;
   padding : 10px 70px;
   width : 262px;
   height : 100px;
   overflow : hidden;
   float:right;
   display: inline;
}

#artikelsuche input, #artikelsuche select {
   float: left;
   margin: 5px;
   padding : 1px;
   width : 100px;
   height : 18px;
   background:white;
   font-size:9px;
}

#artikelsuche option {
   font-size:9px;
}

#artikellisten {
   float:left;
   display: inline;
   margin-top:20px;
   padding: 10px;
   width:200px;
}





/********************************
****** PRODUKTE - LISTEN  *******
********************************/

#tabelle {
   width:690px;
}

#tabelle tr.tr1 {
   background:#BBC1CB;
}

#tabelle tr.tr2 {
   background:none;
}

#tabelle td {
   padding:3px 10px;
   margin:0;
   font-size:12px;
}

#tabelle table td {
   padding:1px;
   margin:0;
}

#tabelle td.kopf {
   font-size : 12px;
   border:0 none;
   font-weight:bold;
}

#tabelle img.bild, #detail img {
   border:1px solid #8899AA;
   padding:0 10px;
   background:white;
}

#tabelle img.spacer {
   height:70px;
}




/********************************
******* PRODUKTE - DETAIL  ******
********************************/

#detail {
   margin-top : 20px;
}

#detail td {
   padding:3px 10px;
}

#listenbild {
   margin : 10px 60px 0 0;
   float:right;
   clear:right;
   display: inline;
}

#listenhinweis {
   width:400px;
   margin : 10px 60px 0 0;
   float:right;
   clear:right;
   display: block;
   font-weight:bold;
   background:transparent;
   text-align:center;
}






/********************************
****** PRODUKTE - NEUHEITEN  ****
********************************/

#neuheiten {
   padding:9px;
   font-size : 11px;
   color : #454F5B;
   margin-left : 100px;
   width : 390px;
   height : 280px;
   overflow : auto;
}

#neuheiten div.aussen {
   width:110px;
   height:110px;
   border:1px solid #8899AA;
   background:white;
   margin: 0 9px 9px 0;
   float:left;
   padding:0;
}

#neuheiten div.aussen div.innen {
   width:110px;
   height:110px;
   display:table-cell;
   vertical-align:middle;
   background:white;
   text-align:center;
}

#neuheiten div.aussen div.innen img {
   vertical-align:middle;
}

#beschreib {
   position:relative;
   margin-right : 40px;
   padding : 5px;
   width : 212px;
   height : 290px;
   overflow : hidden;
   float:right;
   display: inline;
}

#beschreib table {
   display:none;
   width:212px;
   margin:0;
   padding:0;
   border:0 none;
}

#beschreib table td {
   font-size : 11px;
   margin:0;
   padding:0;
   border:0 none;
}

#beschreib div.gross {
   width:210px;
   height:210px;
   border:1px solid #8899AA;
   background:white;
   text-align:center;
   display:table-cell;
   vertical-align:middle;
}




/********************************
************* ALLES  ************
********************************/

#abstand {
   margin : auto;
   margin-bottom : -280px;
   width : 1px;
   height : 50%;
   padding : 0;
   overflow : hidden;
}

#alles {
   clear : left;
   margin : 0 auto;
   width : 815px;
   height : 550px;
   overflow : hidden;
}

#schatten {
   width : 815px;
   height : 465px;
   background-image : url(../pix/grosser_schatten.jpg);
   background-repeat : no-repeat;
   background-position : 0 1px;
}

#logo {
   width : 801px;
   height : 50px;
   margin : 0;
   padding : 0;
   background-image : url(../pix/logo.png);
   background-repeat : no-repeat;
   background-position : top right;
   display:table-cell;
   vertical-align:bottom;
}

#logo a {
   margin : 0;
   padding : 20px 0 0 0;
   display : block;
   width : 801px;
   font-size : 12px;
   font-weight : bold;
   letter-spacing : 1px;
   word-spacing : 1px;
   text-decoration : none;
   line-height:30px;
   color : #454F5B;
}

#kasten {
   margin : 0;
   width : 799px;
   height : 450px;
   overflow : hidden;
   border : 1px dashed white;
   background-image : url(../pix/hg.jpg);
   background-repeat : repeat-x;
   background-position : 0 0;
}






/********************************
********* ALLES - MENU **********
********************************/

#menu {
   padding : 0 10px;
   margin : 0;
   font-size : 10px;
}

#menu li {
   list-style: none;
   float: left;
   position: relative;
   margin : 0;
   padding : 1px 8px 9px 0;
   width : 80px;
   height : 14px;
   background : url(../pix/hg_menu.jpg) no-repeat top left;
   text-align : center;
}

div.menu_schatten_2 {
   display : none;
   opacity : 0;
   filter : alpha(opacity=0);
   margin: 0;
   padding: 0 8px 8px 0;
   position: absolute;
   bottom: 25px;
   left: -3px;
   background-image : url(../pix/hg_sub_menu_b.gif);
   background-repeat : no-repeat;
   background-position : bottom right;
   backgroundd-color : green;
}

div.menu_schatten_1 {
   margin: 0;
   padding: 0;
   position: absolute;
   width: 8px;
   height: 8px;
   top: 0;
   right: 0;
   background-image : url(../pix/hg_sub_menu_a.gif);
   background-repeat : no-repeat;
   background-position : top right;
   backgroundd-color : red;
}

#menu li ul {
   margin: 0;
   padding: 0;
   padding-bottom : 10px;
   bottom: 30px;
   left: -3px;
   background : white;
}

#menu li ul li {
   width : 120px;
   height : 15px;
   margin: 0;
   padding: 3px;
   float: none;
   display: block;
   background : transparent;
   text-align : left;
}

#menu a {
   text-decoration : none;
   color : #454F5B;
}