@charset "utf-8";
img, object, embed, video {max-width: 100%;} /* IE 6 does not support max-width so default to width 100% */
.ie6 img {width:100%;}
.cleared {clear: both;}
#search{width:500px;}
a { color: #FFFFFF; font-size:16px; text-decoration:none; text-transform:uppercase; font-family: "Times New Roman", Times, serif; }
a:visited { color: #FFFFFF; text-decoration:none;}
a:hover { color: #FFFFFF; text-decoration:none; }
a:focus { color: #FFFFFF;}
.infonavi {width:600px; height:20px; line-height:20px; padding: 1px; margin-top:70px; text-align: right; float:right; background-color: #FFFFFF; font-size:14px; color: #CCCCCC; font-weight:bold; font-family: Arial, Helvetica, sans-serif;}
a.infonavi2:link {color:#CCCCCC; margin:3px; font-family:Arial, Helvetica, sans-serif; font-size:14px;}
a.infonavi2:visited {color:#CCCCCC; margin:3px; font-family:Arial, Helvetica, sans-serif; font-size:14px;}
a.infonavi2:hover {color: #999999; text-decoration:underline; margin:3px; font-family:Arial, Helvetica, sans-serif; font-size:14px;}
.bilderrahmen {width:50%; float:left;}
.bilderrahmen2 {width:100%; border-right:1px #CCCCCC dotted; float:left; margin-top:5px; margin-bottom:2px;}
.bigpicturerahmen {float:left; width:82%;}
#bigpicture {display:block; width:100%;}
.prewiewpicture {margin-right:8px; float:right; width:14%; text-align:right;}
.beschreibungsrahmen {width:50%; float:left;}
.beschreibung {padding:10px 20px 10px 20px; margin-top:5px; margin-bottom:2px; color:#000000; font-size:12px; font-weight:normal; font-family: Verdana, Arial, Helvetica, sans-serif;}
.titelpanel {padding:7px; margin-top:4px; background-color:#000000; color:#FFFFFF; border-bottom:2px #d80041 solid; font-size:13px; font-weight:bold; font-family: Verdana, Arial, Helvetica, sans-serif; text-transform:uppercase;}
.agbrahmen {width:50%; float:left; background-color:#FFFFFF; border-right:1px solid #ffffff;}
.agbrahmen2 {padding:10px; border:1px #F2F2F2 solid; margin-top:2px; margin-bottom:2px; background-color:#FFFFFF; color:#000000; font-size:12px; font-family: Verdana, Arial, Helvetica, sans-serif;}
.versandrahmen {width:49.8%; float:left; background-color:#FFFFFF;}
.versandrahmen2 {padding: 0px; border:1px #F2F2F2 solid; margin-top:2px; margin-bottom:2px; background-color:#FFFFFF; color:#000000; font-size:12px; font-family: Arial, Helvetica, sans-serif;}
.gridContainer {margin-left: 0px; margin-right: 0px; width: 100%; padding-left: 0px; padding-right:0px; clear: none; float: none; background-color:#ffffff;}
#cssmenu {font-family: "Times New Roman", Times, serif; font-size: 16px; line-height: 20px; text-transform: uppercase; font-weight:bold; text-align: left; background-color:#000000; width:100%; height:43px;}
#cssmenu > ul {width: auto; list-style-type: none; padding: 0; margin: 0; background: #000000;}
#cssmenu > ul li {display: inline-block; *display: inline; zoom: 1;}
#cssmenu > ul li.right {float: right;}
#cssmenu > ul li.has-sub {position: relative; float:right; border-left:1px dotted #CCCCCC;}
#cssmenu > ul li.has-sub > a {color:#FFFFFF;}
#cssmenu > ul li.has-sub > a.active,
#cssmenu > ul li.has-sub > a:hover {color:#FFFFFF;}
#cssmenu > ul li a {display: block; padding: 12px 24px 11px 24px; text-decoration: none; color: #000000;}
#cssmenu > ul li a.active,
#cssmenu > ul li a:hover {background: #d80041; color: #fff;}
TR.versandzeileh { padding:3px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px;background-color:#f2f3f3;}
TR.versandzeiled { padding:3px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px;background-color:#dde8ef;}
TD.versandflagge { padding:3px; text-align:center;height:20px;width:8%;}
TD.versandland { padding:3px; text-align:left;width:60%;}
TD.versandkosten { padding:3px; text-align:right;width:30%;}


/* Mobile Screen */

@media screen and (max-width: 950px) {
img {max-width: 100%;}
.ie6 img {width:100%;}
.cleared {clear: both;}
#cssmenu {display: none; visibility:hidden;}
.infonavi {display: none; visibility:hidden;}
#infonavi {display: none; visibility:hidden;}
.bilderrahmen {width:100%; float:left;}
.bilderrahmen2 {padding:0px; width:100%; float:left; margin-top:5px; margin-bottom:5px; border:0px;}
.bigpicturerahmen {float:left; width:100%; margin-bottom:5px;}
#bigpicture {display:block; width:100%;}
.prewiewpicture {float:left; width:100%; text-align:left;}
.beschreibungsrahmen {width:100%; float:left;}
.beschreibung {padding:10px; border:1px #F2F2F2 solid; margin-top:2px; margin-bottom:2px; background-color:#FFFFFF; color:#000000; font-size:13px; font-weight:normal; font-family: Arial, Helvetica, sans-serif;}
.titelpanel {padding:8px; white-space:pre-wrap;margin-top:4px; background-color:#000000; color:#FFFFFF; border-bottom:2px #FF6600 solid; font-size:13px; font-weight:bold; font-family:Arial, Helvetica, sans-serif;}
.agbrahmen {width:100%; float:left;}
.agbrahmen2 {padding:10px; border:1px #F2F2F2 solid; margin-top:2px; margin-bottom:2px; background-color:#FFFFFF; color:#000000; font-size:13px; font-family: Arial, Helvetica, sans-serif;}
.versandrahmen {width:100%; float:left;}
.versandrahmen2 {padding: 0px; border:1px #F2F2F2 solid; margin-top:2px; margin-bottom:2px; background-color:#FFFFFF; color:#000000; font-size:13px; font-family: Arial, Helvetica, sans-serif;}
.gridContainer {margin-left: 0px;margin-right: 0px;width: 100%;padding-left: 0px;padding-right:0px;clear: none;float: none; background-color:#FFFFFF;}
}