/* CSS Document */


#accordion {
    /*border: 1px solid #1F669B;*/
    width: 180px;
    font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
    font-size: 11px;
}
#accordion h3 {
    font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight:normal;
	font-style:normal;
    padding: 4px 6px 4px 6px;
    margin: 0;
    color:#fff;
    cursor:pointer;
}

#visible {
    color:#CED7EF;
    background-color: #63699C;
}
#panel1, #panel2, #panel3, #panel4 {
    margin: 0;
    padding-bottom: 0;
    border: none;
}
.panel_body {
    
}
#accordion ul {list-style-type:none; margin-left:0; padding-left:0; }

#accordion ul li {margin-right:0;}

#accordion ul li ul {margin-left:1em; padding-left:0; }

#accordion ul li a {color:#fff; text-decoration:none;  }

#accordion ul li ul li a {color:#CCCCCC; font-size:12px; padding:7px 0 3px 0; display:block;}

#accordion ul li ul li a:hover,
#accordion ul li ul li a:active {color:#FFF;}

#accordion ul li ul li a.active {margin-left:1em; color:#fff;}

#accordion .toggler { cursor: pointer ; color:#FFFFFF; font-size:13px; padding-left:5px;}
#accordion .toggler:hover { }
#accordion .toggler.active { }
#accordion .element li { }
#accordion .element li.active { }
#accordion a:link, #accordion a:visited { } 



/* HAUPTBEREICH 7MEDIA*/
li#panel132 {
	/* background-color:  #2F2F2F;*/
	border-bottom: 3px solid #CC9900;
	border-top:5px solid #333;
	border-left: 5px solid #CC9900; /* */
	padding: 1px;
	background-image : none;
}

/* HAUPTBEREICH WEBDESIGN + SERVICE */
li#panel77,
li#panel102 {
	/* background-color:  #2F2F2F;*/
	border-bottom: 3px solid #009999;
	border-top:5px solid #333;
	border-left: 5px solid #009999; /* */
	padding: 1px;
	background-image : none;
}
/* HAUPTBEREICH ONLINE-MARKETING*/
li#panel1 {
	/* background-color: #333333;*/
	border-bottom: 3px solid #CC9900;
	border-top:5px solid #333;
	border-left: 5px solid #CC9900; /* */
	padding: 1px;
}

/* HAUPTBEREICH SEO */
li#panel92 {
	/* background-color: #333333;*/
	border-bottom: 3px solid #669900;
	border-top:5px solid #333;
	border-left: 5px solid #669900; /* */
	padding: 1px;
}

/* HAUPTBEREICH SHOPS */
li#panel95 {
	/* background-color: #333333;*/
	border-bottom: 3px solid #006699;
	border-top:5px solid #333;
	border-left: 5px solid #006699; /* */
	padding: 1px;
}

/* HAUPTBEREICH ANFRAGEN + 7MEDIA*/
li#panel89,
li#panel132
 {
	/* background-color: #2F2F2F;*/
	border-bottom: 3px solid #993300;
	border-top:5px solid #333;
	border-left: 5px solid #993300; /* */
	padding: 1px;
}

/* HAUPTBEREICH MULTIMEDIA */
li#panel106 {
	/* background-color: #2F2F2F;*/
	border-bottom: 3px solid #006699;
	border-top:5px solid #333;
	border-left: 5px solid #006699; /* */
	padding: 1px;
}

/* HAUPTBEREICH HOME, REFERENZEN */
li#panel500,
li#panel115 {
	/* background-color: #2F2F2F;*/
	border-bottom: 3px solid #CC9900;
	border-top:5px solid #333;
	border-left: 5px solid #CC9900; /* */
	padding: 1px;
}

/* HAUPTBEREICH REFERENZEN */
#p7TMnav .ref {
	/* background-color: #2F2F2F;*/
	border-bottom: 3px solid #009999;
	border-top:5px solid #333;
	border-left: 5px solid #009999; /* */
	padding: 1px;
}

/* LINKS OHNE PANEL / TOGGLE - IMMER SICHTBAR */

#accordion li.nopanel {
    margin: 1em 0 1em 2em;
 
}

#accordion li.nopanel a {
 font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:normal;
    padding: 4px 6px 4px 0;
    color:#fff;
}

/*http://wiki.modxcms.com/index.php/Accordion_menu_with_Wayfinder*/

/** AUSNAHMEN BLOG WERKSTATT NEWS ***/
ul.blog li { margin: 1em 0 1em 2em; }
ul li#panel132 ul.blog li { margin: 0.5em 0 0.5em 0; }
ul.blog li a {font-size:12px; }