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

a img, :link img, :visited img {
border: 0;
}

input.grbutton {
background: url(/fileadmin/templates/images/button_gradient.png);
color: #000;
}

table { /* you still have to apply 'cellspacing="0"' to each table */
border-collapse: collapse;
border-spacing: 0;
}

ol, ul {
list-style: none;
}

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

:focus {
outline: 0;
}

.bodytext {
margin: 0px;
padding: 0px 0px 7px 0px;
}

img { behavior: url(http://www.trutv.de/fileadmin/templates/iepngfix.htc); }

/* -- basics -- */

html, body {
background-color: #fff;
color: #000;
margin: 0px;
padding: 0px;
}

html, body, p {
font-family: Helvetica, Verdana, Arial, sans-serif;
line-height: 1.2em;
}

a, a:hover, a:visited {
color: #3e260a;
line-height: 1.2em;
}

a, a:visited {
text-decoration: none;
line-height: 1.2em;
}

a:hover {
text-decoration: underline;
line-height: 1.2em;
}

h3 {
font-size: 1.1em;
font-weight: bold;
margin-bottom: 7px;
}

/* -- backgrounds -- */

.default-navi-background {
background: url(images/homeleft.jpg) no-repeat;
}

.default-top-background {
background: url(images/hometop.jpg) no-repeat;
}

.music-navi-background {
background: url(images/musicleft.jpg) no-repeat;
}

.music-top-background {
background: url(images/musictop.jpg) no-repeat;
}

.tvguide-navi-background {
background: url(images/tvguideleft.jpg) no-repeat;
}

.tvguide-top-background {
background: url(images/tvguidetop.jpg) no-repeat;
}

.community-navi-background {
background: url(images/boxleft.jpg) no-repeat;
}

.community-top-background {
background: url(images/boxtop.jpg) no-repeat;
}

.box-navi-background {
background: url(images/communityleft.jpg) no-repeat;
}

.box-top-background {
background: url(images/communitytop.jpg) no-repeat;
}

.spirit-navi-background {
background: url(images/spiritleft.jpg) no-repeat;
}

.spirit-top-background {
background: url(images/spirittop.jpg) no-repeat;
}

.event-navi-background {
background: url(images/eventleft.jpg) no-repeat;
}

.envent-top-background {
background: url(images/eventtop.jpg) no-repeat;
}

/* -- frames (not html frames but frames/borders around elements) -- */

.csc-frame, .sidebar > embed, .gallery-overview {
margin-bottom: 7px;
}

.csc-frame-invisible {
padding: 7px 7px 0px;
}

.csc-frame-frame1 {
background-color: #9e9384;
padding: 7px 7px 1px 7px;
}

.csc-frame-frame2 {
padding: 6px 6px 1px 6px;
border: 1px solid #9e9384;
}

.csc-frame-frame3 { /* see shop */
border: 1px solid #9e9384;
}

.csc-frame-frame3 table tr th {
background-color: #9e9384;
padding: 2px 3px;
color: #fff;
}

.csc-frame-frame3 table tr td {
padding: 1px 3px;
}

/* -- top menu -- */

.topmenu {
background-color: #9e9384;
padding: 2px 2px 2px 7px;
font-size: .8em;
width: 100%;
}

.topmenu a, .topmenu a:hover, .topmenu a:visited {
color: #fff;
}

.topmenu-item {
vertical-align: middle;
padding-left: 7px;
}

/* -- bread crumbs below top menu -- */

.breadcrumbs, .footer {
font-size: .6em;
padding: 4px;
}

.breadcrumbs > a, .breadcrumbs > a:visited, .breadcrumbs > a:hover {
color: #000;
}

/* -- navi column -- */

.navi-column {
width: 259px;
height: 649px;
float: left;
}

/* -- footer -- */

.footer {
clear: both;
color: #ccc;
background-color: #9e9384;
font-size: .65em;
padding: 7px 7px 0px 7px;
}

.footer a, .footer a:visited
{
color: #eee;
font-weight: bold;
text-decoration: underline;
}

/* -- submenus -- */

.submenu {
margin-top: 115px;
left: 132px;
width: 124px;
border: 1px solid #000;
background-color: #fff;
}

.topsubmenu {
margin-top: -4px;
margin-left: -4px;
border: 1px solid #fff;
background-color: #9e9384;
}

.topsubmenu .submenuheader {
padding: 3px;
}

.topsubmenu a, .topsubmenu a:visited, .topsubmenu a:hover {
color: #fff;
font-size: 1.3em;
}

.submenu, .topsubmenu {
line-height: 22px;
display: none;
position: absolute;
font-size: .8em;
}

.submenu ul, .topsubmenu ul {
margin: 0px;
padding: 0px;
list-style-type: none;
}

.submenu ul li, .topsubmenu ul li {
padding: 4px 4px;
}

.topsubmenu .submenuheader {
background-color: #aea394;
}

.submenu .submenuheader {
font-weight: bold;
background-color: #9e9384;
}

.submenuheader a, .submenuheader a:visited, .submenuheader a:hover {
color: #fff;
}

/* -- content area -- */

.content-area {
font-size: .7em;
}

.content-area a, .content-area a:visited, .content-area a:hover {
text-decoration: underline;
font-weight: bold;
line-height: 1.3em;
}

.content-area .csc-frame-frame1 a:hover {
color: #fff;
}

.content-area .csc-frame-frame2 a:hover {
color: #00a4d7;
}

.content-area-td {
vertical-align: top;
}

.vseparator {
width: 7px;
background-color: #fff;
}

/* -- sidebar -- */

.sidebar {
width:177px;
}

.sidebar .csc-textpic-intext-left-nowrap, .rightsplit .csc-textpic-intext-left-nowrap { /* fix for very small images */
padding-top: 1px;
margin-bottom: 7px;
min-height: 50px;
}

.rightsplit .csc-textpic-intext-left-nowrap { /* fix for very small images */
padding-top: 1px;
min-height: 50px;
}

.sidebar .tx-cwtcommunity-pi1, .rightsplit .tx-cwtcommunity-pi1 {
padding-bottom: 7px;
}

.sidebar .tx-cwtcommunity-pi1 table, .rightsplit .tx-cwtcommunity-pi1 table {
width: 100%;
}

.smallboxes .csc-frame {
float: left;
width: 173px;
height: 190px;
margin: 0px 7px 7px 0px;
}

.mediumboxes {
float: left;
}

.leftsplitarticle {
background-color: #9e9384;
}

.leftsplitarticle, .leftsplit, .splitright {
vertical-align: top;
}

.leftsplit .csc-frame, .rightsplit .csc-frame {
margin-bottom: 7px;
}

.leftsplit, .rightsplit {
width: 380px;
}

.main-area {
width: 583px;
}

.fullpage-area {
width: 745px;
}

.user-area {
width: 392px;
background-image: url(images/cbg.png);
border: 1px solid #9e9384;
padding: 6px;
}

.usersidebar .csc-frame {
background-image: url(images/nbg.png);
color: #fff;
}

.usersidebar a, .usersidebar a:visited {
color: #fff;
}

.usersidebar a:hover {
color: #000;
}

.usernews {
background-image: url(images/nbg.png);
color: #fff;
}

.article-area {
width: 561px;
}

.articlepadding {
margin-top: 7px;
}

.main-area .csc-frame {
margin-right: 7px;
}

.main-area .csc-frame .csc-textpic-intext-left { /* IE6 fix */
padding-top: 1px;
}

/* -- guestbook -- */

.tx-veguestbook-pi1 {
font-size: 1.2em;
}

.tx-veguestbook-pi1 fieldset {
border:none;
margin-top: 5px;
}

.tx-veguestbook-pi1 legend {
font-size: 1.1em;
padding: 0px;
visibility: visible;
display: block;
}

.tx-guestbook-pagination strong, .tx-guestbook-pagination a, .tx-guestbook-pagination a:visited, .tx-guestbook-pagination a:hover {
font-size: 1.2em;
}

.tx-veguestbook-pi1 .title {
background-color: #9e9384;
border-top: 1px solid #777;
border-left: 1px solid #777;
border-right: 1px solid #777;
}

/* -- 2 columns (4d f/x) fix -- */

.c3l1-left, .c3l1-middle, .c3l1-right, .c2l1-left, .c2l1-middle {
border: none;
}

/* -- STDFORM -- */

.mainarea .tx-thmailformplus-pi1 input {
margin: 7px;
}

.mainarea .tx-thmailformplus-pi1 form table {
width: 573px;
padding: 7px;
}

.stdform tr td label, .gewinnspielform tr td label {
font-size: .7em;
}

.stdform tr td input, .stdform tr td textarea {
width: 400px;
border: 1px solid #666;
margin: 3px;
}

.stdform .radiolist input {
width: 16px;
border: none;
margin: 0px;
padding: 0px;
}

.stdform .radiolist label {
height: 20px;
}

/* -- tv programm -- */

.noprogram {
margin: 0px;
padding: 0px 7px 7px 7px;
}

.tvprogrammsubject {
margin-bottom: 10px;
font-weight: bold;
padding: 0px;
margin: 0px 0px 3px 0px;
}

.tvprogramm {
width: 561px;
padding: 0px 7px 7px 7px;
}

.tvprogramm .alternateItem {
background-color: #eee;
}

.tvprogramm .activeItem {
background-color: #00b2e9;
}

.tvprogramm tr td {
line-height: 1.2em;
}

.tvprogramm .activeItemHeader {
background-color: #22c6f9;
font-size: .8em;
}

.highlight {
background-color: #9e9384;
}

.tvprogramm .item .title, .tvprogramm .alternateItem .title, .tvprogramm .activeItem .title {
font-weight: bold;
}

.tvprogramm .item .subtitle, .tvprogramm .alternateItem .subtitle, .tvprogramm .activeItem .subtitle {
font-size: .9em;
}

/* -- photo gallery -- */

.gallery-image-container {
max-width: 559px;
background-color: #9e9384;
padding: 1px;
}

.gallery-image {
overflow: hidden;
}

.gallery-image img {
max-width: 559px;
}

/* -- STDFORM -- */

.tx-thmailformplus-pi1 input {
margin: 7px;
}

.tx-thmailformplus-pi1 form table {
width: 559px;
padding: 7px;
}

.stdform tr td label, .gewinnspielform tr td label {
font-size: 1em;
line-height: 1.3em;
}

.stdform tr td input, .stdform tr td textarea {
width: 380px;
border: 1px solid #666;
margin: 3px;
}

.stdform .radiolist input {
width: 16px;
border: none;
margin: 0px;
padding: 0px;
}

.stdform .radiolist label {
height: 20px;
}

/* -- REGISTRATION FORM -- */

.tx-srfeuserregister-pi1 fieldset {
border:none;
font-size: .8em;
}

.tx-srfeuserregister-pi1 legend {
font-size: 1.1em;
padding: 0px;
}

.tx-srfeuserregister-pi1 .tx-srfeuserregister-pi1-notice {
padding: 0px;
margin: 0px;
font-style: normal;
}

input.tx-srfeuserregister-pi1-password, input.tx-srfeuserregister-pi1-text {
border: 1px solid #666;
padding: 1px;
margin-bottom: 3px;
}

/* -- LOGIN -- */

.tx-newloginbox-pi1 h3
{
font-size: 1.1em;
padding: 0px;
margin: 0px;
}

.tx-newloginbox-pi1 table
{
width: 300px;
}

.tx-newloginbox-pi1 input
{
border: 1px solid #666;
background-color: #eee;
}

/* -- error message when missing fields in mailformplus -- */

.formerror
{
color: #f00;
padding: 7px 7px 0px 7px;
border: 1px solid #f00;
margin: 7px 7px 0px 7px;
font-size: .7em;
}

.tx-srfeuserregister-pi1
{
font-size: .75em;
}

/* -- imagerating -- */

.imagerating {
padding: 7px;
background-color: #9e9384;
}

.tx-mmforum-table tr th {
font-size: .9em;
font-weight: bold;
}

.tx-srfeuserregister-pi1 {
font-size: 1.2em;
}

.bleft {
font-size: .6em; text-align: right; padding-right: 7px;
}

.bleft a, .bleft a:visited, .bleft a:hover {
color: #000;
}

.userlist table {
width: 100%;
}

.userlist table tr th {
font-weight: bold;
}

.userlist table tr th, .userlist table tr td {
padding: 3px 0px;
}

.tx-cal-controller dl {
border: 1px solid #9e9384;
}

.tx-cal-controller dl dt {
background-color: #9e9384;
padding: 7px 7px 0px 7px;
}

.tx-cal-controller dl dd {
background-color: #9e9384;
padding: 0px 7px 7px 7px;
}

#calendar-event h1 {
font-weight: bold;
margin-bottom: 7px;
}

#calendar-event table tr td {
vertical-align: top;
}

#calendar-event .csc-textpic-image dt {
padding: 0px;
margin: 0px;
}

.tx-skcalendar-pi1 h2 {
font-weight: bold;
margin: 0px;
padding: 0px;
}

.tx-skcalendar-pi1 .listview, .tx-skcalendar-pi1 .detailview {
width: 100%;
}

.tx-skcalendar-pi1 .listview .separator {
background-color: #9e9384;
padding: 0px;
}

.tx-skcalendar-pi1 .listview td {
padding: 2px 5px;
}

.tx-skcalendar-pi1 .listview .list_mainheader {
background-color: #9e9384;
}

.tx-skcalendar-pi1 .listview .list_header {
font-size: .9em;
}

.tx-skcalendar-pi1 .searchform td {
padding: 2px;
}

.tx-skcalendar-pi1 input {
border: 1px solid #9e9384;
}

.tx-skcalendar-pi1 .detailview td {
padding: 3px;
border-bottom: 1px solid #9e9384;
}

#tx_astaddresszipsearch_pi1 fieldset legend {
font-weight: bold;
padding: 0px 7px;
margin: 0px 7px;
}

/* ------ LOGIN ----- */
div.logout{
font-family: Impact, Helvetica, Verdana, sans-serif;
font-size: .8em;
top: 75px;
}
div.login, div.logout{
position: absolute;
left: 80px;
color: #fff;
}
div.login img{
margin-top: 5px;
}
div.login{
top: 50px;
font-size: 12px;
color: #587e94;
text-align: center;
margin: 20px 0px 5px 0px;
width: 119px;
background: #6f5d47;
}
div.login span{
font-style:italic;
margin-bottom:3px;
}
div.login input.logout{
margin-top:5px;
}
/* ----- Input-Felder ----- */
div.login input.user{
margin-bottom: 3px;
}
div.login input.input{
background: #fff;
border:1px solid #9c9384;
border-right:1px solid #476d82;
border-bottom:1px solid #476d82;
width:109px;
color:#000;
font-size: .9em;
margin-left: 5px;
}
div.login input.pass {
width:80px;
margin-bottom: 5px;
}
div.logout input.submit {
margin-left:20px;
margin-top: 3px;
}
div.login input.submit{
width:25px;
margin-bottom: 5px;
margin-left: 3px;
}
div.login input.submit, div.logout input.submit{
background: #00a4d7;
border:1px solid #759fb7;
border-right:1px solid #476d82;
border-bottom:1px solid #476d82;
font-size: .9em;
font-weight: bold;
color: #fff;
}