/* BASIC LAYOUT def */
* { font-family:Verdana, Geneva, sans-serif; margin:0; padding:0; font-size:12px; }
body { text-align: center; background-color:#FFF; color:#333; }
#footer p { color:#9999AA; font-weight:normal; font-size:9px; margin-top:3px; }
#content { position:relative; overflow:hidden; width:770px; margin:auto; padding:10px 0; text-align:left; }
#navi { position:relative; left:4px; margin:0; padding:0; width:150px; float:left; text-align:left; }


/* BASIC TAG LAYOUT def */
a { font-size:inherit !important; text-decoration:none; color:#39C; }
a:hover { color:#667; text-decoration:underline; }
fieldset { border:solid 1px #CCC; padding:5px; margin:0 0 10px 0; }
h1 { font-size:16px; margin-bottom:10px; }
img { border:none 0; margin:0; }
input[type=text], input[type=password] { width:150px; border:solid 1px #999; padding:1px; }
label { display:block; float:left; width:150px; font-weight:bold; }
legend { margin:0 5px; padding:0 5px; font-weight:bold; }
td { padding:2px; }
p { margin:0 0 5px 0; }


/* JS-TabNavigation */
div#artileTabNavigation { position:relative; z-index:2; height:0; overflow:hidden; visibility:hidden; padding:10px 0 0 10px; }
div#artileTabContainer { position:relative; z-index:1; clear:both; height:0; overflow:hidden; visibility:hidden; padding:10px; }
a.jsTabActive { position:relative; top:2px; float:left; display:block; border:solid 1px #CCC; margin:2px 2px 0 2px; padding:5px 10px 10px 10px; font-weight:bold; border-bottom:none 0; background-color:#FFF; }
a.jsTab { position:relative; top:1px; float:left; display:block; border:solid 1px #CCC; margin:2px 2px 0 2px; padding:5px 10px 10px 10px; font-weight:normal; background-color:#F8F8F8; }

/* SPECIAL CLASSES def */
h2.H2imprint { font-size:18px; font-weight:bold; }

h2.H2usage { font-size:18px; font-weight:bold; }
.hint { font-size:9px !important; color:#666 !important; }
.usage { font-size:9px !important; color:#666 !important; }
p.usage { font-size:9px !important; color:#666 !important; margin:10px 0 !important; }
p.usage strong { font-size:10px !important; color:#666 !important; }
ol.usage { list-style:decimal outside !important; margin:0 20px !important; }
ol.usage li { font-size:9px !important; color:#666 !important; }
ol.usage li strong { font-size:9px !important; color:#666 !important; }

h2.H2privacy { font-size:18px; font-weight:bold; }
.privacy { font-size:9px !important; color:#666 !important; }
p.privacy { font-size:9px !important; color:#666 !important; margin:10px 0 !important; }
p.privacy strong { font-size:9px !important; color:#666 !important; }
ol.privacy { list-style:decimal outside !important; margin:0 30px !important; }
ol.privacy li { font-size:9px !important; color:#666 !important; margin:0 0 5px 0 !important; }
ol.privacy li strong { font-size:9px !important; color:#666 !important; }

h2.H2gtc { font-size:18px; font-weight:bold; }
.gtc { font-size:9px !important; color:#666 !important; }
p.gtc { font-size:9px !important; color:#666 !important; margin:10px 0 !important; }
p.gtc strong, p.gtc b { font-size:9px !important; color:#666 !important; }
ol.gtc { list-style:decimal outside !important; margin:0 30px !important; }
ol.gtc li { font-size:9px !important; color:#666 !important; margin:0 0 5px 0 !important; }
ol.gtc li strong, ol.gtc li b { font-size:9px !important; color:#666 !important; }
a.gtcPDFdownload { display:block; height:20px; margin:0 30px; padding:7px 0 5px 25px; background-image:url(../_medien/_shop/_filetypes/6.png); background-repeat:no-repeat; background-position:center left; font-weight:bold;}

label.normal { display:inline; float:none; width:auto; font-weight:bold; }
.alignRight { text-align:right !important; }
div.row { position:relative; clear:both; padding: 2px; overflow:visible; }

input#btu_submit_refresh {
  background-image:url(../_medien/_shop/_siteelements/icon_reload.png);
  background-repeat:no-repeat;
  background-position:left center;
  background-color:#FFF;
  border:none;
  padding-left:17px;
  color:#39C;
  cursor:pointer;
}

/* Sprachauswahl */
#languageSelector { margin-top:5px; padding-right:13px; }
#languageSelector ul li {
  font-size: 10px;
  font-weight: bold;
  margin: 0px 0px 0px 15px;
  padding-left: 8px;
  float: right;
  background-image: url(../_medien/_shop/_siteelements/list_bullet.gif);
  background-repeat: no-repeat;
  background-position: 0px 3px;
}
#languageSelector ul li a { margin: 0px 0px 2px 0px; font-size: 9px; }
#languageSelector ul li.languageActive a { color: #666677; }
#languageSelector ul li.languageInActive a { color: #9999AA; }
#languageSelector ul li.languageInActive a:hover { color: #666677; }
#languageSelector ul li.languageActive a:hover { color: #9999AA; }
/* END Sprachauswahl */

/* Order-Fortschrittsanzeige */
#div_orderProceedIndicator { position:relative; padding:12px 0; margin:0; }
.orderProceedStepIndicator { position:relative; float:left; padding:0; margin:0 0 0 15px; width:15px; height:15px; background-color:#ff96a9; color:#ce001b; font-weight:bold; overflow:hidden; }
.orderProceedStepName { position:relative; float:left; margin:0; padding:0 15px 0 10px; height:13px; color:#ff96a9; font-weight:bold; }
.orderProceedStepName a { color:#FFF !important; }
.orderProceedStepSeperator { position:relative; float:left; padding:0; margin:0; width:25px; height:13px; background-image:url(../_medien/_shop/_siteelements/icon_orderproceedseperator_off.gif); overflow:hidden; }

table.tbl_orderCheck { border:solid 1px #CCC; }
table.tbl_orderCheck td { padding:2px; text-align:left; vertical-align:top; }
table.tbl_orderCheck th { padding:2px; font-weight:bold; text-align:left; vertical-align:top; }
/* END Order-Fortschrittsanzeige */

/* Widgets */
div.widget { margin:0 auto 10px 0; width:150px; border:solid 1px #999; }
div.wheader {
  height:25px;
  color:#FFF;
  font-size:13px;
  font-weight:bold;
  background-color:#2b2b33;
  line-height:25px;
  background-image:url(../_medien/_shop/_siteelements/naviiconred.gif);
  background-repeat:no-repeat;
  background-position:10px 10px;
  padding:0 10px 0 21px;
  text-align:left;
  overflow:hidden;
  white-space:nowrap;
}
div.wcontent {  padding:0; font-size:10px; text-align:left; }
/* END Widgets */



/* uncleaned */



div.hr
{
  clear: both;
  border-bottom: 1px solid #e3e3e6;
  height:10px;
}

ul { list-style-type: none;	}

.right { text-align: right; }
.left { text-align: left; }

.imprint
{
  padding-top: 9px;
  padding-right: 13px;
}
.imprint a
{
  color: #9999AA;
  font-weight: normal;
  font-size: 9px;
}
.imprint a:hover { color: #666677; }
.footprint
{
  font-size: 11px;
}
.boxhead
{
  font-size: 12px;
  font-weight: bold;
}

/* Layout.Start */
#cbox
{
  margin: auto;
  text-align: right;
  padding: 0px;
  width: 960px;
  height: 50px;
}
#cbox #lbox
{
  background-image: url(../_medien/_shop/_siteelements/shadowlefttop.gif);
  background-position: bottom left;
  background-repeat: no-repeat;
  height: 50px;
}
#cbox #lbox #rbox
{
  background-image: url(../_medien/_shop/_siteelements/shadowrighttop.gif);
  background-position: bottom right;
  background-repeat: no-repeat;
  height: 50px;
}
#banner
{
  margin: auto;
  padding: 0px;
  width: 960px;
  height: 100px;
  background-color: #dedede;
  background-image: url(../_medien/_shop/_siteelements/banner_headline.jpg);
  background-position: right;
  background-repeat: no-repeat;
}
#banner #bleft
{
  background-image: url(../_medien/_shop/_siteelements/shadowleft.gif);
  background-position: left;
  background-repeat: repeat-y;
  height: 100px;
}
#banner #bleft #bright
{
  background-image: url(../_medien/_shop/_siteelements/shadowright.gif);
  background-position: right;
  background-repeat: repeat-y;
  height: 100px;
  text-align: left;
}
#banner #bleft #bright a
{
  display: block;
  width: 180px;
  height: 100px;
  padding: 0px;
}
#redline
{
  width: 100%;
  height: 35px;
  background-color: #d3001f;
  background-image: url(../_medien/_shop/_siteelements/bgstrip.gif);
  background-repeat: repeat-x;
  background-position: top;
}
#redline #redleft
{
  margin: auto;
  width: 960px;
  height: 35px;
  background-image: url(../_medien/_shop/_siteelements/bgstripleft.gif);
  background-repeat: no-repeat;
  background-position: left;
}
#redline #redleft #redright
{
  width: 960px;
  height: 35px;
  background-image: url(../_medien/_shop/_siteelements/bgstripright.gif);
  background-repeat: no-repeat;
  background-position: right;
}
#mainbox
{
  margin: auto;
  padding-bottom: 15px;
  width: 960px;
  min-height: 300px;
}
#mainbox #mainleft
{
  min-height: 300px;
  background-image: url(../_medien/_shop/_siteelements/shadowleftbottom.gif);
  background-repeat: no-repeat;
  background-position: left top;
}
#mainbox #mainleft #mainright
{
  min-height: 300px;
  background-image: url(../_medien/_shop/_siteelements/shadowrightbottom.gif);
  background-repeat: no-repeat;
  background-position: right top;
}
div.headline
{
  color: #FFF;
  font-size: 10pt;
  font-weight: bold;
  line-height: 35px;
}
div.headline a
{
  color: #FFF;
  padding-right: 30px;
  background-image: url(../_medien/_shop/_siteelements/icon_cart.gif);
  background-repeat: no-repeat;
  background-position: right;
}
/* Layout.End */




.artcat
{
  text-align: left;
  width: 200px;
  padding-left: 11px;
  float: left;
}
.artcount
{
  margin-right: 10px;
  text-align: right;
  float: right;
}
/* Navigation */

#navi ul
{
  list-style-image: none;
  list-style-type: none;
  margin-left: 0px !important;
}
#navi ul li a:hover
{
  background-image: url(../_medien/_shop/_siteelements/naviiconwhite.gif);
  color: #FFF;
}
#navi ul li:hover
{
  background-image: url(../_medien/_shop/_siteelements/navihover.gif);
}

#articleCategoryContainer { position:relative; padding:0; margin:0 0 20px 0;}
.articleCategoryActive
{
  background-image: url(../_medien/_shop/_siteelements/navihover.gif);
  background-repeat: repeat-x;
  background-position: top;
  display: block;
  width: 150px;
  height: 25px;
  line-height: 25px;
  text-align: left;
}
.articleCategoryActive a
{
  color: #FFF;
  font-weight: bold;
  font-size: 12px;
  display: block;
  padding-left: 20px;
  background-repeat: no-repeat;
  background-position: 9px 10px;
  background-image: url(../_medien/_shop/_siteelements/naviiconrect.gif);
}
.articleCategoryInActive
{
  background-image: url(../_medien/_shop/_siteelements/navidefault.gif);
  background-repeat: repeat-x;
  background-position: top;
  display: block;
  width: 150px;
  height: 25px;
  line-height: 25px;
  text-align: left;
}
.articleCategoryInActive a
{
  background-image: url(../_medien/_shop/_siteelements/naviiconred.gif);
  background-repeat: no-repeat;
  background-position: 9px 10px;
  color: #666;
  font-size: 12px;
  font-weight: bold;
  display: block;
  padding-left: 20px;
}



.divArticleListItem
{
  width: 360px;
  height: 170px;
  float: left;
  margin: 5px 5px 0px 0px;
  padding: 5px;
}
.divArticleListItemPicture
{
  border: 1px solid #E3E3E6;
  width: 150px;
  height: 150px;
  float: left;
}
.divArticleListItemDescription
{
  padding: 5px 0px 0px 5px;
  width: 200px;
  overflow: hidden;
}
.divArticleListItemDescription a
{
  font-size: 12px;
  font-weight: bold;
  text-decoration: underline;
}
.brandname
{
  font-size: 12px;
  font-weight: bold;
  
}
/* Warning.Start */
.div_error_output
{
	position:relative;
	overflow:visible;
	min-height: 31px;
  background-image: url(../_medien/_shop/_siteelements/warning.png);
  background-repeat: no-repeat;
  background-position: 5px 5px;
  background-color: #F2F2F2;
  border: 1px solid #999;
  padding-left: 29px;
  margin-top: 7px;
  margin-bottom: 7px;
  line-height: 31px;
  font-size: 12px;
  color: #000;
  font-weight: bold;
}

.div_status_output
{
	position:relative;
	overflow:visible;
	min-height: 31px;
  background-image: url(../_medien/_shop/_siteelements/info.png);
  background-repeat: no-repeat;
  background-position: 0px 5px;
  background-color: #F2F2F2;
  border: 1px solid #999;
  padding-left: 30px;
  margin-top: 7px;
  margin-bottom: 7px;
  line-height: 31px;
  font-size: 12px;
  color: #000;
  font-weight: bold;
}

/* Warning.End */

/* Button.Start */
a.button
{
  display: block;
  border: none;
  text-decoration: none;
  font-size: 13px;
  text-align: center;
  height: 25px;
  color: #FFF;
  line-height: 25px;
  background-image: url(../_medien/_shop/_siteelements/navihover.gif);
  background-repeat: repeat-x;
  background-position: center top;
}
a.button:hover
{
  background-image: url(../_medien/_shop/_siteelements/navihoverdark.gif);
}
.submit
{
  background-image: url(../_medien/_shop/_siteelements/navihover.gif);
  background-repeat: repeat-x;
  background-position: center top;
  color: #FFF;
  border: none !important;
  font-weight: bold;
  font-size: 13px;
  height: 25px;
  padding: 0px 5px 3px 5px !important;
  cursor: pointer;
  text-decoration:none;
}
.submit:hover
{
  text-decoration:none;
  color:#FFF;
  background-image: url(../_medien/_shop/_siteelements/navihoverdark.gif);
}
.submit_weiter
{
  background-image: url(../_medien/_shop/_siteelements/button_weiter_default.gif);
  background-repeat: no-repeat;
  background-position: right;
  color: #FFF;
  border: none;
  font-weight: bold;
  font-size: 13px;
  height: 25px;
  padding: 0px 27px 3px 5px;
  cursor: pointer;
}
.submit_weiter:hover
{
  background-image: url(../_medien/_shop/_siteelements/button_weiter_hover.gif);
}
/* Button.End */

#frm_rentArticle
{
  margin-top: 11px;
}
#frm_rentArticle .row input
{
  border: 1px solid;
}
#articletectable
{
  margin-top: 5px;
  width: 200px;
}
#articletectable td { margin: 0px; padding: 0px; height: 20px; line-height: 20px;}
#articletectable .highlight  .caption
{
  border-left: 1px solid #d6d6d6;
  border-top: 1px solid #d6d6d6;
  border-bottom: 1px solid #d6d6d6;
  background: #f6f6f6;
}

#articletectable .caption
{
  font-weight: bold;
  padding-left: 3px;
  font-size: 12px;
  width: 70px;
}

#articletectable .value
{
  font-size: 12px;
}

#articletectable .highlight .value
{
  border-right: 1px solid #d6d6d6;
  border-top: 1px solid #d6d6d6;
  border-bottom: 1px solid #d6d6d6;
  background: #f6f6f6;
}
#articletectable .top
{
  border-top: 1px solid #d6d6d6;
}

.addimagebox
{
  height: 50px;
  line-height: 50px;
}
.addimagebox img
{
  margin-right: 5px;
}

/* Warenkorb Start */
#cart
{
  margin-top: 10px;
  margin-bottom: 11px;
  border: 1px solid #666;
  padding: 7px;
  background-color: #F2F2F2;
}
#cart table { width: 100%; border: none; margin-bottom: 7px;}
#cart td { vertical-align: top; padding: 7px 10px 5px; }
#cart th { background-color: #DDDDDD; font-size: 12px; font-weight: bold; border-top: solid 1px #999; padding: 4px 10px; }
#cart .anz { border: 1px solid #999; width: 30px; text-align: center; }
#cart span.name { display: block; font-weight: bold; padding-bottom: 3px;}
#cart .btop { border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; }
#cart .btopsum { border-top:solid 2px #999; }
#cart .icon { width: 16px; height: 16px; }
#cart table tfoot td { line-height: 17px; }

/* Warenkorb Ende */
/* PasswortRequest.Start */
#frm_passwordrequest .step1
{
  background-image: url(../_medien/_shop/_siteelements/eins.gif);
  background-repeat: no-repeat;
  background-position: left center;
  padding: 10px 0px 0px 25px;
  margin: 0px 0px 15px 5px;
  font-weight: bold;
}
#frm_passwordrequest p { margin: 10px 0px 0px 30px; }
#frm_passwordrequest label { width: 220px; text-align: right; font-weight: bold; padding-right: 7px; }
#frm_passwordrequest .row { height: 30px; }
/* PasswortRequest.End */
/* Login.Start */
#loginform
{
  margin-left: 30px;
  padding-top: 10px;
}
#loginform .heading { font-weight: bold; margin-bottom: 3px; }
#loginform .block { margin-bottom: 15px; }
#loginform label { margin-left: 0px; width: 150px; float: none; }
#loginform .row { margin-left: 70px; padding: 0px; line-height: 20px; }
#loginform #txt_password { margin-left: 87px; }
/* Login.End */

.artivleNo {
	font-size:9px;
	color:#666;
	margin-bottom:10px;
}
tr.trEven {
	background-color:#F8F8F8;
}
tr.trOdd {
	background-color:#FCFCFC;
}

#debugOutput {
	position:fixed;
	z-index: 999;
	bottom:0px; right:0px;
	padding:10px;
	border:solid 1px #CCC;
	background-color:#E0E0E0;
	font-size:9px;
	color:#666;
	text-align:left;
}