* {
	margin: 0;
	padding: 0;
	}

html,
body {
	height: 100%;
	width: 100%;
	}
        
body {
	font-family: 'Open Sans', sans-serif;
	font-size: small;
	background: #fff;
	}

* body {
	font-size: x-small; /* für IE5/Win */
	f\ont-size: small; /* für andere IE-Versionen */
	}
h1 {
	font-family: 'Open Sans', sans-serif;
        font-weight: 300;
        font-size: 45px;
        line-height: 45px;
        color: #036491;
        letter-spacing: 15px;
        text-transform: uppercase;
        padding: 0 0 15px 0;
        margin: 40px 0 15px 0;
        border-bottom: 1px solid #036491;
	}  

h2 {
	color: #036491;
        border-bottom: 1px solid #036491;
        font-weight: normal;
        font-size: 14px;
        text-transform: uppercase;
        letter-spacing: 2px;
        padding: 0 0 5px 0;
        margin: 0 0 20px 0;
	font-family: "Open Sans",sans-serif;
	}    

h3 {
	color: #FFF;
        font-weight: normal;
        font-size: 14px;
        text-transform: uppercase;
        letter-spacing: 2px;
        padding: 0 0 5px 0;
        margin: 0 0 20px 0;
	font-family: "Open Sans",sans-serif;
	}
        
p {
	font-family: 'Open Sans', sans-serif;
        font-weight: 400;
        font-size: 14px;
        color: #036491;
        line-height: 150%;
	}
        
.wrapper {
        background: url(http://supreme.otto-kern-fragrances.de/tl_files/OttoKern_Signature_Supreme/Redaktionell/Signature_Supreme/bg-content.png) no-repeat #FFF;
        position: absolute;
        width: 1260px;
        height: 700px;
        top: 50%;
        left: 50%;
        margin: -350px 0 0 -630px;
	}
        
a, 
.active {
	text-decoration: none;
	color: #FFF;
	outline: none;
	}
        
img {
	border: none;
	vertical-align: text-bottom;
	}
        
table {
	width: 100%;
	empty-cells: show;
        font-family: 'Open Sans', sans-serif;
        font-weight: 400;
        font-size: 14px;
        color: #036491;
        line-height: 160%;
	}   
        
ul li {
	list-style-type: none;
	}
        
.level_2 {
	margin-left: 20px;
	}
        
fieldset {
	border: none;
	}
        
textarea {
	font-family: 'Open Sans', sans-serif;
	}

#visual {
	background: url(#) no-repeat 0 0 transparent;
        position: absolute;
        height: 600px;
        width: 1260px;
        z-index: 1;
        top: 0;
        left: 0;
	}

/* HEADER */
.header {
	background: url(http://supreme.otto-kern-fragrances.de/tl_files/OttoKern_Signature_Supreme/Redaktionell/Signature_Supreme/bg-header.jpg);
	width: 100%;
	height: 100px;
	line-height: 130%;
	}
        
.supreme-logo {
	width: 260px;
        height: 48px;
        position: absolute;
        top: 13px;
        left: 30px;
	}
        
.otto-kern-logo {
	background: url(#) no-repeat 0 0 transparent;
	width: 167px;
	height: 41px;
        position: absolute;
        top: 26px;
        right: 100px;
	line-height: 130%;
	}

/* NAVBAR */
.navbar {
	background: url(http://supreme.otto-kern-fragrances.de/tl_files/OttoKern_Signature_Supreme/Redaktionell/Signature_Supreme/bg-navbar.jpg) no-repeat;
	width: 275px;
	height: 100%;
        position: absolute;
        top: 0;
        right: 50px;
	line-height: 100%;
        font-size: 14px;
        -moz-box-shadow: 5px 5px 5px #006B92;
        -webkit-box-shadow: 5px 5px 5px #006B92;
        box-shadow: 5px 5px 5px #006B92;
	}
        
.navbar .mod_navigation { 
	margin: 65px 0 0 45px; 
   	}
        
.navbar .mod_navigation ul li { 
	margin-top: 30px; 
        }
        
.navbar .mod_navigation ul li a,
.navbar .mod_navigation ul li span { 
	text-transform: uppercase;
        display: block;
        border-bottom: 1px solid transparent;
        }
        
.navbar .mod_navigation ul li a:hover,
.navbar .mod_navigation ul li a.trail,
.navbar .mod_navigation ul li span.active { 
	text-transform: uppercase;
        display: block;
        border-bottom: 1px solid #FFF;
        }
        
.navbar .mod_navigation .level_2 { 
	display: none;
        margin-left: 20px;
	}

.navbar .mod_navigation .level_1 li:hover .level_2,
.navbar .mod_navigation .level_1 li.active .level_2,
.navbar .mod_navigation .level_1 li.trail .level_2 { 
	display: block;
        }

/* SERVICE */         
.service {
	width: auto;
        height: auto;
        position: absolute;
        top: 8px;
        right: 360px;
        text-align: right;
        font-size: 11px;
	}
        
.service ul li { 
	line-height: 130%;
   	}
        
.service .mod_customnav ul li a,
.service .mod_customnav ul li span { 
	text-transform: uppercase;
   	}

.service .mod_customnav a.active {
	display: none;
	}
        
/* CONTENT */
.content {
	position: relative;
	width: 100%;
	height: 600px;
	line-height: 130%;
        overflow: hidden;
	}
        
.left-side {
	width: 840px;
	height: 100%;
	line-height: 130%;
        color: #333;
        padding: 0 30px 0 60px;
        position: relative;
	}

.ce_text {
	float: left;
	}

.ce_text p {
	width: 390px;
        text-align: justify;
	}
        
.ce_image {
	float: right;
	}

/* DESIGN */
.design .ce_image {
	clear: left;
	width: 100%;
        text-align: center;
        padding: 30px 0 0 0;
	}

/* DUFT */
.duft .ce_image {
	clear: left;
	width: 390px;
        text-align: center;
        padding: 40px 0 0 0;
        float: none;
	}
        
.duft .ce_image .image_container {
	width: 275px;
        height: 281px;
        margin: auto;
	}
        
.duft .link-fragrance {
	text-align: left;
        margin: 0 0 40px 0;
        }
        
.duft .link-fragrance a {
	color: #036491;
        font-size: 14px;
        margin: 0 25px 0 0;
        padding: 0 0 0 10px;
        text-transform: uppercase;
        background: url(#) no-repeat left center transparent;
	}
        
.duft .link-fragrance a.active {
	text-decoration: underline;
	}
        
.duft .caption-fragrance {
	position: absolute;
        top: 125px;
        right: 40px;
        width: 320px;
        height: 445px;
        text-align: center;
	}
        
.duft #caption-image span {
	text-align: left;
        display: block;
        position: absolute;
        bottom: 40px;
        color: #000;
	}

/* SORTIMENT */
.sortiment .ce_image {
	clear: left;
        float: none;
	width: 390px;
        height: 205px;
        padding: 20px 0 0 0;
	}
        
.sortiment .caption-range {
	position: absolute;
        top: 115px;
        right: 40px;
        width: 320px;
        height: 453px;
	}
        
.sortiment #caption-image {
	position: absolute;
        top: 0;
        left: 0;
	}
        
.sortiment #caption-image img {
	width: 320px;
        height: auto;
	}
        
.sortiment #caption {
	position: absolute;
        bottom: 5px;
        left: 5px;
        right: 5px;
        background: rgb(255, 255, 255);
        background: rgba(255, 255, 255, 0.75);
        padding: 10px;
        color: #036491;
	}
        
.sortiment #caption-header {
	font-weight: bold;
        margin: 0 0 5px 0;
	}

.sortiment .image_container {
	background: url(#) no-repeat 0 0 transparent; 
        height: 205px; 
        width: 390px;
	}

.sortiment .shampoo {
	background-position: 0 -215px;
	}

.sortiment .deodorant {
	background-position: 0 -430px;
	}

.sortiment .aftershave {
	background-position: 0 -645px;
	}

.sortiment .edt {
	background-position: 0 -860px;
	}
        
/* WERBUNG */
.werbung .image-1 img {
	width: 320px;
        height: auto;
	}
        
.werbung .image-2 {
	position: relative;
        float: none;
        clear: left;
        padding: 20px 0 0 0;
	}
        
.werbung .image-2 img {
	width: 92px;
        height: auto;
	}
        
.werbung .image-3 {
	position: relative;
        float: none;
        clear: left;
        margin: -195px 0 0 75px;
	}
        
.werbung .image-3 img {
	width: 250px;
        height: auto;
	}
        
/* ENTERTAINMENT */
.gewinnspiel .ce_form,
.mod_duftberater {
	color: #FFF !important;
        background: #036491;
        opacity: 0.85;
        }
        
.gewinnspiel .ce_form p,
.mod_duftberater p {
	color: #FFF !important;
        }