@charset "utf-8";
/*	
	@copyright		Copyright 2008 ZIPMEDIA Christoph Zipper 
	@project		napasai-media.de
*/

/* Browserpresets zurücksetzen */
* {
	margin: 0;
	padding: 0;
}

/* Bugfix: IE-Italics-Bug */
* html body * {	overflow: visible; }
* html iframe, * html frame { overflow: auto; }
* html frameset { overflow: hidden; }

option {
	padding-left: 0.4em;
}

img { 
	border: 0 solid;
}

div, img { behavior: url("iepngfix.htc") }

/* Layout */
body { 
	font-family: Verdana,Helvetica,Arial,sans-serif;
    font-size: 100.01%;
    text-align: center;
	background: #e1e9f3 url("img/bg_body.png") repeat-x top right fixed;
}

#page {
	font-size: 75%;
	margin: 15px auto;
	width: 910px;
	text-align: left;
}

#header {
	height: 135px;
	background: transparent url(img/bg_header.png) no-repeat center top;
}

#header img {
	margin: 17px 0 0 17px;
}

#mainnav {
	width: 100%;
    overflow: hidden;
    background: #397bc1 url(img/bg_navi.png) repeat-x center center;
}

#mainnav ul {
	display: inline;
	float: left;
	background: #397bc1 url(img/bg_navi.png) repeat-x center center;
	list-style-type: none;
	border-left: 1px #2d6db2 solid;
    border-right: 1px #729db2 solid;
    margin:0 0 0 15px;
	line-height: 1em;
}

#mainnav li {
	border-left: 1px #729dce solid;
    border-right: 1px #2d6db2 solid;
    float: left;
    font-size: 1em;
    line-height: 1em;
	margin: 0;
}

#mainnav a, #mainnav span {
    background: #397bc1 url(img/bg_navi.png) repeat-x center center;
    color: #fff;
    display: block;
    font-size: 1em;
    font-weight: bold;
    margin: 0;
    padding: 0.5em 0.8em 0.5em 0.8em;
    text-decoration: none;
    width: auto;
}

#mainnav a:hover, #mainnav span {
	background: #397bc1 url(img/bg_navi_hover.png) repeat-x center center;	
}

#nav, #main {
	background: transparent url(img/bg_main.png) repeat-y center center;
	padding: 0 7px;
}

#content {
	background: transparent url(img/bg_content.gif) repeat-x top;
	padding: 15px;
}

#col_right {
	float: right;
	width: 250px;
	background: url(img/bg_col_right.png) no-repeat top; 
	min-height: 250px;
}
/* IE min-height hack */
* html #col_right { height: 250px; }

#col_left {
	width: auto;
	margin: 0 250px 0 0;
}

#col_single {
	width: auto;
}

#content_right {
	font-size: 83.33%; /* 10px */
	font-size: 91.66%; /* 11px */
	padding: 10px;
}

#content_left {
	font-size: 91.66%;
	padding: 10px 20px 10px 0;
}

#content_single {
	font-size: 91.66%;
	padding: 10px 0;
}

#footer {
/*	position: relative;*/
	clear: both;
	height: 65px;
	background: transparent url(img/bg_footer.png) no-repeat center bottom;
	font-size: 85%;
	color: #fff;
	text-align: right;
}

#footer ul {
/*	position: absolute;
	right: 15px; bottom: 15px;*/
	list-style-type: none;
	margin: 0;
	padding: 35px 10px 0 0;
}

#footer li {
	display: inline;
	padding: 0 0.5em;
	border-left: 1px solid #fff;
	margin: 0;
}

#footer li.first { border: 0; }

#footer a { 
	color: #fff;
	text-decoration: none; 
}

#footer a:hover { text-decoration: underline; }

/* Clearfix */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.clearfix {
	display: inline-block;
}

/* ohne IE Mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* Ende ohne IE Mac */
/* Ende Clearfix */

.floatbox { overflow:hidden; }
* html .floatbox { width:100%; }

#ie_clearing { display: none; }

#ie_clearing {
    /* (de) Container sichtbar machen im IE */
    display:block;
    /* (de) Kein Fix im IE5.x möglich, daher normales Clearing */
    \clear:both;
    /* (de) IE-Clearing mit 100%-DIV für IE6 bzw. übergroßem Container im IE7 */
    width: 100%;
    font-size:0px;
    margin: -2px 0 -1em 1px;
  }
  * html #ie_clearing { margin: -2px 0 -1em 0; }
  #content_left {margin-bottom:-2px; }

/* Content ***********************************/
a { color: #3366cc; text-decoration:none; }
a:focus,
a:hover,
a:active { text-decoration:underline; }
  
div.csc-header { margin-top: 2em; margin-bottom: 1em; }
div.csc-header-n1 { margin-top: 0; }

h1 {
	border-bottom:1px solid #3366CC;
	color:#3366CC;
	font-size:145.45%;
	font-weight:bold;
	padding-bottom:3px;
}

#content_right h1 {
	border:0;
	background:#3366CC url(../navigation/images/bg_navi.png) repeat-x scroll center center;
	color:#FFFFFF;
	font-size:130%;
	font-weight:bold;
	padding:1px 5px;
}

h2 { font-size: 116.67%; } /* 14px */
h3 { font-size: 100%; }    /* 10px */

p { line-height: 160%; margin: 0 0 1em 0; }
p.csc-header-date { line-height: normal; margin: 0 0 0.5em 0; color: #9E9E9E; }
.csc-caption { font-style: italic; }
.align-left { text-align: left; }
.align-center { text-align: center; }
.align-right { text-align: right; }
.align-justify { text-align: justify; }

ul, ol, dl { line-height: 1.5em; margin: 0 0 1em 1em; }
li { margin-left: 1.5em; line-height: 1.5em; }

  .clearer { clear: both; }
  
  table { width: auto; border-collapse:collapse; margin-bottom: 0.5em; }
  table.full { width: 100%; }
  table.fixed { table-layout:fixed; }

  th,td { padding: 0.5em; }  

  hr {
    color: #fff;
    background:transparent;
    margin: 0 0 0.5em 0;
    padding: 0 0 0.5em 0;
    border:0;
    border-bottom: 1px #3366CC dotted;
  }
  
  fieldset {
  	border: 1px dotted #3366CC;
	margin: 1em 0;
	padding: 1em;
  }  
  
  legend {
  	color: #000;
  	font-weight: bold;
	padding: 0 0.25em;
	font-size: 110%;
  }
  
  label {
  	display: block;
	width: 10em;
	float: left;
  }
  
  input, textarea, select {
	border: 1px solid #BBBBBB; 
	background: #FDFDFD; 	
	color: #000;
	padding: 2px;
	margin: 1px 0;
  }
  
  .tx-newloginbox-pi1 label { width: 8em; }


  /**
   * Extensions
   */

   div.tx-pilmailform-pi1 input#name,
   div.tx-pilmailform-pi1 input#email,
   div.tx-pilmailform-pi1 input#subject,
   div.tx-pilmailform-pi1 textarea#message { width: 60% }
   div.tx-pilmailform-pi1 input#submit { margin-left: 10em; }

   .news-latest-container A P.bodytext, .news-list-container A P.bodytext { font-weight: normal;	color: #000; }
   .news-latest-container A:hover P.bodytext, .news-list-container A:hover P.bodytext { font-weight: normal; color: #3366CC; }   
   .news-latest-item,
   .news-list-item { border-bottom: 1px dotted #3366CC; }
   .news-latest-container img { float: left; margin: 0 10px 5px 0; padding-top: 0.5em; }
   .news-list-container .csc-header { margin-top: 1em; }
   .news-list-container img { float: left; margin: 0 10px 10px 0; padding-top: 0.5em; }
   .news-single-img { float: right; margin: 0 0 10px 10px; padding-top: 0.5em; }
   .news-single-author { font-style: italic; }
   .news-single-item .csc-header { margin-bottom: 0; }
   .news-single-additional-info { clear: right; margin: 1em 0; }
   .news-single-additional-info DL { background: #e9e9e9; padding: 2px 0px; margin: 0 0 2px 0; padding: 0.2em 0.4em; }
   .news-single-additional-info DL DT { font-weight: bold;	margin-bottom: 3px; }
   .news-single-additional-info DL DD { vertical-align: middle; margin: 0; }
   .news-single-additional-info DL DD P.bodytext { margin: 0px; }
   .news-single-additional-info DL DD IMG { margin: 0px 3px 0px 0px; vertical-align: middle; }
   .news-single-additional-info DL DD P.bodytext A { padding-left: 18px; background: url(img/link-icon.gif) no-repeat left; display: block; height: 16px; }
   
	.mailerror {
		color:#DD0000;
		display:block;
		margin:0.2em 0 0.5em 10em;
	} 
	
/* tt_products */
#tx-ttproducts-pi1-listoffers { margin-bottom: 1em; }
.listitem {
	clear: left;
	border-bottom: 1px dotted #3366CC;
	padding: 0.5em 0;
}

.page_prev,
.page_next { display: none; }

.browse_links {	}

.browse_links A { font-weight: bold; }

.category_title { 
	font-size: 116.67%; 
	font-weight: bold; 
	border-bottom: 1px dotted #3366CC; 
	padding: 1em 0 0.5em 0; 
}

.product_image { width: 75px; margin-right: 10px; float: left; }

.listprice { float: right; font-weight: bold; padding-left: 0.75em; }

.product_title { 
	margin-bottom: 0.8em;
}

#col3 .tt_products_searchbox { border: 1px dotted #3366CC; padding: 0.5em; }

.tt_products_item_single_display img { 
	float: left; 
	display: inline; 
	margin-right: 0.8em; 
	margin-bottom: 0.8em; 
	border: 1px solid #000;
}

.listitem p { margin-bottom: 0.25em; }

h1.shopStatus { margin-top: 0; }

table.basket,
table.tracking { width: 100% }

tr.basketHeadRow,
tr.trackingHeadRow,
tr.titleRow { 	
	font-size: 120%;
	font-weight: bold; 
	border-bottom: 1px dotted #3366CC;
	margin-bottom: 0.8em; 
}

.basketHeadRow th,
.trackingHeadRow th,
.titleRow td { padding: 0.9em 0 0 0; }

td.article img { 
	vertical-align: middle;
	margin-right: 0.5em; 
	border: 1px solid #000;
}

tr.basketArticleRow,
tr.trackingRow { border-bottom: 1px dotted #3366CC; }

.basketArticleRow input {
	width: 2.5em;
	text-align: center;
}

tr.basketArticleRow td,
tr.basketShippingRow td,
tr.basketPaymentRow td {
	vertical-align: middle;
	padding: 1em 0;
}

tr.trackingRow td { vertical-align: top; }

.amount,
.price,
.sum,
.statuscode,
.action,
.comment { padding-left: 0.75em; }

.article,
.date,
.action,
.comment {
	text-align: left;
}

.amount,
.statuscode {
	text-align: center;
}

.price,
.sum {
	text-align: right;
}

.buttonSet {
	text-align: center;
	margin-top: 1.5em;
}

.input, .select, .textarea { width: 60% }

.required { color: #DD0000; }

p.message { margin: 1em 0; font-style: italic; }

.shopStatusAct { color: #3366cc; }
.shopStatusCur { color: #3366cc; }
.shopStatusInact { color: #e9e9e9; }