@charset "utf-8";
/* CSS Document */

body {
	margin:0px;
	height:100%;
	padding:0;
	background-image:url(demo_bg.jpg), url('../bar/menu_bg.jpg');
	background-position:top, 0px 150px;
	background-repeat:repeat-x, repeat-x;
}

html {
	height:100%;
}

.main_div {
	position:relative;
	width:950px;
	top:0px;
	min-height:100%;
	
	background-color:#FFF; 
	border-right:1px solid #CCC;
}

.logo {
	position:relative;
	top:0px;
	left:0px;
	width:950px;
	height:150px;
	background-image:url(demo_logo.jpg);
	border-right: 0px solid #FFF;
}

.bg_div {
	position:relative;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
}

.bg_logo {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:150px;
	
	background-image:url(demo_bg.jpg);
}

.bg_menu {
	position:absolute;
	top:150px;
	left:0px;
	width:100%;
	height:36px;
	background-image:url('../bar/menu_bg.jpg');
	border-bottom:1px solid #fff;
}

.menu_1 {
	position:relative;
	width:950px;
	height:36px;
	top:0px;
	left:0px;
	z-index:21;
	
	background-image:url('../bar/menu_bg.jpg');
	
	margin-bottom:18px;
	padding-top:-1px;
	border-right:1px solid #CCC;
}

.menu_1 #right {
	position:absolute;
	right:1px; 
	border-right:0;
}

.login_div {
	position:absolute; 
	top:43px; 
	right:20px; 
	width:408px; 
	height:80px;
	z-index:0;
	
	opacity:0.7; 
	filter:alpha(opacity=70);
	-moz-opactiy:0.7;
	
	background-color:#000;
	border: 2px solid #FFF;
	
	visibility:hidden;
}

a {
   color: #D45E16;
}
a:hover {
	color:#FA5;	
}

textarea, input, select {
	font-family:verdana, arial, sans-serif;
	font-size:10pt;
}

.menu_2 {
	position:absolute;
	top:5px;
	right:10px;
	
	text-align:right;
	vertical-align:middle;
}

.menu_2 td {
	vertical-align:middle;
}
.menu_2 table {
	border-spacing:0px;
}


.inhalt_div {
	position:relative;
	top:0px;
	left:0px;
	width:949px;
	
	background-color:#FFF;
}

.inhalt_div div {
	position:relative;
}

.inhalt_div_innen {
	top:0px; 
	left:0px; 
	width:100%;
	padding-bottom:40px;

}

.startseite_div {
	position:relative; 
	width:590px; 
	margin-right:15px; 
	float:left;
}

.startseite_box {
	position:relative;
	width:280px; 
	float:right; 
	padding-left:10px;
	line-height:22px;
	margin-right:8px;
}

.abos10erdiv_links {
	position:relative;
	margin-right:15px;
	margin-bottom:0px;
	width:200px;
	float:left;
}
.abos10erdiv_rechts {
	position:relative;
	margin-bottom:0px;
	width:690px;
	float:left;
}

/* Text-Formatierungen */

.obenwhite, .login_text {
	color:#FFF;
	font-size: 8pt;
	font-family: verdana, arial, sans-serif;
}

a.obenwhite {
	color:#FFF;
	text-decoration:none;
}
a.obenwhite:hover {
	text-decoration:underline;
}

.login_text {
	 position:absolute;
	 bottom:5px;
	 right:0px;	
}

.seiten_ueberschrift {
	font-size:14pt;
	font-weight: bold;
	color:#d45e16;	
	margin-top:10px;
	margin-bottom:18px;
}

.news_ueberschrift {
	font-size:14pt;
	font-weight: bold;
	color:#d45e16;	
	margin-bottom:-10px;
	margin-top:10px;
}
.news_ueberschrift a {
	color:#d45e16;	
	text-decoration: none;
}
.news_ueberschrift a:hover {
	text-decoration:underline;
	color:#d45e16;
}

.news_unterschrift {
	font-size:8pt;	
	margin-bottom:10px;
	color:#666;
}
.news_unterschrift a {
	color:#666;	
}


.news_frame {
	position:relatve;
	top:0px;
	margin-bottom:10px;
	width:100%;
	
	font-family: verdana, arial, sans-serif;
	font-size:10pt;
	
	padding-bottom:15px;
	padding-left:3px;
	padding-right:3px;
	border-bottom:3px solid #CCC;	
}
.news_frame span a:hover {
	
}

.box {
	font-family: verdana, arial, sans-serif;
	font-size:10pt;
	
	border:3px solid #CCC;
	padding:5px;
}

.box_ueberschrift {
	font-size:11pt;
	font-weight: bold;
	font-variant:small-caps;
	text-align: justify;
	
	margin-bottom:5px;
	margin-top:0px;
	margin-left:5px;
	text-decoration:underline;
}
.box_ueberschrift a {
	color:#000;	
}

.box_ueberschrift2 {
	font-size:10pt;
	font-weight: bold;
	
	margin-bottom:5px;
	margin-top:0px;
	margin-left:5px;
	/*text-decoration:underline;*/
}


.wenig {
	font-family: verdana, arial, sans-serif;
	font-size:10pt;
}

.bild_nummer {
	color:#999;
	font-size:70pt; 
	font-family: verdana, arial, sans-serif;
	font-weight: bold; 
	text-align: center; 
	letter-spacing: 17px; 
}
.bild_nummer a { 
	color: #efefef; 
	font-size: 70pt; 
	font-family: verdana, arial, sans-serif; 
	font-weight: bold;
	text-align: center; 
	letter-spacing: 17px;
}

.img_padding {
	padding-top:5px;
	padding-right:5px;
	padding-bottom:5px;
}

.caps {
	font-family: verdana, arial, sans-serif;
	font-size: 9pt;
	font-variant: small-caps;
}

.kalender {
	font-family: verdana, arial, sans-serif;
	font-size:10pt;
	border-spacing:0px;
}

.kalender th {
	text-align:center;
	font-weight:normal;
	height:18px;
}

.kalender td {
	text-align:center;
	height:18px;
}

.kalender td a {
	color:#ff6600;	
	padding-left:2px;
	padding-right:3px;
	padding-top:2px;
	padding-bottom:3px;
}

.kalender td a:hover {
	color:white;
	background-color: #ff6600;
}

.kalender_td_heute {
	background-color:#900;
}

.kalender_td_act {
	background-color:#d45e16;	
}

.plan_div {
	position:static;
	float:left;
	
	font-family:verdana, arial, sans-serif;
	
	margin: 0px 0px 10px 230px;
	padding-right:20px;
	
}

.plan {
	font-family:verdana, arial, sans-serif;
	font-size:10pt;
	border-spacing:0px;
	border-bottom:1px solid #000;
	border-right:1px solid #000;
}

.plan th {
	text-align:center;
	font-weight:normal;
	background-color:#e7e7e7;
}

.plan td {
	width:70px;
	height:35px;
	
	font-size:8pt;
	text-align:center;
	
	border-bottom:1px solid #ccc;
	border-left:1px solid #ccc;
}

.plan td a.frei {
	padding: 10px 24px 10px 24px;
}

.plan td a.nachbuchen {
	padding: 10px 0px 10px 0px;
}

.plan td.gesperrt {
        background-color:#cccccc;
        color:#aaaaaa;
}

.plan td.geschlossen {
        background-color:#ddd;
        color:#aaaaaa;
}

.plan td a {
	color:#BBB;
	line-height:35px;
}

.plan td a:hover {
	color:#39F;
}

.plan td div {
	display:none;
	position:absolute;
	height:62px;
	width:170px;
	z-index:3;
	margin-top:-55px;
	margin-left:-178px;
	
	border:2px solid #999;
	padding:2px;
	padding-bottom:5px;
	text-align:left;
	
	background-color:#FFC;
}

.plan td:hover>div, .plan td div:hover {
	display:block;
}

.plan td div a {
	color:blue;
	padding:0;
	line-height:normal;
}
.plan td div a:hover {
	background:none;
	color:#ff6600;	
}

.plan td div table td {
	height:auto;
	width:auto;
	padding:auto;
	margin:auto;
	border:none;
	background-color:none;
	text-align:left;
	border-spacing:1px;
	vertical-align:middle;
}

.abo {
	background-image:url(../img/abo.jpg);
	background-position: 100% 100%;
	background-repeat: no-repeat;
}
.vierzehntaegig {
	background-image:url(../img/14taegig.jpg);
	background-position: 100% 100%;
	background-repeat: no-repeat;
}

.letzte_zeile {
	position:absolute;
	left:0px;
	bottom:0px;
	height:40px;
	width:100%;
	z-index:1;
	text-align:center;
}

.preis {
	border-right:1px solid #000;
	border-bottom:1px solid #000;
}

.preis td {
	border-top:0px;
	border-left:0px;
	vertical-align:middle;
	font-size:8pt;
	text-align:center;
	height:15px;
}
.preis th {
	width:25px;
	font-size:8pt;
}

.preiskat td {
    border-top: 1px solid #000;
    border-left: 1px solid #000;
}

.letzte_zeile span { 
	color: #a7a7a7; 
	font-size: 8pt; 
	font-family: verdana, arial, sans-serif;
}
.letzte_zeile span a {
	color: #a7a7a7; 
}

/*Einstellungen*/
.einstellungen {
	border-spacing:0px;	
}
.einstellungen th {
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	text-align:left;
	font-size:9pt;
}
.einstellungen td {
	vertical-align:middle;
	padding:10px 3px 0px 5px;
}

/*Bezahlungs-Seiten*/
.warenkorb {
	border-spacing:0;	
}
.warenkorb th {
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	text-align:left;
	font-size:9pt;
}
.warenkorb td {
	vertical-align:middle;
	padding-left:5px;
	padding-top:6px;
	padding-bottom:6px;
}
.warenkorb[name=warenkorb_liste] tr th:nth-last-child(3), .warenkorb[name=warenkorb_liste] tr td:nth-last-child(3) {
	text-align:center;
}
.warenkorb[name=warenkorb_liste] tr th:nth-last-child(2), .warenkorb[name=warenkorb_liste] tr td:nth-last-child(2), .warenkorb[name=warenkorb_liste] tr th:last-child, .warenkorb[name=warenkorb_liste] tr td:last-child {
	text-align:right;
}

.warenkorb_hinweis {
	background-color:#f88;
	font-size:1.2em;
	font-weight:bold;
	padding:0.8em;
	border-radius:1em;
}

.buchen_login {
	position:absolute;
	left:35px;
	bottom:120px;
	width:320px;
	height:70px;
	border:3px solid #CCC;
	padding:5px;
	float:left;
}

.zahlung_title {
	font-weight:bold;
}
.zahlung_title:hover {
	cursor:pointer;
}

.zahlung_title_aus {
	font-weight:bold;
}

.zahlungsarten {
	margin-bottom:30px;	
}

.zahlungsarten p {
	font-size:14pt;	
	font-weight:bold;
}

.zahlungsarten p span {
	font-size:10pt;
	font-weight:bold;
	color:#666;
}

.zahlungsarten ul {
	list-style-image:url(img/gleich.gif);
}

.vergleich, .preis_manuell {
	border-spacing:0;
	border-bottom:1px solid #000;
}
.vergleich td:nth-child(1), .preis_manuell td:nth-child(1) {
	text-align:right;
	border-right:1px solid #000;
	padding-right:5px;
}
.vergleich[name=preis] td:nth-child(1) {
	min-width:300px;
}
.vergleich td {
	text-align:center;
	vertical-align:middle;
	height:25px;
	width:100px;
	border-right:1px solid #000;
	padding-right:5px;
}

.vergleich th, .preis_manuell th {
	border-bottom:1px solid #000;
	vertical-align:middle;
	height:40px;
	border-right:1px solid #000;
	padding-right:5px;
}

.preis_manuell {
	width: 100%;
}
.preis_manuell td {
	text-align:center;
	vertical-align:middle;
	padding: 5px;
	min-width:100px;
	border-right:1px solid #000;
}
.preis_manuell td:nth-child(1), .preis_manuell th:nth-child(1) {
	width: 150px;
}
.preis_manuell td:nth-child(2), .preis_manuell th:nth-child(2) {
	width: 80px;
	text-align: right;
	border-right: 0;
}
.preis_manuell td:nth-child(3) {
	width: 130px;
	text-align:left;
}

.eintritt select {
	width: 130px;
}
.eintritt input  {
	width: 40px;
}

.faq {
	text-indent:-10px;
	padding-left:10px;
}

.faq a {
	line-height:14pt;
}

.faq h1 {
	font-size:11pt;
	text-decoration:underline;
	font-weight:bold;
	margin-top:20px;
	
}

.faq div div {
	display:none;
	margin-left:15px;
	margin-top:5px;
	margin-bottom:5px;
	text-indent:0;
}

.bedingungen li {
	margin-bottom:10px;	
}

.kontakt {
	border-spacing:0;
	
}

.kontakt td {
	width:350px;
	height:60px;
	vertical-align:middle;
	padding:5px;
}

.kontakt td p {
	margin-bottom:5px;
	margin-top:0px;
	font-size:12pt;
	font-weight:bold;
	color:#0466af;
	
}

.right {
	text-align:right !important;
}
.center {
	text-align:center !important;
}

.bg td {
	background-color:#EEE;	
}

.warnmeldung {
	color:red;
	font-size:1.2em;
	font-weight:bold;
}

/*>>> Tablesorter */

/* overall */
.tablesorter-default {
}
/* header */
.tablesorter-default th, .tablesorter-default thead td {
}
.tablesorter-default tfoot th, .tablesorter-default tfoot td {
	border: 0;
}
.tablesorter-default .header, .tablesorter-default .tablesorter-header {
	background-image: url(data:image/gif;base64,R0lGODlhFQAJAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAkAAAIXjI+AywnaYnhUMoqt3gZXPmVg94yJVQAAOw==);
	background-position: center right;
	background-repeat: no-repeat;
	cursor: pointer;
	white-space: normal;
	padding: 4px 0px 4px 0px;
}
.tablesorter-default thead .headerSortUp, .tablesorter-default thead .tablesorter-headerSortUp, .tablesorter-default thead .tablesorter-headerAsc {
	background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjI8Bya2wnINUMopZAQA7);
	border-bottom: #000 2px solid;
}
.tablesorter-default thead .headerSortDown, .tablesorter-default thead .tablesorter-headerSortDown, .tablesorter-default thead .tablesorter-headerDesc {
	background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjB+gC+jP2ptn0WskLQA7);
	border-bottom: #000 2px solid;
}
.tablesorter-default thead .sorter-false {
	background-image: none;
	cursor: default;
	padding: 4px;
}
/* tfoot */
.tablesorter-default tfoot .tablesorter-headerSortUp, .tablesorter-default tfoot .tablesorter-headerSortDown, .tablesorter-default tfoot .tablesorter-headerAsc, .tablesorter-default tfoot .tablesorter-headerDesc {
	border-top: #000 2px solid;
}
/* tbody */
.tablesorter-default td {

}
/* hovered row colors */
.tablesorter-default tbody > tr.hover > td, .tablesorter-default tbody > tr:hover > td, .tablesorter-default tbody > tr.even:hover > td, .tablesorter-default tbody > tr.odd:hover > td {
	background-color: #d8d8d8;
	color: #000;
}
.avoid-sort tr:hover > td, .avoid-sort tr.hover > td, .avoid-sort tr.even:hover > td, .avoid-sort tr.odd > td {
	background-color: #fff !important;
}
/* table processing indicator */
.tablesorter-default .tablesorter-processing {
	background-position: center center !important;
	background-repeat: no-repeat !important;
	/* background-image: url(images/loading.gif) !important; */
	background-image: url('data:image/gif;base64,R0lGODlhFAAUAKEAAO7u7lpaWgAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQBCgACACwAAAAAFAAUAAACQZRvoIDtu1wLQUAlqKTVxqwhXIiBnDg6Y4eyx4lKW5XK7wrLeK3vbq8J2W4T4e1nMhpWrZCTt3xKZ8kgsggdJmUFACH5BAEKAAIALAcAAAALAAcAAAIUVB6ii7jajgCAuUmtovxtXnmdUAAAIfkEAQoAAgAsDQACAAcACwAAAhRUIpmHy/3gUVQAQO9NetuugCFWAAAh+QQBCgACACwNAAcABwALAAACE5QVcZjKbVo6ck2AF95m5/6BSwEAIfkEAQoAAgAsBwANAAsABwAAAhOUH3kr6QaAcSrGWe1VQl+mMUIBACH5BAEKAAIALAIADQALAAcAAAIUlICmh7ncTAgqijkruDiv7n2YUAAAIfkEAQoAAgAsAAAHAAcACwAAAhQUIGmHyedehIoqFXLKfPOAaZdWAAAh+QQFCgACACwAAAIABwALAAACFJQFcJiXb15zLYRl7cla8OtlGGgUADs=') !important;
}
/* Zebra Widget - row alternating colors */
.tablesorter-default tr.odd > td {
	background-color: #eee;
}
.tablesorter-default tr.even > td {
	background-color: #fff;
}
/* Column Widget - column sort colors */
.tablesorter-default tr.odd td.primary {
	background-color: #bfbfbf;
}
.tablesorter-default td.primary, .tablesorter-default tr.even td.primary {
	background-color: #d9d9d9;
}
.tablesorter-default tr.odd td.secondary {
	background-color: #d9d9d9;
}
.tablesorter-default td.secondary, .tablesorter-default tr.even td.secondary {
	background-color: #e6e6e6;
}
.tablesorter-default tr.odd td.tertiary {
	background-color: #e6e6e6;
}
.tablesorter-default td.tertiary, .tablesorter-default tr.even td.tertiary {
	background-color: #f2f2f2;
}
/* caption */
caption {
	background-color: #fff;
}
/* filter widget */
.tablesorter-default .tablesorter-filter-row {
	background-color: #eee;
}
.tablesorter-default .tablesorter-filter-row td {
	background-color: #eee;
	border-bottom: #ccc 1px solid;
	line-height: normal;
	text-align: center; /* center the input */
	-webkit-transition: line-height 0.1s ease;
	-moz-transition: line-height 0.1s ease;
	-o-transition: line-height 0.1s ease;
	transition: line-height 0.1s ease;
}
/* optional disabled input styling */
.tablesorter-default .tablesorter-filter-row .disabled {
	opacity: 0.5;
	filter: alpha(opacity=50);
	cursor: not-allowed;
}
/* hidden filter row */
.tablesorter-default .tablesorter-filter-row.hideme td {
	/*** *********************************************** ***/
	/*** change this padding to modify the thickness     ***/
	/*** of the closed filter row (height = padding x 2) ***/
	padding: 10px;
	/*** *********************************************** ***/
	margin: 0;
	line-height: 0;
	cursor: pointer;
}
.tablesorter-default .tablesorter-filter-row.hideme * {
	height: 1px;
	min-height: 0;
	border: 0;
	padding: 0;
	margin: 0;
	/* don't use visibility: hidden because it disables tabbing */
	opacity: 0;
	filter: alpha(opacity=0);
}
/* filters */
.tablesorter-default input.tablesorter-filter, .tablesorter-default select.tablesorter-filter {
	width: 95%;
	height: auto;
	margin: 2px auto;
	padding: 2px;
	font-size:9pt;
	background-color: #fff;
	border: 1px solid #bbb;
	color: #333;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: height 0.1s ease;
	-moz-transition: height 0.1s ease;
	-o-transition: height 0.1s ease;
	transition: height 0.1s ease;
}
/* rows hidden by filtering (needed for child rows) */
.tablesorter .filtered {
	display: none;
}
/* ajax error row */
.tablesorter .tablesorter-errorRow td {
	text-align: center;
	cursor: pointer;
	background-color: #e6bf99;
}


/*<<< Tablesorter */

.zebra tr:nth-child(even), .even {
    background: #eeeeee;
}
.red {
	background: #FFC0C1;
}

/* MENU_3.CSS */
@charset "utf-8";
/* CSS Document */

.menu3_div {
 position:relative; 
 left:0px; 
 width:200px;
 margin-right:10px;
 margin-bottom:15px;
 z-index:1; 	
}

.menulist2, .menulist2 ul {
 margin: 0px;
 padding: 0px;
 padding-left:0px;
 list-style: none;
 
}

.menulist2 ul {
 display: none;
 position: relative;
 top: 0px;
}

.menulist2 li {
 position: relative;
 background: #FFF;
 width:200px;
 
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-weight:bold;
 font-size:7.5pt;
 line-height:18px;
 color:#7b8086;
 
 border-top: 1px solid #d9dadc;
 text-decoration:none;
 
 margin-left:0px;
}

.menulist2 ul>li:last-child {
 margin-bottom: 1px; /* Mozilla fix */
}

.menulist2 a {
 display: block;
 color:#000;
 text-decoration: none;
 
 padding-right:5px;
 padding-left:25px;
 padding-bottom:1px;
 padding-top:1px;
}

.menulist2 a:hover, .menulist2 a.highlighted:hover {
 color: #FFF;
 background-color: #ff6600;
}

.menulist2 a[data-name="act"], .menulist2 a[name="act"] {
 color: #FFF;
 background-color: #d45e16;
}

.menulist2 a.highlighted {
 color: #FFF;
 background-color: green;
}

.menulist2 a .subind {
 float: right;
}

/* HACKS: IE/Win: */
*:first-child+html .menulist2 li {
 float: left;
 width: 100%;
}

* html .menulist2 li {
 float: left;
 height: 1%;
}
* html .menulist2 a {
 height: 1%;
}
/* End Hacks */

/* LISTMENU_H.CSS */
/*

Here's a demo stylesheet used to format a menu and its content.
Feel free to alter the menu layout however you want!
All you have to do is ensure the script has the correct CSS property name
(like 'visibility' or 'display') that changes to show/hide menus.

If you want to extend this layout, one good resource for UL/LI formatting is:
    http://www.alistapart.com/articles/taminglists/
Alternatively, you can use any other CSS dropdown layout instead. More here:
    http://www.alvit.de/css-showcase/
Consult your favourite CSS reference for customising fonts/borders/etc.

Otherwise, you can just change the #RGB border/background colours where
suitable to customise for your site -- easy :).

*/



/* HORIZONTAL FREESTYLE MENU LAYOUT */


/* All <ul> tags in the menu including the first level */
.menulist, .menulist  ul {
 margin: 0;
 padding: 0;
 list-style: none;
 font-family: verdana, arial, sans-serif;
 font-size:11px;
 font-stretch:ultra-expanded;
 font-weight:bold;

}

/* Submenus (<ul> tags) are hidden and absolutely positioned downwards from their parent */
.menulist ul {
 display: none;
 position: absolute;
 top: 1.0em; margin-top: 9px; /* I'm using ems and px to allow people to zoom their font */
 left: -1px;
 width: 130px;
}

/* Second and third etc. level submenus - position across from parent instead */
.menulist ul ul {
 top: -1px; margin-top: 0;
 left: 148px;
}

/*
 All menu items (<li> tags). 'float: left' lines them up horizontally, and they are
 positioned relatively to correctly offset submenus. Also, they have overlapping borders.
*/
.menulist li {
 float: left;
 display: block;
 position: relative;
 background-image:url(../bar/menu_bg.jpg);
 
 border-left: 1px solid #FFFFFF;
 border-right: 1px solid #FFFFFF;
/* border-top: 1px solid #c9c9c9;*/
 border-bottom: 1px solid #FFFFFF;
 
 margin-right: -1px;
 
}

.menulist li ul {
	border-left: 1px solid #c9c9c9;
	border-top: 1px solid #c9c9c9;
	
	font-weight:normal;
}

/* Items in submenus - override float/border/margin from above, restoring default vertical style */
.menulist ul li {
 float: none;
 margin: 0;
 margin-bottom: -1px;
 background-color:#eee;
 background-image:none;
 border-top:none;
}
.menulist ul>li:last-child {
 margin-bottom: 1px; /* Mozilla fix */
}

/* Links inside the menu */
.menulist a {
 display: block;
 color: #FFF;
 text-decoration: none;
 margin: 0;
 padding-right:15px;
 padding-left:15px;
 padding-bottom:5px;
 padding-top:10px;
 
 
 height:20px;
}

/* Lit  items: 'hover' is mouseover, 'highlighted' are parent items to visible menus */
.menulist a:hover, .menulist a.highlighted:hover, .menulist a:focus, .menulist a[data-name=act]  {
 color: #666;
 background-image: url(../bar/menu_hover.jpg);
 }
 
.menulist a.highlighted {
 color: #FFF;
/* background-color: #000;*/
}

/*
 If you want per-item background images in your menu items, here's how to do it.
 1) Assign a unique ID tag to each link in your menu, like so: <a id="xyz" href="#">
 2) Copy and paste these next lines for each link you want to have an image:
    .menulist a#xyz {
      background-image: url(out.gif);
    }
    .menulist a#xyz:hover, .menulist a.highlighted#xyz, .menulist a:focus {
     background-image: url(over.gif);
    }
*/

/* Only style submenu indicators within submenus. */
.menulist a .subind {
 display: none;
}
.menulist ul a .subind {
 display: block;
 float: right;
}


/* 'Escaped Comment' hack for horizontal menubar width in IE5/Mac */
.menulist a {
 float: left;
}
.menulist ul a {
 float: none;
}
/* \*/
.menulist a {
 float: none;
}
/* */


/*
 HACKS: IE/Win:
 A small height on <li> and <a> tags and floating prevents gaps in menu.
 * html affects <=IE6 and *:first-child+html affects IE7.
 You may want to move these to browser-specific style sheets.
\*/
*:first-child+html .menulist ul li {
 float: left;
 width: 100%;
}

* html .menulist ul li {
 float: left;
 height: 1%;
}
* html .menulist ul a {
 height: 1%;
}
/* End Hacks */



/* DIVMENU.CSS */
/* RULES FOR THE "MENUDIV" OBJECT */


/* An absolutely positioned and hidden DIV (treated as a layer in NS4). */
.menudiv {
 position: absolute;
 visibility: hidden;
 z-index: 1000;
 border: 2px outset #FFFFCC;
 /* Borders:     Top    Right  Bottom    Left   */
 border-color: #FFFFCC #666633 #666633 #FFFFCC;
 background-color: #CCCC99;
 /* layer-background-color is non-standard and NS4 only. */
 layer-background-color: #CCCC99;
 padding: 5px;
 font: 14px/22px verdana, arial, sans-serif;
 /* Here's a cool effect, try uncommenting this, althought it's non-standard: */
 /* filter: alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8 */
}


/* Formatting to apply to the elements inside the "menudiv" class elements. */
/* Of course, you can put whatever you want within the menu divs, these are just examples. */

.menudiv .header {
 width: 100%;
 font-weight: bold;
 text-align: center;
 border-bottom: 2px dashed #999966;
 margin-bottom: 5px;
}

.menudiv a {
 display: block;
 /* I've specified borders for each side individually so NS4 ignores this setting */
 border-top: 1px solid #CCCC99;
 border-right: 1px solid #CCCC99;
 border-bottom: 1px solid #CCCC99;
 border-left: 1px solid #CCCC99;
 color: #003333;
 text-indent: 5px;
 text-decoration: none;
}

/* I'm using :hover and :active pseudo-classes for link mouse effects. */
.menudiv a:hover {
 border: 1px solid #336699;
 border-color: #6699CC #003366 #003366 #6699CC;
 background-color: #336699;
 color: #FFFFFF;
}
.menudiv a:active {
 border: 1px solid #003366;
 border-color: #000000 #3366CC #3366CC #000000;
 background-color: #003366;
 color: #FFFFFF;
}

/*
The script will automatically assign a class of "highlighted" to elements that currently
have an active submenu, so here's a little CSS to format links within a .menudiv element.
*/
.menudiv .highlighted {
 background-color: #336699;
 border-color: #336699;
 color: #FFFFFF;
}

/* The links in the upper-left that pop out 'divMenu' menus. */
.trigger a {
 font: Bold 14px verdana, arial, sans-serif;
 color: #003366;
 text-decoration: none;
}

/* Likewise, style active trigger links */
.trigger a.highlighted {
 color: #CC9966;
}