﻿* {
    margin: 0;
    padding: 0;
    border-collapse: collapse;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
}

a {
    text-decoration: none;
    color: #801916;
}
a:hover { text-decoration: underline; }

a img { border: none; }

body {
    background: #cec7ab url(../img/bg.jpg) top left repeat-y;
    font-size: 14px;
    margin: 20px;
}
.clear { clear: both; }
.floatLeft { float: left; }
.floatRight { float: right; }
.alignLeft { text-align: left; }
.alignRight { text-align: right; }
.alignCenter { text-align: center; }

.smallText { font-size: .8em; }

div#header {
    width: 980px;
    height: 142px;
    margin-left: 10px;
}
div#header div.megaphone {
    width: 256px;
    height: 142px;
    background: url(../img/header_bg_256x142.png) top right no-repeat;
    float: right;
}
div#header div#logo {
    float: left;
    width: 724px;
    height: 99px;
    background: url(../img/logo_595x99.png) top left no-repeat;
}
div#header div#menu { width: 724px; height: 43px; float: left; }
div#header div#menu ul.menu {
    list-style-type: none;
    font-size: 17px;
    line-height: 33px;
    margin: 17px 0 0 0;
    color: #000;
}
div#header div#menu ul.menu li {
    float: left;
    padding: 0 5px 0 0;
}
div#header div#menu ul.menu li a { color: #000; }
div#header div#menu ul.menu li a:hover { color: #444; text-decoration: none; }
div#header div#menu ul.menu li.active a { font-weight: bold; }
div#header div#menu ul.menu li a.red { color: #801916; }
div#header div#menu ul.menu li a.red:hover { color: #c04936; }

div#spacer {
    width: 990px;
    height: 10px;
}
div#spacer div.bg {
    width: 256px;
    height: 10px;
    float: right;
    background: url(../img/spacer_bg_256x10.png) top right no-repeat;
    overflow: hidden;
}

div#contentWrap {
    width: 995px;
}
div#contentWrap div.contentTop {
    width: 860px;
    height: 20px;
    background: url(../img/content_top_bg_860x20.png) top left no-repeat;
    float: left;
}
div#contentWrap div.contentBottom {
    width: 860px;
    height: 45px;
    background: url(../img/content_bottom_bg_860x45.png) bottom left no-repeat;
    float: left;
    font-size: 12px;
    color: #888;
}
div#contentWrap div.bgRight {
    height: 598px;
    width: 135px;
    float: right;
    background: url(../img/content_right_bg_135x592.png) top right no-repeat;
}
div#contentWrap div.contentInner {
    width: 860px;
    background: #fff url(../img/content_bg_170x578.png) top right no-repeat;
    float: left;
}
div#contentWrap div.contentInner div.contentSpacer {
    float: left;
    overflow: hidden;
    width: 15px;
    height: 578px;
}
div#contentWrap div.contentInner div#content {
    width: 825px;
    min-height: 578px;
    background: url(../img/content_bg_845x189.gif) bottom right no-repeat;
    float: left;
    padding-right: 20px;
}
div#contentWrap div.contentInner div.contentWidth {
    width: 670px !important;
    margin-right: 155px !important;
    padding: 0 !important;
}

div#contentWrap div.contentInner div.col2 div#colLeft {
    width: 140px;
    margin-right: 20px;
    float: left;
    clear: left;
}
div#contentWrap div.contentInner div.col2 div#colRight {
    width: 665px;
    float: left;
}

div#contentWrap div.contentInner div.col3 div#colLeft {
    width: 140px;
    margin: 5px 20px 0 0;
    float: left;
    clear: left;
}
div#contentWrap div.contentInner div.col3 div#colCenter {
    width: 445px;
    margin: 5px 20px 0 0;
    float: left;
}
div#contentWrap div.contentInner div.col3 div.colRight {
    width: 195px;
    float: left;
    padding: 5px 0 0 0;
    background: url(../img/col3_right_col_bg_300x1000.png) top right no-repeat;
}
div#contentWrap div.contentInner div.col3 div#colRight {
    margin-right: 10px;
}

div#contentWrap div.contentBottom div.footer {
    margin: 10px 15px 10px 5px;
    padding-left: 30px;
    background: url(../img/button_25x25.gif) center left no-repeat;
    line-height: 25px;
}
div#contentWrap div.contentBottom div.footer a {
    color: #888;
}

p {
    margin: 0 0 .75em 0;
    line-height: 1.4em;
}
p.smallMargin { margin-bottom: .25em; }

div.headline {
    margin: 0 0 10px 0;
    float: left;
}
div.headline div#msubmenu {
    list-style-type: none;
    margin-bottom: 10px;
}
div.headline div#msubmenu a {
    margin-right: 1em;
}
div.headline h1 {
    clear: left;
    font-size: 2.5em;
    text-transform: uppercase;
}
div.headline h1 span.red { text-transform: lowercase; }

span.red { color: #801916 }

ul {
    margin: 0 0 .75em 1.5em;
    list-style-type: none;
}
ul li {
    line-height: 1.2em;
    padding-left: 10px;
}

span.name { font-weight: bold; text-transform: uppercase}

h2,h4 {
    clear: left;
    font-size: 1.6em;
    margin: .25em 0;
}
h4 {
    padding-bottom: .25em;
    border-bottom: dotted 1px #888;
}

h3 {
    clear: left;
    font-size: 1.2em;
    margin: .25em 0;
}


/* --- tt_news Latest ------------------------------------------------------- */
/*
div.newsLatest h2 {
    font-size: 1.2em;
    margin: 0 0 .5em 0;
    font-weight: normal;
    line-height: 1.4em;
}
*/
div.newsLatest p.date {
    font-size: .8em;
    color: #888;
    padding: .4em 0 0 0;
}
div.newsLatest p.greeting {
    margin-top: 1.5em;
    margin-bottom: 3em;
}
div.newsLatest .hrTop {
    border-top: dotted 1px #888;
    margin-top: .15em;
}


/* --- tt_news general ------------------------------------------------------ */

div.newsListItem {
    margin-bottom: 1.5em;
}



/* --- Videos, etc ... ------------------------------------------------------ */
div.tx-rgmediaimages-pi1 { margin: .25em 0 2em 0; }



/* --- Galerie -------------------------------------------------------------- */
div.galleries {
    width: 98%;
}
div.galleries div.gallery {
    width: 48%;
    text-align: left;
    line-height: 20px;
    padding: 0;
    margin: 0 0 2em 0;
}
div.galleries div.gallery .title { margin: 0 0 0 65px; padding: 0 0 0 .5em; background-color: #888; color: #fff; font-weight: bold; }
div.galleries div.gallery .text { background: #cec7ab; margin-left: 65px; padding: 3px 0 2px .5em; font-size: .8em; }
div.galleries div.gallery-left { float: left; }
div.galleries div.gallery-right { float: right; }



/* --- Gästebuch ------------------------------------------------------------ */
form {
    width: 90%;
    margin: 0 0 1em 1em;
    padding: 0 0 0 0;
}

form label {
    display: block; margin: .5em 0;
    text-transform: uppercase;
    font-weight: bold;
    font-size: .8em;
    line-height: 1.6em;
}

form input,
form textarea {
    width: 100%;
    border: solid 1px #000;
    font-family: Arial. Helvetica, sans-serif;
    font-size: 10px;
    line-height: 1.6em;
    padding: .25em 0;
}
form div.ctl {
    text-align: right;
    border-top: dotted 1px #888;
    padding-top: .5em;
}
form div.ctl input {
    width: 120px;
    padding: 0;
}
form.gaestebuch label img { vertical-align: middle; }

div.gaestebuch div.title {
    font-size: .8em;
    font-weight: bold;
}
div.gaestebuch div.title a {
    font-weight: normal;
    text-transform: uppercase;
}
div.gaestebuch div.entry {
    margin: 1em 0 2em 0;
}
div.gaestebuch div.entry div.datum {
    font-size: .8em;
    float: right;
    color: #888;
}
div.gaestebuch div.entry div.head {
    padding: 0 0 .25em 0;
    border-bottom: dotted 1px #888;
}
div.gaestebuch div.entry div.text {
    margin-top: .25em;
    padding-left: .5em;
    border-left: solid 5px #cec7ab;
}

div.gaestebuch div.pagebrowser {
    text-align: center;
    font-size: .8em;
}
div.gaestebuch div.pagebrowser div.next { float: right; text-align: right; width: 120px; }
div.gaestebuch div.pagebrowser div.prev { float: left; text-align: left; width: 120px; }


/* --- Col3, linke/rechte Spalte --------------------------------------------- */

div#contentWrap div.contentInner div.col3 div#colLeft h2,
div#contentWrap div.contentInner div.col3 div#colRight h2 {
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    margin: 0 0 .25em 0;
    padding: 0 0 .25em 0;
    border-bottom: dotted 1px #888;
}
div#contentWrap div.contentInner div.col3 div#colLeft h3 {
    font-size: 12px;
    font-weight: bold;
    margin: .5em 0 .25em 0;
    padding: 0;
}
div#contentWrap div.contentInner div.col3 div#colRight p.date { margin: 0 0 .25em 0; }
div#contentWrap div.contentInner div.col3 div#colRight h4 {
    font-size: 12px;
    font-weight: bold;
    margin: 0 0 1em 0;
    padding: 0;
    border: none;
}
div#contentWrap div.contentInner div.col3 div#colLeft p,
div#contentWrap div.contentInner div.col3 div#colRight p {
    font-size: 10px;
    font-weight: normal;
    margin: 0 0 1em 0;
    padding: 0;
}



/* --- Konzerte ------------------------------------------------------------- */

table.konzerte { margin: 0 0 0 1.5em; }
table.archive td { color: #888 !important; }
table.konzerte td {
    font-size: 14px;
    line-height: 1.6em;
}
table.konzerte td.date { font-weight: bold; }
table.konzerte td.separator { padding: 0 .5em; }



/* --- Blog ----------------------------------------------------------------- */

div.blog div.entry { margin: 0 0 2em 0; }
div.blog div.entry div.status {
    font-size: .8em;
}
div.blog div.entry div.footer {
    font-size: .8em;
    margin: .5em 0;
    padding: .5em 0 0 0;
    border-top: dotted 1px #888;
}
div.blog div.entry h2 { margin-bottom: .5em; }
div.blog div.entry div.status div.date { float: left; }
div.blog div.entry div.status div.author { float: right; }
div.blog div.entry div.spacer {
    clear: both;
    height: 10px;
    border-top: dotted 1px #888; 
}

div.tx-timtabsociable-pi1 {
    line-height: 16px;
    font-size: .8em;
    font-weight: bold;
    text-transform: uppercase;
    padding-left: .5em;
    border-left: solid 5px #cec7ab;
}
div.tx-timtabsociable-pi1 a {
    margin-left: .5em;
}
div.tx-timtabsociable-pi1 a img { vertical-align: top; }


/* --- Web Links ------------------------------------------------------------ */

a.logolink
{
    font-size: 1px;
    display: block;
    width: 90px;
    height: 21px;
    margin: 5px 0;
}

a.myspace { background: url(../img/imnetz/myspace.png) top left no-repeat; }
a.facebook { background: url(../img/imnetz/facebook.png) top left no-repeat; }
a.youtube { background: url(../img/imnetz/youtube.png) top left no-repeat; }
a.twitter { background: url(../img/imnetz/twitter.png) top left no-repeat; }


