@CHARSET "UTF-8";
body {
	font-family:	Arial,Verdana;
	font-size:		12px;
	color:	#666;
	line-height: 1.25em;
}

#stage {
	margin: 0 auto;
	padding: 0px;
	width: 1026px;
	height: 768px;
/*	border: 1px solid #ff0000; */
}

#navigation_top {
	margin: 0px;
	padding: 0px;
	width: 1024px;
	height: 28px;
	border-top: 1px solid #b7b7b7;
	border-left: 1px solid #b7b7b7;
	border-right: 1px solid #b7b7b7;
}

#head {
	margin: 0px;
	padding: 0px;
	width: 1024px;
	height: 102px;
	background: #fef7db;
/*	background-image: url("../gfx/logokopf.jpg");
	background-repeat: no-repeat; */
	border-top: 1px solid #b7b7b7;
	border-left: 1px solid #b7b7b7;
	border-right: 1px solid #b7b7b7;
}
#head_address {
	margin: 12px 0 0 10px;
	font-size: 13px;
	float: left;
}
#head_logo {
	margin: 4px 35px 0 0;
	float:right;
}
#content_big {
	margin: 0px;
	padding: 0px;
	width: 1024px;
	height: 643px;
	border: 1px solid #b7b7b7;
}
#content {
	margin: 0px;
	padding: 0px;
	width: 1024px;
	height: 553px;
	border: 1px solid #b7b7b7;
}
#left {
	margin: 0px;
	padding: 0px;
	width: 256px;
	/*height: 100%; */
	height: 644px;
	float: left;
	border-right: 1px solid #b7b7b7;
	overflow-y: auto;
	background-color: #fff;
}
#middle_1col {
	margin: 0px;
	padding: 0px;
	width: 1022px;
	height: 100%;
}
#middle_2col {
	margin: 0px;
	padding: 0px;
	width: 766px;
	height: 100%;
	float: left;
}
#middle_3col {
	margin: 0px;
	padding: 0px;
	width: 507px;
	height: 100%;
	float: left;
}
#right {
	margin: 0px;
	padding: 0px;
	width: 249px;
	height: 100%;
	float: left;
	border-left: 1px solid #b7b7b7;
}
#footer {
	margin: 0px;
	padding: 0px;
	width: 1024px;
	height: 90px;
	border-right: 1px solid #b7b7b7;
	border-left: 1px solid #b7b7b7;
	border-bottom: 1px solid #b7b7b7;
}
#bottom_left {
	margin: 0px;
	padding: 0px;
	width: 256px;
	height: 90px;
	float: left;
	border-right: 1px solid #b7b7b7;
	text-align: center;
}
#bottom_right {
	margin: 0px;
	padding: 0px;
	width: 766px;
	height: 90px;
	float: left;
	overflow-x: hidden;
	overflow-y: hidden;
}

#scrollpane {
	margin: 5px 5px 5px 0px;
	padding: 0px;
	max-width: 250px;
	height: 95%;
}

/* Image Menu */

#makeMeScrollable {
	width: 100%;
	height: 79px;
	position: relative;
	float: left;
	margin: 5px 0 0 0;
	padding: 0;
	overflow: auto;
}

/*	Invisible left hotspot */
div.scrollingHotSpotLeft
{
	/* 	The hotspots have a minimum width of 100 pixels 
	and if there is room the will grow and occupy 15% 
	of the scrollable area (30% combined). Adjust it 
	to your own taste. */
	min-width: 75px;
	width: 10%;
	height: 100%;
	/*	There is a big background image and it's used 
		to solve some problems I experienced
		with Internet Explorer 6. */
	background-image: url(../images/big_transparent.gif);
	background-repeat: repeat;
	background-position: center center;
	position: absolute;
	z-index: 200;
	left: 0;
	/*  The first url is for Firefox and other browsers, the second is for Internet Explorer */
	cursor: url(../images/cursors/cursor_arrow_left.cur), url(images/cursors/cursor_arrow_left.cur),w-resize;
}

/*	Visible left hotspot */
div.scrollingHotSpotLeftVisible
{
	background-image: url(../images/arrow_left.gif);				
	background-color: #fff;
	background-repeat: no-repeat;
	opacity: 0.35; /* Standard CSS3 opacity setting */
	-moz-opacity: 0.35; /* Opacity for really old versions of Mozilla Firefox (0.9 or older) */
	filter: alpha(opacity = 35); /* Opacity for Internet Explorer. */
	zoom: 1; /* Trigger "hasLayout" in Internet Explorer 6 or older versions */
}

/* Invisible right hotspot */
div.scrollingHotSpotRight
{
	min-width: 75px;
	width: 10%;
	height: 100%;
	background-image: url(../images/big_transparent.gif);
	background-repeat: repeat;
	background-position: center center;
	position: absolute;
	z-index: 200;
	right: 0;
	/*  The first url is for Firefox and other browsers, the second is for Internet Explorer */
	cursor: url(../images/cursors/cursor_arrow_right.cur), url(images/cursors/cursor_arrow_right.cur),e-resize;
}

/* Visible right hotspot */
div.scrollingHotSpotRightVisible
{
	background-image: url(../images/arrow_right.gif);
	background-color: #fff;
	background-repeat: no-repeat;
	opacity: 0.35;
	filter: alpha(opacity = 35);
	-moz-opacity: 0.35;
	zoom: 1;
}

/*	The scroll wrapper is always the same width and 
	height as the containing element (div). Overflow 
	is hidden because you don't want to show all of 
	the scrollable area.
*/
div.scrollWrapper
{
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100%;
}

div.scrollableArea {
	margin: 0 0 0 5px;
	paddgin: 0px;
	position: relative;
	width: auto;
	height: 100%;
}
div.scrollableArea a {
	margin: 0 5px 0 0;
	padding: 0px;
	float:left;
}

div.scrollableArea img {
	margin: 0px;
  margin-right:0px;
}

/* Typo3 Styles */

a {
	color: #eb9000;
	text-decoration: none;
}
a:hover {
	color: #eb9000;
	text-decoration: underline;
}

a.mail { }
a.download { }
a.internal-link {
}
a.external-link { }
a.external-link-new-window { }
 
a img, a:hover img {
	border: 0px;
	border-style: none;
}

#left a img, #left a:hover img {
	margin-top: -5px;
	border: 0px;
	border-style: none;
}

.csc-textpic-imagewrap img {
	margin-top: -3px;
}

.rgsgcontent{
	margin-top: 0px;	
	margin-left: 0px;
}

p.bodytext { 
	margin: 3px 10px 5px 10px;
}
 
h1 {
	margin: 10px 0 0 10px;
	padding: 0px;
	font-size: 14px;
	font-weight: bold;
	color: #b68600;
}
h2 {
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	font-weight: bold;
	color: #b68600;
}
h3 {
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	font-weight: nomal;
	color: #b68600;
}

h2 a {
	color: #B68600;
	text-decoration: none;
}

#feld1 {
	background-image:url("/uploads/pics/Button1.jpg"); 
	margin: 0 0 0 5px;
	padding: 12px 0 0 0;
	color: #fff; 
	background-repeat:no-repeat; 
	height: 83px;
}

#feld2 {
	background-image:url("/uploads/pics/Button2.jpg"); 
	margin: 0 0 0 5px;
	padding: 12px 0 0 0;
	color: #666; 
	background-repeat:no-repeat; 
	height: 83px;
}

#feld3 {
	background-image:url("/uploads/pics/Button3.jpg"); 
	margin: 0 0 0 5px;
	padding: 12px 0 0 0;
	color: #666; 
	background-repeat:no-repeat; 
	height: 83px;
}

#feld_hocker25{
	background-image:url("/uploads/pics/button_hocker25.jpg"); 
	margin: 0 0 0 5px;
	padding: 12px 0 0 0;
	color: #fff; 
	background-repeat:no-repeat; 
	height: 83px;
}

#feld_jubilaeum{
	background-image:url("/uploads/pics/button_jubilaeum.jpg"); 
	margin: 0 0 0 5px;
	padding: 12px 0 0 0;
	color: #fff; 
	background-repeat:no-repeat; 
	height: 83px;
}

#feld1 .detail, #feld2 .detail, #feld3 .detail, #feld_jubilaeum .detail, #feld_hocker25 .detail {
	color:#eb9000;
}

#feld1 h2, #feld_jubilaeum h2, #feld_hocker25 h2{
	color: #fff; 
}

#feld2 h2, #feld3 h2{
	color: #666; 
}

#feld1 h2, #feld2 h2, #feld3 h2, #feld_hocker25 h2, #feld_jubilaeum h2{
	font-size: 1.2em;
	font-weight:normal;
	margin-left: 7px;
	
}

#feld1 p.bodytext, #feld2 p.bodytext, #feld3 p.bodytext, #feld_hocker25 p.bodytext, #feld_jubilaeum p.bodytext {
	margin-left: 7px;	
}

.detail {
	color:#eb9000;
}

/*.csc-default p:first-child{
	margin: 0 0 0 10;
	padding: 0 0 0 0;
	font-style: italic;
	font-size:	10px;
	line-height: 1.25em;
}*/