/* commented backslash hides from ie5mac \*/ 
html
{
	height: 100%;
	margin: 0;
	padding: 0
} 
/* end hack */ 

/*  COMMON */
*
{
	margin: 0;
	padding: 0;

}

html,body
{
	padding:0;
	margin:0;
	background-color: #dee0dd;
	font-size: 11px;
	font-family: "Century Gothic", Verdana, Arial, "Trebuchet MS", Sans-Serif, Georgia, Courier, "Times New Roman", Serif;
}

body
{
	font-weight: normal;
/*	min-width: 994px;*/
	height:100%;
	padding:0;
	margin:0;
}

#outer
{
/*	background: transparent url("images/frame-bg.png") 195px 0% repeat-y;*/
	background-color: #fff;
	height: 99.9%;
	min-height: 100%;
	max-width: 900px;
	text-align:left;
	margin:auto;
	position:relative;
	overflow:visible;
}

/* mac hide \*/
* html #outer
{
	max-width: 900px;
}
/* end hide*/

html>body #outer
{
	height:auto;
}

.fixiert {
	position: absolute;
}

html>body .fixiert {
	position: fixed;
}

p a, li a
{
	font-weight: bold;
	text-decoration: none;
	color: #44f;
}

a i
{
	display: none;
}

p a:hover, li a:hover
{
	background-color: #ccf;
}

.fleft
{
	float: left;
}

 /* HEADER */

#header
{
	position: absolute;
/*	background: transparent url("images/logo-bw-aktiv.png") top left no-repeat;*/
	border-bottom-width: 6px;
	top: 0;
	display: block;
	width: 868px;
	padding: 5px 0 0 30px;
/*	height: 69px;*/
/*	z-index: 58;*/
}

html>body #header
{
	position: fixed;
}

#header, #footer, #bilderleiste
{
	background-color: #bbdaff;
	border: 1px solid #3992ff;
}

/* FOOTER */
#footer
{
	position: absolute;
	display: block;
/*	width: 795px;*/
	width: 878px;
	padding: 5px 10px;
/*	margin-left: 210px;*/
/*	margin-left: 195px;*/
	margin: 0;
	bottom: 0;
	z-index: 53;
	overflow: hidden;
}

html>body #footer
{
	position: fixed;
}

#footer-top
{
	background: transparent url("images/frame-footer-top.png") 0% 0% no-repeat;
	width: 100%;
	height: 5px;
}

#footer-bottom
{
	background: transparent url("images/frame-footer-bottom.png") 0% 0% no-repeat;
	width: 100%;
	height: 10px;
}

#footer-left
{
	float: left;
	width: 240px;
/*	padding-top: 20px;*/
}

#footer-content
{
	background: transparent;
	margin: 0;
/*	padding-top: 12px;*/
	font-size: 13px;
}
#footer-content strong
{
	font-size: 15px;
}

#footer a.impressum
{
	text-decoration: none;
	font-size: 12px;
	color: #000;
	padding: 2px 8px;
	background-color: #eee;;
	margin-left: 20px;
	border: 1px solid #777;
}
#footer a.impressum:hover
{
	color: #900;
	background-color: #fff;
}


h1 i
{
	display: none;
}

h1
{
	position: absolute;
	background: transparent url("images/logo-bw-aktiv.png") top left no-repeat;
	display: block;
	width: 100%;
	z-index: 56;
}

html>body h1
{
	position: fixed;
}

h1 a
{
	margin: 0;
	padding: 0;
	display: block;
	height: 60px;
	padding: 0;
}

h2, h3, h4, h5
{
	color: #000;
}

h2
{
	font-size: 180%;
}

h3, h4, h5
{
	margin: 10px 0 4px 0;
}

h3
{
	font-size: 130%;
}

h4
{
	font-size: 120%;
}

h5
{
	font-size: 110%;
}



#info
{
	position: absolute;
	top: 2px;
/*-	margin-left: 810px;*/
	line-height: 19px;
	color: #666;
}

html>body #info
{
	position: fixed;
}

#info
{
	font-size: 12px;
	z-index: 59;
}

#info a
{
	text-decoration:none;
	font-weight:bold;
	color:#3c6f00;
	padding: 2px 6px;
}

#info a:hover
{
	color:#fff; background-color:#ff5205;
}

#info a:active
{
	background-color:#fcc;
}

#info strong
{
	font-style: italic;
}

/*  CONTENT  */
#rahmen
{
/*	width: 994px;*/

	font-size: 12px;
	z-index: 98;
	border: 1px solid #bbb;
	margin: 0;
/*	border: 1px dotted #000;
	display: none;*/
}

html>body #rahmen #ol, html>body #rahmen #or, html>body #rahmen #links, html>body #rahmen #rechts
{
	position: fixed;
}

#content-frame /* Rahmen für den Inhalt */
{
/*	float: right;*/
/*	border-left: 1px solid #e0e0e0;*/
	background: transparent;
/*	background-color: #ffffd0;*/
	padding: 20px; /* innerer Abstand */
	margin-left: 0px;	/* Platz für linke Menüleiste */
	margin-right: 0px; /* Abstand zum rechten Rand */
	padding-top: 100px; /* Platz für obere Menüleiste */
	padding-bottom: 60px; /* Platz für obere Fussleiste */
	overflow: hidden;
/*	border: 1px dotted green;*/
}

#content
{
	font-size: 10pt;
}

#content p
{
	margin-top: 12px;
}

#content p.center
{
	text-align: center;
}

#content p.left
{
	text-align: left;
}

#content p.right
{
	text-align: right;
}


#content ul
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#content li
{
/*	padding-left: 4px;*/
	margin: 0 0 8px 30px;
	display: table;
}

#content li.links
{
	width: 230px;
	text-align: right;
	margin-right: 20px;
	float: left;
}

#content h2, #content h3, #content h4, #content h5
{
	color: #ff5205;
}

#content h2
{
/*	color: #000;*/
	font-size: 200%;
/*	text-align: center;*/
	color: #f00;
}

#content h3, #content h4, #content h5
{
	margin: 10px 0 4px 0;
}

#content h3
{
	font-size: 140%;
}

#content h4
{
	font-size: 125%;
}

#content h5
{
	font-size: 115%;
}

#content p i
{
	display: none;
}

#content .fleft
{
	float: left;
}

#content .fright
{
	float: right;
}

#content a.partnerlink
{
	float: left;
}
#content img
{
	border: none;
}


#bilderleiste
{
/*	position: absolute;
	top: 80px;*/
	float: right;
/*	width: 300px;*/
	text-align: center;
	background-color: #f2f2f2;
	padding: 0 0 5px 4px;
	margin-left: 10px;
/*	margin-left: 698px;*/
/*	border-top: none;*/
/*	height: 80%;
	right: 0;*/
}

html>body #bilderleiste
{
/*	position: fixed;*/
}

#bilderleiste a
{
/*	float: left;*/
	padding: 0;
	width: 140px;
	display: block;
	overflow: visible;
	border: 4px solid #fff;
}

#bilderleiste a.tn01
{
	height: 69px;
}

#bilderleiste a.tn02
{
	height: 62px;
}

#bilderleiste a.tn01
{
	background: #fff url("images/tn-halle07.jpg") top left no-repeat;
}

#bilderleiste a.tn02
{
	background: #fff url("images/tn-halle02.jpg") top left no-repeat;
}

#bilderleiste a.tn03, #bilderleiste a.tn04, #bilderleiste a.tn05, #bilderleiste a.tn06
{
	height: 105px;
}

#bilderleiste a.tn03
{
	background: #fff url("images/tn-halle03.jpg") top left no-repeat;
}

#bilderleiste a.tn04
{
	background: #fff url("images/tn-halle04.jpg") top left no-repeat;
}

#bilderleiste a.tn05
{
	background: #fff url("images/tn-halle05.jpg") top left no-repeat;
}

#bilderleiste a.tn06
{
	background: #fff url("images/tn-halle06.jpg") top left no-repeat;
}

#bilderleiste a .pv01, #bilderleiste a .pv02, #bilderleiste a .pv03, #bilderleiste a .pv04, #bilderleiste a .pv05, #bilderleiste a .pv06
{
	width: 400px;
}

#bilderleiste a .pv01
{
	background: #fff url("images/ps-halle07.jpg") top left no-repeat;
	height: 198px;
	display: block;
}

#bilderleiste a .pv02
{
	background: #fff url("images/ps-halle02.jpg") top left no-repeat;
	height: 159px;
}

#bilderleiste a .pv03
{
	background: #fff url("images/ps-halle03.jpg") top left no-repeat;
	height: 300px;
}

#bilderleiste a .pv04
{
	background: #fff url("images/ps-halle04.jpg") top left no-repeat;
	height: 300px;
}

#bilderleiste a .pv05
{
	background: #fff url("images/ps-halle05.jpg") top left no-repeat;
	height: 300px;
}

#bilderleiste a .pv06
{
	background: #fff url("images/ps-halle06.jpg") top left no-repeat;
	height: 300px;
}

#bilderleiste a span
{

	position: absolute;
	border: 30px solid #000;
	margin: 20px;
	z-index: 99;
	top: 150px;
	left: 200px;
	display: none;
}

html>body #bilderleiste a span
{
	position: fixed;
}

#bilderleiste a:hover
{
	border-color: #ff5205;
}

#bilderleiste a:hover span
{
	display: block;
}

#downloads
{
	border: 1px solid #666;
	background-color: #eee;
	margin-top: 20px;
	padding: 4px 12px 10px 12px;
	display: inline-block;
	width: auto;
}

#downloads a
{
	padding: 4px 8px;
	margin: 0;
}

.adresse
{
	margin: 5px 30px;
	float: left;
}
.clean { clear: both;}

