/* Grundstruktur
 * -------------------------------------------------------------------------- */
div.box_top {
	padding: 20px 0 20px 0;
}

div.box_inner {
	background: url("../img/bg_box_top.png") repeat-y;
	margin: 0;
	position: relative;
}

div.box_inner_sub {
	background: url("../img/bg_box_top_sub.png") repeat-y;
}


/* 2 Spaltiger Content (Unterseite)
 * ------------------------------------------------------------------------- */
div.content_left,
div.content_middle {
	float: left;
	overflow: hidden;
	width: 305px;
	position: relative;
}

div.content_left {
	padding: 0 0 0 20px;
}

div.content_middle {
	margin: 0 0 0 20px;
	padding: 0 0 0 0;
	width: 636px;
}

div.content_middle ul {
    margin: 17px 0 0 50px;
    padding: 0;
}

div.content_middle li {
    margin: 0;
    padding: 0 0 0 5px;
}

dl.teaser_content_left,
dl.teaser_content_right {
	height: 192px;
	width: 307px;
	float: left;
	overflow: hidden;
	display: block;
	list-style: none;
	border-top: 20px solid #fff;
	margin: 20px 0 0 0 !important;
	padding: 0 !important;
	border-right: 21px solid #fff;
}

dl.teaser_content_right {
	border-right: none;
}

dl.teaser_content_left dt,
dl.teaser_content_right dt {
	display: none;
}

dl.teaser_content_left p,
dl.teaser_content_right p {
    margin-left: 10px;
}

/* Tee Blog
 * ------------------------------------------------------------------------- */
div.serendipity_calendar_plugin,
div.serendipity_quicksearch_plugin form {
    padding: 0 0 0 17px;
}

div.sidebar_teaser {
    padding-bottom: 20px;
}

div.serendipity_html_nugget_plugin p {
    margin-top: 0;
}

div.blogHr {
    background: url("/templates/default/img/blog/blog_hyphen.png") no-repeat 17px bottom;
    padding-bottom: 10px;
}

div.sidebar_teaser h3 {
    font-size: 16px;
    margin: 0;
    padding: 20px 0 0 17px;
}

input.serendipityQuickSearchTermField {
    border: 1px solid #9b9b9b;
}

div.serendipity_quicksearch_plugin {
    margin-top: 10px;
}

table.serendipity_calendar {
    margin-top: 10px;
    padding: 10px;
    background-color: #E8E8D8;
}

form#searchform input,
form#serendipity_comment input,
form#serendipity_comment textarea,
form#serendipity_comment select {
    border-top: 1px solid #9b9b9b;
    border-bottom: 1px solid #DEDEDE;
    border-left: 1px solid #9b9b9b;
    border-right: 1px solid #DEDEDE;
}

form#serendipity_comment input.btn {
	border: none;
}

div.serendipity_commentDirection {
    padding: 0 0 0 17px;
    line-height: 18px;
}

div.serendipity_commentDirection img.captcha {
    padding: 15px 0 0 0;
    float: left;
    overflow: hidden;
    margin-right: 10px;
}

textarea.blog {
    width: 300px;
}

input.blog {
    width: 294px;
}

div.serendipity_comment_emoticate {
	margin-top: 10px;
}

form#serendipity_comment table {
	margin: 15px 0 0 17px;
}

form#serendipity_comment td {
	padding: 2px 90px 0 0;
}

form#serendipity_comment select {
    width: 302px;
    height: 28px;
    padding: 4px;
}

input#captcha {
    padding: 2px;
    width: 100px;
    font-size: 11px;
}

form#serendipity_comment input.button {
	border: none;
}

input.button_send {
	background: url("/templates/default/img/buttons/kommentar_abschicken.png") no-repeat;
	height: 25px;
	width: 163px;
}

input.button_vorschau {
	background: url("/templates/default/img/buttons/vorschau.png") no-repeat;
	height: 25px;
	width: 83px;
}

input#checkbox_remember,
input#checkbox_subscribe {
    width: 20px;
    line-height: 18px;
}

/* Kontaktformular
 * ------------------------------------------------------------------------- */
form.contact_form  {
    padding-bottom: 20px;
    display: block;
    overflow: hidden;
}

form.contact_form input,
form.contact_form textarea {
    border: 1px solid #9b9b9b;
    border-bottom: 1px solid #dedede;
    border-right: 1px solid #dedede;
}

form.contact_form input,
form.contact_form textarea {
    float: right;
    margin-right: 150px;
    width: 294px;
}

textarea#contact_message {
    width: 300px;
    margin-right: 150px;
}

form.contact_form input.btn {
    height: 25px;
    width: 69px;
    border: none;
    margin: 20px 380px 0 0;
}

/* Tee Taster
 * ------------------------------------------------------------------------- */
p.video {
	padding: 20px 0 20px 0;
	text-align: center;
}

div.content_middle ul.test_list {
	list-style: none;
	margin: 17px 0 0 20px;
}

ul.test_list li {
    background: url("/templates/default/img/blog/blog_hyphen.png") no-repeat;
    height: 48px;
    padding: 0 0 0 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

ul.test_list a {
    background: url("../img/tea-taster/teecup.png") no-repeat;
	padding: 0 0 30px 60px;
	margin: 0 0 0 0;
    overflow: hidden;
    display: block;
}

ul.test_list p {
    padding: 20px 0 0 0;
    margin: 0;
    line-height: 14px;
}

ul.test_list a img {
    position: absolute;
    top: 15px;
    left: 520px;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

ul.finished span {
    background: url("../img/tea-taster/ok.png") no-repeat;
    padding: 0 0 30px 45px;
	margin: 0;
    overflow: hidden;
    display: block;
}

table.overview {
	margin: 15px 0 0 17px;
	width: 600px;
	background: url("/templates/default/img/blog/blog_hyphen.png") no-repeat left bottom;
}

table.overview tr {
    background: url("/templates/default/img/blog/blog_hyphen.png") no-repeat;
    padding: 10px 0 10px 0;
    height: 25px;
}

ul.js_form {
	list-style: none;
}

ul.js_form li {
	float: left;
	overflow: hidden;
}

form#form_login input,
form#new_testreihe input,
form#new_testreihe select,
div.question textarea,
form#edit_user input,
form#edit_user select {
    border-top: 1px solid #9B9B9B;
    border-left: 1px solid #9B9B9B;
    border-bottom: 1px solid #DEDEDE;
    border-right: 1px solid #DEDEDE;
    height: 20px;
    width: 200px;
}

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

ul.js_form li.on {
    background: url("/templates/default/img/tea-taster/cup_on.jpg") no-repeat;
}

form#edit_user select,
form#edit_user input,
form.default input {
    float: right;
    margin-right: 100px;
    width: 200px;
}

img.tt_werden,
form.backend_form input.save,
form#edit_user input#save {
    margin-bottom: 17px;
}

div.overview_content {
    margin-right: 20px;
}

input#btn_go {
    margin: 0 0 -7px 0;
}

div#mask {
    margin: 0;
    height: 385px;
    width: 634px;
}

p.lost_password {
    padding: 0 0 20px 152px;
}

div#mask div.col {
    width: 634px;
    height: 386px;
    margin: 0;
}

/**
 * Tea Taster werden - Formular
 **/
form.become_teataster input,
form.default input#email {
    border-top: 1px solid #9B9B9B;
    border-left: 1px solid #9B9B9B;
    border-bottom: 1px solid #DEDEDE;
    border-right: 1px solid #DEDEDE;
    height: 20px;
}

form.default input#email {
    margin-right: 300px;
}

form.become_teataster input#email {
    margin-right: 33px;
}

div.overview_content form.become_teataster input.checkbox {
    height: 20px;
}

form.lost_password input.btn {
    padding-right: 10px;
    margin-top: 0 !important;
}

form.become_teataster input {
    width: 250px;
    margin: 0 0 5px 0;
    padding: 3px 0 0 3px;
    float: right;
    overflow: hidden;
    margin-right: 33px;
}

form.become_teataster dl.block_teaser dt {
    padding-left: 17px;
    background: #494105;
    color: #fff;
    font-size: 17px;
    padding: 3px 3px 3px 17px;
    margin: 15px 0 0 17px;
    position: relative;
}

form.become_teataster dl.block_teaser dd {
    margin: 0 0 17px 17px;
    background: #ededdf;
    padding-bottom: 17px;
}

form.become_teataster ul.list-style {
    padding: 15px 0 0 17px;
    margin: 0;
    list-style: none;
    position: relative;
}

form.become_teataster ul.list-style div {
    float: left;
    overflow: hidden;
    width: 50%;
}

form.become_teataster ul.list-style div.input-box-empty {
    height: 50px;
}

div.checkbox {
    margin: 10px 0 0 0;
}

div.checkbox p {
    line-height: 10px;
}

form.become_teataster input.btn {
    height: 25px;
    width: 173px;
    padding-top: 10px;
}

/* Tee Taster - Adminbereich
 * ------------------------------------------------------------------------- */
table.testreihen,
table#E8Base_Auth_userTable {
    background: #EDEDDF;
    margin: 15px 0 17px 17px;
    border: 1px solid #E8E8D8;
}

table.testreihen tr th,
table.testreihen tr.alternate,
table#E8Base_Auth_userTable tr th,
table#E8Base_Auth_userTable tr.alternate {
    background: #E8E8D8;
}

table.testreihen tr th,
table#E8Base_Auth_userTable tr th {
    height: 25px;
}

table.testreihen td,
table.testreihen th,
table#E8Base_Auth_userTable td,
table#E8Base_Auth_userTable th {
    padding: 0 0 0 5px;
}

form#new_testreihe input,
form#new_testreihe select {
    width: 250px;
    float: right;
}

form#new_testreihe select {
    width: 100px;
}

form#new_testreihe input#save,
form#edit_user input#save,
form.default input.checkbox,
form.default input.btn {
    width: auto;
    border: none;
}

form#new_testreihe {
    margin-right: 7px;
}

form.default input.btn,
form#new_testreihe input#save {
    margin: 20px 0 17px 0;
}

form#form_login input {
    float: right;
    margin-right: 250px;
}

form#form_login input.anmelden {
    float: none;
    margin: 18px 0 0 150px;
}

/* Unternavigation
 * ------------------------------------------------------------------------- */
ul#subnavi {
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
	display: block;
}

ul#subnavi li {
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #fff;
	overflow: hidden;
	display: block;
}

ul#subnavi li a,
ul#subnavi li a:active,
ul#subnavi li a:visited {
	font-size: 12px;
	font-weight: bold;
	font-style: italic;
	color: #675e26;
	padding: 0 0 0 17px;
	margin: 0;
	background: #eeece0 url("../img/shop/bullet.png") no-repeat;
	line-height: 25px;
	height: 25px;
	display: block;
}

ul#subnavi li a,
ul#subnavi li a:active,
ul#subnavi li a:visited,
ul#subnavi li a:hover {
	text-decoration: none;
}

ul#subnavi li a:hover,
ul#subnavi li.active,
ul#subnavi li a.active,
ul#subnavi li.active a,
ul#subnavi li.active a:visited,
ul#subnavi li.active a:active {
	background: #670000 url("../img/shop/bullet_hover.png") no-repeat !important;
	color: #fff !important;
}

ul#subnavi li ul {
    display: none;
    visibility: hidden;
}

ul#subnavi li.active ul {
    display: block;
    visibility: visible;
    margin: 0;
    padding: 0;
}

ul#subnavi ul li {
	height: 20px;
	padding: 0;
	margin: 0;
	border-bottom: 0;
	border-top: 1px solid #fff;
}

ul#subnavi li ul li a,
ul#subnavi li ul li a:active,
ul#subnavi li ul li a:visited,
ul#subnavi li.active ul li a,
ul#subnavi li.active ul li a:active,
ul#subnavi li.active ul li a:visited {
	background: #f2f3e6 url("../img/info/bullet_layer.png") no-repeat 25px 7px !important;
	font-size: 11px !important;
	color: #670000 !important;
	font-weight: normal !important;
	margin: 0 !important;
	padding: 0 0 0 35px !important;
	line-height: 20px !important;
}

ul#subnavi li ul li.active a,
ul#subnavi li ul li a:hover,
ul#subnavi li.active ul li.hover a,
ul#subnavi li ul li.active a:hover,
ul#subnavi li ul li.active a:active,
ul#subnavi li ul li.active a:visited {
	background: #dfe0d3 url("../img/info/bullet_layer_hover.png") no-repeat 25px 7px !important;
	font-size: 11px !important;
	color: #670000 !important;
	font-weight: normal !important;
	margin: 0 !important;
	padding: 0 0 0 35px !important;
	line-height: 20px !important;
}

/**
 * Tee FAQ
 */
ul#navi_inline {
    list-style: none;
    display: block;
    padding: 0 20px 0 0;
}

ul#navi_inline li {
    padding: 0;
}

ul#navi_inline li a,
ul#navi_inline li a:active,
ul#navi_inline li a:visited,
ul#navi_inline li a:hover {
    display: block;
    background-color: #e5e3d6;
    height: 28px;
    line-height: 28px;
    color: #660000;
    padding: 0 0 0 5px;
}

ul#navi_inline li.alt_odd a,
ul#navi_inline li.alt_odd a:active,
ul#navi_inline li.alt_odd a:visited,
ul#navi_inline li.alt_odd a:hover {
    background-color: #f2f2e6;
}

ul#navi_inline li a:hover,
ul#navi_inline li.alt_odd a:hover {
    background-color: #660000;
    color: #fff;
}

/**
 * Tee Lexikon
 */
ul#navi_lexikon {
    list-style: none;
    display: block;
    margin: 0 0 0 17px;
    padding: 0;
}

ul#navi_lexikon li {
    float: left;
    display: block;
    width: auto;
    padding: 0;
    margin: 0;
    line-height: 33px;
    height: 40px;
}

ul#navi_lexikon li a,
ul#navi_lexikon li a:active,
ul#navi_lexikon li a:visited,
ul#navi_lexikon li a:hover {
    background: url("../img/li_lexikon.jpg") repeat-x 0 0;
    padding: 0 7px 0 7px;
    line-height: 33px;
    height: 40px;
    float: left;
    width: auto;
    display: block;
}

ul#navi_lexikon li a:hover {
    background: url("../img/li_lexikon_hover.png") no-repeat center top;
}

ul#navi_lexikon li.active a,
ul#navi_lexikon li.active a:active,
ul#navi_lexikon li.active a:visited,
ul#navi_lexikon li.active a:hover {
    color: #fff;
    background: url("../img/li_lexikon_active.png") no-repeat center top;
}