/* 
    Document   : linari_1
    Created on : 06.07.2012, 00:08:13
    Author     : axel
    Description:
        Purpose of the stylesheet follows.
*/

BODY {
	background-color: black;
	/*background-color:#222;*/
	font-family: 'Orienta', sans-serif;
	font-size: 11pt; 
	color: green;
	
}

root { 
    display: block;
}

.select {
	background-color: white;
}

A{
  text-decoration:none;
}

.preisangabe_old {
  color: black;
  font-weight: bolder;
  font-style: italic;
  text-decoration: line-through;
  background-color: #e1e81647;
  border-radius: 5px;
  padding: 5px;
}
.preisangabe_red {
  color: red;
  font-weight: bolder;
  background-color: #0000008f;
  border-radius: 5px;
  padding: 5px;
  line-height: 1.5em;
}

#debugwindow{
 z-index: 2000;
 width: 500px;
 height: 800px;
 display: block;
 overflow: auto;
 position: fixed;
 background-color: yellow;
 bottom: 0px;
 left: 100%;
 margin-left: -500px; 
 text-align: left;	
 opacity:.7;
}

#cookiehintwindow{
 z-index: 2000;
 width: 500px;
 height: 80px;
 display: block;
 overflow: auto;
 position: fixed;
 background-color: black;
 padding:5px;
 color:white;
 bottom: 10px;
 left: 100%;
 margin-left: -520px; 
 text-align: left;
 border-radius:10px;
}
#cookiehintwindow a {
    color: white;
    text-decoration:underline;
}



#index_motd{
 z-index: 2000;
 font-weight:bold;
 font-size: large;
 width: 500px;
 display: block;
 overflow: auto;
 position: fixed;
 background-color: #555;
 padding:5px;
 color:white;
 bottom: 70px;
 left: 10%;
 text-align: left;
 border-radius:10px;
 opacity:.90;
}


#superbgimage {
    display: none;
    z-index: 0;
}
#bg{
  top:0;
  left:0;
  width:100vw;
  height:100vh;
  z-index:-1;
  position:absolute;
  background-repeat:repeat;
}

#base{
    z-index: 10;
    position:absolute;
    top:1%;
    left: 50%;
    width: 806px;
    margin-left:-403px;
}


/*used on index.php*/
#headers{
    /*background-color: grey;*/
    background-image:url('../images/navi/bg_trans_1e_85.png');
    position:relative;
    z-index: 10;
    width:880px; /* ! wegen des LOGOS*/

    left: 50%;

    margin-left:-440px;
    text-align: center;
    padding-top: 1em;
    padding-bottom: 1em;
	border-radius:10px;
  	-webkit-border-radius: 10px;
  	-khtml-border-radius: 10px;
  	-moz-border-radius: 10px;
}
#index_new_prod{
    position:relative;
    z-index: -10;
    /*height:600px;*/
    /* background-image:url('../images/startpage/CapelliDoroFlakon.png');*/
   /* background-repeat:no-repeat;*/
    left: 50%;
    margin-left:-220px;
    margin-top: -270px;
  
}
#index_messen{
	position: relative;
	z-index: 10;
	width: 300px;
	margin-left: -150px;
	/*height: 100px;*/ 
	background-image:url('images/navi/bg_trans_1e_85.png');
	font-family: 'Orienta', sans-serif;
	text-align: left;
	padding-left:10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom:5px;
	font-weight: bold;
	font-size: 11pt; 
	color: white;
	left: 50%;
	margin-top: 5%;


	border-radius:10px;
  	-webkit-border-radius: 10px;
  	-khtml-border-radius: 10px;
  	-moz-border-radius: 10px;
} 

.proddiv{
  width:20vw;
  min-width: 350px;
  display: inline-block;
}

.ausverkauft{
    line-height:8em;
}

.imgstartpage {
  width: 20vw;
  min-width:350px;
}

figure {
  color:white;
  display:table-cell;
  /*border: solid 1px;*/
}
figcaption{
  text-align:center;
  width:20vw;
  min-width:350px;
}

/*Übersichtsseite rf_duftsorten anders*/
IMG.imgduftsortov {
  width: 20vw;
  min-width:350px;
}

figure.imgduftsortov{
  color:white;
  display:table-cell;
  padding-right:10vw;
  padding-top:3vh;
  /*border: solid 1px;*/
}
figcaption.imgduftsortov{
  text-align:center;
  width:20vw;
  min-width:350px;
}

/*detailseite rf_duftsorten kleiner*/
IMG.imgduftsortdetail {
  width: 9vw;
  min-width:290px;
}

figure.imgduftsortdetail{
  color:white;
  display:table-cell;
  /*border: solid 1px;*/
}
figcaption.imgduftsortdetail{
  text-align:center;
  /*width:9vw;*/
  min-width:300px;
}

#base a{
	font-size: 11pt;
	font-weight: bold;
	font-family: 'Orienta', sans-serif;
	color: #d6d6d6;
	}
	#base a:hover{color:white;}

img#intro1{ margin-top: 3em;}
img#intro2{ margin-top: 3em;}

#logo{
	position:fixed;
	top:1vw;
	left:10vw;
	width: 200px;
	z-index:1000;
}

#rf_start{
  color:white;
  position:absolute;
  top:3em;
  text-align:center;
  width: 95vw;
}

#bdp_start{
  color:white;
  position:absolute;
  top:3em;
  left:5%;
  /*margin-left: -600px;*/
  width: 1200px;
}

#rf_product_left{
  top:3em;
  position: absolute;
  background-color:blue;
}
#rf_product_mid{
  top:3em;
  left:5%;
  position: absolute;
  /*background-color:blue;*/
}
#rf_product_right{
  top:3em;
  position: absolute;
  /*background-color:blue;*/
}

.prodpraes{
  width:100vw;
  
  
}


.prod_text{
  top:0px;
  position:absolute;
  width:560px;
  height: 660px;
  left: 540px;
  color:white;
  padding: 10px;
  text-align: justify;
  font-family: 'Orienta', sans-serif;
  background-image:url('../images/backgrounds/bg_trans_80_30.png');
  border-radius:10px;
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
  -moz-border-radius: 10px;
  /*background-color:red;*/
  
}
.deliverytext {
 font-size: small;
}

#rf_vorbestell{
 /* background-color: red;*/
/*  text-indent: -10px;
  padding-left: 10px;*/
}

#form_vorbestell{
  top:80px;
  position:absolute;
  width:560px;
  height: 360px;
  left: 540px;
  color:white;
  padding: 10px;
  text-align: justify;
  font-family: 'Orienta', sans-serif;
  background-image:url('../images/backgrounds/bg_trans_80_30.png');
  border-radius:10px;
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
  -moz-border-radius: 10px;
}

#uniform-preorderbtn{
      float:left;
}

img#rf_start_img {
	border: none;
	width: 1200px;
	/*height: 750px;*/
	float: left;
}

/* Text unter Bild */
.textright{
	/* t r b l */
	padding: 0px 0px 0px 3vw;
	width: 80vw;
	text-align: justify;
}

img#rf_duft_img {
	border: none;
	width: 850px;
	height: 750px;
	float: left;
}

/* Text neben Bild */
.textduft{
	/* t r b l */
	padding: 5px 5px 5px 5px;
	position: relative;
	top: -5px;
	margin: 5px 5px 5px 5px;
	width: 32vw;
	max-width:800px;
	text-align: justify;
	background-image:url('../images/backgrounds/bg_trans_80_30.png');
	border-radius:10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	-moz-border-radius: 10px;
}
.textduft h1{
	font-size: 11pt;
	font-weight: bold;
	font-family: 'Orienta', sans-serif;
}

.textright h1{
	font-size: 11pt;
	font-weight: bold;
	font-family: 'Orienta', sans-serif;
	}
	
.txtleft { 
    text-align:left;
    width:380px;
    padding:10px;
}
	
.NumberOfThumbs{
	padding-top: 100px;
	padding-left: 0%;
}
	
	
.img_carousel{
	/*mittig*/
	padding-left: 50%;
	width: 300px;
	margin: 0 0 0 -60px;
	padding-top: 20px;
	padding-bottom: 20px;
}

.img_carousel img {
	/*border: 1px solid #ccc;*/
	/*background-color: white;*/
	padding: 1px;
	margin: 1px;
	display: block;
	float: left;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	-moz-border-radius: 5px;
	border: 1px solid white;
	box-shadow: 2px 5px 1px #666;
}

.img_carousel a {
	display: block;
	float: left;
}

.clearfix {
	float: none;
	clear: both;
}

#rf_start_sampleset{
  color:white;
  position:absolute;
  top:3em;
  left:5%;
  width: 1200px;
}

#rf_start_sample_img{
	float: left;
}


.textsampleset{
	/* t r b l */
	padding: 200px 0px 0px 100px;
	float: left;
	width: 300px;
	text-align: justify;
}


/*FAQ*/
#IDfaq{
	color:white;
	position:relative;
	top:10vh;
	left:5%;
	width:40vw;
  	background-image:url('../images/backgrounds/bg_trans_80_30.png');
	border-radius:10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	-moz-border-radius: 10px;
}

#IDfaq H1{
	 font-size: 12pt;
	 padding-bottom: 1em;
}
#IDfaq UL{
	list-style: none;
}
.faqtext {
	padding: 2em 2em 2em 2em;
	display: none;
	text-align: justify;
}

/*Philosophie*/
#phil{
	color: white;
	position:absolute;
	top:3em;
	left:5%;
	/*margin-left: -600px;*/
	width: 1200px;
	background-image:url('../images/backgrounds/bg_trans_80_30.png');
	border-radius:10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	-moz-border-radius: 10px;
}
#phil p{
	text-align: justify;
	padding: 10px 10px 10px 10px;
}

/*####################
Messen-Page
*/

#IDmessen{
	color: white;;
	position:absolute;
	width:600px;
	height:600px;
	top:100px;
	left:380px;
	/*z-index:5;*/
	text-align: left;
	background-image:url('../images/backgrounds/bg_trans_80_30.png');
	border-radius:10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	-moz-border-radius: 10px;
}
.txtmessenh1 {
	text-align:center;
}
.txtmessen {
	margin-left:30px;
	text-align:justify;
	line-height:185%;
	height:400px;
	overflow:auto;
}

/*Impressum*/
#impress {
	color: white;
	position:absolute;
	width:800px;
	top:100px;
	left:300px;
	/*z-index:5;*/
	text-align: left;
	background-image:url('../images/backgrounds/bg_trans_80_30.png');
	border-radius:10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	-moz-border-radius: 10px;
}
#IDkontakt {
  	padding: 1em;
}

#impress  a {
	color: white;
	text-decoration: underline;
}

/*AGB*/
#agb_main{
	color: white;
	position:absolute;
	top:3em;
	left:5%;
	/*margin-left: -600px;*/
	width: 1200px;
	background-image:url('../images/backgrounds/bg_trans_80_30.png');
	border-radius:10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	-moz-border-radius: 10px;
}
#agb_main #inhalt{
	padding: 2em 2em 2em 2em;
	text-align: justify;
}


/*downloads Page*/
#IDdownloads{
	background-image:url('../images/backgrounds/bg_trans_80_30.png');
	border-radius:10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	-moz-border-radius: 10px;
	position:absolute;
	width:800px;
	height:450px;
	top:100px;
	left:380px;
	/*z-index:5;*/
	text-align: left;
	background-position:left;
}
#IDdownloads H1 {
	color:white;
	
}
.txtdownloads {
	
	text-align:justify;
	line-height:185%;
	color:white;/*#CDB38B;*/
}
#IDdownloads ul{
	list-style: none;
	color: white;
}
#IDdownloads ul li a{
	color: white;
}

#flagshipstore{
	background-image:url('../images/backgrounds/bg_trans_1e_50.png');
	border-radius:10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	-moz-border-radius: 10px;
	position:absolute;
	width:800px;
	height:calc(600px + 50vh);
	top:100px;
	left:380px;
	/*z-index:5;*/
	text-align: left;
	background-position:left;
	color:white;
}

/*PRESS*/
#IDpresse{
	position:absolute;
	width:90vw;
	top:10vh;
	left:5vw;
}
#IDpresse H1 {
	color:white;
}
#IDpresse .presstext {
	color: white;
}
.presslist {
  width:130px;
  min-width:180px;
  padding-right:2vw;
  padding-bottom:5vh;
}

.presslist IMG{
  width:180px;
}

/*B2B*/
#b2b{
	position:absolute;
	width:1200px;
	top:3em;
	left:5%;
}
#b2b H1{
	color:white;
}
#b2b .text{
	color: white;
	text-align: justify;
}

#b2b_reg {
	z-index: 100;
	width: 100%;
	height: 100%;
	background-image:url('../images/navi/bg_trans_1e_85.png');
	position: absolute;
	display: none;
}
#b2b_reg #inhalt{
	position: relative;
	top: 100px;
	width: 800px;
	height: 700px;
	left: 50%;
	right: 50%;
	margin-left: -400px;
	overflow: auto;	
}
#IFgmaps {
  width: 95%;
  height: 50vh;
  position: relative;
  display: block;
  margin:auto;
  border-radius:10px;
}
/*##########################################################################################################################################################*/
#edp_start{
  color:white;
  position:absolute;
  top:3em;
  text-align:center;
  width: 95vw;
}

.imgstartpage_edp {
  width: 20vw;
  min-width:350px;
  margin-right:15vw;
}

#edp_100ml_start{
  color:white;
  position:absolute;
  top:3em;
  text-align:center;
  width: 95vw;
}

#edp_product_mid{
  top:3em;
  left:5%;
  position: absolute;
  /*background-color:blue;*/
}
#edp_product_IMG{
  width:750px;
  max-width:750px;
}

.edp_prod_text{
  top:0px;
  position:absolute;
  width:560px;
  height: 660px;
  left: 800px;
  color:white;
  padding: 10px;
  text-align: justify;
  font-family: 'Orienta', sans-serif;
  background-image:url('../images/backgrounds/bg_trans_80_30.png');
  border-radius:10px;
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
  -moz-border-radius: 10px;
  /*background-color:red;*/
  
}

figure.imgbarsoap{
  color:white;
  display:table-cell;
  padding-right:10vw;
  padding-top:3vh;
  /*border: solid 1px;*/
}
figure.imgsoapbox{
  color:white;
  display:table-cell;
  padding-right:10vw;
  padding-top:3vh;
  /*border: solid 1px;*/
}

/* Text unter Bild */
.textbottom{
	/* t r b l */
	padding: 100px 0px 100px 3vw;
	width: 80vw;
	text-align: justify;
}

/* Text neben Bild */
.edp_textduft{
	/* t r b l */
	padding: 5px 5px 5px 5px;
	position: relative;
	top: 10em;
	margin: 5px 5px 5px 5px;
	width: 55vw;
	max-width:800px;
	margin-left:50vw;
	left:-25vw;
	text-align: justify;
	background-image:url('../images/backgrounds/bg_trans_80_30.png');
	border-radius:10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	-moz-border-radius: 10px;
}

/*Parfumers*/
#parfumers{
	color: white;
	position:absolute;
	top:3em;
	left:5%;
	/*margin-left: -600px;*/
	width: 400px;
	background-image:url('../images/backgrounds/bg_trans_80_30.png');
	border-radius:10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	-moz-border-radius: 10px;
}
#parfumers p{
	text-align: justify;
	padding: 10px 10px 10px 10px;
}
#parfumers a{
	text-decoration: underline;
	color: white;
}