#warnung {

text-align:left;

font-family:"Trebuchet MS", Sans-Serif, Georgia, Courier, "Times New Roman", Serif;

font-size:12px;

color:#000;

background-color:#ffffe1;

background-attachment:scroll;

position:fixed;

top:0;

left:0;

right:0;

z-index:8;

padding-top:2px;

padding-right:10px;

padding-bottom:5px;

padding-left:10px;

border-bottom-width:1px;

border-bottom-style:solid;

border-bottom-color:#666;

}

html, body {

margin:0;

padding:0;

background-color:#7eaa0f;

font-family:Arial, Tahoma, Verdana, "Trebuchet MS", Sans-Serif, Georgia, Courier, "Times New Roman", Serif;

font-size:12px;

line-height:130%;

}

a:link, a:visited, a:active {

color:#315400;

text-decoration:underline;

background-color:transparent;

}

a:hover {

color:#000000;

text-decoration:none;

background-color:#e9f5c9;

}

h2 {

font-size:2.5em;

color:#669900;

}

h3 {

font-size:1.8em;

color:#669900;

}

#mainmenu {

position:relative;

padding-top:0.6em;

background:#383e32 url("/images/tabbar-bg.png") repeat-x bottom left;

margin-bottom:10px;

}

ul#navbar {

list-style-type:none;

}

ul#navbar li {

float:left;

height:2.4em;

margin:0.2em 2px 0 2px;

background:#f0f4f1 url("/images/tab-bg.png") repeat-x bottom left;

}

ul#navbar li.edit {

margin-left:15px;

background:#efe2e2 url("http://search.creativecommons.org/images/tab-bg.png") repeat-x bottom left;

}

ul#navbar li.active {

margin-top:0;

font-weight:bold;

height:2.5em;

}

ul#navbar a {

display:block;

color:#333;

background:url("/images/tab-body-dark.png") no-repeat top right;

}

ul#navbar a span {

display:block;

padding:0.5em 1.4em 0.2em;

padding-top:0.7em;

background:url("/images/tab-left-dark.png") no-repeat top left;

}

ul#navbar a:hover {

text-decoration:none;

color:#333;

background:#fff url("/images/tab-body-lit.png") no-repeat top right;

}

ul#navbar a:hover span {

background:url("/images/tab-left-lit.png") no-repeat top left;

}

ul#navbar li.active a {

background:#fff url("/images/tab-body-lit.png") no-repeat top right;

}

ul#navbar li.active a span {

background:url("/images/tab-left-lit.png") no-repeat top left;

padding-bottom:0.4em;

}

ul#navbar li.edit a {

background:url("/images/tab-body-edit.png") no-repeat top right;

}

ul#navbar li.edit a span {

background:url("/images/tab-left-edit.png") no-repeat top left;

}

ul#navbar li.edit a:hover {

background:#fff2f2 url("/images/tab-body-edit.png") no-repeat top right;

}

.beautyarrow ul {

list-style-position:outside;

}

.beautyarrow li {

list-style-image:url(../img/tab.gif);

border-bottom:1px solid #cccccc;

background-position:left center;

background-color:#ffffff;

background-repeat:no-repeat;

border-bottom:1px solid #e4e4e4;

font-family:Arial, Helvetica, sans-serif;

font-size:1em;

line-height:20px;

color:#333333;

display:block;

letter-spacing:5px;

list-style-image:none;

list-style-position:outside;

list-style-type:none;

margin:2px 0;

padding:5px 0 5px 0;

text-decoration:none;

width:95%;

}

.beautyarrow li a:link, .beautyarrow li a:active, .beautyarrow li a:visited {

text-decoration:none;

color:#000000;

}

.beautyarrow li a:hover {

text-decoration:none;

color:#000;

}

.style2 {

font-size:12px;

font-weight:bold;

color:black;

}

#head-nav {

font-weight:bold;

font-size:16px;

padding:0;

position:absolute;

top:100px;

right:0;

}

#head-nav ul {

float:left;

margin:0;

padding:0;

}

#head-nav ul li {

display:block;

float:left;

list-style:none;

background:#000;

margin-left:5px;

border-left:1px solid #000;

border-top:1px solid #000;

border-right:1px solid #000;

}

#head-nav ul li a {

display:block;

float:left;

color:#fff;

text-decoration:none;

padding:9px 16px;

}

#head-nav ul li a:hover, #head-nav ul li a.current {

color:#557407;

background:#fff;

}

#header {

background-image:url(../img/logo-back.jpg);

color:#fff;

padding:0;

margin:0;

height:135px;

position:relative;

border-top:0 solid #2c2c2c;

}

#head {

background-position:right top;

background-repeat:no-repeat;

color:#fff;

padding:0;

margin:0;

height:135px;

position:relative;

border-top:0 solid #2c2c2c;

width:950px;

margin:0 auto;

}

#head-inner {

width:950px;

margin:0 auto;

position:relative;

}

#head-logo {

padding-left:1px;

position:absolute;

top:0;

left:0;

}

#head-login {

padding:0;

text-align:right;

color:#000;

position:absolute;

top:45px;

right:0;

font-size:14px;

margin-right:25px;

}

#head-login a:link, #head-login a:visited {

color:#000000;

font-family:Tahoma, Arial, Helvetica, sans-serif;

font-size:12px;

font-weight:bold;

text-decoration:none;

}

#head-login a:hover {

color:#ffffff;

text-decoration:underline;

background-color:transparent;

}

.ce_accordion {

margin-left:0;

}

.toggler {

padding:0 0 3px 0;

}

.toggler_first {

color:#669900;

}

.toggler_first:hover {

text-decoration:none;

color:#000;

cursor:pointer;

}

.accordion div {

padding:4px 0 12px 0;

line-height:16px;

}

div.signups {

float:right;

position:relative;

top:175px;

right:80px;

}

span.ordernow {

padding:8px 25px;

padding-top:8px;

padding-bottom:8px;

font-size:24px;

background-color:#ff9900;

margin:2px;

border:1px solid #435d00;

float:right;

}

.ordernow a:link, .ordernow a:active, .ordernow a:visited {

color:#000;

text-decoration:none;

}

.ordernow a:hover {

color:#000;

text-decoration:none;

background-color:transparent;

}

span.tellmemore {

padding:8px 25px;

font-size:24px;

background-color:#000000;

margin:2px;

border:1px solid #000;

float:right;

}

.tellmemore a:link, .tellmemore a:active, .tellmemore a:visited {

color:#fff;

text-decoration:none;

padding:8px 25px;

}

.tellmemore a:hover {

color:#ffffff;

text-decoration:none;

background-color:transparent;

}

.img{
border:none;
}

.thumbnail {

/*
padding:4px 4px 12px 4px;

background-color:#efefef;

border:1px solid #ccc;
*/

border:none;

float:left;

margin-right:14px;

margin-bottom:14px;

}

div.container {

width:950px;

text-align:left;

}

.white {

background-color:#ffffff;

border:0;

margin:0;

padding:0;

width:100%;

float:right;

}

div.breadcrumb {

padding:3px;

padding-left:35px;

margin-top:12px;

margin-bottom:5px;

background-color:#f5f5f5;

border-bottom:1px solid #efefef;

}

div.breadcrumb span {
float: right;
margin-left: 5px;
padding-right: 18px;
}

div.clear-r {
clear: right;
line-height: 0;
font-size: 0em;
height: 0;
}

.breadcrumbs {

color:#bababa;

}

.breadcrumbs a:link, .breadcrumbs a:active, .breadcrumbs a:visited {

color:#557407;

text-decoration:none;

}

.breadcrumbs a:hover {

color:#3f5605;

text-decoration:underline;

}

div.megabeauty {

height:210px;

border:0;

margin:0;

padding:0;

width:100%;

background-image:url(../img/bannerback.jpg);

}

div.megabeauty2 {

height:216px;

width:910px;

border:0;

margin:0;

padding:0;

width:100%;

background-image:url(../img/banner.jpg);

background-repeat:no-repeat;

}

div.centeralign {

width:950px;

background-color:#ffffff;

border:0;

margin:0;

padding:0;

margin-bottom:10px;

}

div.leftcolumn {

float:left;

width:300px;

text-align:left;

}

div.rightcolumn {

float:right;

margin-left:10px;

border-left:1px solid #cccccc;

padding:10px;

padding-left:15px;

width:610px;

text-align:left;

margin-bottom:15px;

}

.beautyarrow ul {

list-style-position:outside;

margin-top:22px;

margin-bottom:16px;

}

.beautyarrow li {

list-style-image:url(../img/beautyarrow.jpg);

border-bottom:1px dotted #ccc;

width:100%;

padding:0;

margin:3px;

margin-left:-17px;

}

.beautyarrow li a:link, .beautyarrow li a:active, .beautyarrow li a:visited {

text-decoration:none;

color:#000000;

}

.beautyarrow li a:hover {

text-decoration:none;

color:#000;

}

div.footer {

height:134px;

background-image:url(../img/footer.jpg);

border-top:10px solid #7fa90f;

padding-top:10px;

}

.footer a:link, .footer a:active, .footer a:visited {

text-decoration:none;

color:#9fda03;

}

.footer a:hover {

text-decoration:none;

color:#fff;

background-color:transparent;

}

input, button, select {

vertical-align:middle;

}

input, textarea, select, button {

font-family:"Trebuchet MS", "Myriad Web", Tahoma, Geneva, Arial, Helvetica, sans-serif;

font-style:normal;

font-variant:normal;

font-weight:normal;

font-size:1em;

line-height:normal;

border:1px solid #669900;

}

.inputerror {

font-family:"Trebuchet MS", "Myriad Web", Tahoma, Geneva, Arial, Helvetica, sans-serif;

font-style:normal;

font-variant:normal;

font-weight:normal;

font-size:1em;

line-height:normal;

border:1px solid #FD770c;

}

/* start - table */

table {

	border-collapse: collapse;

	margin: 0px;	

}

th strong {

	color: #fff;

}

th {

	background: #7Fa90F url(.../img/back_th.gif) repeat-x;

	height: 29px;

	padding-left: 12px;

	padding-right: 12px;

	color: #FFF;

	text-align: left;

	border-left: 1px solid #B6D59A;

	border-bottom: solid 2px #FFF;

}

tr {

	height: 30px;

}

td {

	padding-left: 11px;

	padding-right: 11px;

	border-left: 1px solid #E8E8E8;

	border-bottom: 1px solid #DFDFDF;

}

td.row {

	padding-left: 11px;

	padding-right: 11px;

	border-left: none;

	border-bottom: none;

}

td.first,th.first {

	border-left: 0px;

}

tr.row-a {

	background: #F8F8F8;

}

tr.row-b {

	background: #EFEFEF;		

}

.option_down



{



background-color: #E9F5C9;



background-image: none;



background-repeat: repeat;



background-attachment: scroll;



background-x-position: 0%;



background-y-position: 0%;

border:1px solid #EEF0F2;







}

.option_up{



	border:1px solid #EEF0F2;



}

/* end - table */

#warn {color:#cc0033; font-family:arial,helvetica,sans-serif; font-style:normal;}

#red {color:#cc0033;}

#green {color:#009900;}

#blue {color:#0000cc;}

#grey {color:#666666;}

#black {color:#000000;}

#small {font-size:8pt;}



#darkborder {background:#667274;}



#back3d {background:#eef2f4;}

#border3d {background:#ccd2d4;}

#backnone {background:#ffffff;}

div.textButton {
	float:				left;
	background-position: right;
	background-image: url(http://beautyoase-sandra.de/_lay/img/button_right.gif); 
	background-repeat:	no-repeat;
	height:				23px;
	min-width:			100px;
}

div.textButton a {
	display:			block;
	background-position:top left;
	background-image: 	url(http://beautyoase-sandra.de/_lay/img/button_left.gif);
	background-repeat: 	no-repeat;
	height:				23px;
	text-align:			center;
	line-height:		23px;
	padding-right:		5px;
	padding-left:		5px;
	font-weight:		bold;
	color:				#03345D;
	text-decoration:	none;
	background-color:transparent;
}

div.messageBox 
{
font-size: 12px;
margin-top: 0pt;
margin-right: 0pt;
margin-bottom: 10px;
margin-left: 0pt;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
padding-top: 12px;
padding-right: 40px;
padding-bottom: 0pt;
padding-left: 12px;
background-repeat: no-repeat;
background-x-position: 20px;
background-y-position: 14px;
background-color: #ffffcc;
border-top-color: #ffcc00;
border-right-color: #ffcc00;
border-bottom-color: #ffcc00;
border-left-color: #ffcc00;
width: auto;
min-height: 48px;
}
div.messageBox.error 
{
background-image: url(http://beautyoase-sandra.de/_lay/img/hinweis.gif);
background-repeat:no-repeat;
background-position:15px 60%;
background-color: #ffffcc;
border-top-color: #ffcc00;
border-right-color: #ffcc00;
border-bottom-color: #ffcc00;
border-left-color: #ffcc00;
color: #c60000;
padding-left: 80px;
}
.error 
{
color: #ff0000;
}

.teaser{
margin-left:30px;
background-image: url(http://beautyoase-sandra.de/angebot-hintergrund.jpg); 
height: 246px;
width: 274px;
position: relative;
}
.teaser_top{
padding:9px 0 0 80px;
font-family: "Trebuchet MS", Helvetica;
font-size: 20px;
color: #fff;
font-weight: bold;
line-height: 22px;
letter-spacing: 0.2em;
}
.teaser_title{
padding: 18px 8px 8px 8px;
font-family: "Trebuchet MS", Helvetica;
font-size: 18px;
font-weight: bold;
color: #be3c2f;
text-shadow: 1px 1px 1px #efefef;
}
.teaser_main{
padding: 0 12px 8px 8px;
font-family: "Trebuchet MS", Helvetica;
font-size: 12px;
color: #fff;
}
.teaser_preis{
position:absolute;
bottom:28px;
right:105px;
font-size: 30px;
font-family: "Trebuchet MS", Helvetica;
font-weight: bold;
color: #be3c2f;
text-shadow: 1px 1px 1px #efefef;
text-align: left;
}