/* @override 
	http://localhost:3000/stylesheets/default.css?1269424139
	http://localhost:3000/stylesheets/default.css?1269527366
	http://localhost:3000/stylesheets/content.css?1271690580
*/

/* @group Defaults */

* {
	font-family: Helvetica, Arial, sans-serif;
	margin: 0;
	padding: 0;
}

body {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 1.3;
	color: #1b1b1b;
    background-color: #fff7e8; 
}

a {
  color: #1a1a1a;
}

a img {
    border: 0 solid;
    outline: 0
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

table td {
  vertical-align: top;
  text-align: left;	
}

ul, ol { list-style: none; }

hr {
  display: block;
  border: 0 solid;
  background: transparent url(/images/app/hr.png)!important;
  height: 12px ;
}


#mainContent p {
  line-height: 1.54;
}

.shadow {
  -moz-box-shadow: 0 1px 7px #000;
  -webkit-box-shadow: 0 1px 7px #000;
  box-shadow: 0 1px 7px #000;
}

.rounded {
   	-moz-border-radius: 2px;
  	-webkit-border-radius: 2px;
  	border-radius: 2px;	

}

/* @group Form Elements */

input[type=text], input[type=password], textarea, select {
 	color: black;
	font-size: 12px;
	padding: 3px 0 0 5px;	
	border: 1px solid #19569a;
  	-moz-border-radius: 2px;
  	-webkit-border-radius: 2px;
  	border-radius: 2px;		
}
input[type=text], input[type=password] {
	height: 16px;
	margin-top: 3px;
}



* html input {
  _border: expression((this.type=='text' || this.type =='password') ? '1px solid #19569a' : null );
  _height: expression((this.type=='text' || this.type =='password') ? '16px' : null ); 
  _padding: expression((this.type=='text' || this.type =='password') ? '1px 0 0 5px' : null ); 
}

 select#quantity {
  width: 20px
}

label.checkbox input {
	margin-right: 12px;
}

label.radio {
	margin-right: 12px;
}
label.radio input{
	margin-right: 4px;
}


/* @end */




/* @end */

/* @group Helper */
.w30 { width: 30px!important; }
.w40 { width: 40px!important; }
.w50 { width: 50px!important; }
.w80 { width: 80px!important; }
.w90 { width: 90px; }
.w100 { width: 100px; }
.w110 { width: 110px; }
.w120 { width: 120px; }
.w150 { width: 150px; }
.w155 { width: 155px; }
.w160 { width: 160px; }
.w180 { width: 180px; }
.w200 { width: 200px; }
.w220 { width: 220px; }
.w240 { width: 240px; }
.w250 { width: 250px; }
.w280 { width: 280px; }
.w320 { width: 320px; }
.w360 { width: 360px; }

.b { font-weight: bold;}

/* aligns */
.vat { vertical-align: top; }
.vam { vertical-align: middle; }
.tar { text-align: right!important; }
.tal { text-align: left!important; }
.tac { text-align: center!important; }

.floatL{ float: left; }
.floatR{ float: right; }	
.clear { clear: both; }
.clearL { clear: left; }
.clearR { clear: right; }

.hide { display: none; }
.show { display: block; }

.posWrap { position:relative; }

/* @end */

/* @group Preise  */


/* @end */


/* @group Layout */

#pageWrap{
  width: 1000px;
  background: #fff7e8 url(/images/app/page_bg.gif);

}

#head{
  position: relative;
  height: 220px;  
  background: url(/images/app/head_bg_leer.jpg) no-repeat 0 35px;	
}

body.cart #head,
body.checkout #head{
  background: url(/images/app/head_bg_checkout.jpg) left bottom no-repeat;	
}

body.checkout #agb_check {
    float: right;
    text-align: left;
    background-color: white;
    margin-bottom: 5px;
    padding: 5px 0 5px 5px;
    width: 400px;
}

#gps {
  height: 15px;
  margin-top: 0px;
}

#main{
 	min-height: 300px;   
}

#footer {
  font-size: 9px;  
  color: #4191C9;
}

table.colWrap {
  min-height: 100px;
  margin-left: 18px;
}

.colWrap .leftCol{
 width: 218px; 
}

.colWrap .mainCol{
  width: 742px;
}

#content.fullsize {
  width: 958px;
  margin-left: 20px;
  position: relative;
}
#content.fullsize #innerWrap{
  margin: 20px 12px;
}
/* @end */

/* @group Header */

#logoPanel {
  position: absolute;
  left: 13px;
  height: 150px;
  width: 203px;
}

#logoPanel img {
  margin: 50px 0 0 0;
}

#serviceNavigation {
 position: absolute;
 left: 17px;
 top: 10px;
 color: #4191C9;
}

#serviceNavigation a:link,
#serviceNavigation a:visited {
 text-decoration: none;
 color: #4191C9;
}

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

/* @group Searchbox */

#searchBox {
  position: absolute;
  left: 17px;
  top: 160px;
}

#searchBox form input{
	vertical-align: middle;
}
#searchBox #q{
	width: 165px;
	height: 20px;
	position: relative;
	top: -1px;
	font-size: 12px;
	background: #a4cbff;
	border: 1px solid #fff;
	color: black;
	font-family: "comic sans ms";
	text-transform: uppercase;  
	line-height: 22px;
  	-moz-border-radius: 2px;
  	-webkit-border-radius: 2px;
  	border-radius: 2px;	
	margin-right: -4px;
}

#characterSlider {
  position: absolute;
  top:  80px;
  left:  245px;
}
/* @end */


/* @end */

/* @group Mini-Warenkorb */
#miniCart {
  position: absolute;
  right: 15px;
  top: 10px;
  width: 170px;
  height: 160px;
  background: url(/images/app/minicart/bgr_minicart_simple.png) no-repeat;
  padding: 4px 8px;
  color:  #fff;	
}
#miniCart a,
#minCart a:visited {
	color: #fff;
	text-decoration: none;  
}

a.miniCartTab {
  display: block;
  width: 75px; 
  height: 20px;
  text-decoration: none;
}
.miniCartTab span{
  visibility: hidden	
}

#miniCart .inner {
  margin: 10px 7px;
}
#miniCart .buttons {
  margin-top: 10px;
}



/* @group Variante MiniCart ohne Hintergrundgrafik */

#miniCart2 {
  position: absolute;
  right: 15px;
  top: 65px;
  width: 170px;
  min-height: 40px;
  _height: 40px;

  background: #1956b0;
  padding: 4px 8px;
  border: 1px solid #fff;	
}
#miniCart2 a.miniCartTab{
  background: url(/images/app/minicart/bgr_minicart_simple.png) no-repeat;
  display: block;
  height:  25px;
  width: 90px;
  position:absolute;
  top: -25px;
  left: -5px;
}

/* @end */


/* @end */




/* @group GPS */

#breadcrumb {
  margin-left: 20px;
  font-size: 11px;
}

#breadcrumb .pipe{
  font-size: 9px;
  position: relative;
  top: 0px;
}



#countrySelector {
  float: right;  
  list-style: none; 
  margin-top: 19px;
  margin-right: 8px;
}
#countrySelector li{
  float: left;
  color: white;
}
#countrySelector li a:link,
#countrySelector li a:visited {
  color: white;
  /*text-decoration: none;*/
}

#countrySelector li a,
#countrySelector li span{
  display: block;
  padding: 0 8px 0 20px;
  margin-right: 15px;
}
#countrySelector .de a,
#countrySelector .de span{
  background: url(/images/app/flag_de.gif) no-repeat  0 1px;
}

#countrySelector .at a,
#countrySelector .at span{
  background: url(/images/app/flag_at.gif) no-repeat  0 1px;
  
}
#countrySelector .ch a,
#countrySelector .ch span{
  background: url(/images/app/flag_ch.gif) no-repeat  0 1px;
  
}



/* @end */

/* @group Navigation */

/* @group Brand Navigation */

/* @group Brand Navigation */

#brandNavigation {
  width: 197px;
}

#brandNavigation h2,
#brandNavigation li a {
  margin-bottom: 1px; ;
  height: 41px;
}

#brandNavigation h2 span {
  visibility: hidden;
}

#brandNavigation ul {
  list-style: none;
}

#brandNavigation li span {
  visibility: hidden;
}

#brandNavigation li a {
  display: block;
}

#brandNavigation li a:link,
#brandNavigation li a:visited {
  text-decoration: none;
}
#brandNavigation li a:hover,
#brandNavigation li a.active {
  background-position: 0 -41px;
}


#brandNavigation h2 {
  background: url(/images/app/navigation/welten.png) no-repeat 0 25px;
}

#brandNavigation #markenwelt-entenhausen a {
  background-image: url(/images/app/navigation/entenhausen.jpg);
}

#brandNavigation #markenwelt-spongebob a {
  background-image: url(/images/app/navigation/spongebob-welt.jpg);
}

#brandNavigation #markenwelt-wendy a {
  background-image: url(/images/app/navigation/wendy-welt.jpg);
}

#brandNavigation #markenwelt-jungenwelt a {
  background-image: url(/images/app/navigation/jungenwelt.jpg);
}

#brandNavigation #markenwelt-madchenwelt a {
  background-image: url(/images/app/navigation/madchenwelt.jpg);
}

#brandNavigation #markenwelt-winnie-puuh a {
  background-image: url(/images/app/navigation/winnie_puuh-welt.jpg);
}

#brandNavigation #markenwelt-lucky-luke a {
  background-image: url(/images/app/navigation/lucky_luke-welt.jpg);
}

#brandNavigation #markenwelt-hannah-montana a {
  background-image: url(/images/app/navigation/hannah_montana-welt.jpg);
}

#brandNavigation #markenwelt-asterix a {
  background-image: url(/images/app/navigation/asterix-welt.jpg);
}

#brandNavigation #markenwelt-cars a {
  background-image: url(/images/app/navigation/cars-welt.jpg);
}

#brandNavigation #markenwelt-cars a {
  background-image: url(/images/app/navigation/cars-welt.jpg);
}

/* @end */

#brandNavigation {
  width: 197px;
}

#brandNavigation h2,
#brandNavigation li a {
  margin-bottom: 1px; ;
  height: 41px;
}

#brandNavigation h2 span {
  visibility: hidden;
}

#brandNavigation ul {
  list-style: none;
}

#brandNavigation li span {
  visibility: hidden;
}

#brandNavigation li a {
  display: block;
}

#brandNavigation li a:link,
#brandNavigation li a:visited {
  text-decoration: none;
}
#brandNavigation li a:hover,
#brandNavigation li a.active {
  background-position: 0 -41px;
}


#brandNavigation h2 {
  background: url(/images/app/navigation/welten.png) no-repeat 0 25px;
}

#brandNavigation #markenwelt-entenhausen a {
  background-image: url(/images/app/navigation/entenhausen.jpg);
}

#brandNavigation #markenwelt-spongebob a {
  background-image: url(/images/app/navigation/spongebob-welt.jpg);
}

#brandNavigation #markenwelt-wendy a {
  background-image: url(/images/app/navigation/wendy-welt.jpg);
}

#brandNavigation #markenwelt-jungenwelt a {
  background-image: url(/images/app/navigation/jungenwelt.jpg);
}

#brandNavigation #markenwelt-madchenwelt a {
  background-image: url(/images/app/navigation/madchenwelt.jpg);
}

#brandNavigation #markenwelt-winnie-puuh a {
  background-image: url(/images/app/navigation/winnie_puuh-welt.jpg);
}

#brandNavigation #markenwelt-lucky-luke a {
  background-image: url(/images/app/navigation/lucky_luke-welt.jpg);
}

#brandNavigation #markenwelt-hannah-montana a {
  background-image: url(/images/app/navigation/hannah_montana-welt.jpg);
}

#brandNavigation #markenwelt-asterix a {
  background-image: url(/images/app/navigation/asterix-welt.jpg);
}

#brandNavigation #markenwelt-cars a {
  background-image: url(/images/app/navigation/cars-welt.jpg);
}

#brandNavigation #markenwelt-hello-kitty a {
  background-image: url(/images/app/navigation/hello_kitty-welt.jpg);
}

#brandNavigation #markenwelt-witch a {
  background-image: url(/images/app/navigation/witch-welt.jpg);
}

/* @end */

/* @group Category Navigation */

#categoryNavigation {
  width: 197px;
}

#categoryNavigation h2,
#categoryNavigation li a {
  margin-bottom: 1px;
  height: 41px;

}

#categoryNavigation h2 span {
  visibility: hidden;
}

#categoryNavigation ul {
  list-style: none;
}

#categoryNavigation li li {

}

#categoryNavigation li {
  background: #0548A5 url(/images/app/navigation/kategorien_bg.jpg);
}

#categoryNavigation li span {
  visibility: hidden;
}

#categoryNavigation li a {
  display: block;
}

#categoryNavigation li a:link,
#categoryNavigation li a:visited {
  text-decoration: none;
  color: #fff;
}

/* Hovereffekt f. Navigation: ggf. animiert mit JS umsetzen (funktioniert dann auch im IE) */
#categoryNavigation li a:hover {
	background-position: 0 -41px !important;
}

#categoryNavigation li a.active:hover {
	background-position: 0 0 !important;
}



#categoryNavigation h2 {
  background: url(/images/app/navigation/kategorien.png) no-repeat 0 15px;
  height:31px;  
}

/* IE6.css beachten! */


#categoryNavigation #zeitschriften-bucher > a {
  background: url(/images/app/navigation/zeitschriften_buecher.jpg);
}

#categoryNavigation #abonnement > a {
  background: url(/images/app/navigation/abonnement.jpg);
}

#categoryNavigation #einzelhefte > a {
  background: url(/images/app/navigation/buecher_alben.jpg);
}

#categoryNavigation #produkte > a {
  background: url(/images/app/navigation/produkte.jpg);
}

#categoryNavigation li li a{
  visibility: visible; 	
  padding-left: 20px;
  height: auto;  
  line-height: 2;  
  text-shadow: 2px 1px 1px #001e47;	
}

#categoryNavigation li li span{
  visibility: visible; 	
}

#categoryNavigation li li li a{
  padding-left: 32px;
}
#categoryNavigation li li li li a{
  padding-left: 42px;
}

#categoryNavigation li li a.active{
	text-decoration: underline;
	font-weight: bold;
}

/* @end */

/* @end */

/* @group Cart Preview */

#cartPreview table {
  margin-left: 15px;
  width: 180px;
}

#cartPreview .count {
  font-size: 1.6em;
}

#cartPreview tr.total td {
  border-top: 1px solid black;
}

#cartPreview td {
  padding: 6px 3px 0px 6px;
}

/* @end */

/* @group MainContent */
#subCategories {
    margin-left: 1px;
}
#subCategories li {
  float: left;
  /*margin-right: 5px;*/
}

/* @end */

/* @group Footer */

#addressFooter {
	margin-bottom: 10px;
}

#bottomLine {
  background: #006DBA;
  height: 20px;
  color: white;
  padding-top: 3px;
  margin-top: 60px;
}

#bottomLine a:link, 
#bottomLine a:visited {
  color: white;
}

#linkFooter {
  float: left;
  margin-left: 237px;
  margin-top: 2px;
}

#linkFooter a,
#linkFooter span{
	margin-right: 12px;
}

#socialBookmarks {
  text-align: right;
  margin-right: 20px;
}

/* @end */

/* @group Error Messages */

.error {
  color: #e00;
}

.fieldWithErrors input[type=text],
.fieldWithErrors input[type=password],
.fieldWithErrors textarea,
.fieldWithErrors select,
.validation-failed {
	background: #fed1d5;
	border: 1px solid #c00;
}

* html .fieldWithErrors input,
* html .fieldWithErrors textarea,
* html .fieldWithErrors select {
  _border: expression((this.type=='text' || this.type =='password') ? '1px solid #cc000000' : null );
  _background: expression((this.type=='text' || this.type =='password') ? '#fed1d5' : null ); 
}
* html .fieldWithErrors textarea,
* html .fieldWithErrors select {
  border: 1px solid #cc0000;
  background: #fed1d5; 
}
/* @end */

/* @group Flash Messages */
#flashWrap {
	padding: 8px 4px;
	width: 956px;
	margin-left: 22px;
}
.mainCol #flashWrap {
	width: auto;
	margin-left: 0;
}


#flash {
	color:  #fff;
	font-weight: bold;
	padding: 10px;
	border:  1px solid #fff;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	margin-top: 23px;
}
#flash.error {
	background:  #A21018;
}
#flash.message,
#flash.notice {
	background: #006DBA;
}


/* @end */