@charset "UTF-8";
/* CSS Document */
span.bildunterschrift {	color: #999; font-style: italic;}
p.bildunterschrift {	color: #999; font-style: italic; margin: 7px 0 10px 0;}
p { padding-bottom: 15px;}

html {
	font-family: Verdana, Calibri, Geneva, sans-serif;
	font-size: 12px;
	height: 101%;
}

ul, li {
	padding: 0;
	margin: 0;
}
li {
	list-style-type: none;
	float: left;
	line-height: 0;
}

img {
	border:none;
}
img.bilderrahmen {
	border: #CCC 1px solid;
	margin-top: 3px;
}
p {
	padding: 0;
	margin: 0;
}

hr { 
	color: #AAA;
	background-color:#AAA;
	height: 1px;
	border: 0;
}


/* HEADLINES */
h1 {
	padding: 0;
	margin: 0;
	font-size: 19px;
	color: #900;
	margin-left: 234px;
	margin-top: 30px;
	margin-bottom: 6px;
}
#middle h1 {
	margin-left: 0;
}
h2 {
	color: #000;
	font-size: 14px;
	margin-bottom: 20px;
	margin-top: 10px;
}
/* HEADLINES */


body {
	margin: 0;
	background:url(../img/elements/body_bg.gif) top center no-repeat;
	text-align: center;
}

.main {
	margin: auto;
	width: 995px;
	text-align: left;
}

.header {
	height: 148px;
	clear: both;
}
.header .head {
	height: 123px;
}
.header .navi {
	height: 25px;
}
.header .navi .menu_head {
	padding-left: 225px;
}
.header .navi .menu_head .menu1 {
	padding: 0;
	margin: 0;
	padding-right: 13px;
}

.content {
	clear: both;
}

.content .tuev_logo {
	margin-top:-30px;
	float: left;
}

.content .middle {
	padding-left: 24px;
	padding-right: 24px;
}
.content .middle a {
	text-decoration: underline;
}
.content .middle li {
	float: none;
	list-style-image:url(../img/elements/list-style-image.gif);
	list-style-position: outside;
	margin-left: 15px;
	line-height: normal;
}
.content .middle ul {
	float: none;
	padding-top: 15px;
	padding-bottom: 15px;
}
.content .footer {
	margin-top: 20px;
	margin-left: 23px;
	margin-right: 24px;
	font-size: 9px;
}
.content .footer .border {
	height: 1px;
	background-color: #ccc;
	margin-top: 4px;
}
.content .footer .bottom li {
	margin-right: 30px;
	margin-top: 4px;
	color: #900;
	line-height: normal;
}
.content .right {
	background-color: #F0F1F1;
	padding-top: 12px;
}
.content .right .text {
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 5px;
}
.content .right .news {
	padding: 0 10px;
}
.content .right .news p {
	color: #900;
	padding-bottom: 20px;
}
.content .right .news p a {
	text-decoration: underline;
}
.content .right .zitate_beginn {
	color: #900;
	font-size: 50px;
	margin: -20px 0 0 10px;
}
.content .right .zitate_ende {
	text-align: right;
	color: #900;
	font-size: 50px;
	padding: 0 10px 0 0;
	background-color: #F0F1F1;
	height: 60px;
}
.content .right p.zitat {
	display: block;
	padding:10px;
	font-style: italic;
	color: #900;
}



.side_bottom {
	height: 149px;
	background: url(../img/elements/side_bottom.gif) bottom left repeat-x;
}

.content .left {
	background-color: #F0F1F1;
	padding-top: 12px;
	overflow: visible;
}
.content .left .text {
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 5px;
}


/* NAVI*/
.navi_test {
	width: 210px;
	overflow: hidden;
	background-color: #F0F1F1;
}

.lvl1 li,
.lvl2 li,
.lvl3 li {
	clear: both;
	line-height: normal;
	width: 195px;
	text-align: left;
	font-size: 12px;
	padding-left: 15px;
	padding-top: 3px;
	padding-bottom: 3px;
}
.lvl1 li {
	color: #58585a;
	font-weight: bold;
	background-color: #f0f1f1;
}
.lvl2 li {
	color: #000;
	border-top: #707173 1px solid;
	font-weight: normal;
}
.lvl3 li {
	color: #707173;
	background-color: #ffffff;
	border-top: none;
}

	/* AKTIV */
	.lvl1 li.aktiv {
		color: #900;
	}
	.lvl2 li.aktiv {
		background-color: #FFF;
	}
	.lvl3 li.aktiv {
		border-bottom: none;
	}
	/* AKTIV */

/* FIRST */
.lvl1 li.first {
	padding-top: 12px;
}
.lvl2 li.first {
	padding-top: 3px;
	border-top: #707173 1px solid;
}
.lvl3 li.first {
	border-top: #707173 1px solid;
}
/* FIRST */

	/* LAST */
	.lvl1 li.last {
	}
	.lvl2 li.last {
		padding-bottom: 3px;
/*		background: none;*/
		margin-bottom: 20px;
		border-bottom: #707173 1px solid;
	}
	.lvl3 li.last {
		padding-bottom: 3px;
		background-color: #FFF;
		margin-bottom: 0;
		border-bottom: none;
	}
	/* LAST */
/* NAVI*/



/* TABLE*/
#middle_tab {
	background: url(../img/elements/middle_top.gif) top center no-repeat;
}
/* TABLE*/




/* LINKS */
a {
	text-decoration: none;
	color: inherit;
}
.content .left .text a { text-decoration: underline; color: inherit;}

	/* HOVERS */
	a:link	  { text-decoration: none; color: inherit; }
	a:visited { text-decoration: none; color: inherit; }
	a:focus	  { text-decoration: none; color: inherit; }
	a:hover   { text-decoration: underline; color: inherit; }
	a:active  { text-decoration: none; color: inherit; }
	/* HOVERS */

	/* HOVERS IM TEXT */
	.content .middle a:hover	{ text-decoration: underline; color: #900; }
	.content .left a:hover   	{ text-decoration: underline; color: #900; }
	.content .left a:visited   	{ text-decoration: underline; color: #000; }
	/* HOVERS IM TEXT */

	/* HOVER NAVI */
	.lvl1 a { text-decoration: none; display: block;}
	
	.lvl1 li:link	 { text-decoration: none; color: inherit; }
	.lvl1 li:visited { text-decoration: none; color: inherit; }
	.lvl1 li:focus	 { text-decoration: none; color: inherit; }
	.lvl1 li:hover   { text-decoration: none; color: 	#900; }
	.lvl1 li:active  { text-decoration: none; color: inherit; }

	.lvl2 li:link	 { text-decoration: none; color: inherit; }
	.lvl2 li:visited { text-decoration: none; color: inherit; }
	.lvl2 li:focus	 { text-decoration: none; color: inherit; }
	.lvl2 li:hover   { text-decoration: none; color: 	#900; background-color:#FFF; }
	.lvl2 li:active  { text-decoration: none; color: inherit; }
	/* HOVER NAVI */
/* LINKS */

/* =================== */
/* =================== */

table.termine {
	width: 525px;
}

table.termine tr.tMonth {
	background-color: #EEE;
}
table.termine tr.tMonth div.dMonth {
	font-weight: bold;
	padding: 5px 8px 5px 8px;
}
table.termine tr.tMonth div.dLegend {
	padding: 0 8px 0 8px;
	text-align: right;
	font-size: 10px;
	float: right;
}


table.termine tr.tMeeting td.tThema{
	width: 270px;
	border-right: 1px #999 solid;
}
table.termine tr.tMeeting td.tDate{
	width: 90px;
	border-right: 1px #999 solid;
}
table.termine tr.tMeeting td.tOrt{
	width: 70px;
	border-right: 1px #999 solid;
}
table.termine tr.tMeeting td.tState{
	width: 90px;
}
table.termine tr td.tSpacer{
	background-color:#999
}
/**/
table.termine tr.tMeeting div.dThema {
	padding: 5px 8px 0 8px;
	color: #900;
	font-weight: bold;
}
table.termine tr.tMeeting div.dThemaZ {
	padding: 0 8px 5px 8px;
}
table.termine tr.tMeeting div.dDate {
	padding: 8px 5px 8px 5px;
}
table.termine tr.tMeeting div.dOrt {
	padding: 8px 5px 8px 5px;
}
table.termine tr.tMeeting div.dState {
	padding: 8px 5px 8px 5px;
}
/* =================== */
/* =================== */
.fl { float: left; margin-right: 10px;}

div.dLegend div.frei,
div.dLegend div.ausgebucht,
div.dLegend div.findetstatt, 
div.dLegend div.bearbeiten,
div.dLegend div.loeschen,
div.dLegend div.anmeldung {
	height: 8px;
	width: 8px;
	float: left;
	margin: 3px 3px 0 0;
}

div.dState div.frei,
div.dState div.ausgebucht,
div.dState div.findetstatt,
div.dState div.bearbeiten,
div.dState div.loeschen,
div.dState div.anmeldung {
	height: 16px;
	width: 16px;
	float: left;
}

div.dState div.anmeldung {
	background-image: url(../img/elements/anmelden.gif);
}
div.dLegend div.anmeldung {
	background-image: url(../img/elements/anmelden-klein.gif);
}

div.dLegend div.frei, div.dState div.frei { background-color: #0C0}
div.dLegend div.ausgebucht, div.dState div.ausgebucht { background-color: #C00}
div.dLegend div.findetstatt, div.dState div.findetstatt{ background-color: #39F}
div.dLegend div.bearbeiten, div.dState div.bearbeiten{ background-image:url(../img/elements/bearbeiten.gif); background-position: center;}
div.dLegend div.loeschen, div.dState div.loeschen{ background-image: url(../img/elements/loeschen.gif); background-position: center;}

div.dState div.anmeldung {
	height: 14px;
	background-color:#ddd;
	cursor: pointer;
	float: right;
		margin-right: 10px;
	font-size: 8px;
		position: relative;
}
div.dState div.anmeldung div.pos {
	cursor: pointer;
	float: right;
	font-size: 8px;
		position: relative;
		top: 14px;
		left: 13px;
}

div.dState div.bearbeiten {
	height: 16px;
	width: 16px;
	cursor: pointer;
	float: right;
}
div.dState div.loeschen {
	height: 16px;
	width: 16px;
	cursor: pointer;
	float: right;
}
/* =================== */
/* =================== */
.cf {clear: both;
height: 0;font-size: 1px;
line-height: 0;}
.hidden	{visibility:hidden; overflow:hidden;
height: 0px; width: 0px;}
/* =================== */
/* =================== */