* {
    margin:0;
    padding:0;
}

html, body {
    height:100%;
	margin-bottom:1px;
}

body {
	font-family:Trebuchet MS,Helvetica,Arial,sans-serif;
	font-size:70.01%;
	line-height:1.25em;
	color:#fff;
	background:#000 url(../images/main/background.gif) repeat-x top;
	text-align:center;
}

input,
select,
textarea {
	font-family:Trebuchet MS,Helvetica,Arial,Helvetica,sans-serif;
	font-size:1em;
}

/* Link */
a { outline: 0; }
a:link,
a:visited,
a:focus,
a:hover,
a:active {
    color:#fff;
    text-decoration:underline;
}
a:hover,
a:active,
a.active {
    text-decoration:underline;
}

a img { border:none; }

.floatNone { float:none; clear:both; width:1px; height:0px; font-size:1px; line-height:0px; display:block; }
.floatLeft { float:left; }
.floatRight { float:right; }
.bold { font-weight:bold; }
.noColor { background-color:inherit !important; }
.alignLeft { text-align:left !important; }
.alignCenter { text-align:center !important; }
.alignRight { text-align:right !important; }
.hidden { font-size:1px; line-height:0px; }
.border { border:solid 1px #000; }
.noBorder, .noBorder img { border:none !important; }

h1 { font-size:1.2em; font-weight:bold; line-height:1em; margin:0 0 0.5em 0; }
h2 { font-size:1.1em; font-weight:bold; line-height:1em; margin:0 0 0.5em 0; }
h3 { font-size:1.0em; font-weight:bold; line-height:1em; margin:0 0 0.5em 0; }

p { margin:0 0 0.5em 0; }

strong, b {
	font-weight:bold;
}
em, i {
	font-style:italic;
}

/********/
/* PAGE */
/********/
#page {
	position:relative;
	width:920px;
	margin:0 auto;
	text-align:left;
}


/***********/
/* HEADER */
/***********/
#header {
	position:relative;
	height:104px;
	width:920px;
}
#header .logoPalette {
	position:absolute;
	top:30px;
	left:0;
}
#header .logoSchwarzkopf {
	position:absolute;
	top:45px;
	right:0;
}
#header .meta * {
	vertical-align:baseline;
}
#header .meta {
	position:absolute;
	top:4px;
	right:0;
	color:#333;
}
#header .meta input.text {
	height:16px;
	margin-right:8px;
	border:1px solid #999;
	background-color:white;
	color:#333;
}
#header .meta li {
	display:inline;
	margin:0 0 0 8px;
}
#header .meta li.active a,
#header .meta li.rootline a {
	background-color:#999;
	color:white;
}
#header .meta a {
	color:#333;
	text-decoration:none;
	padding:0 4px;
}
#header .meta a:hover {
	text-decoration:underline;
}
#header .meta li.active {
	text-decoration:underline;
}
#header .meta .language {
	position:relative;
}
#header .meta .language a {
	padding-right:16px;
	background:url(../images/main/dropdown.gif) right no-repeat;
}
#header .meta li.language ul {
	display:none;
	position:absolute;
	left:0;
	top:1.4em;
	background-color:white;
	border:1px solid #666;
}
#header .meta li.language:hover ul {
	display:block;
}
#header .meta .language li {
	display:block;
	margin:0;
}
#header .meta .language li a {
	padding-left:16px;
	background:url(../images/main/arrow_right.gif) left no-repeat;
	width:50px;
	display:block;
}
#header .meta .language li:hover {
	background-color:#999;
}
#header .meta .language li a:hover {
	text-decoration:none;
}
#header .meta form {
	display:inline;
}
#header .meta .button {
	border:none;
	background-color:#666;
	color:#fff;
	padding:0;
	height:17px;
	font-size:0.9em;
}


/*********/
/* MENU */
/*********/
#menu {
	position:relative;
	text-transform:uppercase;
}
#menu li {
	display:inline;
	margin:0 2px 0 0;
	padding:0 4px;
}
#menu a {
	color:#d4d4d4;
	text-decoration:none;
}
#menu a:hover {
	color:#fff;;
}
#menu li.active a,
#menu li.rootline a {
	color:#fff;
}
#menu #mainMenu {
	padding-bottom:3px;
	border-bottom:1px solid white;
}
#menu #mainMenu li.active,
#menu #mainMenu li.rootline {
	background-color:#999;
}
#menu #subMenu {
	padding-top:3px;
	height:14px;
}

#menu #subMenu li#cg_rootline {
	background-color:#DF1D7C;
}

#menu #subMenu li.rootline_intensivecolorcreme,
#menu #subMenu li.active_intensivecolorcreme {
	background-color:#532357;
}
#menu #subMenu li.rootline_permanentnaturalcolors,
#menu #subMenu li.active_permanentnaturalcolors {
	background-color:#016d22 !important;
}
#menu #subMenu li.rootline_deluxe,
#menu #subMenu li.active_deluxe {
	background-color:#952d5b !important;
}
#menu #subMenu li.rootline_10mincolor,
#menu #subMenu li.active_10mincolor {
	background-color:#351947 !important;
}
#menu #subMenu li.rootline_colorxxl,
#menu #subMenu li.active_colorxxl {
	background-color:#0267af !important;
}
#menu #subMenu li.rootline_colorshampoo,
#menu #subMenu li.active_colorshampoo {
	background-color:#f19201 !important;
}
#menu #subMenu li.rootline_csrelaunch,
#menu #subMenu li.active_csrelaunch {
	background-color:#f6a00b !important;
}
#menu #subMenu li.rootline_tonecreme,
#menu #subMenu li.active_tonecreme {
	background-color:#f19201 !important;
}
#menu #subMenu li.rootline_instantcolor,
#menu #subMenu li.active_instantcolor {
	background-color:#c91f82 !important;
}
#menu #subMenu li.rootline_intensivecolorcreme,
#menu #subMenu li.active_intensivecolorcreme {
	background-color:#77387F !important;
}
#menu #subMenu li a.active,
#menu #subMenu li a.rootline {
	color:white;
	font-weight:bold;
}


/*************/
/* CONTENT */
/*************/
#content {
	position:relative;
	padding-top:28px;
	height:480px;
	vertical-align:top;
}

#wrapper_main {
	float:left;
	width:651px;
	margin-right:33px;
}

#wrapper_teaser {
	width:232px;
	float:left;
}


/***********/
/* FOOTER */
/***********/
#footer {
	position:relative;
	font-size:0.85em;
	color:#ccc;
	padding:0 0 10px 0;
	width:920px;
}
#footer .meta li {
	display:inline;
	margin:0 4px 0 0;
	padding:0 0 0 7px;
	background:url(../images/main/seperator.gif) no-repeat left;
	text-transform:uppercase;
}
#footer .meta li.first {
	background:none;
	padding:0;
}
#footer .meta a {
	color:#ccc;
	text-decoration:none;
}
#footer .meta a:hover {
	text-decoration:underline;
}
#footer .meta li.active {
	text-decoration:underline;
}
#footer #slogan {
	position:absolute;
	bottom:42px;
	right:0;
	font-size:1.35em;
}
#footer #copyright {
	position:absolute;
	bottom:10px;
	right:0;
	text-transform:uppercase;
}