html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

*:focus { outline: 0; }

body { line-height: 1em; color: black; background: #fff; }

#content .CEwrap {overflow: hidden;}

ol, ul { list-style: none; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; vertical-align: middle; }

caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }

q, blockquote { quotes: "" ""; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; }

img a { border: none; }

/* Default Regeln des CSS Frameworks Blueprint */
body { line-height: 1.5; font-family: Helvetica Neue, Arial, Helvetica, sans-serif; color: black; font-size: 75%; }

h1 { font-weight: normal; color: black; font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
h1 img { margin: 0; }

h2 { font-weight: normal; color: black; font-size: 2em; margin-bottom: 0.75em; }

h3 { font-weight: normal; color: black; font-size: 1.5em; line-height: 1; margin-bottom: 1em; }

h4 { font-weight: normal; color: black; font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }

h5 { font-weight: normal; color: black; font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }

h6 { font-weight: normal; color: black; font-size: 1em; font-weight: bold; }

h2 img, h3 img, h4 img, h5 img, h6 img { margin: 0; }

p { margin: 0 0 1.5em; }
p img.left { display: inline; float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { display: inline; float: right; margin: 1.5em 0 1.5em 1.5em; padding: 0; }

a { text-decoration: underline; color: #666666; }
a:visited { color: #333333; }
a:focus { color: #666666; }
a:hover { color: #666666; }
a:active { color: #ff6666; font-weight: bold; }

blockquote { margin: 1.5em; color: #666; font-style: italic; }

strong { font-weight: bold; }

em { font-style: italic; }

dfn { font-style: italic; font-weight: bold; }

sup, sub { line-height: 0; }

abbr, acronym { border-bottom: 1px dotted #666; }

address { margin: 0 0 1.5em; font-style: italic; }

del { color: #666; }

pre { margin: 1.5em 0; white-space: pre; }

pre, code, tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }

li ul, li ol { margin: 0 1.5em; }

ul { margin: 0 1.5em 1.5em 1.5em; list-style-type: disc; }

ol { margin: 0 1.5em 1.5em 1.5em; list-style-type: decimal; }

dl { margin: 0 0 1.5em 0; }
dl dt { font-weight: bold; }

dd { margin-left: 1.5em; }

table { margin-left: 1px; margin-bottom: 1.4em; width: 98%; }

th { font-weight: bold; }

thead th { background: #c3d9ff; }

th, td, caption { padding: 4px 10px 4px 5px; }

tr.even td { background: #e5ecf9; }

tfoot { font-style: italic; }

caption { background: #eee; }

.quiet { color: #333333; }

.loud { color: black; }

.clear { clear: both; }

.nowrap { white-space: nowrap; }

.clearfix { overflow: hidden; display: inline-block; }
.clearfix { display: block; }

.small { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }

.large { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }

.first { margin-left: 0; padding-left: 0; }

.last { margin-right: 0; padding-right: 0; }

.top { margin-top: 0; padding-top: 0; }

.bottom { margin-bottom: 0; padding-bottom: 0; }

.container { width: 950px; margin: 0 auto; overflow: hidden; display: inline-block; }
.container { display: block; }

.column, div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, div.span-21, div.span-22, div.span-23, div.span-24 { display: inline; float: left; margin-right: 10px; }
* html .column, * html div.span-1, * html div.span-2, * html div.span-3, * html div.span-4, * html div.span-5, * html div.span-6, * html div.span-7, * html div.span-8, * html div.span-9, * html div.span-10, * html div.span-11, * html div.span-12, * html div.span-13, * html div.span-14, * html div.span-15, * html div.span-16, * html div.span-17, * html div.span-18, * html div.span-19, * html div.span-20, * html div.span-21, * html div.span-22, * html div.span-23, * html div.span-24 { overflow-x: hidden; }

.last, div.last { margin-right: 0; }

.span-1 { width: 30px; }

.span-2 { width: 70px; }

.span-3 { width: 110px; }

.span-4 { width: 150px; }

.span-5 { width: 190px; }

.span-6 { width: 230px; }

.span-7 { width: 270px; }

.span-8 { width: 310px; }

.span-9 { width: 350px; }

.span-10 { width: 390px; }

.span-11 { width: 430px; }

.span-12 { width: 470px; }

.span-13 { width: 510px; }

.span-14 { width: 550px; }

.span-15 { width: 590px; }

.span-16 { width: 630px; }

.span-17 { width: 670px; }

.span-18 { width: 710px; }

.span-19 { width: 750px; }

.span-20 { width: 790px; }

.span-21 { width: 830px; }

.span-22 { width: 870px; }

.span-23 { width: 910px; }

.span-24, div.span-24 { width: 950px; margin: 0; }

input.span-1, textarea.span-1, select.span-1 { width: 30px !important; }
input.span-2, textarea.span-2, select.span-2 { width: 70px !important; }
input.span-3, textarea.span-3, select.span-3 { width: 110px !important; }
input.span-4, textarea.span-4, select.span-4 { width: 150px !important; }
input.span-5, textarea.span-5, select.span-5 { width: 190px !important; }
input.span-6, textarea.span-6, select.span-6 { width: 230px !important; }
input.span-7, textarea.span-7, select.span-7 { width: 270px !important; }
input.span-8, textarea.span-8, select.span-8 { width: 310px !important; }
input.span-9, textarea.span-9, select.span-9 { width: 350px !important; }
input.span-10, textarea.span-10, select.span-10 { width: 390px !important; }
input.span-11, textarea.span-11, select.span-11 { width: 430px !important; }
input.span-12, textarea.span-12, select.span-12 { width: 470px !important; }
input.span-13, textarea.span-13, select.span-13 { width: 510px !important; }
input.span-14, textarea.span-14, select.span-14 { width: 550px !important; }
input.span-15, textarea.span-15, select.span-15 { width: 590px !important; }
input.span-16, textarea.span-16, select.span-16 { width: 630px !important; }
input.span-17, textarea.span-17, select.span-17 { width: 670px !important; }
input.span-18, textarea.span-18, select.span-18 { width: 710px !important; }
input.span-19, textarea.span-19, select.span-19 { width: 750px !important; }
input.span-20, textarea.span-20, select.span-20 { width: 790px !important; }
input.span-21, textarea.span-21, select.span-21 { width: 830px !important; }
input.span-22, textarea.span-22, select.span-22 { width: 870px !important; }
input.span-23, textarea.span-23, select.span-23 { width: 910px !important; }
input.span-24, textarea.span-24, select.span-24 { width: 950px !important; }

.append-1 { padding-right: 40px; }

.append-2 { padding-right: 80px; }

.append-3 { padding-right: 120px; }

.append-4 { padding-right: 160px; }

.append-5 { padding-right: 200px; }

.append-6 { padding-right: 240px; }

.append-7 { padding-right: 280px; }

.append-8 { padding-right: 320px; }

.append-9 { padding-right: 360px; }

.append-10 { padding-right: 400px; }

.append-11 { padding-right: 440px; }

.append-12 { padding-right: 480px; }

.append-13 { padding-right: 520px; }

.append-14 { padding-right: 560px; }

.append-15 { padding-right: 600px; }

.append-16 { padding-right: 640px; }

.append-17 { padding-right: 680px; }

.append-18 { padding-right: 720px; }

.append-19 { padding-right: 760px; }

.append-20 { padding-right: 800px; }

.append-21 { padding-right: 840px; }

.append-22 { padding-right: 880px; }

.append-23 { padding-right: 920px; }

.prepend-1 { padding-left: 40px; }

.prepend-2 { padding-left: 80px; }

.prepend-3 { padding-left: 120px; }

.prepend-4 { padding-left: 160px; }

.prepend-5 { padding-left: 200px; }

.prepend-6 { padding-left: 240px; }

.prepend-7 { padding-left: 280px; }

.prepend-8 { padding-left: 320px; }

.prepend-9 { padding-left: 360px; }

.prepend-10 { padding-left: 400px; }

.prepend-11 { padding-left: 440px; }

.prepend-12 { padding-left: 480px; }

.prepend-13 { padding-left: 520px; }

.prepend-14 { padding-left: 560px; }

.prepend-15 { padding-left: 600px; }

.prepend-16 { padding-left: 640px; }

.prepend-17 { padding-left: 680px; }

.prepend-18 { padding-left: 720px; }

.prepend-19 { padding-left: 760px; }

.prepend-20 { padding-left: 800px; }

.prepend-21 { padding-left: 840px; }

.prepend-22 { padding-left: 880px; }

.prepend-23 { padding-left: 920px; }

.pull-1, .pull-2, .pull-3, .pull-4, .pull-5, .pull-6, .pull-7, .pull-8, .pull-9, .pull-10, .pull-11, .pull-12, .pull-13, .pull-14, .pull-15, .pull-16, .pull-17, .pull-18, .pull-19, .pull-20, .pull-21, .pull-22, .pull-23, .pull-24 { display: inline; float: left; position: relative; }

.pull-1 { margin-left: -40px; }

.pull-2 { margin-left: -80px; }

.pull-3 { margin-left: -120px; }

.pull-4 { margin-left: -160px; }

.pull-5 { margin-left: -200px; }

.pull-6 { margin-left: -240px; }

.pull-7 { margin-left: -280px; }

.pull-8 { margin-left: -320px; }

.pull-9 { margin-left: -360px; }

.pull-10 { margin-left: -400px; }

.pull-11 { margin-left: -440px; }

.pull-12 { margin-left: -480px; }

.pull-13 { margin-left: -520px; }

.pull-14 { margin-left: -560px; }

.pull-15 { margin-left: -600px; }

.pull-16 { margin-left: -640px; }

.pull-17 { margin-left: -680px; }

.pull-18 { margin-left: -720px; }

.pull-19 { margin-left: -760px; }

.pull-20 { margin-left: -800px; }

.pull-21 { margin-left: -840px; }

.pull-22 { margin-left: -880px; }

.pull-23 { margin-left: -920px; }

.pull-24 { margin-left: -960px; }

.push-1, .push-2, .push-3, .push-4, .push-5, .push-6, .push-7, .push-8, .push-9, .push-10, .push-11, .push-12, .push-13, .push-14, .push-15, .push-16, .push-17, .push-18, .push-19, .push-20, .push-21, .push-22, .push-23, .push-24 { display: inline; float: right; position: relative; }

.push-1 { margin: 0 -40px 1.5em 40px; }

.push-2 { margin: 0 -80px 1.5em 80px; }

.push-3 { margin: 0 -120px 1.5em 120px; }

.push-4 { margin: 0 -160px 1.5em 160px; }

.push-5 { margin: 0 -200px 1.5em 200px; }

.push-6 { margin: 0 -240px 1.5em 240px; }

.push-7 { margin: 0 -280px 1.5em 280px; }

.push-8 { margin: 0 -320px 1.5em 320px; }

.push-9 { margin: 0 -360px 1.5em 360px; }

.push-10 { margin: 0 -400px 1.5em 400px; }

.push-11 { margin: 0 -440px 1.5em 440px; }

.push-12 { margin: 0 -480px 1.5em 480px; }

.push-13 { margin: 0 -520px 1.5em 520px; }

.push-14 { margin: 0 -560px 1.5em 560px; }

.push-15 { margin: 0 -600px 1.5em 600px; }

.push-16 { margin: 0 -640px 1.5em 640px; }

.push-17 { margin: 0 -680px 1.5em 680px; }

.push-18 { margin: 0 -720px 1.5em 720px; }

.push-19 { margin: 0 -760px 1.5em 760px; }

.push-20 { margin: 0 -800px 1.5em 800px; }

.push-21 { margin: 0 -840px 1.5em 840px; }

.push-22 { margin: 0 -880px 1.5em 880px; }

.push-23 { margin: 0 -920px 1.5em 920px; }

.push-24 { margin: 0 -960px 1.5em 960px; }

.showgrid { background: url('/images/grid.png?1245231589'); }

.error { padding: .8em; margin-bottom: 1em; border: 2px solid #dddddd; background: #fbe3e4; color: #8a1f11; border-color: #fbc2c4; }
.error a { color: #8a1f11; }

.notice { padding: .8em; margin-bottom: 1em; border: 2px solid #dddddd; background: #fff6bf; color: #514721; border-color: #ffd324; }
.notice a { color: #514721; }

.success { padding: .8em; margin-bottom: 1em; border: 2px solid #dddddd; background: #e6efc2; color: #264409; border-color: #c6d880; }
.success a { color: #264409; }

.hide { display: none; }

.highlight { background: yellow; }

.added { background: #006600; color: white; }

.removed { background: #990000; color: white; }

label { font-weight: bold; }

fieldset { padding: 1.4em; margin: 0 0 1.5em 0; }

legend { font-weight: bold; font-size: 1.2em; }

input.text, input.title, input[type=text] { margin: 0.5em 0; background-color: #fff; padding: 5px; }
input.title { font-size: 1.5em; }
input[type=checkbox], input.checkbox, input[type=radio], input.radio { position: relative; top: 0.25em; }

textarea { margin: 0.5em 0; padding: 5px; }

select { margin: 0.5em 0; }

fieldset { border: 1px solid #cccccc; }

input.text, input.title, textarea, select { border: 1px solid #bbbbbb; }
input.text:focus, input.title:focus, textarea:focus, select:focus { border: 1px solid #666666; }

input.text, input.title { width: 300px; }

textarea { width: 390px; height: 250px; }

/* Theobroma CSS Rules */
body { line-height: 1.5; font-family: Helvetica Neue, Verdana, Helvetica, sans-serif; color: black; font-size: 75%; background: #360000 url("../images/trees_bg.jpg") no-repeat top center; }

/* defaults */
a { text-decoration: underline; }

a:hover, a:active { color: #000000; }

h1 { font-size: 2em; margin-bottom: 0.3em; }

h2 { font-size: 1.5em; margin-bottom: 0.3em; }

h3 { font-size: 1.3em; margin-bottom: 0.2em; }

h4 { font-size: 1.1em; margin-bottom: 0.15em; }

.right { float: right; }

.left { float: left; }

.btn a { text-decoration: none; color: #000000; }
.btn a:hover, .btn a:active { text-decoration: none; }

/* Site Structure Elements */
#wrapper { width: 950px !important; background-color: #ffffff; margin: 0 auto; }

#content { width: 950px; margin: 0 auto; overflow: hidden; display: inline-block; }
#content { display: block; }

#content { display: inline-block; }
#content #sidebar-left { display: inline; float: left; margin-right: 10px; width: 150px; margin-top: 30px; }
* html #content #sidebar-left { overflow-x: hidden; }
#content #main { display: inline; float: left; margin-right: 10px; width: 630px; margin-top: 30px; }
* html #content #main { overflow-x: hidden; }
#content #sidebar-right { display: inline; float: left; margin-right: 0; width: 150px; }
* html #content #sidebar-right { overflow-x: hidden; }

.link-black a { color: #000000; }

/* News Background, Header, colors */
body.news { background-color: #360000; }
body.news #header { background: #ffffff url("../images/bg_info.jpg") no-repeat top left; }
body.news .news-color { color: #6499ab; }
body.news .news-bg-color { background-color: #6499ab; }
body.news .news-bg-dark-color { background-color: #6499ab; }
body.news .news-bg-light-color { background-color: #f4dbcd; }

/* Wissen Background, Header, colors */
body.wissen { background-color: #360000; }
body.wissen #header { background: #ffffff url("../images/bg_info.jpg") no-repeat top left; }
body.wissen .wissen-color { color: #827974; }
body.wissen .wissen-bg-color { background-color: #827974; }
body.wissen .wissen-bg-dark-color { background-color: #827974; }
body.wissen .wissen-bg-light-color { background-color: #dfd3cd; }

/* Guide Background, Header, colors */
body.guide { background-color: #360000; }
body.guide #header { background: #ffffff url("../images/bg_info.jpg") no-repeat top left; }
body.guide .guide-color { color: #6b564a; }
body.guide .guide-bg-color { background-color: #dbbead; }
body.guide .guide-bg-dark-color { background-color: #6b564a; }
body.guide .guide-bg-light-color { background-color: #f4dbcd; }

/* Forum Background, Header, colors */
body.forum { background-color: #360000; }
body.forum #header { background: #ffffff url("../images/bg_info.jpg") no-repeat top left; }
body.forum .forum-color { color: #cccc99; }
body.forum .forum-bg-color { background-color: #cccc99; }
body.forum .forum-bg-dark-color { background-color: #cccc99; }
body.forum .forum-bg-light-color { background-color: #f4dbcd; }

/* contact Background, Header, colors */
body.contact { background-color: #360000; }
body.contact #header { background: #ffffff url("../images/bg_info.jpg") no-repeat top left; }
body.contact .contact-color { color: #c0a090; }
body.contact .contact-bg-color { background-color: #c0a090; }
body.contact .contact-bg-dark-color { background-color: #c0a090; }
body.contact .contact-bg-light-color { background-color: #f4dbcd; }

body.news #sidebar-right { margin-top: 0px; }

/* Header Elements */
#header { width: 950px !important; height: 196px; }
#header #logo { text-align: center; width: 134px; height: 160px; background: #360000 url("../images/logo_theobroma_bg.png") no-repeat top left; margin-left: 15px; }
#header #logo img { margin: 10px 10px 10px 10px; padding: 0; }
#header #logo h1 { color: #efd7c5; font-size: 1.1em; line-height: 1.2em; font-weight: bold; margin: 0; padding: 0; }
#header #logo h1 a { color: #efd7c5; text-decoration: none; }

/* Main Navigation */
/* Main Navigation Colors */
#main-nav .news-color { background-color: #6499ab; }
#main-nav .shop-color { background-color: #a1c1cc; }
#main-nav .wissen-color { background-color: #827974; }
#main-nav .guide-color { background-color: #6b564a; }
#main-nav .forum-color { background-color: #cccc99; }
#main-nav .contact-color { background-color: #c0a090; }

* body #main-nav { background-color: #000000; }

/* Main Navigation Settings */
#main-nav { position: relative; float: left; display: block; clear: both; width: 950px !important; }
#main-nav ul { width: 950px !important; list-style: none; margin: 0; padding: 0; }
#main-nav ul li { float: left; width: 162px; height: 30px; line-height: 30px; margin: 0; padding: 0; background-image: url("../images/arrow.gif"); background-repeat: no-repeat; background-position: center right; }
#main-nav ul li a { text-decoration: none; }
#main-nav ul li a:hover { font-weight: bold; text-decoration: none; }
#main-nav ul li span { display: block; margin-left: 10px; font-size: 1.4em; color: white; }
#main-nav ul li.active a { text-decoration: none; font-weight: bold; }
#main-nav ul .first, #main-nav ul .last { width: 150px; }
#main-nav ul .fix-it { width: 164px; }
#main-nav .home-link { position: absolute; left: -24px; top: 0; overflow: hidden; height: 30px; }
#main-nav .home-link a { display: block; }
#main-nav .lang-select { position: absolute; overflow: hidden; left: 950px; height: 30px; width: 55px; background-color: #000000; color: #ffffff; }
#main-nav .lang-select a { line-height: 30px; padding: 0 5px; color: #ffffff; float: left; display: block; width: 15px; }
#main-nav .lang-select .divider { line-height: 30px; color: #ffffff; float: left; display: block; width: 5px; }

body #main { margin-top: 20px; }
body #main h1 { font-size: 1.8em; font-weight: bold; color: #ffffff; padding: 3px 25px 3px 5px; background-image: url("../images/arrow.gif"); background-repeat: no-repeat; background-position: center right; }
body #main h2 { padding: 1px 25px 1px 5px; }
body #main .CEwrap { margin-bottom: 1em; }
body #main hr { background-image: url("../images/dottet_line.gif"); background-repeat: repeat-x; background-position: bottom left; border: solid 0px; }

body.wissen #main h1 { background-color: #827974; }
body.wissen #main h2 { background-color: #dfd3cd; }

body.guide #main h1 { background-color: #6b564a; }
body.guide #main h2 { background-color: #f4dbcd; }

body.contact #main h1 { background-color: #c0a090; }
body.contact #main h2 { background-color: #f4dbcd; }

body.news #main h1 { background-color: #6499AB; }
body.news #main h2 { background-color: #6499AB; }

/* Sidebars */
.sidebar a { text-decoration: none; }
.sidebar ul { list-style: none; margin: 0; padding: 0; }
.sidebar ul li { margin: 0; padding: 0; }
.sidebar ul li a { display: block; padding: 0 5px; }
.sidebar .block { overflow: hidden; display: inline-block; margin-bottom: 10px; }
.sidebar .block { display: block; }
.sidebar .block h2 { padding: 0 25px 0 5px; background-image: url("../images/arrow.gif"); background-repeat: no-repeat; background-position: center right; }
.sidebar .block h3 { padding: 0 25px 0 5px; background-image: url("../images/arrow.gif"); background-repeat: no-repeat; background-position: center right; }
.sidebar img { margin: 5px; }
.sidebar .block-content { padding: 5px; }
.sidebar .block-nav { font-size: 1.1em; }

.block #menue ul { list-style: none; margin: 0; padding: 0; font-size: 1.2em; }
.block #menue ul li a { display: block; margin: 0; padding: 0 0 0 3px; }
.block #menue ul li a:hover, .block #menue ul li a:active { font-weight: bold; }
.block #menue ul li.active a, .block #menue ul li a.active { font-weight: bold; }

.block #menue ul li ul { list-style: none; margin: 0; padding: 0; font-size: 0.9em; }
.block #menue ul li ul li a { display: block; padding: 0 0 0 6px; }
.block #menue ul li.active ul li a { font-weight: normal; }
.block #menue ul li.active ul li a:hover, .block #menue ul li.active ul li a:active { font-weight: bold; }
.block #menue ul li.active ul li.active a, .block #menue ul li.active ul li a.active { font-weight: bold; }

.block #menue ul li ul li ul { list-style: none; font-size: 0.9em; }
.block #menue ul li ul li ul li a { display: block; padding: 0 0 0 9px; }
.block #menue ul li.active ul li.active ul li a, .block #menue ul li.active ul li ul li a.active { font-weight: normal; }

/* ColorNavi - News Menue */
body.news .block-content { padding: 0px; }
body.news #menue ul { background-color: #6499ab; }
body.news #menue ul li a { color: #ffffff; }

body.news #menue ul li ul { background-color: #f4dbcd; }
body.news #menue ul li ul li a { color: black; }

body.news #menue ul li ul li ul { background-color: #ffffff; }
body.news #menue ul li ul li ul li a { color: #666666; }
body.news #menue ul li.active ul li.active ul li a:hover, body.news #menue ul li.active ul li.active ul li a:active { color: #000000; }
body.news #menue ul li.active ul li.active ul li.active a { color: #000000; }

/* ColorNavi - Wissen Menue */
body.wissen .block-content { padding: 0px; }
body.wissen #menue ul { background-color: #827974; }
body.wissen #menue ul li a { color: #ffffff; }

body.wissen #menue ul li ul { background-color: #dfd3cd; }
body.wissen #menue ul li ul li a { color: black; }

body.wissen #menue ul li ul li ul { background-color: #ffffff; }
body.wissen #menue ul li ul li ul li a { color: #666666; }
body.wissen #menue ul li.active ul li.active ul li a:hover, body.wissen #menue ul li.active ul li.active ul li a:active { color: #000000; }
body.wissen #menue ul li.active ul li.active ul li.active a { color: #000000; }

/* ColorNavi - Guide Menue */
body.guide .block-content { padding: 0px; }
body.guide #menue ul { background-color: #6b564a; }
body.guide #menue ul li a { color: #ffffff; }

body.guide #menue ul li ul { background-color: #f4dbcd; }
body.guide #menue ul li ul li a { color: black; }

body.guide #menue ul li ul li ul { background-color: #ffffff; }
body.guide #menue ul li ul li ul li a { color: #666666; }
body.guide #menue ul li.active ul li.active ul li a:hover, body.guide #menue ul li.active ul li.active ul li a:active { color: #000000; }
body.guide #menue ul li.active ul li.active ul li.active a { color: #000000; }

/* ColorNavi - contact Menue */
body.contact .block-content { padding: 0px; }
body.contact #menue ul { background-color: #c0a090; }
body.contact #menue ul li a { color: #ffffff; }

body.contact #menue ul li ul { background-color: #f4dbcd; }
body.contact #menue ul li ul li a { color: black; }

body.contact #menue ul li ul li ul { background-color: #ffffff; }
body.contact #menue ul li ul li ul li a { color: #666666; }
body.contact #menue ul li.active ul li.active ul li a:hover, body.contact #menue ul li.active ul li.active ul li a:active { color: #000000; }
body.contact #menue ul li.active ul li.active ul li.active a { color: #000000; }

/* Sidebar Wissen */
.wissen-block h2 { color: #ffffff; background-color: #827974; }
.wissen-block h2 a { color: #ffffff; }
.wissen-block .block-nav a:hover, .wissen-block .block-nav a:active, .wissen-block .block-nav a.active { background-color: #827974; }

/* Sidebar Guide  */
.guide-block h2 { color: #ffffff; background-color: #6b564a; }
.guide-block h2 a { color: #ffffff; }
.guide-block .block-nav a:hover, .guide-block .block-nav a:active, .guide-block .block-nav a.active { background-color: #dbbead; }

/* Sidebar News  */
.news-block h2 { color: #ffffff; background-color: #6499AB; }
.news-block h2 a { color: #ffffff; }
.news-block .block-nav a:hover, .news-block .block-nav a:active, .news-block .block-nav a.active { background-color: #F4DBCD; }

/* Sidebar News  */
.contact-block h2 { color: #ffffff; background-color: #c0a090; }
.contact-block h2 a { color: #ffffff; }
.contact-block .block-nav a:hover, .contact-block .block-nav a:active, .contact-block .block-nav a.active { background-color: #f4dbcd; }

/* Sidebar Forum  */
.forum-block h2 { color: #ffffff; background-color: #cccc99; }
.forum-block h2 a { color: #ffffff; }
.forum-block h3 { color: #ffffff; background-color: #cccc99; }
.forum-block h3 a { color: #ffffff; }
.forum-block ul li { color: #333333; }
.forum-block ul li a { color: #cccc99; padding: 0; }
.forum-block ul li a:hover { text-decoration: underline; }
.forum-block a { color: #cccc99; }
.forum-block a:hover { text-decoration: underline; }

/* Sidebar Forum  */
.shop-block h2 { color: #ffffff; background-color: #a1c1cc; }
.shop-block h2 a { color: #ffffff; }
.shop-block ul li { color: #333333; }
.shop-block ul li a { color: #a1c1cc; padding: 0; }
.shop-block ul li a:hover { text-decoration: underline; }
.shop-block a { color: #336666; }
.shop-block a:hover { text-decoration: underline; }
.shop-block .price { color: #000000; font-size: 1.5em; float: right; }

.affiliate-block { background-color: #d9d7d5; }

#suche .searchform { background-color: #c1bcbc; }
#suche .searchform input[type="image"] { margin: 5px 0 0px 0; padding: 0; width: 13px; }
#suche .searchform input[type="text"] { background-color: #efefef; padding: 3px; margin: 5px 3px 5px 5px; border: #efefef solid 0px; width: 110px; }

/* Footer */
#footer { background-color: #360000; margin: 20px 0 0 0; width: 950px; margin: 0 auto; overflow: hidden; display: inline-block; background-image: url("../images/footer_bg.png"); background-repeat: no-repeat; background-position: top left; }
#footer { display: block; }
#footer .footer-block { display: inline; float: left; margin-right: 10px; width: 150px; }
* html #footer .footer-block { overflow-x: hidden; }
#footer .footer-block-last { display: inline; float: left; margin-right: 0; width: 150px; }
* html #footer .footer-block-last { overflow-x: hidden; }
#footer .block h3 { color: #ffffff; margin: 10px 0 0 5px; }
#footer .block .block-content { margin: 10px 5px 0 5px; }
#footer .block ul { list-style: none; margin: 0; padding: 0; }
#footer .block ul a:link, #footer .block ul a:visited { text-decoration: none; color: #ffffff; }
#footer .block ul a:hover, #footer .block ul a:active { text-decoration: underline; color: #ffffff; }

/* Change Default Typo Elements  */
/* The new Sidebar is only 150px width, images from Schoko-Guide need to be resized to 145px */
.sidebar .schokobanner th, .sidebar .schokobanner td, .sidebar .schokobanner caption { padding: 0; }

/* Content Elements */
/* Event List in sidebar */

ul.sidebar-event-list { list-style: none; margin: 0; }
ul.sidebar-event-list li { margin: 5px 0; }
ul.sidebar-event-list li .date { font-weight: bold; display: block; }
ul.sidebar-event-list li .time { display: block; }

/* Typo3 Newsblock "news-list-container-start" */
.news-list-container-start { background-color: #ffffff; }
.news-list-container-start h2 { color: #ffffff; overflow: hidden; display: inline-block; background-color: #6499ab; }
.news-list-container-start h2 { display: block; }
.news-list-container-start h2 span { width: 88%; padding-left: 2%; }
.news-list-container-start h2 .rss-icon { text-align: right; width: 10%; float: right; }
.news-list-container-start h2 .rss-icon img { padding: 5px; }
.news-list-container-start .news-list-singelitem-start { background-color: #ffffff; background-image: url("../images/dottet_line.gif"); background-repeat: repeat-x; background-position: bottom left; }
.news-list-container-start .news-list-singelitem-start .news-list-image-start { float: right; }
.news-list-container-start .news-list-singelitem-start h3.news-list-header-start { color: #000000; font-size: 1.2em; }
.news-list-container-start .news-list-singelitem-start h3.news-list-header-start a:link, .news-list-container-start .news-list-singelitem-start h3.news-list-header-start a:visited { text-decoration: none; color: #000000; }
.news-list-container-start .news-list-singelitem-start h3.news-list-header-start a:hover, .news-list-container-start .news-list-singelitem-start h3.news-list-header-start a:active { text-decoration: underline; color: #000000; }
.news-list-container-start .news-list-singelitem-start .news-list-date-start, .news-list-container-start .news-list-singelitem-start .news-list-author { font-size: 1em; }



/************** Schokoguide *****************/

.sgtabelle {
         border: 1px solid #121212;
         background-color: #EFEFEF;
         border-collapse: collapse;
         margin: 0px 0px 0px 1px;
         width: 98%;
}

.sgtabelle td {
         border: 1px solid #6B564A;
}

.sgtabelleLabel {
         background-color: #F4DBCD;
}

.sgtabelleProdukte {
         border: 1px solid #121212;
         background-color: #EFEFEF;
         border-collapse: collapse;
         margin: 0px 0px 0px 1px;
         width: 98%;
}

.sgtabelleProdukte td {
         border: 1px solid #6B564A;
}

.sgtabelleProdukte td h3 {
         font-size: 12px;
         font-weight: bold;
}

.sgtabelleMitte {
         background-color: #F4DBCD;
}










/*----------- Fronten User Registration -----------*/

.tx-srfeuserregister-pi1 legend {
   font-weight: bold;
   font-size: 0.8em;
   font-variant: small-caps;
   background-color: #9b7a39;
   border: 1px solid #e8e8e8;
   padding: 5px;
   color: #FFFFFF;
}

.tx-srfeuserregister-pi1 label {
   text-align: left;
}

.tx-srfeuserregister-pi1 fieldset {
   background-color: #cdbc9c;
   margin-bottom: 1px;
   padding: 5px;
   border: 1px solid #9b7a39;
}



/*----------- Fronten User Registration -----------*/

.tx-srfeuserregister-pi1 legend {
   font-weight: bold;
   font-size: 0.8em;
   font-variant: small-caps;
   background-color: #9b7a39;
   border: 1px solid #e8e8e8;
   padding: 5px;
   color: #FFFFFF;
}

.tx-srfeuserregister-pi1 label {
   text-align: left;
}

.tx-srfeuserregister-pi1 fieldset {
   background-color: #cdbc9c;
   margin-bottom: 1px;
   padding: 5px;
   border: 1px solid #9b7a39;
}

.tx-srfeuserregister-pi1 dt {
   width: 200px;
}

.tx-srfeuserregister-pi1 dd {
   width: 200px;
}

.tx-srfeuserregister-pi1-error {
   font-size: 10px;
}


/*-------------- New Login Box --------------*/

.tx-newloginbox-pi1 legend {
   color: #FFFFFF;
   font-weight: bold;
   font-size: 0.8em;
   font-variant: small-caps;
   background-color: #9b7a39;
   border: 1px solid #e8e8e8;
   padding: 5px;
   display: none;
}

.tx-newloginbox-pi1 fieldset {
   padding: 5px;
   border: 1px solid #C0A090;
}

.tx-newloginbox-pi1 label {
   text-align: left;
   width: 130px;
   display: block;
   float: left;
}

.fieldset_row {
   width: 500px;
   margin: 0px 0px 5px 0px;
}

.fieldset_row input {
   width: 200px;
   height: 18px;
   background-color: #EFEFEF;
   margin: 0px;
   padding: 0px;
   border: 1px solid #C0A090;
}

.fieldset_row input[type=submit] {
   width: 120px;
   height: 22px;
   border: 1px solid #C0A090;
   color: #827974;
}

/* ---------------- normales Loginform ------------------- */

table.csc-loginform td {
   margin: 0px;
   padding: 2px 0px 0px 5px;
   background-color: #827974;
}

table.csc-loginform input {
   width: 115px;
   height: 18px;
   background-color: #EFEFEF;
   margin: 0px;
   padding: 0px;
   border: none;
}

table.csc-loginform input[type=submit] {
   width: 80px;
   height: 22px;
   border: none;
   color: #827974;
   margin: 0px 0px 5px 0px;
}

table.csc-loginform p {
   margin: 0px;
   padding: 0px;
   font-size: 11px;
   color: #FFFFFF;
}

/* -------------------Schokoguide------------------- */


input.nr-schokoguide-lang {
   width: 200px;
}

input.nr-schokoguide-mittel {
   width: 150px;
   margin-right: 5px;
}

input.nr-schokoguide-kurz {
   width: 38px;
   margin-right: 5px;
}

a.infobox {
   border-bottom: 1px dashed #c30;
   text-decoration:none;
}

a.infobox:hover {
   cursor:help;
   color:#c30;
}

a.infobox span {
   visibility:hidden;
   position:absolute;
   left:-99em;
   margin-top:1.5em;
   padding:1em;
   text-decoration:none;
}

a.infobox:hover span {
   visibility:visible;
   left:380px;
   width:500px;
   border:1px solid #9B7A39;
   color:#900;
   background-color: #ffc;
}

table#schokoguide_editform {
   border: none;
}

table#schokoguide_editform tr {
   border: none;
}

table#schokoguide_editform td.SG_editform_left {
   border: none;
   text-align: right;
   vertical-align: top;
}

table#schokoguide_editform td.SG_editform_right {
   border: none;
   vertical-align: top;
}
/* ------- Schokoguide News-Termin Eintragen ------------------- */

input.newssubmit_input {
   width: 400px;
}

textarea.newssubmit_textarea {
   width: 400px;
   height: 150px;
   font-size: 12px;
   font-family: verdana;
   color: #000000;
   border: 1px solid #900;
   margin-left: 0px;
   margin-bottom: 3px;
}

/* ------------------------ Allgemeines -------------------------*/

label {
   font-family : verdana;
   font-size: 0.9em;
   color: black;
   margin: 10 0 0 0;
}

.csc-textpic-caption {
   font-size: 0.85em;
}

/* ---------------- Kalender ----------------- */

div.tx-skcalendar-pi1 table.listview {

}

div.tx-skcalendar-pi1 table.listview td {
    font-size: 12px;
}

div.tx-skcalendar-pi1 table.listview tr {

}

div.tx-skcalendar-pi1 table.listview tr.list_header {
   background-color: #DCB996;
}

table#noborder {
   border: none;
}

table#noborder tr {
   border: none;
   border-bottom: 1px solid #DCB996;
}

table#noborder td {
   border: none;
}

.calimage {
   float: right;
   margin-left: 10px;
}

/*----------- Newsletter Registration -----------*/

.newsletterregister legend {
   font-weight: bold;
   font-size: 0.8em;
   font-variant: small-caps;
   background-color: #9b7a39;
   border: 1px solid #e8e8e8;
   padding: 5px;
   color: #FFFFFF;
}

.newsletterregister label {
   text-align: left;
   float: left;
   clear: left;
   width: 130px;
   display: block;
}

.newsletterregister fieldset {
   background-color: #cdbc9c;
   margin-bottom: 1px;
   padding: 5px;
   border: 1px solid #9b7a39;
}

.newsletterregister input {
   z-index: 3;
   font-size: 10px;
   font-family: verdana;
   color: #5F5F5F;
   margin: 0px;
   border: 1px solid #5F5F5F;
   padding: 2px;
}

.newsletterregister input.nl_submit {
   z-index: 3;
   font-size: 10px;
   font-family: verdana;
   color: #5F5F5F;
   margin: 0px;
   margin-left: 130px;
   border: 1px solid #5F5F5F;
   padding: 0px;
}

.newsletterregister span.nl_warning {
   font-size: 10px;
   font-family: verdana;
   color: #DF0000;
}

.newsletterregister p {
   margin-top: 10px;
   margin-bottom: 10px;
}

.newsletterregister .fields {
   margin-top: 5px;
}

.sprachschalter { margin: 0 0 0 5px; padding: 0; height: 20px; }

p.sprachauswahl a {
   font-size: 10px;
   margin: 0;
   padding: 0;
}