/* -------------------------
Generelle Style-Angaben
------------------------- */

body {
	background-color: #FFFFFF;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #000000;
	background-image: url('leiste_links.gif');
	background-repeat: repeat-y;
}

body, p, h1, h2, h3, ol, td, table, input, select, textarea {
	margin: 0;
	padding: 0;
}

textarea {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
}

p, h1, h2, h3, ol, select, input.text,
ul {
	font-size: 11px;
}

p, h1, h2, h3, ol, select, input.text {
	font-weight: bold;
}

p, select, input.text {
	font-weight: normal;
}

a {
	text-decoration: none;
	color: #000000;
}

a:hover {
	color: #F37A1F !important;
}

ul {
	padding: 0;
	margin: 0;
	list-style-image: url('ie-li-flattener.gif');
	list-style-type: none;
}


table {
	border-collapse: collapse;
	border: none;
	width: 100%;
}

td, th {
	vertical-align: top;
	text-align: left;
	margin: 0;
	padding: 0;
}

img {
	border: none;
}

form {
	margin: 0;
	padding: 0;
}

input.text, textarea.text {
	padding: 0 2px;
	font-size: 11px;
}

.error {
	color: #D10000;
}

.success {
	color: #44aa44;
}

input.error {
	border: solid 1px #D10000;
}

.clearboth {
	clear: both;
}

.hidden {
	display: none;
}

.bold {
	font-weight: bold;
}

.normal {
	font-weight: normal;
}

.underline {
	text-decoration: underline;
}

.italic {
	font-style: italic;
}

.nowrap {
	white-space: nowrap;
}

.floatRight {
	float: right;
}

.floatLeft {
	float: left;
}

.centered {
	text-align: center;
}

table.width100 {
	width: 100%;
}

td.middle, th.middle {
	vertical-align: middle;
}

td.valignBottom {
	vertical-align: bottom;
}

td.right, th.right {
	text-align: right;
}

p.scrollPos {
	font-size: 1px;
	margin: 0;
	padding: 0;
	height: 1px;
}

/* -------------------------
 Seiten-gliedernde Elemente
------------------------- */

#content {
	width: 900px;
	clear: both;
}

/* -------------------------
Header
------------------------- */

#squealer {
	color: #FFFFFF;
	font-weight: bold;
	font-size: 14px;
	background-color: #FF0000;
	padding: 4px 10px;
}

#header {
	height: 54px;
	background-image: url('orange_13px_grey_1px.gif');
	background-position: left bottom;
	background-repeat: repeat-x;
}

#header img {
	display: block;
}

#header p {
	float: left;
}

#header p.floatRight {
	float: right;
}

#header p.switchLanguage {
	font-weight: bold;
	color: #666666;
	padding-top: 22px;
	padding-left: 58px;
	font-size: 11px;
}

#header p.switchLanguage a {
	color: #666666;
}

#header p.switchLanguage a:hover {
	text-decoration: underline;
}

#header p#extLinksHeader {
  padding-left: 56px;
  padding-top: 22px;
}
/* -------------------------
Content
------------------------- */

col.naviLeft {
	width: 184px;
}

#mainContent {
	width: 716px;
	padding-bottom: 48px;
	padding-top: 12px;
}

#mainContent h1 {
	font-size: 18px;
	padding: 14px 0 15px 2px;
	margin-left: 14px;
}

#mainContent h3 {
	margin-left: 14px;
	padding-left: 2px;
	padding-top: 12px;
}

#mainContent h1.bgLightGrey {
	background-color: #ECECEC;
	padding: 12px;
	margin-top: 14px;
	margin-bottom: 3px;
}

#mainContent p {
	margin-left: 14px;
	padding-top: 2px;
	padding-left: 2px;
}

#mainContent p.marginTop, #mainContent h2.marginTop, #mainContent .specialIntro h3.marginTop {
	margin-top: 20px;
}

#mainContent a, #header #extLinksHeader a {
	font-weight: bold;
	color: #656565;
	background: url('pfeil.gif') 0px 4px no-repeat transparent;
	padding-left: 11px;
}

#mainContent a.back {
	background-image: url('pfeil_back.gif');
	font-size: 11px;
}

#mainContent a.delete, #mainContent .tableAdvancedSearch a, #mainContent a.inlineLink {
	background: none;
}

#mainContent a.inlineLink {
	color: #F37A1F;
	text-decoration:underline;
	padding-left: 0;
	font-weight: bold;
}

#mainContent div.stdIMG a, #mainContent div.listBoxMini a, #mainContent table#listOrders a, a#scrollPos {
	background: none;
	padding-left: 0;
}

#mainContent input.submit {
	border: none;
	font-weight: bold;
	font-size: 11px;
	color: #656565;
	background: url('pfeil.gif') 0px 4px no-repeat transparent;
	padding-left: 11px;
	cursor: pointer;
text-align: left;	
}

#mainContent div.intro {
	margin-top: 12px;
	clear: both;
}

#mainContent .advancedSearch div.intro {
	padding-left: 10px;
}

#mainContent div.intro p {
	font-size: 12px;
}

#mainContent div.intro p, #mainContent div.intro h2 {
	padding: 2px 6px;
	margin: 0;
}

#mainContent div.intro h2 {
	padding: 4px 6px;
}

#mainContent div.intro ul {
	padding: 4px 0;
	list-style-type: disc;
	list-style-image: none;
	margin-left: 26px;
}

#mainContent div.specialIntro {
	margin-left: 14px;
	margin-top: 6px;
	clear: both;
}

#mainContent div.specialIntro p, #mainContent div.specialIntro h2, #mainContent div.specialIntro h3 {
	padding: 2px 2px;
	margin: 0;
}

#mainContent div.specialIntro h2, #mainContent div.specialIntro h3 {
	padding: 4px 2px;
}

#mainContent div.specialIntro h2 {
	font-size: 14px;
}

#mainContent div.specialIntro a {
	color: #656565;
	font-weight: bold;
	background: url('pfeil.gif') 0px 4px no-repeat transparent;
	padding-left: 11px;
}

#mainContent p.error, #mainContent p.success {
	font-weight: bold;
	margin: 0;
	padding: 6px;
	clear: both;
}

#mainContent p.error.marginLeft, #mainContent p.success.marginLeft {
	margin-left: 10px;
}

/* --------------------------
Bestell-Bestätigungsseite
-------------------------- */

#confirmation {
	margin: 0 0 12px 14px;
}

#confirmation h2 {
	padding: 3px 4px;
	margin-top: 20px;
}

#confirmation p {
	padding: 0;
	margin-left: 4px;
}

/* --------------------------
Galerieseiten-Elemente
-------------------------- */

#galleryElements {
	width: 700px;
	margin-left: 15px;
}

#mainContent #galleryElements ul.breadcrumbs {
	height: 20px;
	padding: 6px 6px 0px 6px;
	color: #FFFFFF;
	background-color: #666666;
	font-weight: normal;
	font-size: 11px;
}

ul.breadcrumbs li {
	display: inline;
}

ul.breadcrumbs li.selected {
	font-style: italic;	
}

#galleryElements h1{
	padding-left: 0;
	margin-left: 0;
}

#galleryElements h2{
	padding: 10px 15px 10px 6px;
	margin: 8px 0 12px 0;
}

#galleryElements h2.error {
	font-size: 12px;
	background-color: transparent;
}

#galleryElements div.marginTop {
	margin-top: 12px;
}

div.listBox {
	width: 226px;
	height: 226px;
	margin-left: 8px;
	margin-top: 8px;
	background-color: #CCCCCC;
	border: solid 1px #666666;
	float: left;
}

div.listBoxMini {
	width: 108px;
	height: 191px;
	margin-left: 8px;
	margin-top: 8px;
	background-color: #CCCCCC;
	border: solid 1px #666666;
	float: left;
}
#gallery div.listBoxMini {
	height: 161px;
}

div.listBox.first, div.listBoxMini.first {
	margin-left: 0;
}

#mainContent div.listBox h3, #mainContent div.listBoxMini h3 {
	background-color: #F37A1F;
	color: #FFFFFF;
	text-align: left;
	padding: 3px 8px;
	margin-left: 0;
}

#mainContent div.listBox h3.stateLocked, #mainContent div.listBoxMini h3.stateLocked {
	background-color: #666666;
}

#mainContent div.listBox h3.stateNew, #mainContent div.listBoxMini h3.stateNew {
	background-color: #F3CD1F;
}

div.stdIMG {
	margin: 8px 8px 0 8px;
	height: 140px;
	text-align: center;
	overflow: hidden;	
}

div.stdIMGUnderline {
	font-size: 11px;
	padding: 2px 8px;
	text-align: left; 
	margin-bottom: 6px; 
	border-bottom: 1px solid #EEE; 
	color: #666;
}

div.miniIMG {
	margin: 4px;
	height: 100px;
	text-align: center;
	overflow: hidden;
}

div.stdDetailLinks {
	float: left;
	color: #666666;
	height: 26px;
}

div.miniDetailLinks {
	color: #666666;
	margin: 0px 4px;
	height: 30px;
}

#mainContent div.stdDetailLinks p, #mainContent div.miniDetailLinks p {
	padding: 0 8px;
	margin: 0;
	font-weight: bold;
}

#mainContent div.stdDetailLinks a {
	color: #666666;
	background-image: url('square_small.gif');
	background-repeat: no-repeat;
	background-position: 0px 5px;
	padding-left: 10px;
}

#mainContent div.miniDetailLinks a {
	color: #666666;
	background-image: url('square_small.gif');
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-left: 7px;
}

#mainContent div.stdDetailLinks a.orange, #mainContent div.miniBasketLink p a.orange {
	color: #F37A1F;
}

div.stdBasketLink {
	float: right;
	padding: 10px 8px 0 0;
	height: 16px;
	width: 90px;
}

#mainContent div.stdBasketLink p {
	background-color: #999999;
	padding: 1px 4px;
	height: 14px;
	text-align: center;
}

#mainContent div.stdBasketLink p.selected {
	background-color: #FFFFFF;
}

#mainContent div.stdBasketLink a {
	color: #FFFFFF;
	padding-left: 0;
	background: none;	
}

#mainContent div.stdBasketLink p.selected a {
	color: #F37A1F;
}

div.miniBasketLink {
	padding: 0;
	border-top: solid 1px #666666;
}

#mainContent div.miniBasketLink p {
	text-align: right;
/*	width: 108px; */
	margin: 0;
	padding: 2px 0px;
}
#mainContent #gallery div.miniBasketLink p {
	padding-right: 6px;
}

#mainContent #galleryElements .homepage {

	margin-top: 10px;
	padding-bottom: 10px;
}

#mainContent #galleryElements .homepage h2 {
	background-color: #EEE;
	color: #656565;
	font-size: 13px;
	padding: 4px 8px;
	margin-top: 0;
	margin-bottom: 12px;
}
#mainContent #galleryElements .homepage h3 {
	font-size: 13px;
}
#mainContent #galleryElements .homepage h3,
#mainContent #galleryElements .homepage p {
	margin-left: 0;
	padding-top: 0;
	padding-bottom: 12px;
	font-size: 12px;
}
#mainContent #galleryElements .homepage a {
	display: block;
}
#mainContent #galleryElements .homepage li {
	height: 60px;
}
#mainContent #galleryElements .homepage li p {
	padding-left: 80px;
}

/* --------------------------
FormRow
-------------------------- */

#mainContent .formRow {
	color: #FFF;
	background-color: #666666;
	height: 22px;
	padding: 3px 6px 0 6px;
	margin-left: 0px;
	clear: both;
}

#mainContent .formRow.special {
	border-top: 6px solid #FFF;
}

#mainContent .formRow.invers {
	border-top: solid 2px #FFFFFF;
	margin-bottom: 8px;
	margin-top: 0;
}

#mainContent .formRow p {
	float: left;
	padding-left: 12px;
	padding-top: 3px;
	margin-left: 0;
}

#mainContent .formRow p.first {
	padding-left: 0px;
}

#mainContent .formRow p.floatRight {
	float: right;
}

#mainContent .formRow a {
	color: #FFF;
}

#mainContent .formRow p.input {
	padding-left: 2px;
	padding-top: 0;
}

#mainContent .formRow p.submit {
	padding-left: 4px;
	padding-top: 0;
}

#mainContent .formRow input.text {
	width: 20px;
	padding-left: 2px;
	font-size: 11px;
	color: #000000;
}

#mainContent .formRow input.image {
	padding-top: 2px;
}

#mainContent .formRow input.button {
	color: #FFFFFF;
	/*background-image: url('bullet.gif');*/
}

#mainContent .formRow input.submit {
	color: #FFFFFF;
}

#mainContent .formRow select {
/*	width: 120px;*/
	margin-left: 2px;
	font-size: 11px;
	color: #000000;
}

#mainContent .formRow select.small {
	width: 80px;
}

/* --------------------------
Link-Row
-------------------------- */
#mainContent .linkRow {
	height: 22px;
	padding-top: 2px;
}
#mainContent .linkRow p {
	margin: 0;
	padding-left: 16px;
}
#mainContent #galleryElements .linkRow p {
	padding-left: 0;
}

/* --------------------------
Umschaltung Ansicht, Pager
-------------------------- */

#mainContent table.pager {
	margin: 6px 0;
	width: 700px;
	clear: both;
}

#mainContent table.pager.invers {
	margin: 16px 4px 0 0;
}

#mainContent table.pager col.border {
	width: 180px;
}

#mainContent table.pager td.centered {
	text-align: center;
}

#mainContent table.pager td.right,
#mainContent table.pager div.right {
	text-align: right;
}

#mainContent table.pager p {
	padding-left: 0;
	margin-left: 0;
}

#mainContent table.pager p.orange {
	color: #F37A1F;
}

#mainContent table.pager p.nowrap {
	white-space: nowrap;
}

#mainContent table.pager a {
	color: #000000;
	padding-left: 0;
	background: none;
}

#mainContent table.pager a.stdLink {
	color: #656565;
	font-size: 11px;
	background: url('pfeil.gif') 0 4px no-repeat transparent;
	padding-left: 11px;
}

#mainContent table.pager a.spacer {
	padding-left: 5px;
}

#mainContent table.pager div.buttons {
	width: 25px;
}

#mainContent table.pager p.pages {
	width: 646px;
}

#mainContent table.pager p.pages a {
	margin: 0 3px;
	color: #000000;
	font-weight: bold;
}

#mainContent table.pager p.pages a.notLinked {
	color: #F37A1F;
}

/* --------------------------
Galerie
-------------------------- */

#gallery {
	clear: both;
	padding-top: 24px;
	padding-bottom: 12px;
}

/* --------------------------
Popups
-------------------------- */

body.popup {
  background-image: none;  
}

#popupContent {
clear: both;
overflow: auto;
padding-bottom: 50px;
padding-top: 40px;
/*
	overflow: auto;
	padding-top: 40px;
	padding-bottom: 50px;
	clear: both;
	scrollbar-arrow-color:#333333;
  scrollbar-highlight-color: #EBEBEB;
  scrollbar-shadow-color:#EBEBEB;
  scrollbar-track-color: #EBEBEB;
  scrollbar-3dlight-color: #58595B;
  scrollbar-darkshadow-color: #58595B;
  scrollbar-face-color: #BCBEC0;
  */
}

#popupContent.downdetails a:hover {
	color: #F37A1F;
}
#popupContent.downdetails {
	color: #656565;

}

.popup .head,
.popup .foot{
	background-color: #CCCCCC;
	height: 26px;
	padding: 10px 12px 0px 24px;
	width: 613px;
}
.popup .head {
	top: 0;
	position: absolute;
}
.popup .foot {
	bottom: 0;
   position: relative;
}
.popup .foot[class], .popup .head[class] {
	position: fixed;
}
.popup p.basket {
	float: right;
	padding: 0 6px;
	margin-right: 9px;
	background-color: #999;
}
.popup p.basket_selected {
	float: right;
	padding: 0 6px;
	margin-right: 9px;
	background-color: #FFF;
}
.popup div.basket {
	padding: 12px 1px 0px 0;
	margin: 0;
}
.popup #popupContent  p.basket a, 
.popup #popupContent  p.basket_selected a {
	color: #FFF;
	background: none;
	padding: 0;
}
.popup #popupContent p.basket_selected a {
	color: #F37A1F;
}
.popup a.closeWin {
	color: #656565;
	background: url('pfeil.gif') 0px 4px no-repeat transparent;
	padding-left: 11px;	
}
.popup .head a.closeWin {
	position: absolute;
	top: 10px;
	right: 42px;
}
.popup .foot a.closeWin {
	position: relative;
	bottom: 0;
	float: right;
	padding-right: 10px;
}

.popup .boxedContent {
	background-color: #ECECEC;
	margin-right: 10px;
	margin-left: 10px;
	padding: 12px 6px 12px 0;
}

.popup .boxedContent ul.quadro li {
	font-style: italic;
	padding: 2px 6px 2px 18px;
	background-image: url('quadro.gif'); 
	background-repeat: no-repeat;
	background-position: 6px 6px;
}

.popup .head a, .popup .foot a, .popup .basket a, .popup h1{
	font-size: 12px;
	font-weight: bold;	
}

.popup h1{
	width: 70%;
	float: left;
}

.popup h2{
	padding: 12px 0 6px 24px;
}

.popup h3 {
	margin: 12px 0 6px 235px;
}

.popup h3.hint {
	margin: 0 0 0 2px;
}

#popupContent.downdetails table td {
	font-size: 11px;
	padding: 8px 8px;
}

#popupContent.downdetails table td.first {
	font-weight: bold;
	width: 210px;
}
#popupContent.downdetails table td.second {
	background: url('quadro.gif') 0px 12px no-repeat transparent;
	padding-left: 14px;
}

#popupContent.downdetails .boxedContent p {
	padding: 2px 10px 2px 0;
	margin-left: 235px;
} 

#popupContent.downdetails a {
	display: block;
	color: #656565;
	font-weight: bold;
	background: url('pfeil.gif') 0px 3px no-repeat transparent;
	padding-left: 11px;	
} 

#popupContent.downdetails img {
	float: left;
	margin: 12px;
}

#popupContent.downdetails .boxedContent ul.disc{
	margin-left: 14px; 
	list-style-type: disc !important; 
	list-style-image: none !important;
	list-style-position: outside;
}

#downloadCenter a {
	color: #F37A1F;
	font-weight: bold;
	background-image: none;
}

/* --------------------------
Popup - Paging
-------------------------- */
#popupContent table.pager img {
	float: none;
	margin: 0;
}
#popupContent table.pager td {
	padding: 6px 12px 0 12px;
}
#popupContent table.pager a {
	background: none;
	padding: 0;
	display: inline;
}
#popupContent table.pager a.spacer {
	padding-left: 5px;
}

/* --------------------------
Download-Galerie
-------------------------- */
#galleryBlock {
	background-color: #CCCCCC;
	margin-bottom: 6px;
}

#galleryBlock td {
	padding: 2px 0;
}
#mainContent #galleryBlock div.intro {
	margin-bottom: 12px;
}
#mainContent #galleryBlock div.intro p{
	font-size: 11px;
	padding-left: 10px;	
}
#mainContent #galleryBlock .intro h2 {
	background-color: #CCCCCC;
	padding-left: 10px;
}

#galleryBlock .galleryGIF {
	padding: 6px 6px 6px 8px;
}

.galleryChoice {
	padding: 6px;
	width:155px;
}

#galleryBlock .galleryChoice p {
	border-bottom:1px solid #666666;
	padding:2px 0;
}

.galleryChoice p.extraHeight {
	height: 24px;
}

.galleryInfo {
	height: 130px;
	padding-left: 6px;
	width: 300px;
}

#galleryBlock .galleryInfo p {
	margin-left: 0;
}

.galleryInfo table {
	width:50%;
	text-align: left;
}

.galleryInfo .topSpacer td {
	border-top: 1px solid #666666;
}

.galleryMailBlock textarea.text, .galleryMailBlock input.text {
	width: 298px;
}
.galleryInfo textarea.text, .galleryInfo input.text {
	width: 298px;
}
.galleryInfo textarea.text, .galleryMailBlock textarea.text {
	height: 85px;
}

#galleryBlock .galleryMailBlock {
	height: 130px;
	border-top: 1px solid #999;
}

#galleryBlock .galleryMailBlock p {
	margin-left: 6px;
}
#galleryDispatched {
	margin-bottom: 6px;
}
#galleryDispatched td p {
	padding-top: 6px;
}

.spacer {
	height:12px;
}

#productDetails {
	clear: both;
	width: 490px;
	margin: 0px 10px 0px 0px;
}

#productDetails p {
	padding: 2px 0;
}

#productDetails th {
	width: 180px;
}

#productDetails th p {
	font-weight: bold;
	padding-left: 40px;
}

#productDetails td p {
	background-image: url('quadro.gif');
	background-repeat: no-repeat;
	background-position: 0 6px;
	padding-left: 14px;
}

#productDetails a {
	color: #F37A1F;
	font-weight: bold;
	background-image: url('bullet.gif');
	background-repeat: no-repeat;
	background-position: 0 2px;
	padding-left: 16px;
}
/* ---------------------------------------------------- */

.listAssignedItems {
	clear: both;
	padding-bottom: 20px;
	width: 490px;
}

.listAssignedItems h3 {
	padding: 20px 4px 4px 40px;
}

.listAssignedItems p {
	padding: 4px 4px 4px 40px;
}

.listAssignedItems ul {
	padding: 0 4px 0 40px;
}

.listAssignedItems li {
	padding: 0;
	background-image: url('square_small_black.gif');
	background-repeat: no-repeat;
	background-position: 0 5px;
}

.listAssignedItems li p {
	padding: 0;
	padding-left: 10px;
}

/*
div.stdBasketLink {
	padding: 0;
	margin: 3px;
	margin-top: 0;
}

#mainContent div.stdBasketLink p {
	float: right;
	background-color: #999999;
	padding: 1px 4px;
}

#mainContent div.stdBasketLink p.selected {
	background-color: #FFFFFF;
}

#mainContent div.stdBasketLink a {
	color: #FFFFFF;
}

#mainContent div.stdBasketLink p.selected a {
	color: #F37A1F;
}

*/

#basketlink {
	position: absolute;
	top: 60px;
	right: 0px;
	margin: 4px;
	background-color: #CCCCCC;
	border: solid 1px #666666;
	padding: 1px 4px;
	font-weight: normal;
}

#basketlink.selected {
	background-color: #FFFFFF;
}

#basketlink a:hover, #basketlink.selected a {
	color: #F37A1F;
}

/* --------------------------
PDF-Block
-------------------------- */

#pdfBlock {
	width: 100%;
	margin-bottom: 12px;
}

#pdfBlock td {
	border-left: solid 6px #FFFFFF;
	background-color: #CCCCCC;
	width: 50%;
}

#pdfBlock td.first {
	border-left: none;
}

div.pdfGIF {
	float: left;
	display: block;
	margin: 6px 6px 0 6px;
}

div.colRight {
	width: 160px;
	padding-left: 88px;
	padding-top: 4px;
}

div.colRight p {
	color: #000000;
	padding: 2px 0 2px 0px;
	border-bottom: solid 1px #666666;
}

div.colRight p.extraHeight {
	height: 42px;
}

div.colRight input.radio {
	margin-right: 4px;
	vertical-align: middle;
}

div.bottomPart {
	clear: both;
	height: 190px;
}

div.bottomPart p {
	margin: 0;
	color: #000000;
}

div.bottomPart table {
	width: 302px;
	margin: 10px 6px;
}

div.bottomPart table tr.topSpacer td {
	border-top: solid 1px #999999;
	padding-top: 4px;
}

div.bottomPart table tr.bottomSpacer td {
	padding-bottom: 4px;
}

#pdfBlock div.bottomPart table td {
	vertical-align: middle;
	border-left: none;
}

div.bottomPart input.text {
	width: 200px;
}

div.emailBlock {
	clear: both;
	float: left;
	width: 347px;
	border-top: 1px solid #999;
}

div.emailBlock p {
	margin: 0;
	color: #000000;
	padding: 0 6px;
}

div.emailBlock p.topSpacer {
	padding-top: 6px;
}

div.emailBlock p.bottomSpacer {
	padding-bottom: 10px;
}

div.emailBlock input.text {
	width: 286px;
}

div.emailBlock textarea {
	height: 80px;
	width: 290px;
}

#pdfBlock .formRow {
	margin-left: 0px;
	width: 335px;
	float: left;
}

#pdfBlock .formRow p, #galleryBlock .formRow p {
	padding-left: 0px;
}

#pdfBlock .formRow a {
	color: #FFFFFF;
}

#pdfBlock p#result_booklet, #pdfBlock p#result_dina4 {
	padding: 3px;
}

/* --------------------------
Auflistung Bilder für Bestätigung, Archiv usw.
-------------------------- */

#listBasketIMGs, #listOrders {
	margin-left: 14px;
	margin-top: 6px;
	width: 700px;
}

#listBasketIMGs col.img {
	width: 80px;
}

#listBasketIMGs col.name {
	width: 80px;
}

#listBasketIMGs th, #listOrders th {
	background-color: #B4B4B4;
	border-right: solid 1px #FFFFFF;
}

#listBasketIMGs th p, #listOrders th p {
	font-weight: bold;
	margin: 0;
	padding: 3px 4px;
}

#listBasketIMGs td, #listOrders td {
	border-top: solid 1px #FFFFFF;
	border-right: solid 1px #FFFFFF;
}

#listOrders td {
	vertical-align: middle;
	height : 28px;    
}

#listOrders a {
	font-weight: bold;
}

#listBasketIMGs tr.highlighted td, #listOrders tr.highlighted td {
	background-color: #ECECEC;
}

#listBasketIMGs tr p, #listOrders tr p {
	padding: 2px 4px;
	margin: 0;
}

#listBasketIMGs tr img {
	display: block;
	margin: 3px 4px;
}

#listBasketIMGs tr input.radio {
	vertical-align: middle;
}

#listBasketIMGs tr span.radio {
	padding-left: 4px;
}

#listBasketIMGs p.amount {
	font-weight: bold;
	margin-top: 10px;
}

#listBasketIMGs p.amount.fire {
	text-align: right;
	margin-right: 0;
}

#listBasketIMGs p.amount input.submit {
	text-align: left;
	width: auto;
}

/* --------------------------
Adressformular
-------------------------- */

#addressForm, #deliveryType, #submitRow {
	margin: 16px 14px 0 14px;
	width: 700px;
}

#addressForm col {
	width: 260px;
}

#addressForm col.header,
 #deliveryType col.header,
 #submitRow col.header {
	width: 180px;
}

#addressForm th {
	border-bottom: solid 8px #FFFFFF;
}

#addressForm th p {
	font-weight: bold;
	padding: 3px 4px;
	margin: 0;
}

#addressForm td {
	vertical-align: middle;
}

#addressForm tr.highlight td {
	background-color: #ECECEC;
}

#addressForm td.spacer {
	height: 6px;
}

#addressForm td p, 
#deliveryType td p, 
#submitRow td p {
	padding: 2px 4px;
	margin: 0;
	font-weight: bold;
}

#deliveryType span.radio  {
	padding: 0 0 0 2px;
}

#deliveryType span.radio  .hint{
	padding-left: 16px;
}

#deliveryType input.radio {
	margin-left: -2px;	
}

#deliveryType p.costs {
	padding-left: 20px;
	font-weight: normal;
}

#addressForm td p.normal, #deliveryType td p.normal {
	font-weight: normal;
}

#addressForm td p.checkbox, #addressForm td p.submit {
	padding-top: 6px;
}

#addressForm td p.radio {
	font-weight: bold;
}

#addressForm td p.submit {
	padding-bottom: 10px;
}

#addressForm td p.value {
	background-image: url('quadro.gif'); 
	background-repeat: no-repeat;
	background-position: 0 5px;
	padding-left: 14px;
}

#addressForm td input.text, #addressForm td input.text.error, #addressForm td input.text.disabled, #addressForm td input.text.error.disabled {
	width: 200px;
	font-size: 11px;
	border: solid 1px #CCCCCC;
}

#addressForm td input.text.error, #addressForm td input.text.error.disabled {
	border: solid 1px #D10000;
}

#addressForm td input.disabled {
	background-color: #ECECEC;
}

#addressForm td input.checkbox, #addressForm td input.radio {
	vertical-align: middle;
}

#addressForm tr span.checkbox, #addressForm tr span.radio {
	padding-left: 6px;
}

#addressForm tr.comment td, 
#submitRow tr.comment td{
	border-top: solid 2px #FFFFFF;
	vertical-align: top;

}

#addressForm tr.comment textarea,
 #submitRow tr.comment textarea{
	width: 280px;
	height: 80px;
	border: solid 1px #CCCCCC;
}

#addressForm tr.formSubmit td p,
 #submitRow tr.formSubmit td p{
	padding: 12px 0px;
}

#mainContent #addressForm p.error {
	padding: 2px 4px;
}

/* --------------------------
Erweiterte Suche
-------------------------- */

#advancedSearch table.tableAdvancedSearch select {
	width: 130px;
}

#advancedSearch table.tableAdvancedSearch input.text {
	width: 260px;
}

#advancedSearch table.tableAdvancedSearch input.text.date {
	width: 20px;
}

#advancedSearch table.tableAdvancedSearch input.text.datelong {
	width: 40px;
}

#advancedSearch label {
	margin-right: 10px;
}

#advancedSearch h2, #mainContent #advancedSearch h3 {
	padding: 3px 4px;
	background-color: #B4B4B4;
	border-bottom: solid 10px #ECECEC;
	border-top: solid 6px #FFFFFF;
}

#advancedSearch h2.whiteBorderBottom {
	border-bottom: solid 10px #FFFFFF;
}

#advancedSearch h2.noBorderBottom {
	border-bottom: none;
}

#advancedSearch {
	margin: 0 0 14px 14px;
	width: 700px;
	background-color: #ECECEC;
}

#advancedSearch.marginTop {
	margin-top: 10px;
}

#advancedSearch col.header {
	width: 210px;
}

.advancedSearch h2 {
	background-color: #B4B4B4;
	padding: 3px 4px;
	margin-left: 14px;
	width: 692px;
}

.advancedSearch p {
	padding: 3px 4px;
	height: 16px;
	width: 694px;
	margin: 0 0 6px 0;
	clear: both
}

#mainContent .advancedSearch input.submit {
	background-color: transparent;
	width: 96px;
	float: right;
	text-align: left;
	margin-left: 0px !important; /* IE ignoriert important */
	margin-left: -14px;
}

#mainContent .advancedSearch input.submit.floatLeft {
	float: left;
}

#advancedSearch td {
	vertical-align: middle;
}

#advancedSearch tr.first th, #advancedSearch tr.first td {
	padding-top: 10px;
}


#advancedSearch input.text {
	width: 230px;
}

#advancedSearch input.text.date {
	width: 89px;
}

#advancedSearch select {
	width: 237px;
}

#advancedSearch textarea {
	width: 232px;
	height: 80px;
}

#advancedSearch tr.last td {
	padding-bottom: 10px;
}

#advancedSearch td p {
	padding: 2px 4px;
	margin-left: 0;
}

#advancedSearch td input.checkbox, #advancedSearch td input.radio {
	vertical-align: -10%;
}

/* --------------------------
Popup Erweiterte Suche zur Auswahl von Einträgen
-------------------------- */

#pu_customize {
	height: 396px;
	margin: 0 4px;
}

div.boxAttrTable {
	margin: 10px 0px;
	float: left;
}

div.attrTable {
	width: 297px;
	height: 360px;
	overflow: auto;
	margin: 0;
	clear: both;
	background-color: #ECECEC;
	border: solid 1px #B4B4B4;
	scrollbar-arrow-color:#333333;
  scrollbar-highlight-color: #EBEBEB;
  scrollbar-shadow-color:#EBEBEB;
  scrollbar-track-color: #EBEBEB;
  scrollbar-3dlight-color: #58595B;
  scrollbar-darkshadow-color: #58595B;
  scrollbar-face-color: #BCBEC0;
}

div.boxAttrTable h3 {
	color: #000;
	background-color: #B4B4B4;
	padding: 4px 6px;
	margin-bottom: 1px;
}

table.customize {
	margin: 1px;
	width: 99%;
}

table.customize tr.selected, table.customize tr.filter {
	display: none;
}

table.customize td {
	vertical-align: top;
}

table.customize col.icon {
	width: 20px;
}

table.customize td.right {
	text-align: right;
}

table.customize p {
	padding: 1px 4px;
	padding-top: 3px;
}

table.customize tr.highlighted {
	background-color: #FFFFFF;
}

table.customize tr {
	background-color: #F5F5F5;
}

#backgroundGif {
	margin: 50px 6px 6px 6px;
	float: left;
}

#backgroundGif img {
	margin-bottom: 6px;
}

#sqlType {
	border: solid 1px #B4B4B4;
	margin: 10px 4px;
	width: 297px;
	float: left;
}

#sqlType p {
	padding: 2px 4px;
}

#sqlType p.disabled {
	color: #999999;
}

#sqlType input {
	vertical-align: middle;
}

#filter {
	clear: both;
	border: solid 1px #B4B4B4;
	margin: 10px 50px 10px 4px;
	width: 297px;
	float: left;
	height: 56px;
}

#filter p {
	padding: 4px;
}

#filter img {
	margin-left: 8px;
	vertical-align: -25%;
}

#filter input.text {
	margin-left: 10px;
	width: 210px;
}

#filter p.reset {
	float: right;
	padding-top: 10px;
}

#filter p.reset a {
	font-weight: bold;
	color: #F37A1F;
	background-image: url('bullet1.gif');
	background-repeat: no-repeat;
	background-position: 0 2px;
	padding-left: 14px;
}

/* --------------------------
Stichwörter
-------------------------- */

#listChars tr, #listChars tr.open {
	background-color: #ECECEC;
}

#listChars tr.highlighted, #listChars tr.open.highlighted {
	background-color: #CCCCCC;
}

#listChars th, #listChars td {
	padding: 4px 0;
}

#listChars th p {
	padding-left: 12px;
}

#listChars td {
	display: none;
}

#listChars tr.open td {
	display: block;
}

#listChars td p {
	padding-bottom: 0;
}

#listChars a {
	display: block;
	background-color: #F37A1F;
	color: #FFFFFF;
	font-weight: bold;
	padding: 4px 7px;
	width: 7px;
	text-align: center;
	border: solid 1px #F37A1F;
}


#popupContent.downdetails #listChars {
	margin: 4px;
	background-color: #ECECEC;
	width: 99%;
}

#popupContent.downdetails #listChars a {
	background-color: #F37A1F;
	padding-left: 7px;
	color: #FFF !important;
}

#listChars tr.open a, #listChars a:hover {
	color: #FFF !important;
	border: solid 1px #666666;
}

#listChars tr.disabled a {
	background-color: #F8BD8F;
	border: solid 1px  #F8BD8F;
}

#listChars label {
	padding-left: 6px;
}

/* --------------------------
Loginseite
-------------------------- */

#mainContent div.login h1, #mainContent div.login p {
	padding-left: 60px;
	margin-left: 0;
}

#mainContent div.login h1 {
	padding-top: 80px;
	border-bottom: none;
}

#mainContent div.login table {
	margin: 40px 0;
}

#mainContent div.login table td, #mainContent div.login table th {
	padding: 6px 0;
}

#mainContent div.login th p {
	font-weight: bold;
}

#mainContent div.login p.quadro {
	background-image: url('quadro.gif');
	background-repeat: no-repeat;
	background-position: 44px 6px;
}

#mainContent div.login input.text {
	width: 160px;
}

div.maple {
	position: absolute;
	bottom: 0px;
	right: 0px;
}

/* --------------------------
Navigationsspalte mit Hauptnavigation
-------------------------- */

#pageNavigation {
	display: block;
	background: url('orange_13px.gif') top left no-repeat #B4B4B4;
	border-right: 1px solid #666;
	padding-top: 13px;
}

#pageNavigation ul {
	margin-bottom: 12px;
	width: 183px;
	border-top: solid 1px #666666;
}

#pageNavigation ul.first {
	border-top: solid 8px #666666;
}

#pageNavigation ul.logout {
	border-top: none;
	margin-bottom: 10px;
}

#pageNavigation li {
	background-color: #E2E2E2;
	border-bottom: solid 1px #666666;
	padding: 7px 0;
	background-image: url('bullet_kugel.gif');
	background-repeat: no-repeat;
}

#pageNavigation li.selected {
	background-image: url('bullet_kugel_selected.gif');
}

#pageNavigation li.basket {
	background-image: url('bullet_warenkorb.gif');
}

#pageNavigation li.basket_selected {
	background-image: url('bullet_warenkorb_selected.gif');
}

#pageNavigation li.orderhistory {
	background-image: url('bullet_bestellubersicht.gif');
}

#pageNavigation li.orderhistory_selected {
	background-image: url('bullet_bestellubersicht_selected.gif');
}

#pageNavigation li.userdata {
	background-image: url('bullet_meinaccount.gif');
}

#pageNavigation li.userdata_selected {
	background-image: url('bullet_meinaccount_selected.gif');
}

#pageNavigation li.help {
	background-image: url('bullet_hilfe.gif');
}

#pageNavigation li.help_selected {
	background-image: url('bullet_hilfe_selected.gif');
}

#pageNavigation ul.logout li {
	background-color: transparent;
	border-bottom: none;
	background-image: url('bullet_logout.gif');
}

#pageNavigation p {
	font-weight: bold;
	padding-left: 34px;
}

#pageNavigation a {
	color: #666666;
	display: block;
}

#pageNavigation a:hover {
	color: #F37A1F;
}

/* 2. Ebene der linken Navigation */
#pageNavigation li li {
	border-bottom: none;
	background-image: none;
}

#pageNavigation li.selected ul {
	padding: 1px 0 2px 0;
	margin: 7px 0;
	border-top: none;
}

#pageNavigation li li p {
	font-weight: normal;
}

#pageNavigation li.selected li {
	background-image: none;
	padding: 2px 0 3px 0;
}

#pageNavigation li.selected li p {
	margin-bottom: 0;
}

#pageNavigation li li.selected a {
	color: #F37A1F;
}
/* --------------------------
Suchbox
-------------------------- */

#searchBox {
	background-color: #E2E2E2;
	width: 183px;
	margin-bottom: 24px;
}

#searchBox h3 {
	color: #FFFFFF;
	font-weight: bold;
	font-size: 11px;
	background-color: #666666;
	padding: 4px 8px;
}

#searchBox input.text {
	margin: 6px;
	width: 160px;
}

#searchBox input.submit {
	color: #666666;
	border: none;
	font-weight: bold;
	font-size: 11px;
	background: url('pfeil.gif') 0 4px no-repeat transparent;
	padding-left: 11px;
	margin-left: 8px;
	cursor: pointer;
	text-align: left;
}

#searchBox p {
	border-top: solid 1px #666666;
	margin-top: 2px;
	padding: 4px 0;
	padding-left: 8px;
}

#searchBox p.selected a {
	color: #F37A1F;
}

#searchBox a {
	background: url('pfeil.gif') 0 4px no-repeat transparent;
	padding-left: 14px;
}

#searchBox a:hover {
	color: #F37A1F;
}

/* --------------------------
Content-Navi
-------------------------- */

#contentNavigation {
	margin: 0;
	height: 200px;
	width: 700px;
	overflow: scroll; /* make Opera use the overflow correctly */	
	overflow-y: auto;
	overflow-x: hidden;
	scrollbar-arrow-color:#333333;
  scrollbar-highlight-color: #EBEBEB;
  scrollbar-shadow-color:#EBEBEB;
  scrollbar-track-color: #EBEBEB;
  scrollbar-3dlight-color: #58595B;
  scrollbar-darkshadow-color: #58595B;
  scrollbar-face-color: #BCBEC0;
}

.navcols {
	width: 220px;
}

#contentNavigation table td  {
	border-left: solid 8px #FFFFFF;
	background-color: #ECECEC;
	height: 200px;
}

#contentNavigation table td.first {
	border-left: none;
}

#contentNavigation table td.blind {
	border-left: none;
	width: 0px;
}

#contentNavigation ul {
	padding: 5px 0;
}
#contentNavigation li p a {
	background: none;
	padding: 0;
	color: #000000;
	font-weight: normal;
}
#contentNavigation li {
	background:url('pfeil.gif') no-repeat 9px 6px;
	padding: 1px 4px 0 6px;
	/* for IE: to avoid disappearing bg-images while hovering */
	border-right: 1px solid #ECECEC;
}

#contentNavigation li p {
	margin-left: 14px;
	padding: 2px 0;
}

#contentNavigation li p a:hover, #contentNavigation li.selected p a, #contentNavigation label:hover {
	color: #F37A1F;
}

#contentNavigation label {
	cursor: pointer;
	vertical-align: baseline;
	padding-left: 2px;
}
#contentNavigation li.checkbox {
	background: none;
	padding: 1px 0 3px 4px; 
}
#contentNavigation li.checkbox p {
	padding-left: 4px;
}
#contentNavigation li.checkbox input.checkbox {
	margin-left: -16px;
}

/* --------------------------
	BNet
-------------------------- */
#mainContent div.bnet {
	height: 29px;
	margin-left: 14px;
	margin-bottom: 6px;
	padding-left: 0px;
	border-bottom: 1px solid #000;	
}
#mainContent #galleryElements div.bnet {
	height: 28px;
	margin-bottom: 6px;
	margin-left: 0;
	padding-left: 0px;
	border-bottom: none;
}
#mainContent div.bnet a.basket {
	background: url('bullet_warenkorb.gif') center left no-repeat;
	padding: 7px 0 7px 32px; 
	height: 14px;
}
#mainContent h1.bnet {
	font-size: 11px; 
	padding-bottom: 3px; 
	margin-bottom: 6px;
	border-bottom: 1px solid #000;
}
#mainContent div.bnet h1 {
	font-size: 11px;
	margin: 0;
	padding-top: 12px;
}
#mainContent #galleryElements div.bnet h1 {
	padding: 9px 0 3px 0;
	font-size: 11px; 
	border-bottom: 1px solid #000;	
}
#mainContent div.bnet h1 a{
	font-size: 11px;
	background: none;
	padding-left: 0;
	color: #000;
}

* html #contentNavigation li.checkbox p {
	padding: 0;
}
* html #contentNavigation li.checkbox label {
	display: block;
	padding-left: 16px;
	margin-left: -2px;
	text-indent: -6px;
}


/* --------------------------
Browser-Eigenheiten
-------------------------- */
html* #contentNavigation li.checkbox input.checkbox {	margin: 0px 0px 0px -16px}
html* #contentNavigation li.checkbox p {	padding: 0; }
html* #contentNavigation li.checkbox label {
	display: block;
	padding-left: 16px;
	margin-left: -2px;	
	text-indent: -6px;
}
html* #contentNavigation li.checkbox {
	padding: 0 0 0 0px;
}
html* #searchBox a {
	padding-left: 11px;
}
html* #deliveryType p.costs {
	padding-left: 25px;
}
html* #deliveryType span.radio .hint{
	padding-left: 21px;
}
html* #deliveryType input.radio {
	margin-left: -4px;	
}
/* Anfang IE7-Anweisungen \*/

html * #filter {
	height: 72px;
}

html * #pageNavigation {
	width: 183px;
}

/* Anfang Opera7-Anweisungen \*/

html:first-child> body #searchBox h3 {
	width: 168px;
}

html:first-child> body #searchBox input.submit {
	padding-left: 14px;
}

html:first-child> body #advancedSearch select {
	height: 20px;
}

html:first-child> body #advancedSearch td input.checkbox, html:first-child> body #advancedSearch td input.radio {
	vertical-align: -25%;
}

html:first-child> body #advancedSearch textarea {
	width: 236px;
}

html:first-child> body #listView input.checkbox {
	vertical-align: -30%;
}

html:first-child> body #crucialQuestion input {
	vertical-align: -30%;
}

html:first-child> body #descriptionBlock select {
	width: 306px;
}

html:first-child> body #descriptionBlock input.radio {
	vertical-align: -30%;
}

html:first-child> body #statusBlock input.checkbox {
	vertical-align: -30%;
}

html:first-child> body #popupContent #createNewThes table.newThes input.submit {
	background-position: 0 2px;	
	padding-left: 16px;
}

html:first-child> body #thesFormBlock input.checkbox {
	vertical-align: -25%;
}

html:first-child> body #mainContent .advancedSearch input.submit {
	background-position: 0px 2px;
}

html:first-child> body #popupContent div.assignCategoriesSubmit input.submit {
	background-position: 4px 5px;
	padding-left: 20px;
}

html:first-child> body div.attrTable {
	height: 340px;
}

html:first-child> body #pu_customize {
	height: 400px;
}

html:first-child> body #sqlType {
	margin-top: 0px;
	margin-bottom: 20px;
}

html:first-child> body #filter img {
	vertical-align: -30%;
}

html:first-child> body #filter {
	height: 63px;
	margin-top: 0;
}