html { background-color: #000; background-image: url(../images/basic/bg_cont.jpg); background-repeat: repeat-x; background-position: center bottom; height: 100%; }
body { background-color: #000; background-image: url(../images/basic/bg_cont.jpg); background-repeat: repeat-x; background-position: center bottom; font-size: 0.8em; color:#fff; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; padding:0; margin:0; }
a {color: #fff;}
a:visited {color:#fff;}
a:hover {color: #c60;}
a:active { color:#999;}


h1 { color: #fff; font-size: 2em; font-weight: normal; }

h2 { color: #c60; font-size: 1.7em; font-weight: normal; }

img.download {vertical-align:middle;}

/* ----------container zentriert das layout-------------- */
#container {
	width: 905px;
	margin: 0 auto;
	padding: 0;
	}

/* ---------- logo-------------- */
#banner { margin: 0; padding: 0; background-color: transparent; width: 905px; }
#banner p{ margin: 0; padding: 25px 0 0; }
#mainnavi { color: #c60; font-weight: bold; padding: 0; background-color: transparent; margin: 0; }
#mainnavi a:link { color: #ccc; text-decoration: none; }
#mainnavi a:visited { color:#ccc; text-decoration: none; }
#mainnavi a:hover { color: #c60; text-decoration: none; }
#mainnavi a:active { color:#ccc; text-decoration: none; }
#mainnavi p{
	padding: 20px 20px 20px 0;
}

/* -----------------Inhalt--------------------- */
#content { min-height:594px; background-color: transparent; padding: 0; margin: 0 0 0 20em; }

p, pre {
	padding: 0 20px 15px 25px;
	margin:0;
}
pre, code { font-size: 1.2em;}

h1 {
	padding: 15px 25px;
	margin:0;
}
h2 {
	padding: 5px 25px;
	margin:0;
}


/* --------------left navigavtion------------- */
#left { float: left; width: 150px; margin: 0; padding:0 0 0 26px; color:#ccc; font-size: 12px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; }
#left ul{
	list-style-type: none ;
	padding: 0 0 0 20px;
	margin: 0;
}
#left ul.borderbottom{ padding: 0 0 20px 20px; }

#left li a { font-size: 12px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; text-decoration:none; }
#left  li li a { font-size: 12px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; }
#left li{
	margin: 0;
	padding: 0 0 4px 0;
}
#left li li{
	margin: 0;
	padding: 0 0 3px 0;
}
#left li a.selected { margin: 0; padding: 0; color:#c60; font-size: 12px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; }

#left li li a.selected {
	margin: 0;
	padding: 0;
}


/*--------subnav ---------*/
#subnav { margin-bottom: 10px; padding-top: 5px; padding-bottom: 5px; padding-left: 0; border: solid 1px #ccc; }
/*#subnav a { color: #4179a1; text-decoration: none; }*/
.subnav1 a { color: #ccc; text-decoration: none; }
.subnav2 a { color: #ccc; text-decoration: none; }
.subnav3 a { color: #ccc; text-decoration: none; }
#subnav1 a:hover { color: #c60; text-decoration: none; }
#subnav2 a:hover { color: #c60; text-decoration: none; }
#subnav3 a:hover { color: #c60; text-decoration: none; }
/*
#subnav a:visited { color:#4179a1; text-decoration: none; }
#subnav a:active { color:#bd021b; text-decoration: none; }
*/
/*--------subnav Ebene 1 ----------*/
#subnav1 { color: #ccc; font-size: 12px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; padding-left: 0; }
#subnav2 { color: #ccc; font-size: 12px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; padding-left: 5px; }
#subnav3 { color: #ccc; font-size: 12px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; padding-left: 10px; }
#subnav1 li { color: #ccc; padding-bottom: 3px; }
#subnav2 li { color: #ccc; margin-left: 5px; padding-bottom: 3px; }
#subnav3 li { color: #ccc; margin-left: 10px; padding-bottom: 3px; }
#subnav1 ul { list-style-type: none; padding: 0 0 0 0; margin: 0;	}
/*--------subnav Ebene 1 act----------*/
#subnav1-act { color: #c60; font-size: 12px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; padding-left: 0; }
#subnav1-act a{ color: #c60;  }
/*--------subnav Ebene 2 ----------*/
.subnav2 { color: #ccc; font-size: 11px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: normal; padding-left: 5px; }
.subnav2 a { color: #ccc; }
.subnav2 a:visited { color: #ccc; }
#subnav2 ul{	list-style-type: none ;	padding: 0 0 0 5px; margin: 0;	}
/*--------subnav Ebene 2 act----------*/
#subnav2-act { color: #c60; font-size: 11px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: normal; padding-left: 5px; }
#subnav2-act a{ color: #c60; font-weight: normal; }

/*--------subnav Ebene 3 ----------*/
.subnav3 { color: #ccc; font-size: 11px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: normal; padding-left: 10px; }
.subnav3 a { color: #ccc; }
.subnav3 a:visited { color: #ccc; }
#subnav3 ul{ color: #ccc; list-style-type: none ; padding: 0 0 0 5px; margin: 0; }
/*--------subnav Ebene 2 act----------*/
#subnav3-act { color: #c60; font-size: 11px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: normal; padding-left: 5px; }
#subnav3-act a{ color: #c60; font-style: normal; }

/* -----------footer--------------------------- */
#footer_mooflow { height: 190px; }
#footer { background-color: #ffffff; padding: 0; margin: 0; background-color: transparent; height: 40px; clear: left; }
#footer p { font-size: 11px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; background-color: transparent; margin: 5px 0 0; padding: 0; }
/* -----------text--------------------------- */
#text { background-color: #000; margin: 0 0 20px; padding: 20px; border: solid 1px #999; }
#text_links { color: #ccc; font-size: 11px; position: absolute; width: 200px; float: left; }
#text_links img { margin-bottom: 10px; }
#text_links h1 { color: #ccc; font-size: 16px; font-weight: bold; padding: 0; }
#text_links p { color: #ccc; padding: 0 0 5px; }
#text_rechts { color: #999; font-size: 12px; /*font-weight: bold;*/ width: 400px; margin-left: 220px; }
#text_rechts h1 { color: #999; font-size: 16px; font-weight: bold; padding: 0 0 14px; }
#text_rechts p { padding: 0 0 10px; }


/*--------Gallery-----------------*/
div.tx-cegallery-pi1-album_entry img, div.tx-cegallery-pi1-detail_entry img { clear: both; }
div.tx-cegallery-pi1-album_entry { background-color: #000; background-image: none; background-repeat: repeat; background-attachment: scroll; text-align: center; background-x-position: 0%; background-y-position: 0%; width: 120px; height: 120px; float: left; margin: 0 10px 10px 0; border: solid 1px #999; }

/*div.imgobj { clear: both; }*/
div.imgobj { background-color: #000; background-image: none; background-repeat: repeat; background-attachment: scroll; text-align: center; background-x-position: 0%; background-y-position: 0%; width: 120px; height: 120px; float: left; margin: 0 10px 10px 0; border: solid 1px #999; }
/*div.imgobj { padding-top: 0px; padding-bottom: 0px; text-align: left; }*/

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

/*div.tx-cegallery-pi1-album_entry { background: #000; text-align: center; vertical-align: middle; width: 120px; height: 120px; border: solid 1px #999; float: left; margin: 0 10px 10px 0; }*/
/*div.tx-cegallery-pi1-detail_entry { padding-top: 0px; padding-bottom: 0px; text-align: left; }*/		

div.tx-cegallery-pi1-detail_entry { background-color: #000; text-align: center; vertical-align: middle; width: 400px; }
div.tx-cegallery-pi1-detail_entry img { background-color: #000; text-align: center; vertical-align: middle; margin-right: auto; margin-left: auto; padding: 10px; border: solid 1px #ccc; }
div.tx-cegallery-pi1-detail_entry table { align: center; text-align: center; width: 400px; }

div.tx-cegallery-pi1-slideControls { padding-bottom: 10px; }				
div.tx-cegallery-pi1 a { color: #ccc; font-size: 11px; text-decoration: none; }
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 { font-size: 11px; text-decoration: none; padding-right: 8px; }
span.tx-cegallery-pi1-pagebrowser_normal a { color: #ccc; text-decoration: none; }
span.tx-cegallery-pi1-pagebrowser_actual a { color: #c60; font-size: 11px; font-weight: bold; text-decoration: none; }
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: bold;
			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;
		}



.cegallery {  }


.teaser_text_gal { display: none; }



.rgsgcontent { margin-top: 10px; margin-bottom: 10px; }
.tx-rgsmoothgallery-pi1 { margin-top: 10px; margin-bottom: 10px; }



.mf{ visibility: hidden; z-index:1; color:#fff; font-size:14px; height: 50px; }
.mf * {
	outline:none;
	border:none;
	padding:0;
	margin:0;
	-moz-user-select: none;
	-webkit-user-select: none;
	user-select:none;
	-o-user-select:none
}
.mf div.loader{
	position:absolute;
	text-align:center;
	z-index:1;
	margin:0 auto;
	top:10%;
	/*top:45%;*/
	width:100%;
	background:url(skin/ajax_loader.gif) no-repeat 10% 0;
	padding:10px 0;
}
.mf div.caption {
	position:absolute;
	text-align:center;
	z-index:1;
	margin:1em auto;
	bottom:10px;
	/*bottom:50px;*/
	width:100%;
}
.mf div.mfNav{
	position:absolute;
	z-index:1;
	margin:0 auto;
	text-align:center;
	width:100%;
	bottom:10px;
	font-size:1px;
	line-height:1px;
	width:100%;
}
.mf div.autoPlayCon{
	float:left;
	width:10%;
	padding-left:3%;
	height:24px;
}
.mf a.play, .mf a.stop{
	width:27px;
	height:24px;
	float:left;
	cursor:pointer;
}
.mf a.play{
	background:url(skin/play.gif) no-repeat;
}
.mf a.stop{
	background:url(skin/stop.gif) no-repeat;
}
.mf div.sliderCon{
	margin-top:5px;
	float:left;
	width:74%;
}
.mf a.sliderNext{
	background:url(skin/left.gif) no-repeat;
}
.mf a.sliderPrev{
	background:url(skin/right.gif) no-repeat;
}
.mf a.sliderNext, a.sliderPrev{
	text-decoration:none;
	width:25px;
	height:16px;
	cursor:pointer;
	float:left;
}
.mf div.resizeCon{
	float:right;
	width:10%;
	padding-right:3%;
	height:24px;
}
.mf a.resize{
	width:34px;
	height:24px;
	float:right;
	cursor:pointer;
	background:url(skin/resize.gif) no-repeat;
}
.mf div.slider{
	background:url(skin/middle.gif) repeat-x;
	height:16px;
	position:relative;
	text-align:left;
	float:left;
}
.mf div.knob{
	height:16px;
	background:url(skin/middle-slider.gif) repeat-x right center;
}
.mf div.knobleft{
	background:url(skin/left-slider.gif) repeat-x center;
	width:8px;
	height:16px;
}