@charset "utf-8";

/* Layout Main */

html {
	height:100%;
	width:100%;
}

body {
	background-color:#FFFFFE;
	background-repeat:no-repeat;
	color:#1A171B;
	font-family:Arial,Verdana,Helvetica,sans-serif;
	height:100%;
	overflow-x:hidden;
	width:100%;
}

* html {
	overflow-x: hidden;
}
#page-background {
	width:auto;
	height:900px;
}

#background {
        position: fixed;
    width: 110%;
    height: 100%;
    top: 0;
    left: 0;
        margin: -10px 0 0 -10px;
        position: static;
}
* html #background {
        position: absolute;
}
*+ html #background {
        position: fixed;
    width: 110%;
    height: 100%;
    top: 0;
    left: 0;
}
@media all and (min-width: 0px) {
body:not(:root:root) #background{
position: fixed;
    width: 110%;
    height: 100%;
    top: 0;
    left: 0;
}
}

img {
	border:0 none;
}


#page-margins {
	left:50%;
	margin-left:-480px;
	margin-top:-35px;
	padding-bottom:160px;
	position:absolute;
	top:50px;
}

#logo {
	margin-left:20px;
	margin-bottom:-35px;
}

#logo-img {
	position:relative;
	top:-1px;
}

#breadcrumb a {
	text-decoration: underline;
	color:#777777;
	font-size:100%;
}

#login {
	height: 24px; 
	padding-top: 8px; 
	padding-right: 16px; 
	color:#777777;
	font-size:90%;
	float:right;
}

#login  a {
	color:#777777;
	text-decoration: underline;
	cursor:pointer;
}


#main {
	background-image:url("http://www.myparfuem.com/public/images/main/border-middle.jpg");
	background-repeat:repeat-y;
	left:11px;
	margin-right:20px;
	min-height:300px;
	padding:10px 15px 8px;
	position:relative;
	top:-3px;
	z-index:0;
	overflow:hidden;
}

h1 {
	color:#D311CA;
	font-size:120%;
	font-weight:bold;
	text-transform:uppercase;
	margin-top:0px;
}

#main-bottom-main {
	 width:948px;
	 margin-top:-6px;
	 height:16px;
}

#pages-box {
	width: 700px;
	padding-right:12px;
	float:right;
}

#pages-box-top {
	background:url("http://www.myparfuem.com/public/images/screen/gutschein-rahmen-gross-top.jpg") no-repeat scroll 0 0 transparent;
	height:7px;
	width:706px;
}

#pages-box-middle {
	background:url("http://www.myparfuem.com/public/images/screen/reiter-select-middle.jpg") repeat-y scroll 0 0 transparent;
	overflow:hidden;
	width:686px;
	padding-left:10px;
	padding-right:10px;
	color:#000000;
	
}

#pages-box-bottom {
	background:url("http://www.myparfuem.com/public/images/screen/reiter-select-bottom.jpg") no-repeat scroll 0 0 transparent;
	height:7px;
	padding-bottom:10px;
	width:706px;
}

#footer-top {
	margin-top:0px;
	position:relative;
	z-index:10;
}

#footer-main {
	background-image:url(http://www.myparfuem.com/public/images/main/footer-box-middle.jpg);
	background-repeat:repeat-y;
	height:107px;
	padding:20px;
	margin-top:-3px;
	padding-top:5px;
	padding-bottom:0px;
	padding-left:10px;
	position:relative;
	left:11px;
	z-index:0;
}

#footer-bottom {
	margin-top:-1px;

}


#footer-main .small {
	float:left;
	padding-left:10px;
	width:174px;
}

#footer-main ul, #footer-main li {
	list-style:none outside none;
	margin-top:-5px;
	margin: 0;
	padding:0;
}

#footer-main ul li {
	list-style-image:url("http://www.myparfuem.com/public/images/main/arrow.gif");
	list-style-position:inside;
}

.small a {
	color:#EFA8EC;
	font-size:110%;
	text-decoration:none;
}

.small h2 {
	margin-top: 3px;
	margin-bottom: 3px;
}

#footer-top-img {
	position:relative;
	left:11px;
}

#footer-bottom-img {
	position:relative;
	left:11px;
	top:0px;
	z-index:10;
}


#imprint {
	float:right;
	padding-right: 12px;
	font-size:90%;
	font-weight:bold;
	width:947px;
}

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

#copy {
	float:left;
}

#footer-nav {
	float: right;
}

h2 {
	font-weight:bold;
	text-transform:uppercase;
	color:#d311ca;
	font-size:100%;
}

h3 {
	font-weight:bold;
	color:#000000;
	font-size:90%;
	text-transform:uppercase;
}


#hotline {
	font-size: 100%;
	color: #000000;
    font-weight: bold;
}



#main-bottom {
	margin-top: 0px;
}


#main-content .row1 {
	width:158px;
	margin-right:0px;
	text-align:right; 
	float:left;
	padding-right:13px;
}

#main-content .row2 {
	width:158px;
	margin-left:0px;
	text-align:right; 
	float:left;
	padding-right:14px;
}

#main-content .row3{
	width:158px;
	margin-left:0px;
	text-align:right; 
	float:left;
	padding-right:0px;
}

#teaser-row {
	height:200px;
	width:501px;
}

#gutschein-teaser-klein-top {
	height:8px;
	background:url("http://www.myparfuem.com/public/images/screen/gutschein-teaser-klein-top.jpg") repeat-y scroll 0 0 transparent;
	width:158px;
}

#gutschein-teaser-klein-middle {
	background:url("http://www.myparfuem.com/public/images/screen/gutschein-teaser-klein-middle.jpg") repeat-y scroll 0 0 transparent;
	width:158px;	
}

#gutschein-teaser-klein-bottom {
	background:url("http://www.myparfuem.com/public/images/screen/gutschein-teaser-klein-bottom.jpg") no-repeat scroll 0 0 transparent;
	height:8px;
	width:158px;
}

#gutschein-teaser-klein-middle h2 {
	margin-top:0px;
	margin-bottom:0px;
	margin-right:12px;
}
#gutschein-teaser-klein-middle  img{

}

#gutschein-teaser-klein-middle span{
	color:#777777;
	font-size:80%;
	text-align: right;
	padding-right:12px;
}

.form-top {
	height:8px;
	background:url("http://www.myparfuem.com/public/images/screen/einloesen-box-top.jpg") repeat-y scroll 0 0 transparent;
	width:501px;
}

.form-middle {
	background:url("http://www.myparfuem.com/public/images/screen/einloesen-box-middle.jpg") repeat-y scroll 0 0 transparent;
	width:501px;	
}

.form-bottom {
	background:url("http://www.myparfuem.com/public/images/screen/einloesen-box-bottom.jpg") no-repeat scroll 0 0 transparent;
	height:8px;
	width:501px;
}

#register {
	float: left;
	margin-left: 12px;
	font-size:100%;
}

.selectbox {
	width: 208px;
	height: 20px; 
	font-size:100%;
}

.textinput {
	width: 204px;
	height: 15px; 
	font-size:100%;
}

.highlight-red {
	color:#d311ca;
	font-size:100%;
}	

.highlight-green {
	color:#348017;
	font-size:100%;
}	

.info-message {
	color: #d311ca; 
	font-size:100%;
}

.orders-header {
	width:250px;
}

.grey {
	color:#777777;
}

#loginright {
	float: right; 
	margin-right: 12px;
	font-size:100%;
}

#newsletterright {
	float: right;
	margin-right: 12px;
	width:337px;
	font-size:100%;
}

#last-orders {
	width: 700px; 
	float: left;
	font-size:100%;
}

.w30 {
	width:30px;
}

.button120 {
	background:url("../images/screen/form_submit_btn_120.png") no-repeat scroll 0 0 transparent;
	border:medium none;
	color:#FFFFFF;
	cursor:pointer;
	font-size:90%;
	height:25px;
	margin-left:0;
	padding-bottom:4px;
	padding-top:0;
	text-transform:uppercase;
	width:120px;
}

.button200 {
	background:url("../images/screen/form_submit_btn_200.png") no-repeat scroll 0 0 transparent;
	border:medium none;
	color:#FFFFFF;
	cursor:pointer;
	font-size:90%;
	height:22px;
	margin-left:0;
	padding-bottom:4px;
	padding-top:0;
	text-transform:uppercase;
	width:200px;
}

.basket-text {
	background:url("../images/screen/form_input_16.gif") no-repeat scroll 0 0 transparent;
	border:medium none;
	font-size:90%;
	padding-top:2px;
	text-align:center;
	width:16px;
}

.bordertd {
	border-width: 1px;
	padding: 0px;
	border-style: solid;
	border-color: #E988E4;
}

.char-header-active {
	font-size:90%;
	color:#d311ca;
	font-weight:bold;
}

.char-header-unset {
	font-size:90%;
	color:#777777;
}

#voucher-text {
    margin-top: 10px;
    margin-left: 50px;
    margin-bottom: 20px;
    padding-left: 10px;
    border: none;
    background: url(../images/screen/create_voucher_input_background.gif) no-repeat;
    width: 440px;
    height: 17px;
    font-size: 90%;
}

#create-voucher-code {
    position: absolute;
    top: 277px;
    left: 525px;
    font-size: 90%;
    font-weight: bold;
}

.white {
        color: #fff;
		margin-left:50px;
}


/* Layout Main Ende */



#crystal-img {
	float:right;
	padding-left:20px;
	padding-bottom:20px; 
}

#rose-img {
	padding-right:20px;
	padding-top:20px;
	padding-bottom:20px;
}

#mehrere-flakons {
	padding-right:20px;
	padding-bottom:20px;
}


/* Ajax Reiter*/


#ndd-med-reiterajax {
	position:relative;
	left:0px;
	z-index:12;
	float:left;
}

#ndd-med-reiterajax-content {
	float:left;
}


#ndd-big-reiter {
	background:transparent;
	position:relative;
	top:1px;
	width:600px;	
	position:relative;
	left:58px;
}

#ndd-med-content-box-top {
	position:relative;
	left:0px;
	top:-2px;
	z-index:0;
	float:none;
	background:url("http://www.myparfuem.com/public/images/screen/ndd-content-box-med-top.jpg") no-repeat scroll 0 0 transparent;
	height:8px;
	width:501px;
}

#ndd-med-content-box-middle {
	height:160px;
	position:relative;
	left:0px;
	top:-2px;
	float:none;
	background:url("http://www.myparfuem.com/public/images/screen/ndd-content-box-med-middle.jpg") repeat-y scroll 0 0 transparent;
	padding-left:10px;
	padding-right:10px;
	width:481px;
}

#ndd-med-content-box-middle-perfume {
	height:170px;
	position:relative;
	left:0px;
	top:-2px;
	float:none;
	background:url("http://www.myparfuem.com/public/images/screen/ndd-content-box-med-middle.jpg") repeat-y scroll 0 0 transparent;
	padding-left:10px;
	padding-right:10px;
	width:481px;
}

#ndd-med-content-box-bottom {
	position:relative;
	left:0px;
	top:-2px;
	background:url("http://www.myparfuem.com/public/images/screen/ndd-content-box-med-bottom.jpg") no-repeat scroll 0 0 transparent;
	height:9px;
	padding-bottom:10px;
	width:501px;
}

.ndd-big-reiter a{

	background:transparent url(http://www.myparfuem.com/public/images/screen/ndd-content-box-med-reiter-voll.jpg) no-repeat scroll 0 0;
	width:99px;
	float:left;
	text-align:center;
	font-family:Arial,sans-serif;
	color:#fff;
	font-weight:bold;
	font-size:80%;
	text-decoration:none;
	height:16px;
	line-height:15px;
}

.ndd-big-reiter a:hover{

	background:transparent url(http://www.myparfuem.com/public/images/screen/ndd-content-box-med-reiter-leer.jpg) no-repeat scroll 0 0;
	width:99px;
	float:left;
	text-align:center;
	font-family:Arial,sans-serif;
	color:#000;
	font-weight:bold;
	font-size:80%;
	text-decoration:none;
	height:16px;

}

.ndd-big-reiter a.selected{

	background:transparent url(http://www.myparfuem.com/public/images/screen/ndd-content-box-med-reiter-leer.jpg) no-repeat scroll 0 0;
	width:99px;
	float:left;
	text-align:center;
	font-family:Arial,sans-serif;
	color:#000;
	font-weight:bold;
	font-size:80%;
	text-decoration:none;
	height:16px;

}

#ndd-med-reiter {
	background:transparent;
	position:relative;top:2px;
	width:600px;	
	position:relative;left:24px;
	font-size:80%;
	line-height:15px;
}

.ndd-med-reiter a {
	background:transparent url(http://www.myparfuem.com/public/images/screen/ndd-content-box-med-reiter-voll.jpg) no-repeat scroll 0 0;
	width:99px;
	float:left;
	text-align:center;
	font-family:Arial,sans-serif;
	color:#fff;
	font-weight:bold;
	font-size:80%;
	text-decoration:none;
	height:16px;
}

.ndd-med-reiter a:hover {
	background:transparent url(http://www.myparfuem.com/public/images/screen/ndd-content-box-med-reiter-leer.jpg) no-repeat scroll 0 0;
	width:99px;
	float:left;
	text-align:center;
	font-family:Arial,sans-serif;
	color:#000;
	font-weight:bold;
	font-size:80%;
	text-decoration:none;
	height:16px;
}

.ndd-med-reiter a.selected {
	background:transparent url(http://www.myparfuem.com/public/images/screen/ndd-content-box-med-reiter-leer.jpg) no-repeat scroll 0 0;
	width:99px;
	float:left;
	text-align:center;
	font-family:Arial,sans-serif;
	color:#000;
	font-weight:bold;
	font-size:80%;
	text-decoration:none;
	height:16px;
}

#redeem-voucher #code{
	width: 165px;
	border:medium none;
	margin-bottom:1px;
	margin-top:5px;
	padding-left:2px;
	background: url(../images/screen/form_input_170.gif) no-repeat;
}

#redeem-voucher {
	padding-left:15px;
}

#redeem-voucher span {
	font-size:100%;
	font-weight:bold;
}


#enter-perfume-form {
	padding-left:15px;
}

#enter-perfume-form span {
	font-size:100%;
	font-weight:bold;
}

#enter-perfume-form .text {
	background:url("../images/screen/form_input.gif") no-repeat scroll 0 0 transparent;
	border:medium none;
	margin-bottom:1px;
	margin-top:5px;
	padding-left:2px;
	width:228px;
}

#preview {
    width: 428px;
    height: 20px;
    position: absolute;
    top: 160px;
    left: 400px;
    font-size: 120%;
    font-weight: bold;
    color: #D311CA;
}