<!DOCTYPE html
     PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


/* Mittelhof e.V. | Entwurf: Blofeld.GmbH | www.blofeld.de Erstellt am 1.7.2009 */

<html>
<head>
<title>CSS fuer Website mittelhof.net</title>
<style type="text/css">

/* Definitionen */
/* Farben Auszeichnung:= gruen:#79A61E | grau:= #505050 | Hellgrau: #E5E5E5 |  */

b		{ font-weight:bold;   font-size:15px; font-family: Tahoma, Helvetica, Verdana, sans-serif; color: black; }
h1		{ font-weight:bold;   font-size:15px; font-family: Lucida Grande, Helvetica, Verdana, sans-serif; text-decoration: none; line-height: 16px; text-align: left; margin:7px 0 8px 0; padding:0px; color: #79A61E; }
h2		{ font-weight:normal; font-size:15px; font-family: Lucida Grande, Helvetica, Verdana, sans-serif; text-decoration: none; line-height: 16px; text-align: left; margin:7px 0 8px 0; padding:0px; color: #505050; }
h3		{ font-weight:bold;   font-size:12px; font-family: Lucida Grande, Helvetica, Verdana, sans-serif; text-decoration: none; line-height: 16px; text-align: left; margin:7px 0 8px 0; padding:0px; color: #505050; }
small	{ font-weight:normal; font-size: 8px; font-family: Tahoma, Helvetica, Verdana, sans-serif; color:black}
p       { font-weight:normal; font-size:12px; font-family: Tahoma, Helvetica, Verdana, sans-serif; text-decoration: none; line-height:16px; text-align: left; color: black; margin: 8px 0 0 0; }
a       { font-weight:normal; font-size:12px; font-family: Tahoma, Helvetica, Verdana, sans-serif; text-decoration: none; line-height:14px; color: black; }

a.external-link-new-window {color: #79A61E; }
a.internal-link, a.mail {color: #79A61E; }
a:link {color: #79A61E; }
a:hover {color: #505050; }
news-latest-morelink a {color: #79A61E; }
.filecount {Color: #FFFFFF; font-size: 0px;}
.filelinks { font-size:12px; font-family: Tahoma, Helvetica, Verdana, sans-serif; text-decoration: none; line-height:16px; text-align: justify; color: black; margin: 8px 0 0 0; }
#calendar-event-backlink a {color: #79A61E; }
#calendar-event-backlink a:hover {color: #505050; }


/* body */
#body      { margin: 0px; padding-left: 0px; padding-right: 0px; }

/*Linie*/
#linie {position: absolute; top:85px; left:0px; width:100%; height: 40px; background-color: #79A61E; }

/* centerhelper */
#centerhelper {
				width:1px;
/*				height:50%; */
/*				margin-bottom:-150px; /* HŠlfte der Container-Hšhe */ 
				float:left;
				}

/* Bilder */
div.csc-textpic img { padding-bottom: 4px; }
div.csc-textpic div.csc-textpic-single-image IMG { margin-bottom: 0px;  }

/* Container */

#container { width:960px; height: 100%; position:relative; top: 22px; margin:0 auto; clear:left;  background-color: #FFFFFF;}

/* Logo */
#logo {position: absolute; top:5px; left:5px; width:317px; height:130px; overflow: hidden; background-color: #FFFFFF; padding: 0px; }

/* Sidebar */
#sidebar {position: absolute; left: 545px; top:5px; text-align: right;
		  width: 410px; height: 40px !important; padding-left: 0px; overflow: hidden; line-height: 30px;
		  height: 60px;/* nur fŸr den IE */}
#sidebar a {font-weight: bold; font-size:11px; text-decoration: none; margin:0; padding:0px; color: #505050; }
#sidebar a:hover {color: #79A61E}

/* Breadcrumb  */
#breadcrumb {position: absolute;
             top: 55px!important;
             left: 325px; 
             width: 635px!important;
             height: 28px !important; 
             overflow: hidden; 
             background-color: #79A61E;
			padding-right: 5px; 
			padding-top: 12px;
			text-align: right; 
			font-weight:bold; 
			font-size:12px; 
			color: #505050; 
			font-family: Tahoma, Helvetica, Verdana, sans-serif;
			top: 70px;/* nur fŸr den IE */
			left: 325 px;/* nur fŸr den IE */
			height: 40px;/* nur fŸr den IE */
			}

#breadcrumb a {font-weight:bold; font-size:11px; color: #FFFFFF; }
			
/* Navigation */
#navi {position: absolute; top: 105px; left: 325px; width: 640px; height: 20px; overflow: hidden; display: inline; background-color: #FFFFFF; margin: 0px; padding: 0px; }  
#navigation { margin: 0px; padding: 0px;}  

* html #navi { top: 120px; } /*Korrektur IE */

ul#navigation li { list-style: none; display: inline; }
ul#navigation a, ul#Navigation span { float: left; margin: 2px 0px 0px 0px; padding: 0px 7px;text-align: center; 
                                      font-weight:normal; font-size: 13px; line-height: 14px ; color: #505050 ; 
                                      background-color: #FFFFFF;  height: 30px; min-width: 80px; border-width: 0px 0px 0px 2px; 
                                      border-style: solid; border-color: #79A61E}
* html ul#navigation li ul li a { width:100px; } 
ul#navigation a:hover, ul#navigation h1:hover, ul#navigation span {color: #79A61E; background-color:#505050 }
ul#navigation a.active {color: #79A61E; }
ul#navigation div {clear: left; }

/* Subnavigation */
#subnav {position: absolute; top: 145px; left: 5px; width: 155px; height: 510px; overflow: visible; background-color: #FFFFFF; } 
/* Ausrichtung und Format der SubnavigationÊ*/
#subnavigation {font-size: 11px; margin: 0px; padding: 0px; }
#subnavigation li {list-style: none; font-weight: normal; font-size:13px; margin: 0; padding: 0px; border-width: 0px 0px 0px 0; border-style: solid;
border-color: #79A61E}
* html ul#subnavigation a, * html ul#subnavigation span {  /* Korrektur fuer IE 5.x */ width: 8em; }
ul#subnavigation a {display: block; padding: 5px 3px 5px 3px; color: #505050; border-width: 0px 0px 2px 0; border-style: solid; border-color: #79A61E}
ul#subnavigation li ul a {display: block; overflow: hidden; padding: 5px 10px 5px 5px; font-weight:normal}
ul#subnavigation li ul li ul li a {display: block; overflow: hidden; padding: 5px 10px 5px 5px; background-color: #EDEEEE}
ul#subnavigation li ul { margin: 0 ; padding: 0; line-height:14px;}
ul#subnavigation li ul li { margin: 0; padding: 0em 0px 0em 10px; }
ul#subnavigation a:hover {color: #79A61E; background-color:#505050}
ul#subnavigation a.active {color: #505050; text-decoration: none; background-color: #79A61E; }
/*ul#subnavigation a.active {background-image: url(/fileadmin/user_upload/Logos_Grafiken/pfeil.gif); background-repeat: no-repeat;
background-position: 10px 7px; padding-left: 24px; color: #505050;}*/
ul#subnavigation div {clear: left;}
/*ie6*/
* html ul#subnavigation li { height:10px !important; }
* html ul#subnavigation li a { width:215px; }
* html ul#subnavigation li ul li a { width:200px; }

/* Galerie */
#galerie {position: absolute; top: 145px; left: 170px; width: 535px; height:310px; overflow: hidden; background-color: #FFFFFF; }

/* Dates */ 
#dates {position: absolute; background-color:#C8D794; top: 145px; left: 0px; width: 170px; height: 305px; overflow: hidden; display: inline; padding-top: 5px; text-align: center; z-index: 5; }
.csc-textpic-imagewrap a {margin: 0px;}	
div.csc-textpic-center div.csc-textpic-imagewrap .csc-textpic-image {display:inline; margin-left: 0px;}
div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image {margin-bottom: 0px;}

/* jobs */
#jobs {position: absolute;top: 800px; left: 645px; width: 310px; height: 15px; overflow: visible; display: inline; background-color: #FFFFFF; }


/* Content */  
#content {position: absolute;top: 465px; left: 5px; width: 695px; height: 515px; overflow: auto; display: inline; padding-right: 7px; background-color: #FFFFFF; }
.csc-default {margin-top: 0px; margin-bottom: 5px;}
.even hr, hr {padding: 0px; margin: 0px; border: 0px; border: 1px solid #E5E5E5;}

/* Listenformat */
ul, li, .csc-textpic-text li, csc-textpic-text ul, .csc-default li, .csc-default ul, .csc-textpic-intext-left ol, .csc-textpic-intext-left ul {font-size:12px; overflow:visible; margin-left: 7px 0px;line-height: 16px; font-family: Tahoma, Helvetica, Verdana, sans-serif; text-decoration: none; color: black; }
ul, li, .csc-textpic-text li, csc-textpic-text ul, .csc-default li, .csc-default ul, .csc-textpic-intext-left li { list-style-type: circle; list-style-position: outside; padding-left: 3px; margin: 7px 10px;}

/* Calendar */

/*.tx-cal-controller div {font-size:12px; line-height: 14px; font-family: Tahoma, Helvetica, Verdana, sans-serif; text-decoration: none; text-align: justify; color: #505050; margin: 7px 0 0 0; }
/*.tx-cal-controller H1 { font-size: 12px; line-height: 6px; font-weight:bold}*/
.tx-cal-controller p { font-size:12px;line-height: 14px; font-family: Tahoma, Helvetica, Verdana, sans-serif; text-decoration: none; line-height:16px; text-align: justify; color: black; margin: 8px 0 0 0; }
.monthSmallBasic { font-weight:normal; font-size:12px; font-family: Tahoma, Helvetica, Verdana, sans-serif; text-decoration: none; line-height:14px; color: black; }

dt#even { font-size: 10px; line-height: 6px; }


/* News */  
#news {position: absolute;top: 145px; left: 715px; width: 240px; height: 835px; overflow: auto; display: inline; background-color: #FFFFFF; 
border: 0px solid silver; color: #990000; padding: 0 6px 0 0px; text-align: left; }
#news-list-morelink {color: #79A61E; text-align: left; }
#news-head a { font-weight:bold; font-size: 11px; text-decoration: none;line-height:155%; }
#news-list-morelink a {color: #79A61E; }
#news-latest-category {font-weight:bold; font-size:11px; }
#news-list-morelink a, news-latest-morlinke a {color: #79A61E; float: right;}
#news-latest-category {font-weight:bold; font-size:11px; }

/*-----------------------------------  clearer  -----------------------------------*/
/* prevent floated images from overlapping the div-containers they are wrapped in  */

.news-list-container HR.clearer, .news-single-item HR.clearer, .news-latest-container HR.clearer{
	clear:right;
	height:1px;
	border-bottom:1px solid #FFFFFF;
}

/*-----------------------------------  tt_news LATEST view  -----------------------------------*/

.news-latest-container {
	border-bottom: 0px solid #79A61E;
	background-color:#FFFFFF;
	padding: 0px;
	margin: 0px;
}

.news-latest-container H2,.news-latest-gotoarchive {
	font-size:11px;
	font-weight:bold;
	color:#505050;
	padding: 2px 5px;
	margin:0px;
	background-color:#79A61E;
}

#news h1 { background-color: #79a61e; padding:2px 4px; } 

.csc-header H2, .news-latest-container H1 {
	font-size:13px;
	font-weight:bold;
	color:#FFFFFF;
	padding: 0px 0px 2px 4px;
	margin: 0px 0px 2px 0px;
	line-height: 18px;
	background-color:#79A61E;
}

.csc-header A {
    font-family:Lucida Grande,Helvetica,Verdana,sans-serif;
	font-size:13px;
	font-weight:bold;
	color: #FFFFFF;
}

.csc-header A:hover {
	color: #505050;
}

.news-latest-container A { color:#505050; font-size: 11px; }

.news-latest-gotoarchive {
	font-size:9px;
	font-weight:bold;
	margin-top:5px;
}
.news-latest-gotoarchive A:LINK, .news-latest-gotoarchive A:VISITED, .news-latest-gotoarchive A:HOVER {
	color:#fff;
}
.news-latest-gotoarchive A {
	color:#fff;
}
.news-latest-item {
	/* IE hack */
/*	height: 10%;*/
	line-height: 14px;
	/* IE hack end */
	padding: 0px;
	margin:0px 0px 0px 0px;
	border-bottom:1px solid #79A61E;
	background-color:#FFFFFF;
}

.news-latest-item IMG {
	margin: 5px 0px 3px 0px;
	border:0px solid #505050;
	float:none;
}
.news-latest-category IMG {
	float: none;
	border:none;
	margin:0px;
}
.news-latest-item P { margin:0; padding:0; font-size: 11px;}

.news-latest-date, .news-latest-date A, .news-latest-morelink,.news-latest-category {
	font-size:9px; color: #505050; }

.news-latest-morelink { 
	height: 12px;
}

.news-latest-morelink A {
	float:right; color: #79A61E; padding: 0 6px 4px 0;}
.news-latest-morelink A:HOVER {
	float:right; color: #505050;
}

/*--------------------------------- tt_news LIST view  -----------------------------------*/
.news-list-container {

	border:1px solid #000;
	background-color:#BBE53A;
}

.news-list-item {
	/* IE hack */
	height: 1%;
	line-height: 1.3;
	/* IE hack end */
	padding:3px;
	margin:3px;
	border:1px solid #666;
	background-color:#F9FFE5;
	}

.news-search-form {
	padding:3px;
	margin-bottom:5px;
	border:1px solid #666;
	background-color:#F9FFE5;

}

.news-search-emptyMsg{
	margin:0px;
}

.news-search-form FORM {
	margin:0px;
}

.news-list-container H3 {
	margin-bottom: 5px;
	padding: 2px;
	border-bottom: 1px solid #769024;
	background-color: #769024;
}
.news-list-container H3 A:LINK,.news-list-container H3 A:VISITED,.news-list-container H3 A:HOVER {
	color:#fff;
	padding-left:2px;
}
.news-list-container H3 A {
	color:#fff;

}
.news-list-container P {
	padding-left:3px;
}
.news-list-date {
	float: right;
	color: #3E551C;
	width: 180px;
	text-align: right;
	height: 20px;
	margin-top: -2px;
	margin-right: -2px;
	font-size: 9px;
	font-weight: normal;
	background-color: #F9FFE5;
	}

.news-list-imgcaption {
	float: right;
	padding-top:3px;
	padding-right:3px;
	font-size: 9px;

	}

.news-list-container IMG {
	float: right;
	border:1px solid #666;
	margin-bottom:5px;
	margin-right:2px;
	margin-left:5px;
}
.news-list-category IMG {
	float: none;
	border:none;
	margin:0px;
}

.news-list-morelink,.news-list-category {
	font-size:9px;
	margin-left:3px;
}
.news-list-morelink  {
	margin-bottom:3px;
}
.news-list-browse {
	text-align: center;
}



	/*---------------------------------  tt_news Page-Browser ---------------------------------*/
.tx-ttnews-browsebox {
	margin:3px;
	border:1px solid #666;
	padding:3px;
	background-color:#F9FFE5;
}
.tx-ttnews-browsebox TD {
	font-size: 10px;
}
.tx-ttnews-browsebox-strong, .tx-ttnews-browsebox-SCell {
	font-weight: bold;
}
.tx-ttnews-browsebox-SCell P,.tx-ttnews-browsebox TD P{
	margin:0px;
}

.tx-ttnews-browsebox-SCell {
	background-color: #BBE53A;
	border:1px solid #666;
}
.news-search-emptyMsg {
	font-size: 11px;
	margin-left: 10px;
}
	/*--------------------------------- tt_news SINGLE view  ---------------------------------*/
.news-single-item {
	padding: 0px;
	margin: 0px;
	border:0px solid #666;
	background-color:#FFFFFF;
}

.news-single-img {
	float: right;
	margin: 0px 0px 0px 5px;
}



.news-single-imgcaption {
	padding:3px;
	clear:both;
}

.news-single-category {
	float: right;
}
.news-single-backlink, .news-single-backlink a {
	font-weight: bold;
	font-size: 10px;
	margin-bottom: 15px;
	margin-top: 10px;
}
.news-single-backlink a:hover {color: #79A61E}

.news-single-timedata {
	float: right;
}
.news-single-timedata, .news-single-author,.news-single-imgcaption {
	font-weight:bold; font-size:12px; font-family: Lucida Grande, Helvetica, Verdana, sans-serif; text-decoration: none; color: #505050; }

.news-single-author {
	padding-bottom: 3px;
}
.news-single-additional-info {
	/* 	clear: both; */
	padding-bottom:0px;

}
.news-single-related,.news-single-files,.news-single-links  {
	border: 0px solid #666;
	margin:0px;
	padding:0px;
}

.news-single-related DD, .news-single-links DD, .news-single-files DD {
	margin-left: 0px;
}

.news-single-related DT, .news-single-links DT, .news-single-files DT {
	font-weight: bold;
	font-size: 11px;
	margin-left:5px;
	width:20%;
	float: right;
	color: #FFFFFF;
}
/*--------------------------------- tt_news Archivemenu (AMENU) --------------------------------- */
.news-amenu-container {
	margin-top:10px;
	padding:3px;
	border:1px solid #333;
	background-color:#BBE53A;
}
.news-amenu-container LI {
	padding-bottom:1px;
}
.news-amenu-container UL {
	padding:3px;
	margin-top:5px;
	margin-left:0px;
	margin-bottom:0px;
	border:1px solid #666;
	background-color:#F9FFE5;
	list-style-type: none;
}
.news-amenu-container H2 {
	color:#fff;
	padding:3px;
	border:1px solid #666;
	background-color:#769024;
}
.news-amenu-item-year {
	font-weight: bold;
	border: 1px solid #666;
	padding: 2px;
	background-color: #769024;
	color:#fff;
}

/*--------------------------------- tt_news Categorymenu (CATMENU) --------------------------------- */
.news-catmenu { padding:5px; margin:10px 0px 10px 0px; border:0px solid #666;}
.news-catmenu-header { font-size:11px; font-weight:bold;}
.news-catmenu DIV { font-size:10px; white-space: nowrap; }
.news-catmenu DIV img { margin:0px; padding:0px;vertical-align: middle; }
.news-catmenu-ACT { font-weight:bold; color: #79A61E }
ul.tree li.active, ul.tree ul li.active, ul.tree li.active ul, ul.tree ul li.active ul { background-color:#FFFFFF !important; }
ul.tree li.active a, ul.tree ul li.active a { font-weight:bold; color:#79A61E !important; }

/*  Styles for catmenu mode "nestedWraps" */
.level0 { background-color:#fff; }
.level1 { padding-left:10px; background-color:#eee; }
.level2 { padding-left:10px; background-color:#ddd; }
.level3 { padding-left:10px; background-color:#ccc; }
.level4 { padding-left:10px; background-color:#bbb; }


/* Search */
#search { width: 400px; display: block; float: left; clear: both; margin: 0px 0px 5px 0px; 
font-family: Tahoma, Arial, Helvetica, Verdana, sans-serif; font-size: 11px; line-height: 19px; }
#search textarea,[type="text"].search { border:1px solid #79A61E; font-family: Tahoma, Arial, Helvetica, Verdana, sans-serif;
                                 font-size:11px; margin:8px 0 8px 0px; width:120px; text-indent:5px; }
.search-label {margin: 0px 0px 0px 6px}
.search-submit {margin: 6px 0px 0px 4px}
#search, input[type="text"].search { height:18px; margin: 8px 22px 0px 0px; width:145px;}
#search label { clear:both; float:left; margin:6px 0 4px; width:60px;}		
input[type="image"] {margin-top: 8px; margin-left: -18px; position: absolute;}

/* lz_Gallery */
#tx-lzgallery-pi1-listing  { border:0 dotted #00008C; border-collapse:collapse; font-family:Tahoma, Arial, Helvetica, Verdana, sans-serif;
                            font-size:15px; padding:0;}
#tx-lzgallery-pi1-listing tr.line1 {background-color: #79A61E; color:#505050; }
#tx-lzgallery-pi1-listing tr.line1 td.startdate { white-space:nowrap;}
#tx-lzgallery-pi1-listing tr.line1 td.count { padding-left:20px;}
#tx-lzgallery-pi1-listing tr.sorting { padding-left:20px; color: #FFFFFF}
#tx-lzgallery-pi1-listing td.preview { padding:0 0 0 4px; width:80px;}
#tx-lzgallery-pi1-listing td.title { font-size:11px; padding-left: 7px; width:80%;}
#tx-lzgallery-pi1-listing tr.line2 { padding:0; }
#tx-lzgallery-pi1-listing a { color: #FFFFFF; font-size: 15px; }
#tx-lzgallery-pi1-listing #line-descr-short { border-top:1px dotted #00008C; }
#tx-lzgallery-pi1-parent-descr-short { padding:4px 4px 20px; }
#tx-lzgallery-pi1-parent-title { font-size:20px; padding:4px; }
#tx-lzgallery-pi1-parent-count { padding:4px; }
#tx-lzgallery-pi1-parent-subcount { padding:0 4px 4px; }
#tx-lzgallery-pi1-listing td.information { font-size:10px; white-space:nowrap; }
#tx-lzgallery-pi1-fotonav td { padding: 5px 30px; text-align:center; }
#tx-lzgallery-pi1-fotonav td.descr { color:#00008C; }
#tx-lzgallery-pi1-fotonav { background-color:#FFFFFF; border:0px solid #79A61E; }
#tx-lzgallery-pi1-fotos { background-color:white; border:2px solid #79A61E; border-collapse:collapse; font-family: Tahoma, Helvetica, Verdana, sans-serif;
                          padding:5px; text-align:center;}
#tx-lzgallery-pi1-fotos td { border:1px solid #79A61E; padding:3px; text-align:center; }
#tx-lzgallery-pi1-title { border-bottom:2px solid #79A61E; font-size:15px; margin-bottom:20px;
                           text-align:center; padding-bottom: 5px; color: #79A61E; }
#tx-lzgallery-pi1-descr-long { margin:5px 5px 15px; text-align:justify; }
.tx-lzgallery-pi1-5x5-filename {font-size:11px; font-style:italic; padding-top: 3px}
.tx-lzgallery-pi1-1x1-1 { border-bottom:1px solid lightgray; font-size:12px;}
.tx-lzgallery-pi1-1x1-2 { border:1px solid lightgray; font-size:12px; margin:3px; }
.tx-lzgallery-pi1-1x1-filename {font-size:11px; font-style:italic; line-height: 24px;}
		
/* Footer */
#footer {position: absolute; top: 1000px; left: 0px; text-align: left; width: 960px; height: 100px; overflow: hidden; padding: 0px; border-width: 2px 0px 0px 0px; 
border-style: solid; border-color: #79A61E;}
#footer a {font-weight: bold; font-size:11px; text-decoration: none; line-height: 24px; margin:0; padding:0px; color: #505050; vertical-align: top; }
#footer a:hover {color: #79A61E}
#footer img {    margin: 6px 0 0 370px; text-align: right; width: 230px;}


</style>
</head>
</body> 
