/* CSS Document */
*{margin: 0; padding: 0;}

body{font:normal normal normal 11px/18px Verdana, Arial, Helvetica, sans-serif; color:#803125; background:#FCF2CA; height: 100%;	margin: auto; padding: 0; width: 100%;}
a {	color:#803125; text-decoration:none; border:0;}
a:hover{color:#803125; text-decoration:none;}
h1, h2, h3, h4, h5, h6 {margin: 0; padding: 0; font-size: 100%; font-weight: normal;}

ul {list-style:none;}
img {display: block; border: none;}
input{font:normal normal normal 11px Verdana, Arial, Helvetica, sans-serif;}

.clear {clear:right; padding-bottom:20px;}

.mTop {
	margin-top:25px;
}

/*p{
	margin-bottom:11px;
}*/

h1{
	font:normal normal normal 11px Verdana, Arial, Helvetica, sans-serif;
	margin-bottom:15px;
}
h1.big{
	font:normal normal bold 16px/15px "Courier New", Courier, monospace;
	margin-bottom:15px;
}
h2{
	font:normal normal bold 13px/15px "Courier New", Courier, monospace;
	margin-bottom:2px;
}

html, table {
	height: 100%;
	margin: auto;
	padding: 0;
	width: 100%;
}


div#content {
	position:relative;
	width:950px;
	height:560px;
	border:1px solid #803125;
	margin: auto;
}

div#nav {
	width:260px;
	height:560px;
	position:absolute;
	top:0;
	left:0;
	z-index:50;
	background: url(../img/bg_nav.gif) top left repeat-y;
	font:normal normal bold 12px/22px "Courier New", Courier, monospace;
}

div#navHeader {
	width:262px;
	height:74px;
	background: url(../img/bg_navHeader.gif) top left no-repeat;
}
div#navHeader h1{
	text-indent:-9999px;
}
div#navHeader p{
	float:right;
	width:122px;
	margin-top:4px;
	/*letter-spacing:1px;*/
}
div#nav ul{
	padding:18px 0px 0px 0;
	font:normal normal bold 16px/23px "Courier New", Courier, monospace;
	height:345px;
	overflow:auto;
}

div#nav ul li {
	margin:0 4px;
}
div#nav ul li.sep {
	padding-bottom:8px;
	border-bottom:1px solid #D2AD8A;
	margin-bottom:8px;
}
div#nav ul li a{
	padding-left:25px;
}
div#nav ul li a:hover{
	padding-left:25px;
	background:url(../img/pfeil_1.gif) 5px center  no-repeat;
}
div#nav ul li a.active{
	padding-left:25px;
	background:url(../img/pfeil_2.gif) 5px center  no-repeat;
}
div#navFooter {
	width:262px;
	height:124px;
	background: url(../img/bg_navFooter.gif) top left no-repeat;
}
div#navFooter p.tipp{
	padding:20px 0 5px 64px;
	font: normal 11px/14px Arial, Verdana, Helvetica, sans-serif;
	letter-spacing:0;
	margin-bottom:12px;
}
div#navFooter p.tipp strong{
	font: bold 16px/14px "Courier New", Courier, monospace;
	text-transform:uppercase;
	
}
div#navFooter p{
	padding-left:60px;
	letter-spacing:1px;
}
div#navFooter p span{
	letter-spacing:0;
}
div#navFooter h1{
	float:right;
	margin:1px 6px 0 0;
}
* html div#navFooter h1{
	margin:1px 3px 0 0;
}
.foto {
	position:absolute;
	top:1px;
	right:1px;
	z-index:1;
}
.cover {
	position:absolute;
	top:1px;
	right:1px;
	z-index:2;
}
div#card{
	width:390px;
	height:560px;
	position:absolute;
	top:0;
	left:260px;
	z-index:10;
}
div#cardLarge{
	width:695px;
	height:560px;
	position:absolute;
	top:0;
	left:260px;
	z-index:10;
	background:#F7E0EA url(../img/bg_rand.gif) top right repeat-y;
}
.leftCol{
	width:342px;
	float:left;
	height:554px;
	border-bottom:3px solid #AD755E;
	border-top:3px solid #AD755E;
}
.rightCol{
	width:342px;
	float:left;
	height:554px;
	overflow:auto;
	border-bottom:3px solid #AD755E;
	border-top:3px solid #AD755E;
}
.rightCol p{
	margin-left:20px;
	padding-right:15px;
	margin-bottom:11px;
}
.rightCol h1{
	padding-top:20px;
	margin-left:20px;
}
.rightCol strong{
	font:normal normal bold 13px/15px "Courier New", Courier, monospace;
}
.largeCol{
	width:684px;
	float:right;
	height:554px;
	overflow:auto;
	margin-right:11px;
	border-bottom:3px solid #AD755E;
	border-top:3px solid #AD755E;
}
* html .largeCol{
	width:685px;
	margin-right:5px;
}
.largeCol table{
	width:480px;
	margin-right:50px;
}

div#links {
	padding:50px 12px 0 20px;
}


div#links img{
	margin-right: 5px;
}

div#cardLarge .largeCol p.mTop {
	margin-top:15px;
}
div#cardLarge .largeCol div.agb {
	margin: 20px 70px 15px 125px;
}

.rosa{
	background:url(../img/bg_rosa.png) right 3px repeat-y;
}
* html .rosa{
	background:url(../img/bg_rosa.gif) right 3px repeat-y;
}
.kiwi{
	background:url(../img/bg_kiwi.png) right 3px repeat-y;
}
* html .kiwi{
	background:url(../img/bg_kiwi.gif) right 3px repeat-y;
}
.pfirsich{
	background:url(../img/bg_pfirsich.png) right 3px repeat-y;
}
* html .pfirsich{
	background:url(../img/bg_pfirsich.gif) right 3px repeat-y;
}
p.garantie {
	/*background:url(../img/bg_gara_rosa.png) top left no-repeat;*/
	background:url(../img/bg_border.gif) top left no-repeat;
	font:normal normal bold 12px/12px "Courier New", Courier, monospace;
	padding:6px 80px 0 20px;
	height:65px;
	border-bottom:3px solid #AD755E;
	margin-right:11px;
}
* html p.garantie {
	margin-right:8px;
}
p.icon {
	padding-right:10px;
}
p.icon img {
	padding-left:10px;
}

p.close{
	text-align:right;
	margin:4px 0 15px 0;
}
p.close a, .Link{
	background:url(../img/pfeil_1.gif) left center  no-repeat;
	font:normal normal bold 13px/15px "Courier New", Courier, monospace;
	padding:0 26px 0 18px;
}
div.cardContent {
	clear:right;
	margin:0 11px 0 0;
	border-bottom:3px solid #9D5C44;
	height:450px;
	overflow:auto;
	padding:0 15px 0 15px;
}
* html div.cardContent {
	margin:0 8px 0 0;
}
div.cardContent p{
	padding-right:10px;
	margin-bottom:11px;
}
div.cardContent p.note{
	font-size:10px;
	line-height:11px;
	padding-bottom:5px;
}
div.cardContent p.note strong{
	font:normal normal bold 12px/15px "Courier New", Courier, monospace;
}
div.cardContent div.produkt{
	float:right;
	width:210px;
	line-height:15px;
}

div.cardContent img{
	padding-top:3px;
}

div.cardContent .kk{
	display: block;
	width:120px;
	background:url(../img/kk.png) left 13px no-repeat;
	padding-top:55px;
	float:left;
	font-size:10px;
}
div.cardContent .ab{
	display: block;
	width:100px;
	background:url(../img/ab.png) left 0 no-repeat;
	padding-top:55px;
	float:left;
	font-size:10px;
}