body {
	background: url(/images/webcard/hair/bg.jpg) #000 no-repeat top left;
	background-attachment: fixed;
	font-family: Arial, sans-serif;
	font-size: 0.9em;
}
* { padding:0; margin:0; }
#wrapper {
	width: 800px;
	margin: 0 16px 16px auto;
}
a { color: #7db0e5; text-decoration: none; }
a:hover { text-decoration: underline; }
.clearTop { clear: none; }

#menu { background: url(/images/webcard/hair/contentBg.png); margin-bottom: 4px; }
#menu ul {
    padding:0;
    border: 0 none;
    height: 44px;
    list-style: none ;
}
#menu ul li {
    float:left; position: relative; z-index: 97;
    color: #fff;
}
#menu ul li:hover { z-index: 99; }
#menu ul li a {
    text-decoration: none;
    font-size: 1.1em;
    display:block;
    float:left;
    text-align: center;
    border-right: 0;
    color: #666;
    margin: 0;
    padding:0;
}

#menu ul li a span.left, #menu ul li a span.right { display: none; }
#menu ul li a span.text { color: #fff; display: block; line-height: 44px; padding: 0 15px; text-decoration: none; }
#menu ul li a:hover, #menu ul li a.active, #menu ul li:hover a {
    display: block;
    text-decoration: underline;
}

/* Submenu */
#menu div.sub {
    display:none;
    position:absolute; top:44px; left: 0; z-index: 98;
    background: #000;
    color: #fff;
    box-shadow: 1px 1px 2px #000;
    white-space:nowrap;
}
#menu div.sub ul { height: auto; margin: 0; background:none; padding: 0; border: none; }
#menu div.sub li, #menu div.sub li:hover { text-align: left; float: none; height: auto; color: #fff; }
* html #menu div.sub li { margin: -3px 0; }
*+html #menu div.sub li { margin: -3px 0; }
#menu div.sub li a { float: none; color: #fff; padding: 10px 15px; background: none; text-align: left; height: auto; border: none; text-decoration: none; }
#menu div.sub li a span.text { color: #fff; border: none; padding:0; line-height: normal; }
#menu div.sub li a:hover, #menu div.sub li a.active { color: #666; text-decoration: underline; }
#menu div.sub li a:hover span, #menu div.sub li a.active span { background: none; border: none; }
#menu div.sub .left, #menu div.sub .right { display: none; }
#menu li:hover div.sub { display: block; }

#header { margin: 0 auto; padding: 0; font-size: 1.3em; height: 160px; }
#logo { font-size: 2.2em; color: #fff; font-weight: bold; text-align: center; padding: 40px 0 0 0; }
#slogan { font-size: 0.3em; color: #fff; }

.efeu1, .efeu2, .efeu3, .efeu_loch { display: none; }

/* Banner */
#banner_wrapper {
    margin-bottom: 4px;
}

/* ################# CONTENT ###################### */
#content_wrapper { background: url(/images/webcard/hair/contentBg.png); padding: 20px; }
#content .sidebar { float:right; width: 200px; margin-left: 26px; background:none; }
#content h1 {  }
#content h2 { font-family: Helvetica, sans-serif; font-size: 1.5em; font-weight: normal; margin: 1em 0; }
#content .banner {
    margin-top: -20px;
}
#content { color: #fff; text-align: justify; font-size: inherit; }
#content p { margin: 1em 0; }
#content p, #content span { line-height: 1.5em; }

#footer { width: 800px; color: #fff; height: 29px; text-align: center; padding-top: 10px; margin: 0 16px 0 auto; }
#footer a { color: #fff; }

/* ################# FORMS ########################## */
dl { margin: 1em 0; }
dt { margin-bottom: 6px; }
dt label { padding: 2px; font-size: 1.2em; }
dd { margin-left: 0; margin-bottom: 1.5em; }
dd input, dd textarea {
    margin-bottom: 2px;
    background-color: #424242;
    border: 1px solid #555;
    padding: 2px;
    color: #fff;
}
dd input.text, dd textarea {
    width: 320px;
}
.addr, .addr input, .chk { display: none; }
dd input[type=text]:focus, dd input[type=password]:focus, dd textarea:focus, textarea:focus {
    background-color: #484848;
}
.error { padding: 4px; }

.ed-hover { background-color: #383838; border-color: #666; }
.message { color: #333; }
#content li.inactive { background-color: #53616A; border-color: inherit; }
.editDummy { color: #dfdfdf; }

#lang { width: auto; padding-right: 20px; margin:1em 0; }
#lang #label { color: #fff; }