/*--------------------------------------
MYLINE BIA

#FARBEN:
orange: #d0772b;

---------------------------------------*/

/*--------------------------------------
TOP Menu
---------------------------------------*/
#topnav {}
#topnav ul {display:block; list-style: none;}
#topnav li {display:inline; text-align:center;} 
#topnav li.spacer {padding: 0 1px; color: #6f7072;}
#topnav a {color: #6f7072; background: transparent;}
#topnav a:hover {color: #FFFFFF;}

/*--------------------------------------
Main Nav
---------------------------------------*/
#main_nav ul {list-style: none; display:block; }
#main_nav ul li { float:left; position:relative; margin-left: 45px; width: auto;}
#main_nav ul li a {display: block;}


#main_nav ul li ul {display: block; position:absolute; top:-999em; left:0; overflow:visible; width:200px; }
#main_nav ul li:hover ul {top: 30px;}
#main_nav ul li:hover ul li {margin: 0;}
#main_nav ul li:hover ul li a {display: block;}

/* 3 Level */
#main_nav ul li:hover ul li ul {left: -999em; display: block; top: -2px;  border: 1px solid red; margin: 0; padding: 0;}
#main_nav ul li:hover ul li:hover ul {left: 210px; border: 0px solid green; margin: 0; padding: 0;}


/*--style --*/
#main_nav {font-size: 1.1em;}
#main_nav ul li a {font-weight: bold; color: black; padding: 5px 0px 15px 0px;}
#main_nav ul li:hover a {color: #d0772b; background: transparent;}

#main_nav ul li ul li:first-child {border-top: 2px solid #d0772b;}
#main_nav ul li ul li {border-bottom: 1px solid #ddd; background-color: white !important;}
#main_nav ul li:hover ul li a {color: black; padding: 5px; width: 200px;}
#main_nav ul li:hover ul li:hover a {background:#ddd; color: black;}

#main_nav ul li:hover ul li:hover ul li {border-bottom: 1px solid white;}
#main_nav ul li:hover ul li:hover ul li:hover a {background: gray;}

#main_nav ul li:hover ul li.parent a {
	background-image: url(../images/dreieck.jpg);
	background-position: 190px 7px;
	background-repeat: no-repeat;
}


#main_nav ul li:hover ul li.parent:hover a {
	background-image: url(../images/dreieck_hover.jpg);
}

#main_nav ul li:hover ul li.parent:hover ul li a {
	background-image: none;
}

/* AKTIV: */
#main_nav ul li a.aktiv {color: #d0772b;} 
#main_nav ul li:hover ul li a.aktiv {color: #d0772b;} 

/*LETZTES gans Rechts*/
#main_nav ul li.last ul {width:150px; }
#main_nav ul li.last:hover ul li a {width: 150px;}
#main_nav ul li.last:hover ul {top: 30px; right: 9px; left: auto;}


#main_nav li.clr {
   display: inline;
   margin: 0;
   padding: 0;
   width: 1px;
   border: none;
   visibility: hidden;
   position: relative;
 }
#main_nav br.clr {
   clear: left;
   width: 1px;
   font-size:1px;
   margin: 0;
   padding: 0;
   overflow:hidden;
   border: none;
}


/*------------------------------------------- 
Footer
-------------------------------------------*/
.footer {}
.footer ul {display:block; list-style: none; }
.footer li {display: inline; text-align:center; padding: 0; color: black; background:transparent;}
.footer li.spacer {padding: 0 3px; color: #646466; background:transparent;}
.footer a {color: #646466; }
.footer a:hover {	color: black; background:transparent;}
.footer li.copy {padding-right: 30px;}



/* --------------------------------------------------------- 
SideNAV
--------------------------------------------------------- */

.sidenav ul {list-style: none; margin: 0 20px; border-top: 1px solid white; font-size: 1.1em;}
.sidenav ul li {background: transparent;}

.sidenav ul a {
	display: block;
	padding: 7px 0 7px 15px;
	border-bottom: 1px solid white;
	color: white;
	background: transparent url(../images/dreieck_weiss.jpg) 0px 10px no-repeat;
}
.sidenav ul li a:hover { color: black; background: transparent url(../images/dreieck_black.jpg) 0px 10px no-repeat;}
.sidenav ul li.aktiv a {color: black; background: transparent url(../images/dreieck_black.jpg) 0px 10px no-repeat;}

/*für unterlinks wieder ausschalten */
.sidenav ul li ul {
	font-size: 1em;
	border: none;
	margin: 0;
	padding: 10px 0 10px 20px;
	border-bottom: 1px solid white;
}


.sidenav ul li.aktiv ul li a {
	background: transparent url(../images/dreieck_weiss.jpg) 0px 10px no-repeat;
	border: none;
	color: white;
}
.sidenav ul li.aktiv ul li a:hover {color: black; background: transparent url(../images/dreieck_black.jpg) 0px 10px no-repeat;}
.sidenav ul li.aktiv ul li.aktiv a {color: black; background: transparent url(../images/dreieck_black.jpg) 0px 10px no-repeat;}