html, body{ height:100%; min-height:100%;}
body{ background:#F0E7C9; text-align:center; margin:0px; padding:0px; position:relative;}
html>body body{height:auto;}
body, td, input, select{ font-family: Verdana; font-size: 8pt;}
td{ vertical-align:top;}

a{ font-family: Verdana, sans-serif;  font-size: 8pt; text-decoration: none; color: #000000; font-weight: bold; }
a:hover{ text-decoration: underline; color: color: #000000;   }

#page{ width:780px; margin:0px auto 0px auto; background:#fff url(/i/bodyBack2.gif) repeat-y; height:100%; min-height:100%; position:relative; text-align:left;}
html>body #page{height:auto;}

#header{ height:120px; background:url(/i/Header_Home.jpg) no-repeat 100% 0%; position:relative;}
#logo{ display:block; float:left;  background:url(/i/logo.gif) no-repeat 100% 0%; width:180px; height:120px;}
#content{ border-top:20px solid #fff; }

#menu { padding:0px; margin:0px; list-style:none;}
#left ul li { clear:both;}
#left ul li#selected a{ color:#fff;}
#left ul li#selected ul li a{ color:#8A0000;}
#left ul li#selected ul li#subSelected a{ color:#fff;}
#left ul li#selected ul li ul{ padding-left:10px;}
#left ul li#selected ul li#subSelected ul li a{color:#8A0000;}
#menu li{ height:1px;}
html>body #menu li{ height:auto;}
#menu li a{ display:block; clear:both; background:url(/i/bgkugred_punkte.gif) repeat-x 100% 0%; font-size: 10px; font-weight: bold; padding:4px 0px 3px 10px; color:#8A0000; text-transform:uppercase;}
#menu li a:hover{ background:url(/i/bgkugred_punkte.gif) repeat-x 0% 0%;}
#left{ float:left; width: 160px; padding:10px;}
#left ul{ padding:0px; margin:0px; list-style:none;}
#left ul li ul li{ background:#DFA69F !important; float:left; width:100%;}
#left ul li ul li ul li a{ padding-left:8px !important; background: none !important; font-weight:normal !important;}
#left ul li#selected{ background:#8A0000 !important;}
#menu a:hover{ text-decoration:none; }

#right{ float:right; width: 160px; padding:35px 10px 0px 10px;}

h4{ background:url(/i/bgpunkte2.gif) repeat-x 0% 100%; font-size: 20px;  font-family: Verdana, Helvetica, sans-serif; color: #00335A; margin: 6px 0px 4px 0px; padding:0px 0px 6px 0px; position:relative; clear:none; }
h1{ background:url(/i/bgpunkte2.gif) repeat-x 0% 100%; font-size: 20px;  font-family: Verdana, Helvetica, sans-serif; color: #00335A; margin: 6px 0px 4px 0px; padding:0px 0px 6px 0px; position:relative; clear:none; }
#middle{ margin:0px 180px 0px 182px; padding:0px 10px 0px 10px; }
div.item{ background:url(/i/bgpunkte2.gif) repeat-x; padding:4px 5px 4px 5px; font-family: Verdana; font-size: 7pt; color:#00335A;}
div.clear{ clear:both;}
.center{ text-align:center;}

h1{ font-size: 16px;  font-family: Verdana, Helvetica, sans-serif; color: #00335A; margin: 6px 0px 4px 0px; padding:0px 0px 6px 0px;}

div.news{ padding-bottom:10px; margin-bottom:10px; background:url(/i/bgpunkte2.gif) repeat-x 0% 100%; float:left; width:100%; }
div.news p{ position:relative;}
div.news div.date{ color:#808080; font-size:7pt; margin:5px 0px 5px 0px;}
div.news a{ color:#00335A;}

#champs{ width:100%;}
#champs td img{ display:block; margin:0px auto 0px auto;}
#champs td{ text-align:center; padding-bottom:10px;}
#champs td a img {border:none !important;}

#page2 #middle{ margin:0px 0px 0px 0px; border:none; border-left:1px solid #C0C0C0; height:1px; float:left; width:560px; }
html>body #page2 #middle{ height:auto;}
#page2{ width:780px; margin:0px auto 0px auto; background:#fff; height:100%; min-height:100%; position:relative; text-align:left;}
html>body #page2{height:auto;}

#indexNews{ background:url(/i/bgpunkte2.gif) repeat-x; margin-top:20px;}
#indexNews a.head, #indexNews2 a.head{ background:#EB4900; color:#FFF; display:block; text-align:center; padding:5px 0px; font-size:7pt;}
#indexNews a.image, #indexNews2 a.image{ display:block; text-align:center;}
#indexNews a.more, #indexNews2 a.more{}
#indexNews td, #indexNews2 td{ padding-bottom:30px; font-size:7pt;}
#indexNews td{ width:33%;}
#indexNews strong.head{ display:block; margin:3px 0px; text-align:center;}
#indexNews2 a.image{ display:block; float:left; margin:0px 10px;}

#imgMenu{ position:absolute; top:105px; right:10px;}

input.submit{ background:#00335A; border:1px solid #7F9AAD; color:#fff; font-weight:bold;}

div#pages a, div#pages b{ display:inline-block; margin:0px 5px;}
td.EAlt{ vertical-align:bottom;}

a.myProduct{ display:block; float:left; margin:5px; width:150px; text-align:center;}
a.myProduct img{ display:block; margin:0px auto;}

div.counter{ text-align:center;}
div.counter img{ display:block; margin:10px auto;}

a.buy_goody{ display:block; padding:0px; color:#fff; background:url(/i/buy.gif) no-repeat; width:110px; height:30px;}
a.buy_goody:hover{ text-decoration:none;}

td.packpack{}
td.packpack p{padding:0px; margin:5px 0px;}


div.productTableHeader{ background:#00335A; padding:10px; text-align:center; color:#fff; font-weight:bold;}
div.productTable{ border-top:none; margin-bottom:10px;}
div.productTable a.myProduct{ text-align:center; width:99px;}
div.productTable a.myProduct span{ width:100%; text-align:center;}
div.productTable a.myProduct img{ margin:0px auto; word-wrap:break-word;}

table.productTable{ margin-bottom:10px;}
table.productTable td{ text-align:center; width:105px; text-align:center; vertical-align:bottom;}
table.productTable a.myProduct{ text-align:center; width:100%; display:block; color:#00335A;}
table.productTable td img{ margin:0px auto; text-align:center; display:block;}

table.productTable td.productName{ vertical-align:top; padding-bottom:10px; padding-top:5px;}
table.productTable td a{ color:#00335A;}
table.productTable td.productImg{ vertical-align:bottom; padding-bottom:10px; padding-top:5px;}