body
{
	background: #f7e4c7 url(images/bg.jpg) top repeat-x;
	
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 0.75em;
	color: #666666;
}

.seo {position: absolute; left:-10000px;}
#socialmedia
{
	font-weight:bold;
}
#socialmedia a
{
	margin-right:5px;
}

#main
{
	position: relative;
	margin: auto;

	width: 1029px;

}


#header
{
	width: 100%;
	height: 230px;
	

}
	#mood
	{
		position: absolute;
		left: 0px;
		top: 0px;
		text-align:center;
		width:1029px;
	}
	#mood img
	{
		width:1000px;
		height:186px;
	}
	#moodlinks
	{
		position:absolute;
		top:0px;
		left:14px;
		width:300px;
		height:186px;
		background: url('images/verlauf_gross.png') top left no-repeat;
	}
	#moodrechts
	{
		position:absolute;
		top:0px;
		left:985px;
		width:30px;
		height:186px;
		background: url('images/verlauf_klein.png') top left no-repeat;
	}
	* html #moodlinks,
	* html #moodrechts
	{
		display:none;
	}

	#logo 
	{
	position: absolute;
	left: 25px;
	top: 8px;
	z-index:8;
	
	}
	
	
	#navigation
	{
	position: absolute;
	left: 20px;
	top: 190px;
	width: 996px;
	height:38px;
	background: url('images/bg_navi.jpg') no-repeat;
	}
	
	ul.menu
	{
		margin-left:250px;
		margin-top:5px;
	}
	ul.menu, ul.menu ul {
	    list-style-type: none;
	}
	
	ul.menu a {
	    display: block;
	    padding: 3px 10px 8px 10px;
	    font-weight:normal;
	    color:white;
	    font-size:16px;
	    text-decoration:none;
	}
	ul.menu a:hover {
	    text-decoration:underline;
	   }
	ul.menu ul a {
	    font-size:14px;
	}
	
	ul.menu ul a {
	    padding: 0 10px;
	}
	
	ul.menu li {
	    padding:0;
	    margin:0;
	    background: url('images/bg-delimiter.gif') right top no-repeat;
	    float:left;
	}
	
	ul.menu ul {
	    margin-left:0;
	    padding: 5px 0 5px 0;
	    position: absolute;
	    background-color: #732929;
	    border:1px solid #732929;
	    display:none;
	    min-width:80px;
	    z-index:5;
	}
	
	/* IE-Hack für die Breite */
	* html ul.menu ul {
	    width:180px;
	}
	
	/* Dies sind die Klassenstile für das Untermenü wenn sich die Maus */
	/* über der Liste  befindet (.hover siehe JavaScript oben) */
	ul.menu ul.hover, ul.menu li.hover ul, ul.menu li:hover ul  {
	    display:block;
	}
	
	ul.menu ul li {
	    float:none;
	    background-color: transparent;
	    color:white;
	}

#footerimpressum
{
	text-align:center;
	/*border-top:solid 1px #666666;*/
	padding-top:10px;
}


#content
{
	background: white url('images/bg-content.gif') repeat-y;
	padding-top: 25px;
	padding-bottom: 10px;
	min-height:600px;
}
* html #content
{
	padding-left:18px;
}



#footer
{
	width: 1029px;
	margin-top: 25px;
	margin-bottom: 25px;
	padding-left: 25px;
	padding-right: 25px;
	padding-top: 10px;
	/*background: url(images/bg_footer.gif) repeat-x #ff9900;*/
}


#textinhalt
{
	width: 996px;
	margin-left: 18px;
}


#middle
{
	float: left;
	width: 725px;
	line-height: 1.60;
}
#middle_2
{
	float: right;
	width: 550px;
	padding-right: 10px;
	padding-left: 10px;
	line-height: 1.60;
}
#middle div.contentElement div.tx-indexedsearch div.tx-indexedsearch-res table
{
	width: 725px;
}

#left
{
width: 200px;
float: left;
}

	#middle_2 h1,
	#middle h1
	{
	font-weight: bold;
	font-size: 140%;
	}
	#middle_2 h2,
	#middle h2
	{
	font-weight: bold;
	font-size: 130%;
	margin-bottom:10px;
	}
	#middle .jdGallery .slideInfoZone h2,
	#middle_2 .jdGallery .slideInfoZone h2
	{
		font-size:80%;
	}
	
	#middle_2 h3,
	#middle h3
	{
	font-weight: bold;
	font-size: 120%;
	}
	
	#middle_2 h4
	#middle h4
	{
	font-weight: bold;
	font-size: 110%;
	}
	
	#left a,
	#right a,
	#middle_2 a,
	#middle a
	{
	color: #732929;
	text-decoration: none;
	}
	#left a:hover,
	#right a:hover,
	#middle_2 a:hover,
	#middle a:hover
	{
	color: #732929;
	text-decoration: underline;
	}
	
	#middle_2 strong,
	#middle strong
	{
	font-weight: bold;
	}
	
	#middle_2 em,
	#middle em
	{
	font-style: italic;
	}
	

#right
{
	float: right;
	width: 200px;
}

	.box
	{
	width: 200px;
	margin-bottom: 15px;	
	}
	
	.boxheader
	{
	border-bottom: 5px solid #732929;
	margin-bottom: 5px;
	}
		.boxheader h3
		{
		font-weight: bold;
		font-size: 110%;
		}
		
		
#pscroller1{
	height: 50px;
}		
		
/* Typo3 Layout */

/*.csc-textpic-clear		*/
.contentElement
{

/*	border-bottom:solid 4px #ccc;*/
	padding-bottom:10px;
	margin-bottom:10px;
	
	clear:both;
}

hr.clearer
{
	margin-top:10px;
	padding-top:10px;
	border:none;
	border-bottom: solid 1px #ccc;
	clear:both;
}
.filelinks div.first
{
	margin-top:10px;
}
.filelinks div.last
{
	padding-bottom:20px;
	border-bottom:solid 1px #ccc;
}

.csc-textpic-bildergalerie
{
	border-bottom:solid 4px #ccc;
	padding-bottom:10px;
	margin-bottom:10px;
}
	
dl.csc-textpic-image 
{
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}

.contenttable th
{
	font-weight:bold;
	padding-top:10px;
}

.important
{
	color:red;
}

	div.contentElement ol
	{
		list-style-type: decimal;
	}
	div.contentElement ol li
	{
		list-style-type: decimal;
		margin-left:30px;
	} 
	div.contentElement ul
	{
		list-style: disc;
	}
	div.contentElement ul li
	{
		list-style: disc;
		margin-left:30px;
	}

       /*---------------------------------  tt_news Page-Browser ---------------------------------*/
.news-list-browse {
        text-align: center;
}
.tx-ttnews-browsebox table
{
	margin:auto;
}
.tx-ttnews-browsebox {
        margin:3px;
        padding:3px;
}
.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;
        padding:2px;
}

.tx-ttnews-browsebox-SCell {


        border:1px solid #666;
}
.align-justify
{
	text-align:justify;
}
div.csc-textpic-border div.csc-textpic-imagewrap .csc-textpic-image img {
	border:1px solid #732929;
	padding:0;
}
div.csc-textpic-intext-left div.csc-textpic-imagewrap, div.csc-textpic-intext-left-nowrap div.csc-textpic-imagewrap {
	margin-right:20px !important;
}
div.csc-textpic-imagewrap
{
	background-color: #f7e4c7;
}
div.csc-textpic-intext-right div.csc-textpic-imagewrap, 
div.csc-textpic-intext-right-nowrap div.csc-textpic-imagewrap {
margin-bottom:10px;
}
div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image {
margin-bottom:0px;
}