/**
 * This page is developed an designed by e8media - agency for digital media, mailto:info@e8media.de
 * Contact: Oliver Meding, Goerreshof 152, D-53347 Alfter, Germany, Phone +49 2222 922568
 *
 * Development & source code & CSS-Styles by Tobias Kivelip, mailto:kivelip@e8media.de
 * Screendesign by Stefan Weber, mailto:weber@e8media.ch
 *
 * Copyright: The copyright for any material created by the author is reserved.
 */


/* -------------- Bilder im Content ------------------ */
div#mainContent p
{
    color: #2a270e;
}

div#mainContent p strong
{
    font-weight: bold;
}

div#mainContent p strong.colored
{
    color: #670101;
}


div#mainContent p img
{
    border: 1px solid #9f9a78;
    padding: 5px;
    float: left;
    margin: 1px 15px 5px 0;
}


/* -------------- Teaser Tea Taster ------------------ */
div#mainContent div.box_taster
{
    background: url("/img/tea-taster/box_bg.jpg") no-repeat;
    margin: 15px 0 0 22px;
}

div#mainContent div.box_taster h3
{
    margin: 0 0 0 155px;
    padding: 20px 0 0 0;
    color: #670101;
    font-size: 18px;
}

div#mainContent div.box_taster ul
{
    margin: 0 130px 0 130px;
    padding-top: 5px;
    padding-bottom: 20px;
}

div#mainContent div.box_taster ul li
{
    display: block;
    text-align: left;
    margin: 0 0 0 0;
    padding: 8px 0 0 15px;
    background: url("/img/tea-taster/star.png") no-repeat 0 12px;
}

div#mainContent div.box_taster ul li strong
{
    display: block;
    text-align: left;
    font-weight: bold;
    color: #680102;
}

div#mainContent a strong
{
    font-weight: bold;
}

/* -------------- Formulare Tea Taster ------------------ */
form.default p.half
{
    width: 45%;
    float: left;
    margin-right: 0;
    margin-top: 10px;
}

form.default label
{
    display: block;
}

form.default input.field_txt
{
    border: 1px solid #52490b;
    width: 250px;
    font-size: 14px;
    height: 20px;
    line-height: 20px;
}

form.default input.btn
{
    color: #800000;
    background-color: #cdc6ad;
    padding: 2px;
    border: 1px solid #99917d;
    border-left: 1px solid #e4d9c0;
    border-top: 1px solid #e4d9c0;
}

/* ---- Login-Formular ---- */
form#form_login
{
    display: block;
    background-color: #edebda;
    border: 1px solid #d9d5b0;
    width: auto;
    margin-top: -10px;
    margin-left: 20px;
    padding: 0 10px 5px 10px;
}

form#form_login p
{
    padding: 5px 0 0 0;
    margin: 0;
    font-size: 10px;
    width: 110px;
    float: left;
}

form#form_login input
{
    display: block;
    border: 1px solid #52490b;
    padding: 1px;
    font-size: 11px;
    float: left;
    width: 90px;
    margin: 2px 0 0 0;
}

form#form_login p a
{
    color: #680102;
}

/* ---- Backend-Formulare ---- */
.backend_form label
{
    display: block;
}

.backend_form input,
.backend_form select
{
    display: block;
    border: 1px solid #52490b;
    padding: 1px;
    font-size: 11px;
    margin: 2px 7px 3px 0;
    width: 450px;
}

.backend_form input.btn
{
    width: auto;
    padding-left: 15px;
    padding-right: 15px;
}

.backend_form input.hidden,
input.hidden
{
    display: none;
    visibility: hidden;
}


/* Bewertung */
ul.js_form
{
    margin: 15px 0 0 22px;
    padding: 0;
    list-style: none;
}

ul.js_form li
{
    list-style: none;
    margin: 0;
    padding: 0;
    display: block;
    background: url("/img/tea-taster/cup_off.jpg") no-repeat;
    float: left;
    width: 41px;
    height: 37px;
    text-indent: -999em;
}

/* -------------- Tabellen ------------------ */
table
{
    width: 92%;
    margin: 20px;
}

th
{
    border-bottom: 1px solid #52490b;
}

tr.alternate td
{
    background-color: #edebda;
}


/* -------------- Taster Übersicht ------------------ */
h3.colored
{
	color: #670101;
	font-weight: bold;
}

div#mainContent ul.test_list
{
	list-style: none;
	margin: 25px 0 0 22px;
	padding: 0;
}

div#mainContent ul.test_list li
{
	width: 570px;
	list-style: none;
	border-top: 1px solid #d9d5b0;
	background: url("/img/tea-taster/weiter.jpg") no-repeat right center;
}

div#mainContent ul.finished li
{
    background: none;
}

div#mainContent ul.test_list li a,
div#mainContent ul.test_list li span
{
	display: block;
	background: url("/img/tea-taster/teecup.jpg") no-repeat;
	font-weight: bold;
	padding: 15px 0 15px 60px;
}

div#mainContent ul.finished li a,
div#mainContent ul.finished li span
{
    display: block;
	background: url("/img/tea-taster/ok.jpg") no-repeat;
	font-weight: bold;
	padding: 15px 0 15px 60px;
}

table.overview
{
	border-bottom: 1px solid #d9d5b0;
}

table.overview td
{
	border-top: 1px solid #d9d5b0;
	padding: 4px 0 4px 0;
	color: #2a270e;
}

/* -------------- Taster Fragen ------------------ */
div.question h3
{
    font-family: Georgia, Helvetica, sans-serif;
    color: #403905;
    font-size: 18px;
}

div.question h4
{
    font-family: Georgia, Helvetica, sans-serif;
    color: #680102;
    font-size: 15px;
    margin: 25px 0 0 22px;
}

/* -------------- Taster Auswertung: Platz 1 ------------------ */
div#mainContent h3.sup {
	color: #670001;
	font-family: Georgia, Helvetica, sans-serif;
	font-size: 16px;
}

div#mainContent h2.sub {
	margin-top: 5px;
}

div#winner {
    background-color: #efe9d7;
    margin: 10px 10px 0 22px;
	padding-bottom: 15px;
}

div#winner img {
    float: none;
    margin: 13px 0 0 13px;
}

div#winner img.cup {
    float: left;
    margin: 5px 0 0 0;
	padding: 0;
}

div#winner div.seperator {
	background: url("img/trenner.jpg") repeat-x;
	height: 3px;
	overflow: hidden;
	margin: 0 13px 0 22px;
}

div#winner h3 {
	width: 230px;
	float: left;
	margin-top: 17px;
}

/* -------------- Taster Auswertung: Kommentare ------------------ */
dl.comment {
	display: block;
	margin: 15px 13px 0 22px;
	background: url("img/comment_bg.jpg") no-repeat 1px 19px;
}

dl.comment dt {
	font-weight: bold;
}

dl.comment dd {
	display: block;
	border: 2px solid #d5d0c1;
	border-top: none;
	margin-top: 22px;
	padding: 10px 15px 10px 70px;
}

/* -------------- Taster Auswertung: Ranking ------------------ */
dl.ranking {
	display: block;
	margin: 15px 13px 0 22px;
}

dl.ranking dt {
	display: block;
	width: 260px;
	height: 112px;
	float: left;
	background: no-repeat 10px 10px;
	overflow: hidden;
	background-color: #efe9d7;
	text-align: left;
}

dl.ranking dt p {
	padding-top: 40px;
	font-family: Georgia, Helvetica, sans-serif !important;
	color: #680102 !important;
}

dl.ranking dt strong {
	display: block;
	float: none;
	text-align: left;
	font-size: 16px;
	font-family: Georgia, Helvetica, sans-serif !important;
}

dl.ranking dd {
	display: block;
	width: 319px;
	height: 112px;
	overflow: hidden;
	float: left;
	background-color: #efe9d7;
}

dl.ranking dd h3 {
	margin-top: 10px;
}

dl.ranking dd p {
	margin-top: 10px;
}

ul li a.active {
	background-color: #ddd8b6 !important;
}