/******************************************************
 * CSS style.css - Stylesheet Partnerduft.de
 * bytepark GmbH
 ******************************************************/
 
/* ---------- RESET CSS ---------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
        margin : 0;
        padding : 0;
        border : 0;
        font-style : inherit;
        font-size : 100%;
        font-family : inherit;
        vertical-align : baseline;
}

q { quotes : none }

a:active { outline : none; }

a img { border : none; }

/* ---------- Allgemein ---------- */
 
body {
	font-size : 12px;
	font-family : Arial, Helvetica, sans-serif;
	background-image:url(../images/bg_body.gif);
	background-repeat : repeat-x;
	line-height : 150%; 
	background-color : #e1e1e1; 
	color : #000000;
}

/* ---------- Headlines ---------- */
 
h1 {
 	font-size : 13px;
	color : #434343;
	font-weight:bold;
 	line-height: 150%;	
}
 
h2 {
 	font-size : 13px;
	font-weight:bold;
	color : #434343;
	line-height: 150%;
}
 
h3 {
	font-size : 12px;
	font-weight:bold;
	color : #434343; 
	line-height: 150%;
}

h4 {
 	font-size : 14px;
	margin : 5px;
	color : #434343;
	font-weight:bold;
 	line-height: 150%;
	float:left;
}
 
/* ---------- Textelemente ---------- */
  
p {
	font-size : 12px;
	color : #000000;
	padding : 0 0 8px 0;
	line-height: 150%;
}

a { 
	color : #AA223A; 
	text-decoration : underline;
}

a:hover { 
	color : #AA223A; 
	text-decoration : underline;
}

.small {
	font-size : 10px;
	text-decoration:none;
}

/* ---------- Layout-Header ---------- */

.head_bg {
	height : auto;
}

#all {
	width : 970px;
	height : auto;
	margin : auto;
}

#inside {
	width : 800px;
	height : auto;
	float : left;
	overflow-x:hidden;
}

#banner {
	width : 160px;
	height : 600px;
	margin : 192px 0 0 0;
	float : right;
}

.header {
	width : 798px;
	height : 144px;
	background-color : #ffffff;
	border : 1px solid #ffffff;
	border-bottom : none;
	overflow : hidden;
}

.textheader {
	height : 23px;
	width : 850px;
	padding : 10px 0 5px 0;
}

.textheader h1 {
	font-size : 11px;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	color : #AA223A;
	font-weight : normal;
 	line-height : 150%;	
	width:auto;
	display:inline;
}

.header_content {
	height : 79px;
	width : 798px;
}

.header_logo {
	width : 478px;
	height : 58px;
	padding : 20px 0 0 20px;
	float : left;
}

.header_navi {
	width : 798px;
	height : 66px;
	padding : 36px 0 0 0;
	background-image : url(../images/bg_head.jpg);
	background-repeat : no-repeat;
}

.header_navi li {
	list-style-type : none;
	display: inline;
}

.header_navi li a{
	list-style-type : none;
	text-align : center;
	text-decoration : none;
	font-weight : bold;
	font-size : 12px;
	margin : 0 5px 0 5px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.top_home a{
	display : block;
	float : left;
	width : 110px;
	height : 30px;
	color : #ffffff;
	padding : 6px 0 0 0;
	background : url(../images/btn_home.gif);
}

.top_home a:hover,.current a{
	background : url(../images/btn_home.gif) 0 -30px;
	color:#000000;
	text-decoration:none;
}

.top_test a{
	display : block;
	float : left;
	width : 110px;
	height : 30px;
	color : #ffffff;
	padding : 6px 0 0 0;
	background : url(../images/btn_test.gif);
}

.top_test a:hover,.current a{
	background : url(../images/btn_test.gif) 0 -30px;
	color:#000000;
	text-decoration:none;
}

.top_search a{
	display : block;
	float : left;
	width : 110px;
	height : 30px;
	color : #ffffff;
	padding : 6px 0 0 0;
	background : url(../images/btn_suche.gif);
}

.top_search a:hover{
	background : url(../images/btn_suche.gif) 0 -30px;
	color:#000000;
	text-decoration:none;
}

.top_list a{
	display : block;
	float : left;
	width : 110px;
	height : 30px;
	color : #ffffff;
	padding : 6px 0 0 0;
	background : url(../images/nav_bg.gif);
}

.top_list a:hover,.current a{
	background : url(../images/nav_bg.gif) 0 -30px;
	color:#000000;
	text-decoration:none;
}

.top_about a{
	display : block;
	float : left;
	width : 110px;
	height : 30px;
	color : #ffffff;
	padding : 6px 0 0 0;
	background : url(../images/btn_about.gif);
}

.top_about a:hover{
	background : url(../images/btn_about.gif) 0 -30px;
	color:#000000;
	text-decoration:none;
}

/* ---------- Layout-Content ---------- */

.clear {
	clear : both;
}

.contentline {
	background-image : url(../images/contentline.gif);
	background-repeat : repeat-x;
	line-height : 1px;
	float:left;
	height : 1px;
	width : 100%;
	margin : 5px 0 10px 0;
	padding : 0;
	overflow : hidden;
}

.box_33er .contentline {
	background-image : url(../images/contentline.gif);
	background-color:#3366FF;
	background-repeat : repeat-x;
	float:left;
	height : 1px;
	width : 100%;
	margin : 5px 0 5px 0;
	padding : 0;
	overflow : hidden;
}

.content_bg {
	width : 800px;
	height : auto;
	overflow-x:hidden;
	background-color:#ffffff;
	float:left;
}

.content {
	float : left;
	width : 780px;
	height : auto;
	padding : 20px 10px 0px 10px;
}

.content ul {
	list-style-type : none;
	padding : 0;
	margin : 0;
}

.content li {
	background:url(../images/bullet.gif) no-repeat 0 9px;
	line-height:150%;
	padding-left:12px;
	margin-left:2px;
}

.online_test {
	float : left;
	width : 473px;
	height : 227px;
	background-image : url(../images/dummy_dufttest.gif);
	background-repeat : no-repeat;
	margin-bottom : 10px;
}

.flash {
	margin : auto;
	width : 774px;
	padding : 2px;
	height : auto;
	border : 1px solid #b3b3b3;	
	margin-bottom : 10px;
	z-index : 2;
}

#mydiv {
	z-index : 10;
	display : none;
	position : absolute; 
	top: 220px; 
	width : 780px;
	height : auto;
	padding : 0 0 0 15px;
}

#more_div {
	width : 720px;
	display : none;
	height : 0px;
	float : left;
	padding : 0 0 0 15px;
	background-color : #fff;	
	overflow : hidden;
}

.more_head {
	color : #756363;
	font-size : 13px;
	font-weight : bold;	
}

/* ---------- Box-System ---------- */

.box_33er {
	width : 296px;
	height : auto;
	float : right;
	margin-bottom : 10px;
	background-image : url(../images/box_100_top.gif);
	background-repeat : no-repeat;
	border-left: 1px solid #cccccc;
	border-bottom : 3px solid #a82036;
	background-position : right top;
}

.box_66er {
	width : 473px;
	height : auto;
	float : left;
	margin-bottom : 10px;
	background-image : url(../images/box_100_top.gif);
	background-repeat : no-repeat;
	border-left: 1px solid #cccccc;
	border-bottom : 3px solid #a82036;
	background-position : right top;
}

.box_100er {
	width : 780px;
	height : auto;
	float : left;
	margin-bottom : 10px;
	background-image : url(../images/box_100_top.gif);
	background-repeat : no-repeat;
	border-left: 1px solid #cccccc;
	border-bottom : 3px solid #a82036;
	background-position : right top;
}

.box_head {
	width : 100%;
	height : 13px;
}

.box_content {
	width : 100%;
	height : auto;
	float : right;	
	background-image : url(../images/box_100_con.gif);
	background-repeat:repeat-y;
	background-position : right;
	padding-top : 0px;
}

.box_inside {
	padding : 0 5px 5px 5px;	
}

.box_flash {
	width : 748px;
	height : auto;
	float : left;
	border-top : 1px solid #ccc;
	border-right : 1px solid #ccc;
	border-left : 1px solid #ccc;	
	border-bottom : 3px solid #a82036;
	background-color : #fff;
}

.box_flash_head {
	width : 720px;
	height : 45px;
	padding : 0 15px 0 15px;	
}

.box_flash_content {
	width : 100%;
	height : auto;
	float : right;	
}

.box_flash_inside {
	height : auto;
	padding : 18px 15px 15px 10px;
	overflow : hidden;
}

.box_flash_footer {
	float : left;
	width : 720px;
	height : auto;	
	padding : 0px 15px 0px 15px;
}

.box_head_img {
	height : 38px;
	width : 25px;
	padding : 7px 10px 0 15px;	
	float : left;	
}

.box_head_txt {
	height : 25px;
	width : 400px;
	padding : 17px 0 0 0;
	color : #756363;
	font-size : 13px;
	font-weight : bold;
	float : left;	
}

.box_head_close {
	height : 25px;
	width : 71px;	
	padding : 20px 0 0 0;	
	float : right;
	cursor : pointer;		
}

.close_btn {
	width : 71px;
	height : 12px;
	padding : 0px 0 0 0;	
	float : right;
}

#white {
	width : 750px;
	height : auto;
	float : left;
	background-color : #ffff00;
}

/* ---------- Ende Box-System ---------- */

.farbkreis {
	height : 117px;
	background-image : url(../images/duftkreis.gif);
	background-repeat : no-repeat;
	background-position :  right;
}

/* ---------- Layout-Footer ---------- */

.footer {
	width : 780px;
	height : 143px;
	padding : 10px 10px 10px 10px;
	background-color : #ffffff;
}

.footer_content {
	float : left;
	width : 780px;
	height : 118px;
	padding : 15px 0 10px 0;
	border : 1px solid #eeeeee;
	border-bottom : 3px solid #a82036;	
	background-image : url(../images/bg_foot.gif);
	background-repeat : repeat-x;	
	background-position : bottom;
}

.footer_links {
	width : 245px;
	height : 118px;
	float : left;
	padding : 0;
}

.footer_links img {
	padding : 0 0 20px 10px;
}

.footer_newsletter {
	width : 288px;
	height : 118px;
	float : left;
	border-left : 1px solid #cccccc;
	border-right : 1px solid #cccccc;
}

.footer_social {
	width : 245px;
	height : 123px;
	float : left;
}

.footer_linkbox {
	height : auto;
	width : auto;
	float : left;
	padding : 0 25px 0 20px;
}

.footer_linkbox ul {
	list-style : none;
	list-style-image : url();
}

.footer_linkbox a {
	color : #948686;
}

.footer_headline {
	font-weight : bold;
	color : #948686;
	padding : 0 0 0 10px;
	font-size : 14px;
}

.footer_form {
	padding : 40px 0 0 25px;
}

.social {
	padding : 38px 0 0 20px;
}

.social a {
	padding : 10px;
}

.copy {
	width : 550px;
	margin : auto;
	text-align : center;
	font-size : 11px;
	color : #948686;
	padding : 12px 0 10px 0;
}

/*----------- Ajax Boxen ----------*/

.more_frag {
	float : left;
	height : 33px;
	width : 720px;
	padding : 0;
}

.btn_more_frag {
	height : 23px;
	width : 117px;
	border : none;
	padding : 0;
	cursor : pointer;
}

.gen_link {
	color : #aa223a; 
	text-decoration : underline; 
	cursor : pointer;
}

/*----------- Top Three Fragrances ----------*/

.topthree_left {
	float : left;
	width : 220px;
	height : 140px;
	padding : 0 15px 0 0;	
	background-image : url(../images/contentline2.gif);
	background-repeat : repeat-y;
	background-position : right; 
}

.topthree_middle {
	float : left;
	width : 220px;
	height : 140px;
	padding : 0 15px 0 15px;
	background-image : url(../images/contentline2.gif);
	background-repeat : repeat-y;
	background-position : right;
}

.topthree_right {
	float : left;
	width : 220px;
	height : 140px;
	padding : 0 0 0 15px;	
}

.topthree_img {
	float : left;
	height : 100px;
	width : 100px;
}

.topthree_info {
	float : left;
	height : 75px;
	width : 120px;
}

.topthree_info a {
	color : #756363;
	font-size : 13px;
	font-weight : bold;
	text-decoration : none;
}

.topthree_price {
	float : left;
	height : 20px;
	width : 120px;
}

.topthree_more {
	float : right;
	height : 23px;
	width : 170px;
	padding : 17px 0 0 0;
}

.topthree_btn {
	float : left;
	width : 143px;
	height : 23px;
	background-image : url(../images/btn_buy.gif);
	background-repeat : no-repeat;
	display : block;
	cursor : pointer;
}

.top_za {
	color : #756363;
	cursor : pointer;
}

.topthree_za {
	color : #AA223A; 
	text-decoration : underline;
	cursor : pointer;
}

.empty_img {
	height : 60px;
	width : 120px;
	padding : 0 20px 0 40px;
	float : left;
}

.empty_text {
	padding : 15px 0 0 0;
	float : left;
}

.empty_text a{
	font-weight : bold;
}


/*----------- Top Twenty Fragrances ----------*/

#waiting {
	text-align : center;
	padding : 10px 0 10px 0;
}

.box_top20 {
	width : 780px;
	height : auto;
	float : left;
	margin-bottom : 10px;
	background-image : url(../images/box_100_top.gif);
	background-repeat : no-repeat;
	border-left: 1px solid #cccccc;
	border-bottom : 3px solid #a82036;
	background-position : right top;
	background-color : #00ff00;
}

.top20 {
	float : left;
	height : 20px;
}

.top20_info {
	float : left;
	height : 20px;
	width : 245px;
}

.top20_more {
	float : left;
	height : 20px;
}

.top20_link {
	color : #c7435b;
}

.top20_left {
	float : left;
	height : auto;
	width : 360px;
	padding : 0 0px 0 0; 	
	background-image : url(../images/contentline2.gif);
	background-repeat : repeat-y;
	background-position : right; 	
}

.top20_right {
	float : right;
	height : auto;	
	width : 346px;
	padding : 0 0 0 0px;	
}

.top20_head_text {
	float : left;
	padding : 8px 0 0 0;
	font-weight : bold;
	color : #5e484a;	
}

/*----------- Mail Form ----------*/

.mail_btn {
	width : 66px;
	height : 23px;
	background-image : url(../images/btn_send.gif);
	border: 0;
	margin : 0 0 0 10px;
	cursor : pointer;
}

/*------------ suche ---------*/

.suche{
	float : right;
	padding : 30px 20px 0 0px;
}

.in_start {
	float : left;
	height : 24px;
	padding : 0 0 0 10px;	
	background-image : url(../images/eingabefeld.gif);	
}

.in_end {
	height : 24px;
	width : 11px;
	float : left;
	background-image : url(../images/rundung.gif);
}

.in_search {
	float : left;
}

.search_btn {
	width : 66px;
	height : 23px;
	background-image : url(../images/btn_suchen.gif);
	border: 0;
	margin : 0 0 0 10px;
	cursor : pointer;
}

.in_round {
	border: 0;
	padding : 5px 0 0 0;
	background:none;
	font-size:11px;
}

/*----------- Ausrichtung von Inhalten ---------*/

.img_right {
	float : right;
	margin : 0 5px 0 5px;
}

.img_left {
	float : left;
}

/*---------- Formularcheck ----------------------*/

#msg_err {
	float : left;
	width:100%;
	padding:10px 0;
	text-align:center;
	color:#990000;
	background:#f99;
	border:1px solid #900;
	margin-bottom:10px;
}

#msg_ok {
	float : left;
	width:100%;
	padding:10px 0;
	text-align:center;
	color:#004f00;
	background:#9f9;
	border:1px solid #004f00;
	margin-bottom:10px;
}

/*------------ Duftverzeichnis ---------*/

.box_ver_left{
	height : auto;
	width : 335px;
	float : left;
	padding : 0 0 10px 0;
}

.box_ver_right{
	height : auto;
	width : 123px;
	float : right;
	padding : 20px 0 10px 0;
}

.box_ver_big_left{
	height : auto;
	width : 180px;
	float : left;
}

.box_ver_big_left ul{
	font-weight : bold;
}

.box_ver_big_right{
	height : auto;
	width : 218px;
	float : right;
	padding : 0 0 0 0;
}

.box_ver_full{
	padding : 20px 0 0 0;
}

.verz_frag {
	float : left;
	padding : 0 0 0 0;
}

#page {
	float : left;
}

.verz_left{
	width : 360px;
	float : left;
 	line-height: 175%;	
}

.verz_right {
	width : 100px;
	float : left;
	line-height: 175%;
}

.box_short {
	padding : 10px 0 0 0;
}

.verz_paging {
	padding : 10px 0 0 0;
	height : 25px;
	width : 100%;
	float : left;
}

.verz_link {
	float : left;
	height : 17px;
	width : 14px;
	font-size : 10px;
	padding : 0 0 0 1px ;
	border : solid 1px #ccc;
	text-align : center;
	margin-right : 5px;
	cursor : pointer;
	color : #aa223a; 
}

.verz_current, .verz_link:hover {
	float : left;
	height : 17px;
	width : 14px;
	padding : 0 0 0 1px;
	font-size : 10px;	
	border : solid 1px #ccc;	
	text-align : center;
	margin-right : 5px;
	cursor : pointer;			
	color : #fff; 
	background-color :#cc4a60;
}

.verz_prev, .verz_next {
	float : left;
	height : 17px;
	width : 50px;
	font-size : 10px;
	padding : 0 0 0 1px ;
	border : solid 1px #ccc;
	text-align : center;
	margin-right : 5px;
	cursor : pointer;
	color : #aa223a; 
}

.verz_prev_, .verz_next_ {
	float : left;
	height : 17px;
	width : 50px;
	font-size : 10px;
	padding : 0 0 0 1px ;
	border : solid 1px #ccc;
	text-align : center;
	margin-right : 5px;
	color : #ccc; 
}

.verz_next:hover, .verz_prev:hover {
	float : left;
	height : 17px;
	width : 50px;
	padding : 0 0 0 1px;
	font-size : 10px;	
	border : solid 1px #ccc;	
	text-align : center;
	margin-right : 5px;
	cursor : pointer;			
	color : #fff; 
	background-color :#cc4a60;
}

/*----------- Single -------------*/

.single {
	height : auto;
	width : 100%;
	color : #948686;
	float : left;
	padding : 10px 0 10px 0;
}

.single_img {
	float : left;
	height : auto;
	margin-right : 5px;	
}

.single_info {
	float : left;
	width : 200px;
	height : 82px;
}

.single_price {
	float : left;
	width : 200px;
	height : 20px;
	color : #000;
	padding : 3px 0 0 0;	
}

.single_more {
	float : left;
}

.single_long {
	float : left;
	color : #434343;
	padding : 20px 0 0 0;
}

.sidebar {
 	height : auto;
  color : #AA223A; 	
 	padding : 0 0 0 10px;
 	font-weight : bold;	
 	float : left;
}

.sidebar li{
	list-style-image : url();
}

.sidebar ul ul{
	padding : 0 0 5px 3px;
	font-weight : normal;	
}

/*----------- E-Mail -------------*/

#email_this {
	height : auto;
	width : 100%;
	display : none;
	overflow : hidden;	
}

#email_this p {
	color : #434343;
}

.mail_inp{
	height : 15px;
	width : 150px;
	border : 1px solid #434343;
}

.mail_textarea{
	height : 55px;
	width : 300px;
	margin-top : 17px;
	border : 1px solid #434343;
}

.mail_cap{
	height : 15px;
	width : 100px;
	border : 1px solid #434343;
}

.mail_target {
	float : left;
	width : 200px;
	padding : 0 0 0 34px;
}

.mail_self {
	float : left;
	width : 200px;	
}

.mail_text {
	float : left;
	height : 120px;
	width : 300px;	
	padding : 0 0 0 0;
}

.cap {
	float : left;
	width : 200px;	
	padding : 0 0 0 34px;	
}

.code {
	float : left;
	width : 100px;
}

.send_mail {
	float : right;
	padding : 20px 34px 0 0;
}

.input_k{
	width : 200px;
	color : #434343;
	display : block;
	float : left;
}

.input_err {
	width : 200px;
	color : #ff0000;
	display : block;
	float : left;
}

.mail_link {
	cursor : pointer;	
	color : #948686; 
	text-decoration : underline;
}