* {margin:0;padding:0;}
img {border:0;}

html, body {
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background: #fff url(/img/body_bg.gif) repeat-y left top;
}

input, th, td, p { font-size: 11px; }
input, select { border: 1px solid #ccc; padding: 2px; }

h1 { margin: 10px 0;}
h1 { color: #396580; font-size: 12px; font-weight: bold; }
h3 { color: #000000; margin: 10px 0; font-size: 12px; color: #527D9C}
h3 * { vertical-align: middle; }
p { font-weight: normal; color: #000; }
a { color: #3b657e; outline: 0; }

.bold { font-weight: bold; }
.blau { color: #4d7c9a; }
.grau { color: #999999; }
.gruen { color: #80B84D; }
.hidden {display: none; }
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-block;}
.submitme { width: auto !important; border: 2px outset #ccc; }
.datePicker { cursor: pointer; }

/* display correct account edit links */
.show3940,
.show3941,.zipcity input { width: 50px !important; margin: 0 5px 0 0;  }
.zipcity input+input { width: 135px !important; margin: 0 5px 0 0; float: right !important; }
.show4039 { display: none; }

/* don't show loggedin box to 'vertrieb' */
.show394041 { display: none;}
.show4139,
.show4140 { display: none; }

#top-bar { width: 100%; position: absolute; top: 150px; left:0; height: 100px;
background: url(/img/bar_bg.gif) repeat-x top left; }

#top-bar #yah { background: url(/img/top_yah.gif) no-repeat top left; width: 200px; height: 100px; }

#logo .home { margin: 25px 0 0 30px; display: block; width: 218px; height: 79px; background: url(/img/logo.gif) no-repeat top left;}
#logo .home { text-indent: -99999px; }

#lang { list-style: none; margin: 0 0 0 75px; } 
#lang li { display: block; float: left; margin: 0 10px 0 0; }

#sidebar { width: 240px; float: left; margin: 0 50px 0 0 ;}
#content { width: 700px; float: left; margin: 0 0 0 0 ;}
#content #content-box { padding: 265px 0 40px 0; }

#menu { padding: 150px 0 0 0; margin:0; }
#menu li { display: inline; }
#menu li a { display: block;}

.auto { border: none !important; width: auto !important;}
.adminPagelet a { color: red; font-weight: bold; color: #666; text-decoration: none; padding: 1px; font-size: 10px; background: #ccc; }
.adminPagelet a:hover { background: #ccc; color: white; }

#menu #search { margin: 0 0 20px 40px; }
#menu #search * { vertical-align: middle; } 
#menu #search a { margin: 5px 0 0 0 ; display: block; }
#menu #search input { width: 100px; }
#menu #search input.submitme { width: auto; border: none; }
#menu li ul { margin: 0 0 20px 0; }
#menu li ul ul { margin: 0 0 20px 0; }

form.cmxform fieldset { border: none; }
form.cmxform legend { padding: 0 2px; font-weight: bold; }
form.cmxform label { display: block; float: left; width: 100px; line-height: 1.8; vertical-align: top; }
form.cmxform label * { vertical-align: middle; }
form.cmxform fieldset ol { margin: 0; padding: 0; }
form.cmxform fieldset li { list-style: none; padding: 5px; margin: 0; }
form.cmxform fieldset fieldset { border: none; margin: 3px 0 0;}
form.cmxform fieldset fieldset legend { padding: 0 0 5px; font-weight: normal; }
form.cmxform fieldset fieldset label { display: block; width: auto; }
form.cmxform em { font-weight: bold; font-style: normal; color: #f00; }
form.cmxform label {width: 160px; /* Width of labels */ }
#popup form.cmxform label {width: 260px; /* Width of labels */ }
form.cmxform li { clear: both; }
form.cmxform li * { vertical-align: middle; }
form.cmxform li input,
form.cmxform li select { width: 200px; float: left; }
form.cmxform li select { width: 206px; }
form.cmxform fieldset fieldset label { margin-left: 123px; /* Width plus 3 (html space) */ }
#startdate_from { width: 60px; margin: 0 2px 0 0 ; }
#startdate_to { width: 60px; float: none; }
.datePicker img { padding: 0 0 2px 0; }
#searchform .submitme { border: none; }

#mfacts { width: 500px; font-size: 11px; height: 200px; }

.empty { height: 15px; }
.small-big input { width: 50px !important; margin: 0 5px 0 0;  }
.small-big input+input { width: 135px !important; float: right !important; }

.big-small input { width: 135px !important; margin: 0 5px 0 0;  }
.big-small input+input { width: 50px !important; float: right !important; }

.atoz { background: #759ab5; width: 700px; }
.atoz { list-style: none; }
.atoz li { display: block; float: left; width: 25px;}
.atoz li a { color: white; display: block; padding: 4px 0; text-align: center; font-size: 11px;}
.atoz a:hover { color: #ccc; }

.fields { background: #e8edf1; padding: 5px;}
.fields ol { float: left; width: 340px;}
#popup .fields ol { float: left; width: 540px;}
.fields ol label { width: 122px; float: left; }
.fields li.submits {  float: right; }
.fields li.submits * { float: none; width: auto; vertical-align: middle; padding: 0; }

/* ######## article 
*/

#article-view { margin: 40px 0 0 0;}
div.cover { width: 180px; margin: 0 15px 0 0; float: left;display: block; height: 300px; }
div.cover #goamazon { margin: 10px 0 0 0; display: block; border: 1px solid #ccc; width:84px; float: left; }
div.cover #goamazon img { padding: 2px;}
div.cover div.label {margin: 10px 0 0 0; float: right;  }

div.details { width: 480px; margin: 0 0 0 0; float: left; }
div.details ul { list-style: none; }
div.details ul li { float: left; }
div.details ul a { cursor: pointer; width: 76px; float: left; display: block; margin: 0 1px 0 0;}
div.details ul li a img { width: auto; }
div.details .tab-item { margin: 10px 0 0 0; height: 300px; }
div.details h1 {font-size: 13px; }
div.float-cover { width: 131px; float: left; margin: 5px 5px 10px; overflow: hidden; border: 1px solid #eee; text-align: center;}
a.label { margin: 10px 0 0 5px; display: block; float: left; }

ul.data,
table.data { margin: 10px 0}
ul.data li{ margin: 5px 0; width: 500px}
ul.data li em { display: block; float: left; width: 135px; font-weight: bold; font-style: normal; }
ul.data li span { display: block; float: left; width: 335px;  }
table.data td { padding: 5px 0; }
table.data td.fc { font-weight: bold; width: 140px; }

ul.export { margin: 10px 0;}
ul.export li { float: left; }
ul.export li a { display: block; float: left; margin: 0 10px 0 0; padding: 2px 0 2px 15px; width: 350px; }
ul.export li.print { background: url(/img/icon_drucken.jpg) no-repeat 0 2px; }
ul.export li.pdf { background: url(/img/icon_pdf.jpg) no-repeat 0 2px; }
ul.export li a:hover { color: #80B84D; }

#magnifier { position: absolute; top:0; left:0; z-index: 300; width: 26px; height: 26px; background: url(/img/lupe.gif) no-repeat left top; }
.search-list { list-style: none; margin: 20px 0; }
.search-list li { margin: 10px 0;}
.search-list a { text-decoration: none; color: #333; font-weight: normal; }
.search-list a:hover { text-decoration: underline; color: #666; }
.searchpager { margin: 10px 0 0 0; font-weight: bold; }
.pagerBack,
.pagerNext { font-weight: bold; text-decoration: none;}
.pagerBack:hover,
.pagerNext:hover { text-decoration: underline;}
.pagerBack { padding: 0 10px 0 0;}
.pagerNext { padding: 0 0 0 10px;}
.currentPage { font-weight: bold; color: #333;}

.new { clear: left; width: 650px; display: block; padding: 10px 0; }
.new img { float: left; margin: 0 10px 0 0;  }
.new a { color: #557B96 ; font-weight: bold; display: block; margin: 0 0 5px 0;}
.new strong { display: block; color: #333; margin: 0 2px 0 0; }
.new .descr { display: block; float: left; width: 550px;}

.employee { margin: 10px 0; clear: both; }
.employee h2 { color: #3a6683; font-size: 12px; margin: 0 0 15px 0;}
.employee div { float: left; margin: 0 30px 0 0; width: 100px;}
.employee p { float: left; width: 500px;}

.bborder { border-bottom: 1px solid #d1d1d1; padding: 0 0 20px 0; }

.distributors .adminPagelet { display: block; position: absolute; top: 1px; left: 1px; width: 150px; }
.distributors .adminPagelet a { display: inline; }
.distributors .distributor { width: 160px; float: left; position: relative }
.distributors a { display: block; width: 159px; height: 110px;}
.distributors a.tb {border-top: 1px solid #ccc;}
.distributors a.rb {border-right: 1px solid #ccc;}
.distributors a.bb {border-bottom: 1px solid #ccc;}
.distributors a.lb {border-left: 1px solid #ccc;}

#calendar-div a { font-weight: normal; text-decoration: none}
#calendar-div a:hover { text-decoration: underline;}
#calendar-div { background: #fff; border: 1px solid #ddd; position: absolute; top: 0; left:0; visibility: hidden; }
#calendar-div a.cpMonthNavigation { font-weight: bold; background: #ddd; display: block; padding: 2px; text-align: center; font-size: 9px; }
#calendar-div table.cpBorder { border: none; }
#calendar-div .cpDayColumnHeader { font-weight: bold; }
#calendar-div a.cpCurrentMonthDate { background: #eee; display: block; padding: 2px; text-align: center; border: 1px solid #fff; }
#calendar-div a.cpCurrentDate { color: red;  }
.cpDayColumnHeader {color: #749C4D; padding: 2px 0 }
.cpMonthNavigation { text-align: center; color: #527D9C; font-weight: bold; }
.cpTodayText { padding: 2px 0;}
.cpBorder { border: 1px solid #ccc !important;}

.txt-image { margin: 0 0 10px 0; width: 630px; }
.txt-left p { float: left; width: 300px; margin: 0 10px 0 0; }
.txt-left div { float: right; width: 300px; }
.txt-right p { float: right; width: 300px; margin: 0 0 0 10px; }
.txt-right div { float: left; width: 300px }

#releaseSlides { position: absolute; top: 20px; left: 430px;}
#coverPreview { position: absolute; top: 85px; left: 160px; z-index: 1000; border: 1px solid #333; background: #fff; padding: 3px 3px 0 3px; display: none; }
.next { position: absolute; top: 110px; right: -30px; cursor: pointer;}
.back { position: absolute; top: 110px; left: -70px; cursor: pointer; display: none; }

li.half input { width: 95px !important;}
li.half input.first { margin: 0 3px 0 0;}
.tooltip { cursor: pointer; }
#tooltip { position: absolute; background: #fff; border: 1px solid #AEC0CE; padding: 10px; }
#tooltip h3 {margin: 0; padding: 0;}
#tooltip .body { color: #333; font-weight: normal;}

.new-release-search { width: 100%; position: relative; }
.new-release-search ul { list-style: none; }
.new-release-search li { display: inline; padding: 0 18px 0 0 ; }
.new-release-search li a {  }
.new-release-search .header ul { position: absolute; top: 0; right: 20px; }


.download-box {border: 1px solid #ccc; padding: 10px; width: 90%; margin: 10px 0;}
.download-box li { float: none !important; clear: both; margin: 5px 0; padding: 2px 0;}
.download-box li:hover { background: #eee; }
.download-box li span { display: block; float: left; width: 320px; }
.download-box li a,
.download-box li span.pdf { display: block; float: left !important; width: 75px; }
.download-box li span.pdf { width: 30px; }

.left-right { width: 90%; margin: 10px; }
.left-right span { width: 40%; float: left;}
.left-right span+span { width: 40%; float: right; text-align: right; }

#news-slider { position: absolute; left: 290px; top: 210px;  }
#news-slider span { font-weight: bold;  display: block; float: left; width: 180px; padding:3px;} 

.tickercontainer {border: 1px solid #557B96;background: #fff; width: 470px; height: 22px; overflow: hidden; }
.tickercontainer .mask { position: relative;left: 10px;top: 4px;width: 450px;overflow: hidden;}
ul.newsticker { position: relative;left: 450px;font: bold 10px Verdana;list-style-type: none;}
ul.newsticker li {float: left; background: #fff;}
ul.newsticker a {white-space: nowrap; font: bold 10px Verdana; margin: 0 50px 0 0; text-decoration: none; } 
ul.newsticker a:hover { text-decoration: underline; }
ul.newsticker span { margin: 0 10px 0 0;} 

/* trailer */

#trailer { position: absolute; border: 10px solid #80B84D;background: #fff; z-index: 3000; top: 35%; left: 35%; padding: 0 0 30px 0;}
#trailer #loader {display: block; position: absolute; bottom: 1px; right: 10px; color: #333; }
#trailer .trailer_content { position: relative;margin: 10px; background: #fff; min-height: 340px; height: auto !important; height: 340px; width: 520px;}
#trailer .trailer_content a { position: absolute; top: 1px; right: 10px;}

#trailer-preview { position: absolute; top: 560px; left: 300px; }
#trailer-preview a { width: 90px; height: 55px; display: block; position: absolute; top:0; }
#trailer-preview a img { width: 90px; height: 55px;  }
#trailer-preview a.first { left: 0;}
#trailer-preview a.second { left: 95px; }
#trailer-preview a.third { left: 190px; }
#trailer-preview a.fourth { left: 285px; }

.shop-search-bottom { border-top: 1px solid #ccc; padding: 10px 0; margin: 20px 0; }
.shop-search-bottom div { width: 50%; float: left;}
.shop-search-bottom div.right { text-align: right; }
.basket {}
.basket td,
.basket th { padding: 4px; }
.basket th { background: #00739c; color: #fff; }
.basket td { background: #cce3eb; }

.customer-row { margin: 10px 0; }
.customer-view { position: relative; padding: 10px 0; border-top: 2px dotted #D8D8D8; border-bottom: 2px dotted #D8D8D8; margin: 10px 0; }
.customer-order { width: 400px; position: relative; }


.statehidden {display: none; }

.view-ok-404,
.salesfolder-ok-404,
.view-error-200,
.salesfolder-error-200 { display: none;}

.add-col { display: block;  width: 100px; float: left; clear: left;}
.page-menu { list-style: circle; padding-left: 20px; margin: 10px 0 10px 0; }
.page-menu li {}
.page-menu li a {display: block; padding: 5px 0; }
.page-menu a { text-decoration: none; }
.page-menu a:hover { text-decoration: underline; }