html, body {
padding:0;
margin:0;
}
html { 
font-size:1em;
}
body { 
font-family: sans-serif;
font-size:100%;
background-color:#fff;
}
body a { 
color:#666;
}
body a:hover { 
color:#999;
}
body a:visited { 
color:#999;
}
.floatleft { 
float:left;
}
.clearleft { 
clear:left;
}
.floatright { 
float:right;
}
.clearright { 
clear:right;
}
.claerboth { 
clear:both;
}
.fsize110pro { 
font-size:110% !important;
}
.fsize100pro { 
font-size:100% !important;
}
.fsize90pro { 
font-size:90% !important;
}
.fsize80pro { 
font-size:80% !important;
}
.fsize70pro { 
font-size:70% !important;
}
.fsize60pro { 
font-size:60% !important;
}
.fsize50pro { 
font-size:50% !important;
}
.nopaddingtop { 
padding-top:0;
}
.nomargintop { 
margin-top:0;
}
.nomarginbottom { 
margin-bottom:0;
}
.nopaddingbottom { 
padding-bottom:0;
}
.txtcenter { 
text-align:center !important;
}
.txtitalic { 
font-style:italic !important;
}
.txtbold { 
font-weight:bold !important;
}
.txtunderline { 
text-decoration:underline !important;
}
.txtcolmagenta { 
color:#d6007e !important;
}
#wrapper { 
position:relative;
margin:0 auto;
max-width:1000px;
border:0px solid #ccc;
background-color:#f6f6f6;
box-shadow:0 0 15px 15px #ddd;
}
#bgimgtopright { 
position:absolute;
border:none;
right:0;
z-index:1;
width:246px;
height:257px;
background-image: url("../images/flower_oben_rechts.png");
}
#header { 
padding:0;
margin:0;
width:100%;
position:relative;
z-index:10;
}
#headertxt { 
text-align:left;
display:table;
width:100%;
background-color:rgba(96, 106, 113, 0.8);
}
#logo { 
display: table-cell;
width:28%;
vertical-align:middle;
text-align:center;
}
#logo img { 
max-width:170px;
width:100%;
margin-left:5px;
border:none;
-webkit-transform:scale(1);
transform:scale(1);
-webkit-transition: all 0.7s ease;
transition: all 0.7s ease;
}
#logo img:hover { 
-webkit-transform:scale(0.9);
transform:scale(0.9);
}
#header h1 { 
position: absolute;
right: 0;
top: 0;
font-size:18px;
margin:0;
padding:0;
font-size:18px;
color:#ddd;
text-align:right;
padding-right:5px;
text-shadow: 0 0 10px #999;
}
#desc { 
display:table-cell;
padding-left: 3%;
vertical-align:middle;
width:70%;
font-size:12px;
}
#desc p { 
padding:0;
margin:0;
letter-spacing:2px;
color:#eee;
text-shadow:2px 2px 1px #999;
}
#navi { 
position:relative;
z-index:5;
margin-top:2px;
width:100%;
background-color:rgba(96,106,113,0.70);
border-bottom: 4px solid #ccc;
}
#navi ul { 
padding:0; 
margin:0; 
margin-left:5px;
list-style-type:none;
}
#navi ul li {
position:relative; 
display:inline-block;
margin-right:8px;
line-height:20px;
padding-top:2px;
padding-left:2px;
padding-right:2px;
font-size:0.9em;
border-bottom:4px solid transparent;
}
#navi ul li a {
color:#fff;
text-decoration:none;
text-shadow: 2px 2px 1px #666;
font-weight: bold;
}
#navi ul li ul {
display:none;
position:absolute;
padding-bottom:10px;
opacity:0.88;
/* 
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=88);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=88);
*/
filter:alpha(opacity=88);
-webkit-border-radius:0 0 6px 6px;
-moz-border-radius:0 0 6px 6px;
border-radius:0 0 6px 6px;
}
#navi ul li ul:hover { 
opacity:1.00;
/*
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=100);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
*/
filter:alpha(opacity=100);
}
#navi ul li:hover { 
border-bottom:4px solid #d6007e;
}
#navi ul li .activelink { 
background-color: #fff;
border-bottom: 4px solid #d6007e;
border-radius: 6px;
/* box-shadow: 0 0 8px 4px #fff; */
color: #666;
padding-left: 5px;
padding-right: 5px;
text-shadow: 0 0 10px #fff;
}
#navi ul li:hover ul { 
z-index:100;
display:block;
background:#fff;
height:auto; 
width:auto;
margin-top:4px;
margin-left:-20px;
-webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.25);
-moz-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.25);
box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.25);
}
#navi ul li ul li {
display:block;
border-style:none;
border:none;
text-transform:none;
font-size:1.0em;
white-space:nowrap;
padding:4px;
padding-left:10px;
padding-right:20px;
}
#navi ul li ul li:hover { 
border:none;
text-decoration:underline;
background-color:#f3f3f3; 
}
#navi ul li ul li a { 
text-decoration:none;
color:#333;
padding-left:10px;
padding-right:20px;
font-weight: normal;
text-shadow:none;
display:block;
}
#navi ul li ul li a:hover { 
text-decoration:underline;
display:block;
}
#navi .activesublink { 
color:#666;
text-decoration:underline;
}
#contentframes { 
background-image: url("../images/kosmetikstudio-hintergrund.jpg");
background-repeat: repeat-y;
padding:10px;
margin-top:4px;
z-index:3;
}
#contenttopleft { 
float:left;
width:25%;
margin-right:2%;
position:relative;
}
#contentsubnav { 
position:relative;
z-index:4;
background-color:rgba(255,255,255,0.80);
border:1px solid #e6e6e6;
margin-bottom:10px;
-webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.25);
-moz-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.25);
box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.25);
-webkit-border-radius:0 6px 6px;
-moz-border-radius:0 6px 6px;
border-radius:0 6px 6px;
}
#contentsubnav h2 { 
padding:0;
margin: 5px 10px 0;
font-size: 1em;
color:#d6007e;
border-bottom: 1px solid #ccc;
}
#contentsubnav ul { 
margin:0;
padding:10px;
list-style-type:none;
}
#contentsubnav ul li { 
display: block;
font-weight:normal;
border-bottom:1px solid #e6e6e6;
line-height: 25px;
margin-right:10px;
}
#contentsubnav ul li a { 
color:#2e383f;
font-size:0.9em;
text-decoration:none;
text-shadow: 3px 3px 6px #fff;
}
#contentsubnav ul li a:hover { 
color:#666;
text-decoration:underline;
}
#contentsubnav .activesublink { 
color:#666;
text-decoration:underline;
font-style:italic;
}
#contentmore { 
padding:2px;
position:relative;
}
#contentmore .contentmorediv { 
float:left;
margin-top:10px;
margin-right:10px;
}
#content { 
position:relative;
z-index:6;
background-color:transparent;
}
#content .subnavcontent { 
float:left;
width:72%;
}
#content .fullcontent { 
width:100%;
}
/* #content .fullcontent .kosmetikslider {  */
.fullcontent .kosmetikslider {  
width:100%;
text-align:center;
border:0px solid #ccc;
display:inline-block;
margin-bottom:10px;
}
.subnavcontent .kosmetikslider {  
width:100%;
max-width:701px;
text-align:center;
border:0px solid #ccc;
/* display:inline-block; */
margin:0 auto;
margin-bottom:10px;
}
#content .kosmetikslider .moreinfos { 
position:absolute;
top:0;
right:0;
z-index:1202;
margin: 0.1em 0.2em 0.4em 0.4em;
border-radius:0.3em;
font-size:3.1vmin;
color:#fff;
text-shadow: 0 1px 6px #000;
padding:0 0.2em;
background-color:rgba(0, 0, 0, 0.1);
-webkit-transition: font-size 0.3s;
}
#content .kosmetikslider img { 
z-index:1201;
width:99.4%;
display:block;
border:1px solid #ddd;
border-radius:6px;
}
.imgboxshadow { 
-webkit-box-shadow:0 14px 12px -12px rgba(0, 0, 0, 0.25);
-moz-box-shadow:0 14px 12px -12px rgba(0, 0, 0, 0.25);
box-shadow:0 14px 12px -12px rgba(0, 0, 0, 0.25);
}
#slider1 { 
border:1px solid #fff;
-webkit-border-radius:6px;
-moz-border-radius:6px;
border-radius:6px;
}
.rslides {
position: relative;
list-style: none;
overflow: hidden;
width: 100%;
padding: 0;
margin: 0;
}
.rslides li {
-webkit-backface-visibility: hidden;
position: absolute;
display: none;
width: 100%;
left: 0;
top: 0;
}
.rslides li:first-child {
position: relative;
display: block;
float: left;
}
.rslides img {
display: block;
height: auto;
float: left;
width: 100%;
border: 0;
-webkit-border-radius:6px;
-moz-border-radius:6px;
border-radius:6px;
-webkit-transition: all 0.7s ease;
transition: all 0.7s ease;
}
.rslides img:hover { 
/*
-webkit-transform:scale(1.3);
transform:scale(1.3);
*/
}
.rslides_tabs {
color:#000;
font-size: 14px;
list-style: none;
margin: 0 auto 0px;
max-width: 800px;
padding-top:5px;
padding-left: 0;
text-align: center;
width: 100%;
}
.rslides_tabs li {
display: inline;
float: none;
margin-right: 0.1em;
margin-left: 0.1em;
border-bottom: 1px solid #ccc;
}
.rslides_tabs a {
/* width: auto; */
width:10%;
/* line-height: 20px; */
/* padding: 4px 8px 1px; */
height: auto;
/* background:transparent; */
background-color:rgba(204,204,204,0.2);
/* display:inline; */
font-size:0.8em;
display:inline-block;
color:#000;
text-decoration:none;
}
.rslides_tabs a:hover {
border: 0;
}
.rslides_tabs li:first-child {
margin-left: 0;
}
.rslides_tabs .rslides_here a {
background-color:#e6e6e6;
color: #000;
font-weight: bold;
}
#content { 
color:#666;
}
#content .contentbox { 
background-color:rgba(242, 242, 242, 0.4);
box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.25);
border-radius:6px;
padding:5px;
margin-bottom:1em;
}
#content .minicenterbox { 
max-width:460px;
margin:0 auto;
}
#content .bglogotopleft { 
background-repeat:no-repeat;
background-image: url("../images/four-seasons-kosmetik-cont-bg-logo.png");
background-position:top left;
}
#content .bglogobotright { 
background-repeat:no-repeat;
background-image: url("../images/four-seasons-kosmetik-cont-bg-logo.png");
background-position:bottom right;
}
#content .bglogotopright { 
background-repeat:no-repeat;
background-image: url("../images/four-seasons-kosmetik-cont-bg-logo.png");
background-position:top right;
}
#content .bghalftrans { 
background-color: rgba(242, 242, 242, 0.6);
}
#content .displinlbklock { 
display:inline-block;
}
#content .lightshadowbox { 
-webkit-box-shadow: 2px 2px 6px 0px rgba(204,204,204,0.85);
-moz-box-shadow: 2px 2px 6px 0px rgba(204,204,204,0.85);
box-shadow: 2px 2px 6px 0px rgba(204,204,204,0.85);
}
#content p { 
color:#666;
}
#content h3 { 
color:#d6007e;
/* margin:15px 0 20px; */
margin-top:0.3em;
padding-right: 5px;
/* text-transform:uppercase; */
text-shadow: 2px 2px #e6e6e6;
display:inline-block;
font-weight:normal;
font-size:1.2em;
}
#content .description { 
margin-top:0;
margin-bottom:10px;
color:#666;
font-weight:normal;
font-size:1em;
}
#content .img_aktuelles { 
max-width:720px;
width:100%;
border-radius:6px;
border:1px solid #ddd;
}
#content h4 { 
font-size: 18px;
color:#606a71;
font-weight: normal;
margin: 0 0 5px;
}
#content hr { 
border-color:#ccc;
border-style:dashed;
border-width:1px 0 0;
height:1px;
padding-bottom:5px;
width:98%;
}
#content ul { 
color:#666;
}
#content .imprextimgs { 
list-style-type: none;
margin:0;
padding:0;
line-height:10px;
}
#content .imprextimgs li { 
border-right:1px solid #ccc;
display: inline-block;
font-size:10px;
line-height:10px;
margin:0 0 0 5px;
padding:0 5px 0 0;
line-height:10px;
}
#content .imgcontright { 
float:right;
margin-left:5px;
margin-right:2px;
margin-bottom:2px;
width:225px;
border:1px solid #fff;
-webkit-border-radius:6px;
-moz-border-radius:6px;
border-radius:6px;
-webkit-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.25);
-moz-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.25);
box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.25);
}
#teaserbox { 
display:flex;
flex-flow:row wrap;
justify-content:space-around;
width:100%;
text-align:center;
align-content:flex-start;
height:auto;
}
#teaserbox .teasercontent { 
border-radius:6px;
flex-basis:auto;
flex-grow:1;
margin:0 5px 10px;
padding:5px;
width:225px;
-webkit-border-radius:6px;
-moz-border-radius:6px;
border-radius:6px;
-webkit-box-shadow:2px 2px 3px 0px rgba(0,0,0,0.25);
-moz-box-shadow:2px 2px 3px 0px rgba(0,0,0,0.25);
box-shadow:2px 2px 3px 0px rgba(0,0,0,0.25);
border:1px solid #eee;
background-color:rgba(255, 255, 255, 0.5);
padding:10px 10px 0;
}
#teaserbox .teaser_three { 
width:225px;
}
#teaserbox .teasercontent img { 
width:100%;
max-width:225px;
box-shadow:4px 4px 4px 1px #ddd;
border: 1px solid #ccc;
}
#teaserbox .teasercontent h3 { 
background:transparent;
padding:0;
text-align:left;
font-size:14px;
color:#d6007e;
letter-spacing: normal;
font-weight:bold;
text-shadow:none;
}
#teaserbox .teasercontent p { 
font-family: "Open Sans",sans-serif;
text-align:left;
font-size:14px;
}
#footer { 
border-top:5px solid #a4a8ab;
background-color:#606a71;
font-size: 12px;
text-align:center;
}
#footer p { 
margin:0;
padding:10px;
vertical-align:middle;
color:#ccc;
}
#footer a { 
color:#ccc;
}
#footer a:hover { 
color:#fff;
}
#scrolltotopbtn { 
display:none;
margin:0;
padding:0;
right:5px;
}
#scrolltotopbtn img { 
box-shadow:0px 0px 8px 4px rgba(255,255,255,0.90);
border-radius:6px;
background-color:#fff;
}
#content .transbtnbottom { 
opacity:0.7;
position:absolute;
right:10px;
}
#content .ulisthorizont { 
	padding-left:0.5em;
	margin:0;
}
#content .ulisthorizont li { 
	background-image: url("../images/li-arrow.gif");
	background-repeat: no-repeat;
	background-position:0 5px;
	display:table;
	min-width:140px;
	padding-right:1em;
	padding-left:1.0em;
}
#content .rightimgstretch { 
	float:right;
	width:100%;
	max-width:300px;
	margin-bottom:0.4em;
	border:1px solid #fff;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
	-webkit-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.25);
	box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.25);
}
#content .centerimgstretch { 
	width:100%;
	max-width:420px;
	margin:0.1em;
	border:1px solid #fff;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
	-webkit-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.25);
	box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.25);
}
.creator { 
	padding-top:0 !important;
}
.creator a { 
	text-decoration:none;
}