/*----------------------------------------*
	| 																				|
	| 	Seite: www.andreassalcher.com					|
	| 	Datum: 22.10.2007											|
	| 	Firma: www.raum3.at (Herbert Leier)		|
	| 																				|
	| 	Version: 1.0													|
	| 																				|
	*----------------------------------------*/

/* Diverse Sachen Start */
.no_css {
	position:absolute;
	margin: 0px;
	padding: 0px;
	height: 0px;
	width: 0px;
	visibility: hidden;	
}
.clear {
	clear:both;
}
.anker-up {
	position:relative;
	top:-200px;
}
.l {text-align:left;}
.r {text-align:right;}
h1, h2, h3, h4, h5, h6 {
	padding:0px;
	margin:0px 0px 10px 0px;
	border-bottom:1px solid #CCCC33;
}
h1 {font-size:18px;}
h2 {font-size:13px;}
h3 {font-size:13px;}
h4 {font-size:13px;}
h5 {font-size:12px;}
h6 {font-size:11px;}

p {
	padding:0px;
	margin:0px 0px 12px 0px;
}
a {
	color:#808080;
	text-decoration:none;
}
a:hover {
	color:#808080;
	text-decoration:underline;
}
.adr {
	display:block;
	width:50px;
	float:left;
	clear:right;
}
.text_bild_l {
	position:relative;
	padding:0px;
	margin:0px 10px 10px 0px;
	border:1px solid #CCCCCC;
	float:left;
}
.text_bild_r {
	position:relative;
	padding:0px;
	margin:0px 0px 10px 10px;
	border:1px solid #CCCCCC;
	float:right;
}
/* Diverse Sachen Ende */

/* Seitenaufbau Start */
body, html {
	font: 12px Arial, Helvetica, sans-serif;
	color: #000000;
	padding:0px;
	margin:0px;
}
#head {
	position:fixed;
	top:0px;
	right:0px;
	left:0px;
	width:100%;
	height:100px;	
	background:#FFFFFF;
	z-index:500;
}
#head h1 {
	padding:0px;
	margin:0px;
}
#head a {
	background:transparent url(../img/logo_bg.jpg) no-repeat center center;
	border:none;
	height:100px;
	display:block;
}
#navi {
	position:fixed;
	top:100px;
	right:0px;
	left:0px;
	width:100%;
	background:#CCCCCC;
	border:1px solid #CCCC66;
	border-width:1px 0px;
	padding:0px;
	margin:0px;
	z-index:500;
}
#verlauf {
	position:fixed;
	top:118px;
	right:0px;
	left:0px;
	width:100%;
	height:40px;	
	background:transparent url(../img/verlauf.png) repeat-x center center;
	z-index:100;
}
* html #verlauf,
*+html #verlauf {
	background:transparent url(../img/verlauf.gif) repeat-x center center;
}
#main {
	position:relative;
	width:780px;
	min-height:300px;
	clear:both;
	padding:160px 0px 15px;
	margin:0px auto;
}
/* IE 6 u 5.5 Hack */
* html #main {
	height:300px;
}
/* Seitenaufbau Ende */


/* Foot Anfang */
#foot {
	position:relative;
	width:780px;
	padding:10px 0px 40px 0px;
	margin:0px auto;
	border-top:1px solid #CCCCCC;
	text-align:center;
}
#foot ul {
	padding:0px;
	margin:0px;
	list-style:none;
}
#foot li {
	display:inline;
	padding:0px 10px;
	margin:0px;
	border-right:1px solid #CCCCCC;
}
#foot li.no_strok {
	border-right:none;
}
#foot a {
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#999999;
	text-decoration:none;
}
#foot a:hover {
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#999999;
	text-decoration:underline;
}
#foot p,
#foot .raum3 a {
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#CCCCCC;
	padding:5px 0px 0px 0px;
}
#foot .raum3 a:hover {
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#FF9100;
	padding:5px 0px 0px 0px;
}
/* Foot Ende */


/* Quatranten Anfang */
	.qu_index {
		position:relative;
		padding:10px 0px 10px 0px;
		margin:0px;
		background:#ffffff url(../img/main_bg.gif) repeat-y center top;
	}
	.qu_text_index {
		position:relative;
		text-align:center;
		font-size:16px;
		font-weight:bold;
	}
	.qu_links_index,
	.qu_rechts_index {
		position:relative;
		min-height:20px;
		width:352px;
		padding:10px;
		margin:0px;
	}
	.qu_links_index 	{float:left;}
	.qu_rechts_index 	{float:right;}
	.qu_rechts_index:hover,
	.qu_links_index:hover {
		background:#f5f5f5 url(../img/qu_top_bg.gif) no-repeat top center;
	}
	.qu_rechts_index  img,
	.qu_links_index  img {
		border:1px solid #CCCCCC;
		padding:0px;
		margin:0px 10px 0px 0px;
		float:left;
	}
	.rund_index {
		position:absolute;
		bottom:0px;
		left:0px;
		right:0px;
		height:10px;
		width:372px;
		background:transparent url(../img/qu_bottom_bg.gif) no-repeat bottom center;
	}
	

	.qu {
		position:relative;
		padding:10px 0px 10px 0px;
		margin:0px;
		background:#ffffff url(../img/main_bg.gif) repeat-y center top;
	}
	.qu_links,
	.qu_rechts {
		position:relative;
		min-height:152px;
		width:362px;
		padding:5px;
		margin:0px;
	}
	.qu_links 	{float:left;}
	.qu_rechts 	{float:right;}
	.qu_rechts:hover,
	.qu_links:hover {
		background:#f5f5f5 url(../img/qu_top_bg.gif) no-repeat top center;
	}
	.qu_rechts img,
	.qu_links img {
		border:1px solid #CCCCCC;
		padding:0px;
		margin:0px 10px 0px 0px;
		float:left;
	}
	.qu_text {
		float:left;
		width:230px;
	}
	
	.qu_text ul {
		padding:0px 0px 0px 0px;
		margin:0px 0px 0px 20px;
	}
	.qu_text li {
		list-style: url(../img/list_bg.gif);
		padding:0px 0px 0px 0px;
		margin:0px 0px 3px 0px;
	}
	.qu_mehr {
		position:absolute;
		bottom:10px;
		right:10px;
	
	}
	.rund {
		position:absolute;
		bottom:0px;
		left:0px;
		right:0px;
		height:10px;
		width:372px;
		background:transparent url(../img/qu_bottom_bg.gif) no-repeat bottom center;
	}
/* Quatranten Ende */


/* Navigation Start */

	/* ================================================================ 
	This copyright notice must be untouched at all times.
	
	The original version of this stylesheet and the associated (x)html
	is available at http://www.cssplay.co.uk/menus/final_drop.html
	Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
	This stylesheet and the associated (x)html may be modified in any 
	way to fit your requirements.
	=================================================================== */

	.navi_bg {
		background:#fff;

		text-align:center;
	}
	.menu {
		width:780px;
		position:relative;
		z-index:100;
		margin:0px auto;
		padding:0px;
		text-align:center;
		border-left:	1px solid #f2f2f2;
		border-right:	1px solid #f2f2f2;
	}
	
	/* remove all the bullets, borders and padding from the default list styling */
	.menu ul {
		padding:0;
		margin:0;
		list-style-type:none;
	}
	.menu ul ul {
		width:128px;
		border-top:2px solid #FFFF99;
	}
	.menu ul ul ul {
		width:128px;
	}
	
	/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
	.menu li {
		float:left;
		width:126px;
		position:relative;
		padding:0px 4px 0px 0px;
	}
	* html .menu li {
		padding:0px 0px 0px 0px;
	}
	.menu li li {
		border-left:	2px solid #FFFF99;
		border-right:	2px solid #FFFF99;
		text-align:left;
		padding:0px;
	}
	
	/* style the links for the top level */
	.menu a, 
	.menu a:visited {
		display:block;
		font:bold 11px Arial, Helvetica, sans-serif;
		text-decoration:none;
		color:#808080;
		width:128px;
		padding:2px 0px;
		margin:0px;
		border-left:	1px solid #f2f2f2;
		border-right:	1px solid #f2f2f2;
		background:#fff url(../img/navi_list_bg.gif) repeat-x left bottom; 
	}
	.menu ul li a, 
	.menu ul li  a:visited {
		background:#fff; 
	}

	/* style the second level background */
	.menu ul ul a.drop, 
	.menu ul ul a.drop:visited {
		background:#fff url(../img/drop.gif) no-repeat bottom right;
	}
	
	/* style the second level hover */
	.menu ul ul a.drop:hover{
		background:#FFFFCC url(../img/drop.gif) no-repeat bottom right;
	}
	.menu ul ul :hover > a.drop {
		background:#FFFFCC url(../img/drop.gif) no-repeat bottom right;
	}
	
	/* style the third level background */
	.menu ul ul ul a, 
	.menu ul ul ul a:visited {
		background:#fff url(../img/navi_list_bg.gif) repeat-x left bottom;
	}
	
	/* style the third level hover */
	.menu ul ul ul a:hover {
		background:#FFFFCC url(../img/navi_list_bg.gif) repeat-x left bottom;
	}
	
	/* hide the sub levels and give them a positon absolute so that they take up no room */
	.menu ul ul {
		visibility:hidden;
		position:absolute;
		height:0;
		top:17px;
		left:auto;
		l\eft:1px;
		width:128px;
	}
	* html .menu ul ul,
	*+html .menu ul ul, {left:1px;}
	
	/* another hack for IE5.5 */
	* html .menu ul ul {
		top:17px;
		t\op:17px;
	}
	
	/* position the third level flyout menu */
	.menu ul ul ul{
		left:126px;
		top:-1px;
		width:128px;
	}
	
	/* another hack for IE5.5 */
	* html .menu ul ul ul {
		left:126px;
		l\eft:126px;
	}
	
	/* position the third level flyout menu for a left flyout */
	.menu ul ul ul.left {
		left:-128px;
	}
	
	/* style the table so that it takes no ppart in the layout - required for IE to work */
	.menu table {
		position:absolute;
		top:0;
		left:0;
		border-collapse:collapse; /* ; */
	}
	
	/* style the second level links */
	.menu ul ul a, 
	.menu ul ul a:visited {
		background:#fff url(../img/navi_list_bg.gif) repeat-x left bottom; 
		color:#808080; 
		height:auto; 
		line-height:1em; 
		padding:5px; 
		width:116px;
		border:none;
		font:normal 11px Arial, Helvetica, sans-serif;
	}
	
	/* yet another hack for IE5.5 */
	* html .menu ul ul a, 
	* html .menu ul ul a:visited {
		width:118px;
		w\idth:116px;
	}
	
	/* style the top level hover */
	.menu a:hover, 
	.menu ul ul a:hover{
		color:#808080; 
		background:#FFFFCC;
	}
	.menu :hover > a, 
	.menu ul ul :hover > a {
		color:#808080;
		background:#FFFFCC;
	}
	
	/* make the second level visible when hover on first level list OR link */
	.menu ul li:hover ul,
	.menu ul a:hover ul{
		visibility:visible;
	}
	
	/* keep the third level hidden when you hover on first level list OR link */
	.menu ul :hover ul ul{
		visibility:hidden;
	}
	* html .menu ul li a:hover ul ul{
		visibility:hidden;
	}
	
	/* make the third level visible when you hover over second level list OR link */
	.menu ul :hover ul :hover ul{
		visibility:visible;
	}
	* html .menu ul li a:hover ul li a:hover ul{
		visibility:visible;
	}

/* Navigation Ende */



/* Ajaxtiker Anfang */
#ticker {
	position:relative;
	height: 300px;
	font: 18px Arial, Helvetica, sans-serif;
	text-align:center;
	color:#808080;
	padding:0px 0px 0px 50px;
	margin:0px 0px 20px 0px;
	background:#FFFFFF url(../img/zitat_unten.gif) no-repeat bottom left;
}
#ticker .wer {
	font:16px Arial, Helvetica, sans-serif;}
#ajaxticker1 {
	position:relative;
	height: 300px;
	font: 18px Arial, Helvetica, sans-serif;
	text-align:center;
	color:#808080;
	padding:20px 50px 0px 0px;
	margin:0px 0px 0px 0px;
	background:#FFFFFF url(../img/zitat_oben.gif) no-repeat top right;
}
.someclass {}

#ajaxticker1 div{ 
	/*IE6 bug fix when text is bold and fade effect (alpha filter) is enabled. Style inner DIV with same color as outer DIV*/
}

#ticker2 {
	position:relative;
	width:130px;
	height:83px;
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}

/* Ajaxtiker Ende */


/* Content Anfang */
.headline h1, 
.headline h2,
.ein_sp h1,
.ein_sp h2,
.zwei_sp h1,
.zwei_sp h2 {
	padding:0px;
	margin:0px 0px 20px 0px;
	border-bottom:1px solid #CCCC33;
} 
.headline h3, 
.headline h4, 
.headline h5, 
.headline h6,
.ein_sp h3, 
.ein_sp h4, 
.ein_sp h5, 
.ein_sp h6,
.zwei_sp h3, 
.zwei_sp h4, 
.zwei_sp h5, 
.zwei_sp h6 {
	padding:0px;
	margin:0px 0px 20px 0px;
	border-bottom:none;
}

.headline h1 {font-size:18px;}
.headline h2 {font-size:16px;}
.headline h3 {font-size:14px;}
.headline h4 {font-size:13px;}
.headline h5 {font-size:12px;}
.headline h6 {font-size:11px;}

h2.nach_border {
	position:relative;
	padding:20px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}

.ein_sp {border:none;}
.zwei_sp {border:none;}
.ein_sp_l {border-bottom:1px solid #CCCCCC;}
.zwei_sp_l {border-bottom:1px solid #CCCCCC; margin:30px 0px;}

.zwei_sp_l .links,
.zwei_sp .links {
	position:relative;
	float:left;
	width:380px;
	z-index:90;
}
.zwei_sp_l .rechts,
.zwei_sp .rechts {
	position:relative;
	float:right;
	width:380px;
	z-index:90;
}

.someclass .zwei_sp_l .links,
.someclass .zwei_sp .links {
	position:relative;
	float:left;
	width:310px;
	z-index:90;
}
.someclass .zwei_sp_l .rechts,
.someclass .zwei_sp .rechts {
	position:relative;
	float:right;
	width:310px;
	z-index:90;
}

.ein_sp p,
.zwei_sp p {
	position:relative;
	padding:0px;
	margin:0px 0px 20px 0px;
	z-index:90;
}
.ein_sp ul,
.zwei_sp ul {
	padding:0px 0px 0px 0px;
	margin:0px 0px 20px 20px;
	z-index:90;
}
.ein_sp ol,
.zwei_sp ol {
	padding:0px 0px 0px 0px;
	margin:0px 0px 20px 20px;
	z-index:90;
}
.ein_sp ol li,
.zwei_sp ol li {
	padding:0px 0px 0px 0px;
	margin:0px 0px 5px 0px;
	z-index:90;
}
.ein_sp ul li,
.zwei_sp ul li {
	list-style: url(../img/list_bg.gif);
	padding:0px 0px 0px 0px;
	margin:0px 0px 5px 0px;
	z-index:90;
}

#sup_navi {
	position:relative;
	float:right;
	width:130px;
	padding:20px 20px 15px 35px;
	margin:20px 0px 20px 20px;
	border-left:1px solid #CCCC33;
	border-bottom:1px solid #CCCC33;
	z-index:100;
}
#sup_navi ul {
	list-style: url(../img/list_bg.gif);
	padding:0px;
	margin:0px;
}
#sup_navi ul ul {
	list-style: url(../img/list_bg.gif);
	padding:0px 0px 0px 0px;
	margin:10px 0px;
}
#sup_navi li {
	list-style: url(../img/list_bg.gif);
	padding:0px 0px 0px 0px;
	margin:0px 0px 5px 0px;
}
#sup_navi li li {
	list-style: url(../img/list_bg.gif);
	padding:0px 0px 0px 0px;
	margin:0px 0px 2px 15px;
}

#sup_navi_zwei {
	position:relative;
	float:right;
	width:130px;
	padding:20px 20px 15px 35px;
	margin:19px 0px 20px 20px;
	border-left:1px solid #CCCC33;
	border-bottom:1px solid #CCCC33;
	z-index:100;
	top:-40px;
}
#sup_navi_zwei ul {
	list-style: url(../img/list_bg.gif);
	padding:0px;
	margin:0px;
}
#sup_navi_zwei ul ul {
	list-style: url(../img/list_bg.gif);
	padding:0px 0px 0px 0px;
	margin:10px 0px;
}
#sup_navi_zwei li {
	list-style: url(../img/list_bg.gif);
	padding:0px 0px 0px 0px;
	margin:0px 0px 5px 0px;
}
#sup_navi_zwei li li {
	list-style: url(../img/list_bg.gif);
	padding:0px 0px 0px 10px;
	margin:0px 0px 5px 0px;
}



.buch_no {
	position:relative;
	padding:15px 0px;
	margin:0px;
	border-bottom:none;
}
.buch {
	position:relative;
	padding:15px 0px;
	margin:0px;
	border-bottom:1px solid #CCCCCC;
}
.buch_no .links,
.buch .links {
	position:relative;
	float:left;
	width:210px;
}
.buch_no .rechts,
.buch .rechts {
	position:relative;
	float:right;
	width:540px;
}
.buch .rechts_navi {
	position:relative;
	float:right;
	width:340px;
}
.buch_no p,
.buch p {
	position:relative;
	padding:0px;
	margin:0px 0px 20px 0px;
}
.buch_no ul,
.buch ul {
	padding:0px 0px 0px 0px;
	margin:0px 0px 20px 20px;
}
.buch_no li,
.buch li {
	list-style: url(../img/list_bg.gif);
	padding:0px 0px 0px 0px;
	margin:0px 0px 5px 0px;
}
/* content Ende */


/* Flash movie*/
#single {

}