/*++++++++++++++++++++++++++++
� 2001 - 2009 human-data.de / internetagentur-koch.de
+++++++++++++++++++++++++++++*/
.fly_out_div_resp {
	display: none;
}
#navi_top {
	position:relative;
	top:-20px;
}
#navi_top li{
	display:inline;
}
#navi_top a{
	min-width:70px;
	text-align:center;
	padding:5px 10px 5px 10px;
	margin-right:5px;
	margin-left:5px;
	background-color:rgba(197, 109, 155, .6);
	border:solid #ffffff;
	border-width:0px 1px 1px 1px;
	color:#ffffff;
	font-weight:600;
}
#navi_top a:hover{
	background-color:rgba(197, 109, 155, .9);
	text-decoration:none;
}
#navi_top_acitve a {
	background-color:rgba(197, 109, 155, .9);
	text-decoration:none;
}
.cat_box_top {
	background:url(../images/2cols/cat_box_top.png) right top;
	padding:5px 0 5px 5px;
	color:#daedf8;
	font-weight:600;
	font-size:1.1em;
	border:0 none;
	margin:0px;
	/*
	border:solid #ffffff;
	border-width:0px 0px 1px 0px;
	*/
}
.cat_box_bottom {
	background:url(../images/2cols/cat_box_bottom.png) right top no-repeat;
	padding:2px 0 0px 0px;
	border:0 none;
	width: 168px;
	margin:0px;
	position:relative;
	top:-1px;
	/*
	border:solid #ffffff;
	border-width:1px 0px 0px 0px;
	*/
}
#navi_level1 a {
	width:148px;
	margin:0px;
	padding:15px;
	display:block;
	text-decoration:none;
	color:#ffffff;
	font-weight:600;
	background-color:rgba(197, 109, 155, .6);
	border:solid #ffffff;
	border-width:1px;
	margin-bottom:1px;
}
#navi_level1 a:hover {
	text-decoration:none;
	color:#ffffff;
	background-color:rgba(197, 109, 155, .9);
}
#navi_level1_activ a{
	background-color:rgba(197, 109, 155, .9);
}

#navi_level1_1 a {
	width:148px;
	margin:0px;
	padding:15px;
	display:block;
	text-decoration:none;
	color:#ffffff;
	font-weight:600;
	background-color:rgba(197, 109, 155, .6);
	border:solid #ffffff;
	border-width:1px;
}
#navi_level1_1 a:hover {
	text-decoration:none;
	color:#ffffff;
	background-color:rgba(197, 109, 155, .9);
}

#navi_level1_2 a {
	width:138px;
	margin:0px;
	padding:15px;
	display:block;
	text-decoration:none;
	color:#ffffff;
	font-weight:600;
	background-color:rgba(197, 109, 155, .6);
	border:solid #ffffff;
	border-width:1px;
}
#navi_level1_2 a:hover {
	text-decoration:none;
	color:#ffffff;
	background-color:rgba(197, 109, 155, .9);
}

/*++++++++++++++++++++++++++++
......  navi_flyout
+++++++++++++++++++++++++++++*/
/*********************
	F�r alle Ebenen:
**********************/
ul.fly_out a {
	text-decoration:none;
	font-weight:600;
	display: block;
}
ul.fly_out a:hover {
	text-decoration:none;
	color:#ffffff;
	background-color:rgba(197, 109, 155, .9);
}
/*********************
	1.Ebene:
**********************/
ul.fly_out {
	width:250px;
	list-style:none;
	margin:0;
	padding:0;
	z-index:2;
}
ul.fly_out li {
	position:relative;
	list-style-type: none;
	margin:0px;
	margin-bottom:1px;
	color:#ffffff;
	font-weight:600;
	background-color:rgba(197, 109, 155, .6);
	border:solid #ffffff;
	border-width:1px;
}
ul.fly_out li a {
	color:#ffffff;
	padding:15px;
}
ul.fly_out li:hover{
	text-decoration:none;
	color:#ffffff;
	background-color:rgba(197, 109, 155, .9);
}
ul.fly_out li:hover a{
	color:#ffffff;
}
/*********************
	2.Ebene:
**********************/
ul.fly_out li > ul {
	display:none;
	position:absolute;
	left:249px;
	top:22px;
	z-index:2;
}
ul.fly_out li:hover > ul {
	float:none;
	display:block;
	margin:0px;
	padding:0px;
}
ul.fly_out li > ul > li {
	clear:left;
	text-align:left;
	position:relative;
	top:-23px;
	min-width:200px;
	margin-bottom:0px;
	background:url(../images/2cols/bg_navi.png);
}
/* wenn die 1.Ebene aktiv ist: */
#navi_level1_activ  > ul > li a{
	text-decoration:none;
	color:#ffffff;
	background-color:rgba(197, 109, 155, .9);
}
#navi_level1_activ > ul > li:hover a{
	text-decoration:none;
	color:#ffffff;
	background-color:rgba(197, 109, 155, .9);
}
/* wenn Ebene dar�ber inaktiv ist: */
ul.fly_out li:hover > ul > li a{
	text-decoration:none;
	color:#ffffff;
	background-color:rgba(197, 109, 155, .9);
}
ul.fly_out li:hover > ul > li:hover {
	text-decoration:none;
	color:#ffffff;
	background-color:rgba(197, 109, 155, .9);
}
ul.fly_out li:hover > ul > li:hover a{
	color:#ffffff;
}
/*********************
	3.Ebene:
**********************/
ul.fly_out li > ul >li > ul {
	display:none;
	position:absolute;
	top:22px;
	left:201px;
	z-index:2;
}
ul.fly_out  li > ul > li:hover > ul {
	clear:left;
	display:block;
	margin:0px;
	padding:0px;
}
ul.fly_out li > ul> li > ul > li {
	clear:left;
	text-align:left;
	position:relative;
}
/* wenn die 1.Ebene aktiv ist: */
#navi_level1_activ ul> li:hover > ul > li a{
	text-decoration:none;
	color:#ffffff;
	background-color:rgba(197, 109, 155, .9);
}
#navi_level1_activ  ul > li > ul > li:hover a{
	text-decoration:none;
	color:#ffffff;
	background-color:rgba(197, 109, 155, .9);
}
/* wenn 1.Ebene inaktiv ist: */
ul.fly_out li:hover > ul > li:hover ul > li a{
	color:#ffffff;
}
ul.fly_out li:hover > ul > li:hover ul > li:hover{
	text-decoration:none;
	color:#ffffff;
	background-color:rgba(197, 109, 155, .9);
}
ul.fly_out li:hover > ul > li:hover ul > li:hover a{
	color:#ffffff;
}
/*********************
	4.Ebene:
**********************/
ul.fly_out li > ul >li > ul >li > ul {
	display:none;
	position:absolute;
	top:22px;
}
ul.fly_out li > ul > li > ul > li:hover > ul {
	clear:left;
	display:block;
	margin:0px;
	padding:0px;
}
ul.fly_out li > ul > li > ul> li > ul > li {
	clear:left;
	text-align:left;
	position:relative;
}

/* wenn die 1.Ebene aktiv ist: */
#navi_level1_activ ul> li:hover > ul > li:hover > ul > li a{
	text-decoration:none;
	color:#ffffff;
	background-color:rgba(197, 109, 155, .9);
}
#navi_level1_activ ul> li:hover > ul > li:hover > ul > li:hover a{
	text-decoration:none;
	color:#ffffff;
	background-color:rgba(197, 109, 155, .9);
}
/* wenn 1.Ebene inaktiv ist: */

ul.fly_out li:hover > ul > li:hover ul > li:hover > ul > li a{
	color:#ffffff;
}
ul.fly_out li:hover > ul > li:hover ul > li:hover > ul > li:hover{
	text-decoration:none;
	color:#ffffff;
	background-color:rgba(197, 109, 155, .9);
}
ul.fly_out li:hover > ul > li:hover ul > li:hover > ul > li:hover a{
	color:#ffffff;
}
#page_counter_style_1 a:hover{
	text-decoration:none;
	background: url(../images/2cols/bg_navi.png) no-repeat 80px 0px;
	background:red;
}
#page_counter_style_2 a:hover{
	text-decoration:none;
	background: url(../images/2cols/bg_center_wrapper.png) no-repeat 55px 0px;
	background:green;
}
#page_counter_style_3 a:hover{
	text-decoration:none;
	background: url(../images/2cols/bg_center_wrapper.png) no-repeat 35px 0px;
	background:blue;
}
#page_counter_style_4 a:hover{
	text-decoration:none;
	background: url(../images/2cols/bg_center_wrapper.png) no-repeat 25px 0px;
	background:brown;
}
#page_counter_style_5 a:hover{
	text-decoration:none;
	background: url(../images/2cols/bg_center_wrapper.png) no-repeat 15px 0px;
	background:yellow;
}