@charset 'utf-8';

/* ------ test mode ------*/
.test .page {background-color: yellow;}
.test #homebanner {background-color: green;}
.test #topnav {background-color: lime;}
.test #banner {background-color: red;}
.test #main {background-color: red;}
.test #side {background-color: blue;}

/* ------ default settings for HB (after reset) ------*/
body {
        font-family: Verdana,Arial,Helvetica,sans-serif;
		padding:5px;
		background-color:#EAEAEA;
}

h1 {
        font-weight: bold;
        font-size: 20px;
}

p, span {
        font-size: 12px;
}

a {
        font-weight:bold;
        font-size:12px;
}

/* ------------ Pallette ------------*/
/* Notes on colors */
/*
        #95937D                logo grey according to documentation (not used)
        #A8A690                logo grey as measured on screen (bgd png)
        #F6F1E1                background beige (bgd png)
*/

.bglite  {background-color:#F6F1E1;}
.bgdark  {background-color:#A8A690;}
.txtdark {color:#000000;}
.txtlite {color:#7D7C6C;}
.txtrev {color:#FFFFFF;}
.brdcolorlite {border-color:#7D7C6C;}
.brdcolordark {border-color:#000000;}

/* color default settings */
a:hover {
        color:#7D7C6C;
}

/* ---------------------------------- */

/* ------ layout ------ */
.page {
        background-image:url(../img/rtshadow.png);
        background-repeat:repeat-y;
        background-position: right top;
        background-attachment: scroll;
        padding-right:3px;
        width: 820px;
        margin:0 auto;
}

.page100 {
        width: 820px;
        margin:0 auto;
}

#content{
        background:transparent url(../img/bg.png) repeat-y scroll -103px 0pt;
}

/* each page has a main section and a side section */
#main{
        float: left;
        width:508px;
/*        width:612px; */
}

#main .ct {
        padding:10px 14px 0px 26px;
}

#main .article .ct {
	padding:0px;
	clear:both;
}
#main .article .ct img {
	width:75px;
}

#side{
        float: left;
        width:312px;
/*        width:336px;*/
}

#side .ct {
        padding:10px 26px 0px 14px;
}

/* -------  Top Navigation -------*/
#topnav {
        text-align: right;
        padding: 5px 3px 0px 0px;
}

#topnav li {
        display: inline;
        padding-left: 5px;
}

#topnav li a {
        font-size: 11px;
}

/* ------ Banner ------ */
#banner {
        padding-left:12px;
        padding-bottom:5px;
}

#banner .logo {
        display: block;
        width: 350px;
        height: 82px;
        text-indent: -9999px;  /* trick to move text off page, comment back in during design, barrier free */
        outline: 0;
        background: url(../img/herrenbesuch350.png) no-repeat;
        float: left;
}

#banner h1 {
        text-align: center;
        padding: 19px 0px;        /* padded to match size of img */
        background: transparent;
}

/* ------ homebanner ------ */
#homebanner img {
/*        height:130px; */
        width:100%;
        display:block;
}

/* ------ menu ------ */
#menu ul {
        background:transparent url(../img/menubg_sprite.png) repeat-x scroll 0 0;
        height:34px;
}

#menu li {
        display: inline;
        float: left;
        line-height:17px;
}
#menu ul li ul {
	background-color:#A8A690;
	height:auto;
}
#menu li ul li{
	float:none;
}

#menu li ul {
	position: absolute;
	left: -999em;
}

#menu li:hover ul {
	left: auto;
}

#menu li:hover {
	background-color:#282828;
}

#menu li.right {
        float: right;
}

#menu li a {
        display: block;
        padding:8px 12px;
        font-size:12px;
        font-weight:bold;
}

#menu li a:hover {
    font-weight:bolder;
	background-color:#282828;
}
/*----END Menu ----*/


#main h1 {margin-bottom:3px;padding-left:5px; line-height:22px; background-color:#A8A690;}

#home .article {
	border-bottom:solid 1px #7D7C6C;
	margin-bottom:9px;
}

/* #news article */
#news .article {
        padding-bottom: 14px;
        border-bottom-width: 1px;
        border-bottom-style: dotted;
        margin-bottom:10px;
}


/* ---- article ----- */
#main .article h1 {padding-left:0px; line-height:normal; background-color:transparent;}

.article .date{
	font-size:11px;
	margin-bottom:5px;
	color:#666666;
}

.article blockquote p {
	font-style:italic;
}
.article blockquote p.source {
	text-align:right;
	font-style:normal;
}
	
.article.last{
        padding-bottom: 0px;
        border-bottom: none;
}

.article img	 {
        display: block;
        margin-bottom:5px;
}

.article p a {
	font-weight:normal;
/*	color:blue; */
	text-decoration:underline; 
}

.article p {
	margin-bottom:10px;
}

.article .imgct.strip img.left,
.article .imgct.strip img.left33,
.article .imgct.strip img.left50 {
	margin-right:0;
}

img.left33 {
	float:left;
	width:33%;
    margin: 0 10px 5px 0;
}

img.left50 {
        float:left;
        width:50%;
        margin: 0 10px 5px 0;
}

img.left100 {
        float:left;
        width:100%;
}

.article img.left,
.teaser img.left,
img.left {
        float:left;
        max-width: 100%;
        margin-right: 10px;
}

.article img.right50 {
        display: block;
        float:right;
        width:50%;
}

.article img.full {
        display: block;
        float:right;
        width:100%;
}

.article img.right,
img.right {
        display: block;
        float:right;
        width: auto;
        margin-left: 10px;
}

/* overlay teaser */
.bigpic .imgct img {
        width:100%;
}

#concerts {
        border: #7D7C6C 1px solid;
        padding:5px;
}

#concerts ul{
        padding-left:8px;
}

#concerts h3 {
        font-size:12px;
        font-weight:bold;
}

/* ---- iframe sizes for external content --- */
#pinnwand #main{
        width: 100%;
        background-color:#F6F1E1;
}

#pinnwand #main iframe{
        width: 100%;
        height:1125px;
}

#pinnwand #main .ct{
        padding-right:20px;
        padding-left:20px;
}

#map{
	margin-bottom:10px;
}
#map iframe{
	width:100%;
	height:400px;
}

#probentermin {
	margin-bottom:20px;
	margin-top:10px;
	width:450px;
	padding:5px;
    border-style:solid;
	border-width:3px;
	margin-bottom:20px;
}

#probentermin p {
	margin: 0px;
}

#probentermin h4 {
	font-weight: bold;
	font-size:12px;
}

/******* Auftritte *******/

.auftritt .info {
	padding-bottom:10px;
	display:table-cell;
	vertical-align:top;
	font-size:10px;
	width:90px;
}

.auftritt .teaser {
	display:table-cell;
	vertical-align:top;
	border:none 0px;
	padding:0px;
	margin-left:5px;
}

.auftritt .teaser h2 {
	font-size:16px;
	line-height:16px;
	color:#7D7C6C;
	padding:0 0 5px;
	font-weight:normal;
}

.auftritt .info p {
	font-size:10px;
	line-height:14px;
}

.auftritt .info .date {
	font-weight:bold;
	font-size:12px;
}

.auftritt .info .venue {
	margin-top:0px;
	font-weight:bold;
	font-size:10px;
}

.auftritt img {
	display:block;
}

.auftritt .adline {
	font-size:10px;
	color:#A8A690;
}

.auftritt:after {
	padding-top:9px;
	border-bottom:solid 1px #7D7C6C;
	margin-bottom:9px;
	margin-left:40px;
	display:block;
	width:350px;
	line-height:0px;
	content:"";
}
/* end auftritt */

#mdbio{
	margin-bottom:15px;
}

#chor table{
	margin-bottom:15px;
	margin-top:5px;
}
.members img {
	width:86px;
}

.members td {
	vertical-align:top;
	width:86px;
}

#guestbook iframe {
	width:100%;
	min-height:1000px;
}

#guestbook html {
	width:107%;
}