/*
Copyright (c) 2006, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 0.12.0
*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;}

/*
Copyright (c) 2006, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 0.12.0
*/

/**
 * 84.5% for !IE, keywords for IE to preserve user font-size adjustment
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE6/7 quirks mode.
 *
 */
body {font:13px arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
table {font-size:inherit;font:100%;}

/**
 * 99% for safari; 100% is too large
 */
select, input, textarea {font:99% arial,helvetica,clean,sans-serif;}

/**
 * Bump up !IE to get to 13px equivalent
 */
pre, code {font:115% monospace;*font-size:100%;}

/**
 * Default line-height based on font-size rather than "computed-value"
 * see: http://www.w3.org/TR/CSS21/visudet.html#line-height
 */
body * {line-height:1.3;}


html { margin: 0; padding: 0; }
body {
	background:transparent url(i_catalog/bg_full_onlineshop.jpg) no-repeat scroll 0 0;
	margin:0;
	padding:0;
}

#container {
	margin-left: 255px;
	padding:0px;
	position:relative;
	top:0px;
	width:515px;
}

#kopf {
	padding-top: 20px;
	height:40px;
	width:515px;
	background:white;
}
#wrapperwrapper {
	width: 515px;
	overflow: visible;

}

#fuss {
	margin-left: 255px;
	padding-top: 20px;
	width: 665px;
	height:60px;	
	background: white;
	border-top: 1px solid grey;
}


#wrapperwrapper #wrapper {
	width: 515px;
	padding-top: 30px;	
}

#kopfnavi { 
	color: black;
}
#kopfnavi a { 
float: right;
margin: 0 10px;
}
#kopfnavi a.vorn { 
float: left;
margin: 0 5px;
}
#ticketlink {
	display: none;
}
#kopf #ticketlink a {
font-weight: normal;
font-size: 12px;
}

#nachricht, #fnachricht {
position: absolute;
top: -129px;
left: 0;
width: 719px;
height: auto;
overflow: visible;
}
#fnachricht {
top: -48px;
}

#rechtS table.infoBox { margin: 0 0 20px 0px; }
#rechtS table.infoBoxHeadingTable { margin-left: 0px;  }
#rechtS .infoBoxContents { font-size: 10px; }
#rechtS table.infoBoxContents { width: 135px; }

#fuss table {
	width: 665px;
}
/* Boxen etc */
#termine { 
	width: 120px;
}

#transparentblock {
	opacity: 0.6;
	-moz-opacity: 0.6;
	filter: alpha(opacity=60);
}


/* http://www.positioniseverything.net/articles/onetruelayout/ */

#inhaltC {
	width: 415px;
	padding-left:5px;
	padding-right:5px;
	margin-left:90px;
	min-height: 600px !important;
	overflow: none;
	/*overflow-x: hidden;*/
	top:60px;
	
}

#linkS {
	background:#ffffff;
	position:absolute;
	width:85px;
	top:60px;
	left: 0px;
	border: none;
}

#rechtS {
	background:white;
	margin-left:515px;
	margin-top: 20px;
	top: 0px;
	padding:0;
	position:absolute;
	width:150px;
}


/* IE Win can be a bit out - you might need to adjust  
bottom value by -1px or as required */
.verticalalign {
position: absolute;
bottom: 0;
}
#inhaltC .verticalalign {
width: 410px;
}
#linkS .verticalalign {
width: 148px;
}
#rechtS .verticalalign {
width: 148px;
}

/* hack for Opera 7+ */
@media all and (min-width: 0px){
  .verticalalign {
  width: 100% !important;
  }

/* But Opera 9 does it right, so CSS3 hax to the max */
  div[id^="wrapper"] #inhaltC .verticalalign {
  width: 410px !important;
  }
  div[id^="wrapper"] #linkS .verticalalign {
  width: 148px !important;
  }
  div[id^="wrapper"] #rechtS .verticalalign {
  width: 148px !important;
  }
}

/* hack for IEs of all persuasions */
.verticalalign p {
position: absolute;
bottom: 0;
right: 0;
}

/* end easy clearing */

/* Safari needs this - otherwise the ghost overflow, though painted 
correctly obscures links and form elements that by rights should be above it.
An unintended side-effect is that it cause such elements to vanish in IE 5.01
and 5.5, hence the child selector hack */
* > #fuss {
position: relative;
z-index: 1000;
}


.sfirKopfnavi a{
	color:black;
}
#kopf a { 
font-weight: bold;
font-size: 13px;
text-decoration: none;
color: black;
}
p,li,td,th,dd,dt {
	color:black;
	font-family:Georgia;
	font-size:13px;
	font-weight:normal;
}

#inhaltC p,li,td,th,dd,dt {
	font-size:12px;
	margin-bottom:10px;
	margin-left:0pt;
	margin-right:10px;
	margin-top:0pt;
	text-align:justify;

}

#inhaltC strong {
	text-align:left;

}

strong, dt { font-weight: bold; }
em { font-style: italic; }

h1, h2, h3, h4 {
	color:black;
	font-family:Georgia;
	font-size:13px;
	font-weight:bold;
margin: 0.5em 0;
}
h1 { font-size: 225%; }
h2 {
font-size: 164%;
line-height: 1.64;
}
h3 {
font-size: 145%;
line-height: 1.45;
}
h4 { font-size: 118%; }
h5 {
font-size: 13px;
font-weight: bolder;
}

p { margin: 0.75em 0; }
.main { /*padding: 0.75em 0; */}
.main b { font-size: 120%; }

.nobr { white-space: nowrap; }

#termine ul { padding: 10px 0 15px 10px; }
#termine li { 
margin-bottom: 5px;
font-weight: bold;
font-size: 13px;
color: black;
}
#termine a { 
font-weight: bold;
font-size: 13px;
text-decoration: none;
color: grey;
}
#termine a:hover, #kopf a:hover { color: grey; }
#termine a:active, #kopf a:hover { color: black; }


/* OSC styles */
a { 
	text-decoration: none; 
}
a:link,  a:visited { color: #b20904; }
#fuss a:link, #fuss a:visited { 
	font-size:10px;
	color: grey; }
a:hover, a:active { color: #564052;}
#fuss a:hover { color: black;}


.boxText {  color: #5d0126; font-weight: bold; }
#rechtS .boxText { font-weight: normal; }
.errorBox { background: #fcc; font-weight: bold; }
.stockWarning { color: #c00; padding: 5px;  }
.orderEdit { color: #5d0126}
.modelHeading { font-size: 12px; }


.headerNavigation { font-size: 10px; }

.adminNavi { 
font-weight: bold;
font-size: 15px;
padding: 30px 20px 10px;
text-align: center;
text-transform: uppercase;
}

.abschluss { 
border: solid #905253;
border-width: 1px 0;
background: #1f 211d;
font-size: 10px;
}

TD.headerError {
font-size: 12px;
background: #f00;
color: #fee;
font-weight : bold;
text-align : center;
}

TD.headerInfo {
font-size: 12px;
background: #090;
color: #fff;
font-weight: bold;
text-align: center;
}

TD.footer { font-size: 10px; }


.infoBox { background: #fff; border: solid #905253; border-width: 1px 0; }
.infoBoxContents { background: #white; }
.infoBoxContents td { padding: 0 5px; }

.infoBoxContents td.main { padding: 4px 5px; }
#rechtS .infoBoxContents td { padding: 2px 1px 2px 5px; font-family: Tahoma, Arial, Helvetica, sans-serif; }

.infoBoxNotice { background: #b20904; }
.infoBoxNoticeContents {
background: #b20904;
color: #fdd;
}
TD.infoBoxHeading {
	padding-left:8px;
	font-weight: bold;
	font-size: 12px;
	line-height: 1.0;
	white-space: nowrap;
	color: #5d0126;
	border-bottom: 1px solid #905253;
}

TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {
background-color: white;
}
TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {
background-color: white;
}

TD.productListing-heading {
font-weight: bold ;
text-transform: uppercase;
padding: 2px;
background-color: white;
border-bottom: 1px solid #905253;
}
TD.productListing-heading a:hover { color: #564052; }


TD.productListing-data {
font-weight: bold;
padding: 14px 4px 4px;
border-bottom: 1px solid #905253;
}

TD.pageHeading, DIV.pageHeading {
font-size: 14px;
font-weight: bold;
}

TR.subBar { background: white; }
TD.subBar { /* */ }

.smallTextGray { color: #808080; }

TD.accountCategory { font-size: 13px; }

TD.fieldKey {
font-size: 12px;
font-weight: bold;
}

TD.fieldValue {
font-size: 12px;
}

TD.tableHeading {
font-weight: bold;
font-size: 12px;
}

SPAN.newItemInCart { color: #f00; }


TEXTAREA { width: 100%; }

SPAN.greetUser { font-weight: bold; }

TD.formAreaTitle {
font-size: 12px;
font-weight: bold;
}

SPAN.markProductOutOfStock {
font-size: 12px;
color: #c00;
font-weight: bold;
}

.productSpecialPrice {
color: #f00;
font-weight: bold;
}

SPAN.errorText {
color: #f00;
}

.moduleRow { cursor: pointer; cursor: hand; }
.moduleRowOver { background: #fff; cursor: pointer; cursor: hand; }
.moduleRowSelected { background: #fff; }

.checkoutBarFrom, .checkoutBarTo { color: #5d0126; }
.checkoutBarCurrent { color: #5d0126; }

/* message box */

.messageBox { font-size: 11px; }
.messageStackError, .messageStackWarning { background: #fcc; color: #f00; }
.messageStackSuccess { background-color: #adb; color: #000; }

/* input requirement */

.inputRequirement { color: #c00; }

/* image box */

.imagesBoxContents { font-size: 11px; }

.fancyText { font-size: 11px; }

a.loeschen, a.loeschen:visited {
font-weight: bold;
color: #b20904;
padding-left: 15px;
background: transparent url(/styles/i_tickets/icons/user-trash.gif) no-repeat 0 -1px;
}
a.loeschen:hover {
color: #b20904;
background: transparent url(/styles/i_tickets/icons/user-trash_h.gif) no-repeat 0 -1px;
}

.gruen { font-weight: bold; }

FORM { display: inline; }

label { cursor: pointer; cursor: hand; color: #b20904; font-size: 11px; font-family: Tahoma, Arial, Helvetica, sans-serif; }

small { 
font-size: 10px;
font-style: italic;
}

.hr, hr {
clear: both;
display: block;
width: 100%;
height: 1px;
margin: 10px 0;
padding-top: 10px;
border-top: 1px solid #905253;
}