* {
margin:0;
padding:0;
}

body {
background-image:url(../img/hintergrund.jpg);
background-repeat:repeat;
font-size:11px;
font-family:Verdana, Arial, SunSans-Regular, Sans-Serif;
color:#3e3d40;
margin-top:20px;
}

p {
padding:5px;
line-height:1.5;
}

h1 {
font-size:1.1em;
color:#008d4d;
padding:5px;
}

h2 {
font-size:20px;
font-weight:400;
padding:5px;
}

.align-center {
text-align:center;
}

.align-right {
text-align:right;
}

.align-left {
text-align:left;
}

a:hover {
color:#9d0d15;
text-decoration:none;
}

img.download {
vertical-align:middle;
}

#wrap {
width:906px;
margin:0 auto;
background-color:#FFFFFF;
}

#header {
width:906px;
height:240px;
background-image:url(../img/header.jpg);
text-align:left;
}

#container {
width:100%;
min-height:280px;
background-color:#FFFFFF;
}

#container li {
margin:5px 0 5px 20px;
}

#container li ul {
margin:5px 0 5px 10px;
}

#left {
float:left;
position:relative;
width:180px;
min-height:500px;
margin:0 5px 5px 5px;
background-color:#EBEBEB;
}
#left-down {
float:left;
position:relative;
width:180px;
margin:400px 5px 5px 5px;
}

#content {
float:left;
position:relative;
width:700px;
min-height:280px;
margin:0 5px 5px 5px;
}

#footer {
clear:left;
text-align:left;
height:15px;
background-color:#3e3d40;
color:#FFFFFF;
}

#footer a,#footer a:visited,#footer a:active,#footer a:hover {
text-align:left;
color:#FFFFFF;
}

#blueline {
border:solid 1px #CCCCCC;
margin:0;
padding:5px;
}

#news-container {
width:180px;
margin:0;
}

.news-latest-container {
margin-top:0;
}

.news-latest-container a {
color:#9d0d15;
font-size:.9em;
}

.news-more {
text-align:right;
padding:4px;
}

.news-more a,.news-more a:visited,.news-more a:active {
color:#9d0d15;
}

.tx-ttnews-browsebox-strong,.tx-ttnews-browsebox-SCell {
font-weight:700;
}

.tx-ttnews-browsebox-SCell P,.tx-ttnews-browsebox TD P {
margin:0;
}

.tx-ttnews-browsebox-SCell {
border:1px solid #9d0d15;
}

.news-search-emptyMsg {
font-size:11px;
margin-left:10px;
}

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

.tx-cegallery-pi1 {
background-color:#F93;
width:450px;
margin-bottom:20px;
}

.clearer, {
clear:both;
height:1px;
border:1px solid #f8f9fb;
}

.tx-cegallery-pi1-clearer {
border:1px solid #f8f9fb;
}

.tx-cegallery-pi1-album_entry {
float:left;
height:120px;
text-align:center;
top:inherit;
vertical-align:bottom;
border:1px solid #ddd;
margin:3px;
padding:10px;
}

.tx-cegallery-pi1-detail_entry {
padding-top:20px;
padding-bottom:10px;
text-align:center;
overflow:hidden;
}

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

.news-list-browse {
margin-top:50px;
}

.align-right,.news-list-morelink,.news-latest-date,.news-single-timedata {
text-align:right;
font-size:.9em;
}

a:hover,#blueline a:hover {
text-decoration:none;
}

.tx-ttnews-browsebox TD,.tx-cegallery-pi1-album_date {
font-size:10px;
}

a,a:visited,a:active {
color:#9d0d15;
}

.breaker,.news-latest-container HR.clearer {
clear:left;
}

/* Galerie*/

.tx-cegallery-pi1 {
background-color:#FFFFFF;
width:auto;
margin-bottom:20px;
}

.clearer, {
clear:both;
height:1px;
}

.tx-cegallery-pi1-clearer {
border:1px solid #FFFFFF;
}

.tx-cegallery-pi1-album_entry {
float:left;
height:auto;
text-align:center;
top:inherit;
vertical-align:bottom;
border:1px solid #CCCCCC;
margin:3px;
padding:10px;
}

.tx-cegallery-pi1-detail_entry {
padding-top:20px;
padding-bottom:10px;
text-align:center;
overflow:hidden;
}

.tx-cegallery-pi1-album_date {
font-size:10px;
}

div.tx-cegallery-pi1-album_entry{
			float: left;
			height: auto;
			width: auto;
			margin: 2px;
			padding: 10px;
			padding-bottom: 6px;
			text-align: center;
			top: inherit;
			vertical-align: bottom;
		 
		}

		div.tx-cegallery-pi1-detail_entry{
			padding-top: 20px;
			padding-bottom: 10px;
			text-align: center;
		}		

	div.tx-cegallery-pi1-slideControls{
			padding-bottom: 10px;
		}				

		div.tx-cegallery-pi1-album_entry img, div.tx-cegallery-pi1-detail_entry img {
				clear: both;
				border: 1px solid #000000;
		}

		div.tx-cegallery-pi1-clearer {
		 clear: both;
		}

		div.tx-cegallery-pi1-detail_header {
		  padding-bottom: 10px;
		}

		div.tx-cegallery-pi1-detail_nav {
			clear: both;
			width: 385px;
		}		

		span.tx-cegallery-pi1-photo_prev {
		 float: left;
		 width: 50px;
		}

		span.tx-cegallery-pi1-photo_next {
		 width: 50px;
		 text-align: right;
		 float: left;
		}

	  span.tx-cegallery-pi1-album_back_link {
	    float: left;
	    width: 285px;
	    text-align: center;
	  }

	  span.tx-cegallery-pi1-pagebrowser_actual, span.tx-cegallery-pi1-pagebrowser_normal {
	    padding-right: 8px;
	  }

	  span.tx-cegallery-pi1-pagebrowser_actual a {
	    font-weight: bold;
	  }

	  div.tx-cegallery-pi1-pagebrowser {
	    padding-bottom: 10px;
	  }

		div.tx-cegallery-pi1-page {
 			float: left;
 			padding-right: 10px;
		}	  

		#mySlideshow	{
			width: 370px;
			height: 370px;
			z-index:5;
			display: none;
			overflow:hidden;
			position: relative;
			background-color: #DFD9C2;
		}

		#mySlideshow img
		{
			border: 0;
			margin: 0;
		}

		#mySlideshow #slideInfoZone
		{
			position: absolute;
			z-index: 10;
			width: 100%;
			margin: 0px;
			left: 0;
			bottom: 0;
			height: 3em;
			background: #333;
			color: #fff;
			text-indent: 0;
		}

		#slideInfoZone h2
		{
			padding: 0;
			font-size: 12px;
			margin: 0;
			margin: 2px 5px;
			font-weight: strong;
			color: inherit;
		}

		#slideInfoZone p
		{
			padding: 0;
			font-size: 10px;
			margin: 2px 5px;
			color: #eee;
		}

		#mySlideshow a
		{
			font-size: 100%;
			text-decoration: none;
			color: inherit;
		}

		#mySlideshow a.right, #mySlideshow a.left
		{
			position: absolute;
			height: 100%;
			width: 40%;
			cursor: pointer;
			z-index:10;
			filter:alpha(opacity=20);
			-moz-opacity:0.2;
			-khtml-opacity: 0.2;
			opacity: 0.2;
		}

		* html #mySlideshow a.right, * html #mySlideshow a.left
		{
			filter:alpha(opacity=50);
		}

		#mySlideshow a.right:hover, #mySlideshow a.left:hover
		{
			filter:alpha(opacity=80);
			-moz-opacity:0.8;
			-khtml-opacity: 0.8;
			opacity: 0.8;
		}

		#mySlideshow a.left
		{
			left: 0;
			top: 0;
			background: url('/typo3conf/ext/ce_gallery/res/left.gif') no-repeat top left;
		}

		#mySlideshow a.right
		{
			right: 0;
			top: 0;
			background: url('/typo3conf/ext/ce_gallery/res/right.gif') no-repeat top right;
		}

		div.tx-cegallery-pi1-pagebrowser_back, div.tx-cegallery-pi1-pagebrowser_pages {
			float: left;
		}		
		
		div.tx-cegallery-pi1-pagebrowser_back {
			width:75px;
		}		
		
		div.tx-cegallery-pi1-slimbox_hidden_links {
		  display: none;
		}
	)





/****************************************************************************************
# Default css file for content edited with htmlArea RTE
#
# Defines a few class selectors that can be simply taken as examples by anyone who needs to configure the RTE.
# This css file is referenced by property RTE.default.contentCSS in the default configuration of htmlArea RTE.
#
# TYPO3 SVN ID: $Id: default.css 6539 2009-11-25 14:49:14Z stucki $
# ***************************************************************************************/

/* Left, center, right and justify alignment of text in block elements*/
p.align-left, td.align-left, th.align-left, h1.align-left, h2.align-left, h3.align-left, h4.align-left, h5.align-left, h6.align-left, div.align-left, address.align-left { text-align: left; }
p.align-center, td.align-center, th.align-center, h1.align-center, h2.align-center, h3.align-center, h4.align-center, h5.align-center, h6.align-center, div.align-center, address.align-center { text-align: center; }
p.align-right, td.align-right, th.align-right, h1.align-right, h2.align-right, h3.align-right, h4.align-right, h5.align-right, h6.align-right, div.align-right, address.align-right { text-align: right; }
p.align-justify, td.align-justify, th.align-justify, h1.align-justify, h2.align-justify, h3.align-justify, h4.align-justify, h5.align-justify, h6.align-justify, div.align-justify, address.align-justify { text-align: justify; }

/* Two frame examples taken from the example CSS file of CSS Styled Content extension and applied to p and table block elements.*/
p.csc-frame-frame1, table.csc-frame-frame1 { background-color: #EDEBF1; padding: 2px 4px 2px 4px; border: 1px solid #333333; }
p.csc-frame-frame2, table.csc-frame-frame2 { background-color: #F5FFAA; padding: 2px 4px 2px 4px; border: 1px solid #333333; }

/* Bullet styles for unordered lists.*/
ul.component-items { color: #186900; list-style-type: circle; }
ul.action-items { color: #8A0020; list-style-image: url(img/red_arrow_bullet.gif); }

/* Numbering styles for ordered lists.*/
ol.component-items-ordered { color: #10007B; list-style-type: lower-roman; }
ol.action-items-ordered { color: #8A0020; list-style-type: lower-greek; }

/* Three inline text colors taken from the color scheme of CSS Styled Content extension.*/
span.important { color: #8A0020; }
span.name-of-person { color: #10007B; }
span.detail { color: #186900; }

/* Selectors for the default configuration of the link accessibity feature.*/
a.external-link {}
a.external-link-new-window {}
a.internal-link {}
a.internal-link-new-window {}
a.download {}
a.mail {}

/* Default selector for indentation.*/
div.indent { margin-left: 2em; }