html { height: 100% }

body { 
    
    background-image: url(../images/2_background.jpg);
    background-position: center -180px;
    background-repeat: no-repeat;
    height: 100%;
    background-color:#040404;
    
      
}

h1 { font-size: 23px }

a   { color: white }
.content { width: 960px; 
height: 714px;

position: absolute; 

left: 50%;
top: 0%;
margin-left: -480px;



}

.logoarea
 {
   position: absolute;
   left: 454px;
   top: 20px;
   width: 540px;
   text-align: center;
   color: white;
   height: 200px;
   font-size: 17px;
   font-family: Times New Roman, Serif;   
 }

p.text { margin-top: 18px }
p.footer { text-align: center; position: absolute; bottom: 0px; left: 0px; right: 0px; color: #757D7A; }
 
#menubar {  }
#menubar a { color: #A2CBB9;  text-decoration: none; font-family: Times New Roman, Serif; font-size: 17px; padding: 6px;  padding-left: 6px; padding-right: 6px;  }
#menubar a.selected { color: white; }

img.thumb { border: 1px #CCCCCC solid }

/* Seitenspezifisches */
img#index_title { margin-bottom: 6px }

/* Override prettyphoto */

a.pp_next { background-image: none !important }
a.pp_previous { background-image: none !important }

a.pp_expand { display: none !important }

/* Specific data */
ul.maerchen { padding: 0px; margin: 0px; width: 49%; float: left; list-style-type: none; list-style-image: none }
ul.maerchen li { font-weight: bold; white-space: nowrap }

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

ul.umfang li { margin-bottom: 8px }


h2 { font-size: 20px;  margin: 0px; padding: 0px}
p.preis { padding: 0px; margin: 0px; margin-bottom: 16px }

table.sizes { text-align: left; width: 100% }
table.sizes { border: 1px white dotted; border-bottom: none  }


table.sizes td, table.sizes th { padding: 4px; vertical-align: top }
table.sizes td.title { font-weight: bold; text-align: left; }
table.sizes td{  border-bottom: 1px white dotted; text-align: right;}

table.sizes th.title {  text-align: left; }

table.sizes th{  background-color:#1E523C; text-align: right   }