/*######################################
  Global Styles, to norm all elements ps
######################################*/
html,body,table,td,form,button,select,input,textarea,p,h1,h2,h3,h4,h5,h6,cite,quote {
  margin: 0px;
  padding: 0px;
  font-family: Arial,Verdana,Tahoma,Helvetica,Geneva,Sans-serif;
  font-size: 11px;
  line-height: 120%;
}

/*---------------------------------------------
Set as blockelements
---------------------------------------------*/
h1,h2,h3,h4,h5,h6,hr,div,p,form {
  display: block;
}

/*---------------------------------------------
Set vertical align to top, this helps if the
text flys in the middle of a table (td).
---------------------------------------------*/
td {
  vertical-align: top;
}

/*---------------------------------------------
Set font bold inside of this elements.
---------------------------------------------*/
strong,caption,optgroup,.strong {
  font-weight: bold;
  font-style: normal;
}

/*---------------------------------------------
Set no border for tables and images, the images
border comes if you link any image <a href=""><img></a>
and this sheet does make the border invisible 
---------------------------------------------*/
img,table {
  border: 0px none;
}

/*---------------------------------------------
Set a margin for pharagraph-TAG
---------------------------------------------*/
p {
  margin: 0; padding: 0;
}

/*---------------------------------------------
Set a cursor for the label-TAG
---------------------------------------------*/
label {
  cursor: pointer;
}

/*---------------------------------------------
Set global style of the horizontal line
---------------------------------------------*/
hr {
	color : #000;
	height : 1px;
	padding : 0;
	border-color : #adadad;
	border-width : 1px 0 0 0;
	border-style : solid;
	margin: 3px 0 8px 0;
}

/*---------------------------------------------
Set general link style
---------------------------------------------*/
a:link,a:visited,a:hover,a:active {
  color: #bb0000;
  font-weight: normal;
  text-decoration: none;
}
a:hover { color: #000 }
a:focus { outline: 0 }

/*---------------------------------------------
Default Table
---------------------------------------------*/
table.hperc {
  position: relative;
  width: 596px; padding: 0; margin: 0 1px;
  background: #c7c7c7;
}

/*####################################
  CLANDESIGNS STYLES
####################################*/
html,body {
  color: #333;
  background: #b8b8b8 url(./images/bg.gif) repeat-x left top;
  text-align: center;
  cursor: default;
}

div#page {
  position: relative;
  width: 990px;
  margin: 0 auto;
  text-align: left;
}

/* LoginForm */
input.login_name, input.login_pass {
  background: #FFF url(./images/icons/login_name.gif) no-repeat left center;
  padding: 2px; padding-left: 18px; padding-bottom: 1px;
  margin: 1px 0;
  width: 140px;
  border: 1px solid #444;
}

input.login_pass { background-image: url(./images/icons/login_pass.gif) }


input.login_name:hover, input.login_pass:hover,
input.login_name:focus, input.login_pass:focus {
  border: 1px solid #bb0000;
}
/*
  NAVIGATION
*/
div#navigation {
  float: left;
  width: 200px; padding-bottom: 30px; 
}

div#navigation ul,
div#navigation li {
  margin: 0; padding: 0;
  list-style-type: none;
}

div#navigation li.kat {
  height: 13px;
  padding: 4px 6px;
  background: url(./images/bg_kat.gif) no-repeat;
  color: #FFF; font-weight: bold; font-size: 12px;
}

div#navigation div.right { padding-right: 11px; margin-top: 1px; margin-bottom: 7px; }

div#navigation li a:link,
div#navigation li a:visited,
div#navigation li p {
  position: relative;
  display: block;
  height: 13px; width: 188px;
  padding: 4px 6px;
  background: url(./images/navi.gif) no-repeat;
  color: #333; font-weight: bold;
}

div#navigation ul li ul { display: none }
div#navigation ul.active { display: block }
div#navigation li.subkat a:link,
div#navigation li.subkat a:visited {
  width: 170px; padding-left: 24px;
  background: url(./images/navi_sub.gif) no-repeat;
  color: #5e5e5e;
}

div#navigation li a:hover,
div#navigation li a:active,
div#navigation li.subkat a:hover,
div#navigation li.subkat a:active,
div#navigation li.subkat a.a,
div#navigation li a.a,
div#navigation li a.as {
  background-image: url(./images/navi_hover.gif);
  color: #b00000;
}

div#navigation li a b { color: #000 }

/*
div#navigation p,
div#navigation li.rate
*/

div#navigation a.free:link,
div#navigation a.free:visited { color: green }

div#navigation i {
  position: absolute;
  right: 6px; top: 3px;
  font-style: normal;
  font-weight: normal;
  color: #000;
}


div#navigation li.rate {
  cursor: pointer;
  text-align: left;
}

div#navigation li.rate strong {
  display: block;
  font-size: 12px; margin-bottom: 3px;
}

div#navigation li.rate:hover { background-color: #DDD }

div#navigation li.rate div {
  position: relative;
  text-align: left;
}

div#navigation li.rate div b {
  margin-left: 0;
}

div#navigation li.rate div.rating {
}

div#navigation li.rate p {
}

div#navigation li.rate a:link,
div#navigation li.rate a:visited {
}

/*
  SUBNAVIGATION
*/
ul.navi {
  border-left: none; border-top: none;
  height: 20px; line-height: 20px;
  padding: 0;
  clear: both;
}

ul.navi,
ul.navi li {
  margin: 0; padding: 0;
  list-style-type: none;
  float: left;
}

ul.navi li a:link,
ul.navi li a:visited {
  background-color: #FFF;
  padding: 2px 8px;
  border-bottom: none; border-top: none; border-left: none; 
}

/*
  CONTENT
*/
div#content {
  position: relative; float: left;
  margin-left: 12px; padding-bottom: 30px; 
  width: 598px; line-height: 140%; 
}

div.contentPadding { padding: 6px 12px; padding-bottom: 8px; background: #FFF; }

div#content h1,
div#header h1 {
  position: relative;
  background-color: #bb0000; color: #FFF;
  padding: 4px 6px; margin: 0 1px;
}

div#content h1 b {
  display: block;
  color: #FFF; font-weight: normal;
}

div#content h1.icon {
  padding-left: 6px; font-size: 10px;
}

div#content h1.icon img {
  position: relative;
  float: left; margin-right: 5px;
}

div#content h1.newest_products { background-image: url(./images/icons/newest_products.png) }
div#content h1.newest_mods { background-image: url(./images/icons/newest_mods.png) }
div#content h1.newest_news { background-image: url(./images/icons/newest_news.png) }

div#content h1 span {
  position: absolute;
  right: 5px; top: 4px;
  font-weight: normal;
}

div#content h1 i { font-style: normal }
div#content h1.t { margin-top: 2px }

div#content h1 a:link,
div#content h1 a:visited { font-weight: bold }

div#content h1.infoHead,
div#header h1.infoHead { background-color: transparent; margin: 0; padding: 2px; border: none }

/*
  SYSTEM MESSAGE
*/
div#system,
div#system_error,
div#system_error_js {
  padding: 2px 5px;
  margin: 1px; margin-bottom: 2px;
  background: #2FDB04; color: #000;
  border: 1px solid green;
}

div#system_error,
div#system_error_js {
  background: #DB0B04; color: #000;
  border: 1px solid red;
}

/*
  BEWERTUNGEN
*/
b.starsbg {
  display: block;
  width: 80px; height: 16px;
  margin-bottom: 6px;
  background: url(./images/icons/star_inactive.png) repeat-x;
}
b.stars {
  display: block; height: 16px;
  background: url(./images/icons/star.png) repeat-x;
}

b.starsbg_small {
  display: block;
  width: 65px; height: 9px;
  text-align: left; margin-top: 2px;
  background: url(./images/icons/star_small_inactive.png) repeat-x;
}
b.stars_small {
  display: block; height: 9px;
  background: url(./images/icons/star_small.png) repeat-x;
}

/*
  Product Overview
*/
div#overviewOptions {
  margin-left: 2px;
}

div#overviewOptions fieldset div strong {
  width: 200px;
  margin-right: 30px;
  text-align: right;
  display: block;
  float: left;
  margin-top: 2px;
  color: #444;
  font-weight: normal;
}
div#overviewOptions fieldset select {
  margin: 1px; width: 300px;
}

div#overview,
div.overview {
  padding-bottom: 11px
}

* html div#overview, * html div.overview { margin-left: 0 }

div.previewBoxContent,
div.previewBoxContentLarge,
div.previewBoxContentTop,
div.previewBoxContentLargeTop {
  position: relative;
  width: 183px; height: 170px;
  margin: 0; padding: 2px;
  text-align: left;
  z-index: 1;
  background: url(./images/produkte_bg.jpg) no-repeat;
}


div.previewBoxContent div.info1, div.previewBoxContent div.info2, div.previewBoxContent div.info3,
div.previewBoxContentTop div.info1, div.previewBoxContentTop div.info2, div.previewBoxContentTop div.info3 {
  position: absolute;
  top: 17px; right: 0;
  width: 38px; height: 25px;
  text-align: center; line-height: 23px;
  background: url(./images/produkte_info.jpg);
}

div.previewBoxContent div.info2, div.previewBoxContentTop div.info2 {
  top: 45px;
}
div.previewBoxContent div.info3, div.previewBoxContentTop div.info3 {
  top: 73px;
  font-weight: bold;
  color: green;
}

div.previewBoxContent div.info1 a, div.previewBoxContent div.info2 a,
div.previewBoxContentTop div.info1 a, div.previewBoxContentTop div.info2 a {
  font-size: 8px; text-transform: uppercase;
  color: #505050;
}
div.previewBoxContent div.info1 a:hover, div.previewBoxContent div.info2 a:hover,
div.previewBoxContentTop div.info1 a:hover, div.previewBoxContentTop div.info2 a:hover {
  color: #bb0000;
}

div.previewBoxContent div.price, div.previewBoxContentTop div.price {
  width: 169px; height: 24px; line-height: 20px;
  background: url(./images/produkte_price.jpg) top right;
  padding-left: 6px; padding-right: 4px;
  float: right;
  font-weight: bold;
}

div.previewBoxContentLarge,
div.previewBoxContentLargeTop { background: transparent; width: 567px; height: auto; margin: 4px 0; margin-bottom: 11px }

div.previewBoxContentLarge b.stars_small,
div.previewBoxContentLargeTop b.stars_small {

}

div.previewBoxContentLarge,
div.previewBoxContentLargeTop {
  background-color: #f4f4f4;
}
div.saler:hover,
div.previewBoxContentLarge:hover,
div.previewBoxContentLargeTop:hover {
  background-color: #e3e3e3
}

div#content div.previewBoxContent h1.infoHead,
div#content div.previewBoxContentTop h1.infoHead,
div#content div.previewBoxContentLarge h1.infoHead,
div#content div.previewBoxContentLargeTop h1.infoHead { color: #bb0000 }

div#content div.previewBoxContent h1.infoHead,
div#content div.previewBoxContentTop h1.infoHead{ padding-left: 6px;}

div#content div.previewBox:hover h1.infoHead,
div#content div.previewBoxContent:hover h1,
div#content div.previewBoxContentTop:hover h1,
div#content div.previewBoxContentLarge:hover h1,
div#content div.previewBoxContentLargeTop:hover h1 { color: #000 }
div.previewBoxContent a,
div.previewBoxContentLarge a,
div.previewBoxContentLargeTop a,
div.previewBoxContentTop a,
div.previewBoxContentTop:hover h1,
div.previewBoxContentLargeTop:hover h1 { color: #000 }
div.previewBoxContent a:hover, div.previewBoxContent a:active,
div.previewBoxContentLarge a:hover, div.previewBoxContentLarge a:active,
div.previewBoxContentLargeTop a:hover, div.previewBoxContentLargeTop a:active,
div.previewBoxContentTop a:hover, div.previewBoxContentTop a:active { color: #bb0000 }
div.previewBoxContentLarge a,
div.previewBoxContentLargeTop a { text-align: left }

div.previewBoxContent img,
div.previewBoxContentLarge img,
div.previewBoxContentTop img,
div.previewBoxContentLargeTop img { 
  margin-bottom: 4px; margin-left: 6px;
}

div.previewBoxContent .left,
div.previewBoxContentLarge .left,
div.previewBoxContentTop .left,
div.previewBoxContentLargeTop .left {
  width: 90px;  float: left;
  color: #444
}

div.previewBoxContent span,
div.previewBoxContentLarge span,
div.previewBoxContentTop span,
div.previewBoxContentLargeTop span {
  display: block;
  text-align: right;
  font-weight: bold;
}

i.hits {
  position: relative;
  font-weight: normal;
  font-size: 9px;
  font-style: normal;
  text-align: right;
}

div.previewBoxContent .free,
div.previewBoxContentLarge .free,
div.previewBoxContentTop .free,
div.previewBoxContentLargeTop .free {
  padding: 8px 4px; padding-bottom: 7px;
  color: green; font-weight: bold;
  text-align: center;
}

div.previewBoxContentTop,
div.previewBoxContentLargeTop {
  background-color: #eee;
}

div.previewBoxContentTop:hover,
div.previewBoxContentLargeTop:hover {
  background-color: #FFF;
}

/*
  PRODUKTANSICHT
*/
#product {
  float: left; width: 410px;
}

#produktInfos {
  width: 180px; float: left;
  border-right: none; border-top: none;
  padding: 3px; padding-top: 2px; margin-top: -1px;
  line-height: 20px; background: #FFF;
}

#produktInfos .desc strong { display: block }
#produktInfos .desc {
  line-height: 15px;
}

div#quickSwitch {
  position: relative;
  text-align: center;
  margin-top: 3px; margin-bottom: 2px;
  width: 186px; height: 14px;
  line-height: 14px;
  background-image: url(./images/box_top.jpg);
  padding: 3px;  
  color: #FFF;
}

.leftInfo {
  float: left;
  color: #000;
  text-align: left;
}

.leftInfo img {
  float: left;
  margin: 3px;
  margin-bottom: 0;
}

.leftInfoBG {
  background-image: url(./images/icons/info_arrow.gif);
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 10px;
}

span.right {
  color: #444;
  display: block;
  text-align: right;
}

div#produktInfos span a:link,
div#produktInfos span a:visited,
div#produktInfos span a:hover,
div#produktInfos span a:active {
  background-image: url(./images/icons/info_link.gif);
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 8px;
}

div#produktInfos span a:hover,
div#produktInfos span a:active { text-decoration: underline }

div#content h1.files,
div#content h1.price,
div#content h1.services {
  display: block;
  margin-bottom: 3px;
  padding-bottom: 3px; padding-left: 4px;
  text-align: left;
  color: #000; font-weight: normal;
  border-bottom: 1px solid #555;
}

div#content h1.files {
  margin-bottom: 5px;
  background: transparent url(./images/icons/info_files.gif) no-repeat 2px center;
}

div#content h1.price {
  background: transparent url(./images/icons/info_price.gif) no-repeat 2px center;
}

div#content h1.services {
  background: transparent url(./images/icons/info_services.gif) no-repeat 2px center;
}

div.fileTypes {
  position: relative;
  text-align: left;
  padding-left: 2px;
  width: 175px;
}

div.fileTypes img {
  float: left;
  margin-top: 2px;
  padding-right: 2px;
}

div.fileTypes span {
  color: #444;
  position: absolute;
  top: 0; right: 0;
  text-align: left;
  width: 27px;
}

/**************************/

.red, .red:link, .red:visited { color: #bb0000 }
.green { color: #5f9f3e }
.lightgreen { color: #33FF33 }
.lightred { color: #ff0000 }

/*
  ToolTip
*/
div#toolTip {
  position: absolute;
  z-index: 999999;
  background-color: #FFF;
  padding: 1px;
  border: 1px solid #555;
  display: none;
  text-align: left;
}

div#toolTip div#ttTitle {
  width: 510px;
  text-align: left;
  border: 1px solid #333;
  border-bottom: none;
  color: #EEE;
  margin-bottom: 6px;
  font-weight: bold;
  padding: 3px;
  margin-top: -24px;
  margin-left: -9px;
  background-color: #fdb002;
  background-image: url(./images/icons/submit.jpg);
}

div#toolTip div#ttTitle span {
  padding: 3px;
  color: #FFF;
}

div#toolTip span.help {
  background-color: transparent;
  margin: 0;
  font-weight: normal;
}

/*
  No Script?
*/
div#noscript {
  position: absolute;
  left: 0; top: 0;
  width: 100%;
  z-index: 999999;
  background: url(./images/icons/trans.png);
}

div#noscript div {
  background-image: url(./images/icons/nojava.gif);
  background-repeat: no-repeat;
  background-position: 1px;
  padding: 12px;
  padding-left: 70px;
  margin: 280px auto;
  width: 300px;
  text-align: left;
  background-color: #000;
  color: #FFF;
}

/*
  Formulare
*/
/*
  GLOBAL
*/
fieldset {
  position: relative;
  margin: 5px; margin-top: 10px;
  padding-left: 10px; padding-right: 10px;
  padding-top: 10px; padding-bottom: 11px;
  background: #FFF;
  padding-top: 18px\9;
}

select {
  width: 145px;
  padding: 1px;
  margin: 1px 0;
  cursor: pointer;
}

fieldset.info { color: #777; line-height: 14px }

fieldset legend {
  padding: 0 13px;
  color: #b00000; font-weight: bold;
  font-size: 11px;
  margin-left: 10px;
}

fieldset input.i,
fieldset select,
fieldset textarea.field {
  width: 320px;
  margin: 1px 0;
}

fieldset textarea.pr {
  display: block; clear: both;
  width: 572px; height: 200px;
}

fieldset select { width: 324px }

fieldset br {
  clear: both;
}

fieldset label  {
  width: 180px;
  text-align: right;
  display: block;
  float: left; margin-right: 10px;
}

fieldset.order label { width: 140px; margin-left: 15px }
fieldset.order input.i,
fieldset.order select { width: 160px }

fieldset label.check {
  display: inline;
  float: none;
  margin-left: 1px;
}

select#land {
  margin-top: 2px; margin-left: 1px;
}

select#land option {
  background-color: #FFF;
}

option.kat {
  border-bottom: 1px solid #222;
  padding-bottom: 1px;
}
option.hl {
  background-color: #DDD;
  border-top: 1px solid #AAA;
  border-bottom: 1px solid #AAA;
}

div.submit {
  text-align: center;
  padding: 4px;
}

fieldset div.left {
  width: 180px;
  text-align: right;
  float: left;
}
fieldset div.right { padding-left: 210px;}

div.error {
  padding: 4px 2px;
  margin-bottom: 10px;
  color: red;
  border: 1px solid #222;
}

div.error b {
  display: block;
  color: #000;
}

fieldset i {
  font-weight: normal;
}

.checkbox {
  cursor: pointer;
  margin: 1px;
}

.radio {
  cursor: pointer;
  margin-bottom: -2px;
  margin-top: 1px;
}

div.gespreis {
  width: 260px;
  padding-left: 20px;
  text-align: right;
  clear: both;
  margin: 1px;
}

*+html div.gespreis { margin: 0 }

div.gespreis span {
  font-weight: bold;
  width: 118px;
  display: block; 
  float: left;
}

div.gespreis span.num { font-weight: normal }

div.summe,
div.summe span.num {
  font-weight: bold;
}

div#hr {
  width: 300px; margin-left: 30px;
  height: 2px; line-height: 2px;
  border-bottom: 1px solid #444;
}

/*
  SUBMIT BUTTONS
*/
input.submit {
  cursor: pointer;
  margin: -1px;
  overflow: visible;
  padding: 0 6px;
}

input.paypal, input.direct, input.bank, input.pdf, input.send, input.yes, input.no, input.cart, input.contact, input.download, input.moneybookers, input.clickandbuy {
  padding: 1px; padding-left: 22px;
  background: #FFF url(./images/icons/paypal.png) no-repeat 3px center;
}

input.moneybookers { background-image: url(./images/icons/moneybookers.jpg); padding-left: 45px }
input.clickandbuy { background-image: url(./images/icons/clickandbuy.gif) }
input.bank { background-image: url(./images/icons/saled.gif) }
input.direct { background-image: url(./images/icons/direct.gif) }
input.pdf { background-image: url(./images/icons/pdf.gif) }
input.send { background-image: url(./images/icons/pdf.gif) }
input.yes { background-image: url(./images/icons/yes.gif) }
input.no { background-image: url(./images/icons/no.gif) }
input.download { background-image: url(./images/icons/download.gif); color: green;  }
input.cart { background-image: url(./images/icons/info_cart.gif); margin: 2px auto; }
input.contact { background-image: url(./images/icons/info_contact.gif); margin: 2px auto; }

div.file {
  position: relative; width: 260px;
}

tr.second div.file input.i,
tr.second div.file input.i:focus { 
  color: #000;
  width: 212px; padding-right: 25px; 
  background: url(./images/icons/folder_explore.gif) no-repeat 220px center;
  cursor: default;
}

div.file input.f {
  position: absolute; width: 200px;
  z-index: 999; height: 20px;
  top: 1px; right: 48px;
}

* html div.file input.f { right: 19px }
*+html div.file input.f { right: 19px }

/*
  USERPROFIL
*/
div#profile, div#team {
  position: relative;
  margin-left: 1px; height: 156px;
}

div#profile img,
div#team img {
  float: left;
}

div#profile div.left,
div#team div.left {
  display: block;
  width: 70px;
  float: left;
  padding: 2px;
  padding-left: 40px;
  font-weight: bold;
}

div#profile div.right,
div#team div.right {
  padding: 2px; padding-left: 1px;
  width: 440px;
}

*+html div#team div.right { width: 200px }
* html div#team div.right { width: 200px }
*+html div#profile div.right { width: 200px }
* html div#profile div.right { width: 200px }

div#profile div.about,
div#profile div.name,
div#profile div.link {
  background-image: url(./images/icons/profil_about.jpg);
  background-repeat: no-repeat;
  background-position: 20px center;
}
div#profile div.link {background-image: url(./images/icons/profil_link.jpg)}
div#profile div.name {background-image: url(./images/icons/profil_name.jpg)}


div#profile div.content {
  position: absolute;
  left: 0; top: 20px;
  display: block;
  width: 440px; height: 90px;
  padding-left: 22px;
  overflow: scroll;
  font-weight: normal;
}

div#profile div.about {
  position: relative;
  display: block; clear: right;
  width: 420px;
}

/*
  Switchbox
*/
div#switchPics {
  clear: both;
  text-align: center;
  margin-bottom: 11px;
}

div#switchPics img {
  width: 80px; height: 60px;
  margin: 1px;
  border: 2px solid #333;
}

div#switchPics img.selIMG {
  border: 2px solid #bb0000;
}

/*
  Usercenter
*/
div.head,
tr.head {
  padding: 2px;
  font-weight: bold;
  background-color: #fdb002;
  background-image: url(./images/icons/submit.jpg);
  border-bottom: 1px solid #AAA;
  color: #FFF;
}

tr.head i {
  font-weight: normal;
  font-size:10px;
}

tr.kat {
  background-color: #ddd;
  font-weight: bold;
  border-bottom: 1px solid #AAA;
  vertical-align: middle;
}

tr.first { background-color: #f9f9f9 }
tr.second, tr.bottom { background-color: #FFF }
tr.admin { background-color: #FFDBDB }
tr.hover:hover { background-color: #e9e9e9 }
tr.hover td { vertical-align: middle }

tr.head td, tr.kat td, tr.first td, tr.second td, tr.bottom td, tr.admin td { padding: 2px 3px }

tr.bottom td { text-align: center }

tr.legend td { 
  padding: 4px;
  text-align: center;
  line-height: 24px;
  background: transparent;
}
tr.legend td img { vertical-align: middle }

tr.kat label {
  display: block;
}

a.t:link,
a.t:visited {
  display: block;
  background: url(./images/icons/preview_arrow.gif) no-repeat left center;
  padding-left: 15px;
}

input.i,
textarea {
  margin: 1px;
  background-color: #FFF;
  border: 1px solid #888;
  border-top: 1px solid #AAA;
  border-right: 1px solid #AAA;
  padding: 1px;
  width: 90%;
  color: #666;
}

textarea {
  height: 100px;
}

input.i:focus,
input.i:hover,
textarea:focus,
textarea:hover {
  color: #000;
  border: 1px solid #555;
}

input.read {  
  color: #333;
  cursor: default;
  border: 1px solid transparent;
  margin: 1px;
}

label.error,
input.error,
input.error:hover,
input.error:focus {
  color: red;
}

tr.second input.color {
  width: 55px;
  padding-left: 5px;
  padding-right: 5px;
}

tr.second textarea { 
  height: 100px;
}

tr.second.check {
  width: 14px;
}

/*
  DISABLED FIELDS
*/
.disabled label,
.disabled label .red {
  color: #888;
}

.disabled input.i,
.disabled input.i:hover,
.disabled input.i:active,
.disabled input.i:focus,
input.disabled,
input.disabled:hover,
input.disabled:active,
input.disabled:focus {
  background-color: #DDD;
  border: 1px solid #888;
  border-top: 1px solid #AAA;
  border-right: 1px solid #AAA;
  color: #DDD;
  cursor: default;
}

/*
  ORDER
*/
input#e1,
input#e2,
input#e3,
input#e4 {
  margin: 1px;
  margin-bottom: 3px;
}

*+html input#e1,
*+html input#e2,
*+html input#e3,
*+html input#e4 {
  margin-left: -3px;
}
* html input#e1,
* html input#e2,
* html input#e3,
* html input#e4 {
  margin-left: -3px;
}

/* Help */
fieldset.help {
  color: #333;
  padding-left: 15px;
  padding-right: 15px;
  text-align:justify
}

fieldset.help span {
  color: #000
}

fieldset.help legend {
  color: #bb0000;
  font-weight: bold;
}

span.help {
  /* border-bottom: 1px dashed #E29F98; */
}
a.help {
  margin-left: -1px;
  display:block; font-weight: bold;
}

ul.help,
ul.help li {
  margin: 0;
  padding: 0;
  margin-left: 15px;
}
*+html ul.help { margin-left: 25px }
* html ul.help { margin-left: 25px }

ul.help li ul {
  margin: 0;
  padding: 0;
  padding-bottom: 10px;
}

ul.help li {
  color: #000;
  list-style-type: upper-roman;
}

ul.help ul li {
  list-style-type: circle;
}

ul.square,
ul.square li {
  margin: 0;
  padding: 0;
  margin-left: 10px;
  list-style-type: square;
}

ul.square {
  margin-top: 10px;
}

*+html ul.square { margin-left: 20px }
* html ul.square { margin-left: 20px }

/*
  Lightbox
*/
#lightbox {
  border: 1px solid #333;
	background-color:#fff;
	padding-top: 4px;
  padding-left: 1px;
  padding-right: 1px;
  padding-bottom: 1px;
}
#lightboxDetails {
  text-align: left;
  padding-bottom: 5px;
}	
  
#lightboxCaption { 
  text-align: left;
  font-weight: bold;
  font-size: 13px;
  padding-left: 10px;
  color: #BB0000;
}

#lightboxCaption span {
  color: #000;
  font-size: 13px;
}

#lightboxCaption i {
  position: absolute;
  right: 10px;
  top: 5px;
  color: #777;
  font-weight: normal;
  font-size: 11px;
}

#keyboardMsg{ font-weight: bold; }

#lightbox img{ border: none; border-top: 1px solid #AAA; clear: left;} 
#overlay img{ border: none; }

#overlay { 
  background-color: #000;
}

#loadingImage {
  border:1px solid #000;
}

#loadingDiv {
  position: absolute;
  top: 0; left: 0;
  z-index: 99999;
  width: 100%;
  background-color: #000;
}

#loadingImg {
  position: absolute;
  left: 50%; top: 45%;
  z-index: 999999;
  margin-left: -95px;
  margin-top: -40px;
}

/*
  Upload
*/
img#upload {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -164px;
  margin-top: -120px;
  border: 1px solid #000;
}

/*
  AGBs
*/
fieldset#agbs {
  margin-top: 10px;
}

fieldset#agbs div.scroll {
  height: 220px;
  overflow: auto;
  padding-right: 10px;
}

fieldset#agbs h1 {
  position: static;
}

/* Misc*/
div#quality {
  position: absolute;
  margin: 1px;
  text-align: right;
  width: 570px;
  margin-top: 0px;
  color: #999;
  font-size: 9px;
}

/*
  FAQ
*/
div.faq_highlight {
  background-color: #f8f8f8;
  border: 1px solid #AAA;
  padding: 3px;
}

/*
  MISC
*/
a#usercenter {
  position: absolute;
  top: 2px; right: 0;
  z-index: 1;
}

div#kleinunternehmer {
  position: absolute;
  top: 0; left: 296px;
  font-size: 9px; color: #777;
  white-space: nowrap;
}

div#inhalt { display: none }

/*
  TOOLS
*/
.clear {
  position: relative; visibility: hidden;
  display: block; clear: both;
  height: 0; min-height: 0; line-height: 0; font-size: 0;
  content: ".";
}

.pointer { cursor: pointer }
.default { cursor: default }
.help    { cursor: help }

.block { display: block }
.tiny { width: 1% } *+html .tiny { width: 0% } * html .tiny { width: 0% }
.nowrap { white-space: nowrap }

.left { text-align: left }
.center { text-align: center }
.right { text-align: right }
.middle { vertical-align: middle }
.normal { font-weight: normal; font-style: normal}
.hidden { display: none }

.icon { vertical-align: middle }

.bold:link,
.bold:visited,
.bold, .bold * { font-weight: bold }

small, .small {
  font-size: 10px;
  font-weight: normal;
}

a.underline:hover, a.underline:active {
  text-decoration: underline;
}

/*
  NAVIGATION
*/

div#siteNavi {
  position: relative;
  text-align: center;
  margin-top: -5px;
  padding-left: 7px;
  padding-bottom: 30px;
}

div#siteNavi a.n:link,
div#siteNavi a.n:visited,
div#siteNavi a.nr:link,
div#siteNavi a.nr:visited,
div#siteNavi a.nl:link,
div#siteNavi a.nl:visited,
div#siteNavi a.siteNow:link,
div#siteNavi a.siteNow:visited,
div#siteNavi a.siteNowR:link,
div#siteNavi a.siteNowR:visited {
  display: block;
  width: 15px;
  float: left;
  border-right-width: 0; border-top: none;
  padding: 1px;
  padding-left: 4px;
  padding-right: 4px;
  color: #555;
}

div#siteNavi a.nr:link,
div#siteNavi a.nr:visited,
div#siteNavi a.nl:link,
div#siteNavi a.nl:visited {
  background-color: #e3e3e3;
  color: #555;
  font-size: 14px;
  font-weight: bold;
}

div#siteNavi a.siteNowR:link,
div#siteNavi a.siteNowR:visited,
div#siteNavi a.nr:link,
div#siteNavi a.nr:visited {
  border-right-width: 1px;
}

div#siteNavi a.nr:hover,
div#siteNavi a.nr:active,
div#siteNavi a.nl:hover,
div#siteNavi a.nl:active {
  color: #FFF;
  background-color: #b00000;
  text-decoration: none;
}

div#siteNavi a.n:hover,
div#siteNavi a.n:active,
div#siteNavi a.siteNow:link,
div#siteNavi a.siteNow:visited,
div#siteNavi a.siteNowR:link,
div#siteNavi a.siteNowR:visited {
  color: #FFF;
  background-color: #b00000;
  text-decoration: none;
}

div.tlNavi {
  position: absolute;
  margin-top: -7px; margin-left: -16px;
}

div.tlNavi div#siteNavi a:link,
div.tlNavi div#siteNavi a:visited {
  border-top: 1px solid #CCC;
  border-bottom: none;
}

/*
  USER ACCOUNT
*/
div.premium {
  text-align: right;
  margin-top: -7px;
  padding-bottom: 7px;
  padding-right: 5px;
}

div#ueberweisung {
  position: relative;
  margin: 0 auto;
  width: 560px; height: 390px;
  background: url(./images/ueberweisung.jpg) no-repeat center;
}
div#ueberweisung span {
  position: absolute;
  left: 37px;
  font-family: Arial;
  text-transform: uppercase;
  letter-spacing: .90em;
  cursor: text; font-weight: bold;
}
div#ueberweisung span.name { top: 110px }
div#ueberweisung span.knr { top: 141px }
div#ueberweisung span.blz { top: 141px; left: 385px; }
div#ueberweisung span.bank { top: 171px }
div#ueberweisung span.eur { top: 202px; left: 235px; }
div#ueberweisung span.betrag { top: 202px; left: 312px; }
div#ueberweisung span.vwz1 { top: 234px }
div#ueberweisung span.vwz2 { top: 264px }

div#ueberweisung div.iban {
  position: absolute;
  bottom: 0; left: 0;
  width: 100%;
  text-align: center;
}

/*
  TOGGLES
*/
tr.toggleTable td {
  background: #FFF;
  text-align: right;
  padding: 4px 6px;
}

tr.toggleTable a:link,
tr.toggleTable a:visited {
  background: url(./images/icons/expand.gif) no-repeat left center;
  padding-left: 18px;
}

.border {
  border: 1px solid #c0c0c0;
}
.redborder {
  border: 1px solid #bb0000;
}

/*
  PREVIEW MOUSEOVER
*/
div.preview { background: url(./images/icons/loading.gif) no-repeat 210px 110px; line-height: 15px; }
div.preview div.info1, div.preview div.info2, div.preview div.info3, div.preview h1 { display: none }
div.preview img { width: 450px; height: 250px }
div.preview div.left { clear: left; margin: 1px 3px }
div.preview span { margin: 1px 3px; clear: right }
div.preview .hidden { display: block }
div.preview h2 { margin: 2px 0; clear: both; }

div.preview div.price { background: transparent; float: none; width: 100%; height: auto; padding: 0; margin: 0; line-height: 15px }

/*
  IE 6 FIXES
*/
* html div#footer img { display: none }

/*
  MISC
*/
#codeInfo { margin-top: 4px }
#discount { display: none }
#discount i#dcv { font-style: normal }

#togglePrice { position: relative }
#ratio {
  position: absolute;
  left: 290px; top: 89px;
}

.trenner {
  border-bottom: 1px solid #CCC;
  margin: 4px 0;
}

/*
  FLASHPREVIEW
*/
div#flashpreview {
  position: relative;
  overflow: hidden;
  text-align: center;
  background: #FFF;
}

div#flashpreview div#click {
  position: absolute; z-index: 99;
  left: 0; top: 0;
  cursor: default; margin: 0 auto;
}

/*
  SUCHE
*/
div#searchForm {
  position: absolute;
  top: 159px; right: 0;
  width: 195px; text-align: right;
  z-index: 1; 
}

div#searchForm input.i {
  width: 120px; padding: 2px; margin-top: 6px;
  color: #222; border: 1px solid #CCC;  float: left;
}

div#searchForm input.submit {
  border: 0; padding: 0;
  width: 58px; height: 33px; margin-left: 6px;
  background: url(./images/search.gif);
  color: #FFF; text-transform: capitalize;
  font-weight: bold; clear: right;
}

div#searchForm input.submit:hover {
  color: #a20000;
}

/*
  LANGUAGES
*/
div#language {
  position: absolute;
  top: 7px; right: 3px;
  z-index: 1; color: #FFF;
}

/*
  SALERS
*/
div.saler {
  float: left; width: 278px;
  margin: 1px; margin-top: 0;
  padding: 4px; cursor: pointer;
  background: #FFF;
}
* html div.saler { width: 306px }

div.saler img.avatar { 
  float: left; width: 60px;
  margin-right: 5px;
}
div.saler a:link,div.saler a:visited,div.saler a:hover,div.saler a:active { font-weight: bold }


/*
  ORDERED LIST
*/
ul,
ul li {
  margin: 0; padding: 0;
  margin-left: 12px;
  list-style-type: disc;
}

ul { margin-bottom: 10px }


.code {
  width: 580px; margin: 4px auto;
  background: #FFF;
  cursor: text; padding: 2px;
  text-align: left;
}

.paypal_info {
  font-size: 9px;
  color: #889ea2;
}

div#mwst {
  width: 590px; padding: 3px;
  margin: 0 auto; margin-top: 20px;
  border-style: dashed;
  background-color: #FFF;
}

/*####################################
  PROGRESS BAR
####################################*/
#progressbar {
  display: none;
	margin-top: 15px;
	background-color: #FFF;
}
#progressbar .info,
#progressbar #ptotal,
#progressbar #ploaded,
#progressbar #prate,
#progressbar #pstatus {
	display: block;
	float: left; clear: left;
	overflow: hidden;
	margin-bottom: 2px;
}

#progressbar .info {
	width: 20%;
}

#progressbar #ptotal,
#progressbar #ploaded,
#progressbar #prate,
#progressbar #pstatus {
	text-align: right;
	width: 80%; clear: right;
}
#progressbar #pstatus { font-style: italic }
#progressbar #pfileName {
  font-size: 11px;
  font-weight: bold;
}

#progressbar #pbar {
	display: block;
	width: 0%; height: 16px;
	clear: left;
	background-color: #CCC;
  text-align: right;
}

span.imageButton { cursor: pointer }


/*
  INPUT FILEDS
*/
input.inputField {
  width: 390px;
  background-color: #F1F1F1;
  border: 1px solid #CCC;
  padding: 2px; margin: 1px;
}

input.file {
  background-color: #FFF;
  width: 200px; float: left;
  margin-top: 1px; margin-right: 5px;
}

div#content h1.news {
	background-color: #FFF;
	padding-left: 0; padding-right: 0; margin-bottom: 2px;
}

div.siteNaviTop {
	margin: 0 8px;
	border-right: none; border-left: none; border-bottom: none;
	padding-top: 5px;
}

div#choosecms {
  position: relative;
}

div#choosecms div {
  position: absolute;
  top: 0; left: 200px;
}

/*********************************************
  NEW STYLE
*********************************************/
div#userpanel {
  height: 30px;
  color: #FFF;
  padding-left: 10px;
}

div#userpanel a {
  color: #FFF;
  padding: 1px 12px;
}

div#userpanel a:hover, div#userpanel a:active, div#userpanel a.a {
  background-color: #bb0000;
}

div#userpanel ul, div#userpanel li {
  margin: 0; padding: 0; float: left;
  list-style-type: none;
}

div#userpanel ul {
  padding: 7px 0;
}

div#userpanel li.kat {
  font-weight: bold;
  padding-right: 16px;
}

div#header {
  position: relative;
  width: 990px; height: 128px;
  margin: 0 auto;
  background: url(./images/header.jpg);
}

div#header a#logo {
  position: absolute;
  top: 18px; left: -12px;
  width: 460px; height: 85px;
  display: block;
}

div#header img {
  position: absolute;
  top: 30px; right: 0;
  border: 1px solid #333;
}
div#header img:hover { border: 1px solid #bb0000 }

div#panel {
  height: 43px;
}

div#panel a {
  display: block; float: left;
  padding: 10px 18px; padding-top: 11px;
  font-size: 12px; color: #FFF; border-right: 1px solid #000;
}

div#panel a:hover, div#panel a:active, div#panel a.a {
  background: url(./images/panel_hover.gif);
}

div#pageContent {
  width: 1010px; margin-left: -10px;
  background: url(./images/bg_content.gif) repeat-y left top;
  min-height: 800px; padding-bottom: 50px;
}

div#pageContent div#contentTop {
  width: 990px;
  padding: 0 10px;
  background: url(./images/bg_content_top.gif) repeat-x;
}

div#pageContent div#contentHead {
  height: 10px;
  background: url(./images/content_top.gif) repeat-x;
}

div#myLoginForm {
  font-weight: bold;
  padding-top: 4px;
}

div#myLoginForm form {
  padding: 0; margin: 0;
}

div#myLoginForm td {
  vertical-align: middle;
  white-space: nowrap;
  padding: 0 3px;
}

div#myLoginForm input.submit {
}

div#rightRow {
  position: relative;
  width: 167px; float: left;
  margin-left: 12px; padding-bottom: 30px; 
}

div#rightRow div.kat {
  width: 157px; height: 13px;
  padding: 4px 5px; font-size: 12px; margin-left: 1px;
  background: url(./images/bg_kat_right.gif) no-repeat;
  color: #FFF; font-weight: bold;
}

.partners {
  text-align: center;
  margin-top: 10px;
}
.partners img {
  margin: 10px auto;
}

#footer {
  position: absolute;
  left: 0; bottom: 0;
  width: 100%; text-align: center;
  background: url(./images/footer.gif) repeat-y center;
}

#footer div {
  position: relative;
  width: 970px; height: 35px;
  padding: 10px; padding-top: 20px;
  line-height: 20px;
  background: url(./images/footer_top.gif) repeat-x;
}

#footer div img {
  position: absolute;
  right: 10px; top: 26px;
}

#footer div img#synergy {
  position: absolute;
  right: auto; left: 15px; top: 23px;
}

/*
  NEWS BOX
*/
div.news_box_small {
  float: left;
  padding: 0 3px; margin-bottom: 20px;
  background: url(./images/bg_box_small.gif);
}

div.news_box_small div.news {
  width: 277px; height: 215px;
  padding: 5px; padding-top: 8px;
  background: #FFF url(./images/box_bottom.gif) repeat-x bottom;
  border: 1px solid #c7c7c7; border-bottom: 2px solid #c7c7c7; border-top: none;
}

div.news_box_small b,
div.news_box_small strong { color: #bb0000 }

div.news_box_small, div.news_box_small * { line-height: 15px }

div.bg_mid {
  background: url(./images/bg_mid.gif) repeat-y
}

/*
  BOXEN
*/
div.box {
  clear: both;
  padding: 0 3px; margin-bottom: 20px;
 /* background: url(./images/bg_box_small.gif); */
}

div.box h1 { line-height: 14px; }

div.box div.boxContent {
  height: auto !important; height: 10px;
  padding: 5px; padding-top: 8px; 
  background: #FFF url(./images/box_bottom.gif) repeat-x bottom;
  border: 1px solid #c7c7c7; border-bottom: 2px solid #c7c7c7; border-top: none;
}´


div.box div.boxContent { position: relative; }

div.reviewContainter {
  position: relative;
  height: 150px; margin-bottom: 15px;
}

div.reviewContainter div.review {
  position: absolute;
  top: 5px; left: 5px;
  width: 268px; height: 100%;
  border: 1px solid #CCC;
  padding: 3px;
  overflow: hidden;
  overflow-y: auto;
}

div.topProducts {
  width: 163px; height: auto; margin-bottom: 15px;
  background: transparent;
  text-align: center; clear: both;
}

div.topProducts img { margin: 0 auto; margin-bottom: 2px }

div.topProducts:hover { background: transparent }

div.topProducts div.price {
  width: 150px;
  background-image: url(./images/produkte_price_small.jpg);
}

div.productOuter {
  float: left;
  margin: 3px !important; margin: .22em;
}

/*
  SPECIAL
*/
.siteAction {
  margin-top: -8px;
  margin-left: -13px;
}

.stats {
  display: none;
}

/* Affiliate Login */

.login-box-white {
	background:#ffffff;	
	float:right;	
	margin:0 0 0 10px;
	position: relative;
	}


.login-box {
	width:226px;	
	background:#fafafa;
	border:1px dotted #979798;		
	position: relative;
	}

.login-box h2{	
	color:#919191;
	font:bold 14px tahoma;
	padding:14px 0 0 17px;
	border:none;	
	}

.login-box a{
	font-size:10px;
	text-decoration:underline;
	font-weight:bold;
	margin:4px 0 15px 17px;	
	float:left;
	}

.button-join{width:194px; height:33px; background:url(images/button.jpg) no-repeat; color:#fff !important; text-decoration: none !important; text-align: center; padding-top: 12px;}