/**
 * Basic Settings 
 */


* {margin: 0; padding: 0;}

html {}
body {
	
		background-color: #E5E5E5;
	
}


p,div,td,span,a,li,input,textarea,select { font-family: verdana, sans-serif; font-size: 11px; }
p,div,td { line-height: 14px; }

p,div,td { color: #333; }
.clear {clear: both; height: 0; visibility: hidden;	display: block;}
a, a:link, a:active, a:hover, a:focus, a:visited, a:hover {color: #666666; text-decoration: none;}

a:focus, a:hover, a:active {
	color: #f07e26;
}


ul, ol, dl { line-height: 15px; margin: 10px 0 10px 0px; }
#main-col ul, #main-col ol { display: inline-block; }
li { margin-left: 15px; line-height: 15px; }


div.thumbnails li { margin: 0; padding: 0; }

dt { font-weight: bold; }
dd { margin: 0 0 10px 20px; }

cite, blockquote { font-style: italic; }
blockquote { margin: 0 0 10px 15px; }

strong, b { font-weight: bold; font-size: inherit; }
em, i { font-style: italic; font-size: inherit; }

h1,h2,h3,h4,h5,h6 {font-family: verdana, sans-serif; text-align: left; font-weight: normal;}

h1 {
	font-size: 20px;
	line-height: 22px;
	color: #EE8025;
	
	margin-bottom: 8px;
}


h2 {
	font-size: 18px;
	line-height: 20px;
	color: #EE8025;
	
	margin-bottom: 4px;
}


h3 {
	font-size: 16px;
	line-height: 18px;
	color: #333333;
	
	margin-top: 8px;
	margin-bottom: 4px;
}


h4 {
	font-size: 14px;
	line-height: 16px;
	color: #333333;
	
	margin-top: 8px;
	margin-bottom: 4px;
}


h5 {
	font-size: 13px;
	line-height: 15px;
	color: #333333;
	
	margin-top: 8px;
	margin-bottom: 4px;
}


h6 {
	font-size: 12px;
	line-height: 14px;
	color: #333333;
	
	margin-top: 8px;
	margin-bottom: 4px;
}


.left {
	float: left;
}

.right {
	float: right;
}

img {border: 0; }

img.left, div.imagewrapper_left {
	float: left;
	margin: 0 15px 10px 0;
}

img.right, div.imagewrapper_right  {
	float: right;
	margin: 0 0 10px 15px;
}

img.top, div.imagewrapper_top {
	padding: 0 0 3px 0;
}

img.bottom, div.imagewrapper_bottom {
	padding: 3px 0 0 0;
}

#main-col h1 {
	margin: 0 0 12px 0;
}

#main-col .view-article h2 {
	margin: 10px 0;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix { display: block; }

.clear {
	clear: both;
}

.shadow { border: 1px solid #fff; -webkit-box-shadow: 0px 3px 5px #888; -moz-box-shadow: 0px 3px 5px #888; box-shadow: 0px 3px 5px #888; }
.shadow img { display: block }

/**
 * Column Layout
 */

#page { background: #E5E5E5; }
#page { width: 970px;  margin: 0 auto; }

#head-wrap div.logo {
	margin-left: 5px;
}


#head-wrap {
	background-color: #FFFFFF;
  	color: #666666;
	margin-bottom: 12px;
}

#main-col {width: 700px; float: left;}

#content-wrap { background-color: #FFFFFF; }

#content-wrap { width: 920px; padding: 5px 20px 40px 20px; -webkit-box-shadow: 0px 3px 7px #888; -moz-box-shadow: 0px 3px 7px #888; box-shadow: 0px 3px 7px #888; }


#portal-main-top-container { border-bottom: 1px dotted #D2D2D2;  margin-bottom: 25px;}

#main-middle-row {}


#portal-main-middle-left-container {width: 215px; float: left; margin-right: 25px;}
#portal-main-middle-right-container { float: left; width: 460px;}

#right-col {
	width: 200px;
	float: left;
	margin-left: 20px;
}

#portal-right-col-container {}

#footer-wrap {}

#portal-footer-container{padding: 25px 20px;}


#portal-linkrow{ padding: 0 20px 25px; }




/**
 * Content Layout
 */

/* Head / Foot link row with optional search form */
#head-wrap .linkrow {text-align: right;margin-right: 5px;}
#portal-footer-container .linkrow {text-align: left; margin: 30px 0px 10px 0px;}
#head-wrap .linkrow ul, #portal-footer-container .linkrow ul {list-style: none outside none;}
#head-wrap .linkrow ul li, #portal-footer-container .linkrow ul li {padding-left: 8px; margin-left: 6px; border-left: 1px solid #888; display: inline;}
#head-wrap .linkrow ul li:first-child {border-left: none;}
#portal-footer-container .linkrow ul li:first-child {border-left: none; padding-left: 0px; margin-left: 0px;}

#portal-header-container a.text, #portal-header-container span.text, #portal-footer-container a.text, #portal-footer-container span.text {padding-left: 8px; margin-left: 6px; border-left: 1px solid #888; display: inline; }
#portal-header-container a.text:first-child, #portal-header-container span.text:first-child, #portal-footer-container a.text:first-child, #portal-footer-container span.text:first-child {padding-left: 0; margin-left: 0; border-left: none; }

form.searchlinkrow {padding-left: 8px; margin-left: 6px; border-left: 1px solid #888; display: inline; }
form.searchlinkrow .search { border: 1px solid #888; }
form.searchlinkrow .formbutton { border: 1px solid #888; background-color: #fff; color: #000; padding-top: 0; }

div.form-line-head { width:150px; padding-left: 8px;display: inline-block; top: 6px; position: relative; }
div.form-line-head form { padding: 0; margin: 0; }
div.form-line-head-input { width:120px; height: 14px; padding: 2px; border: 1px solid #DDD; }
div.form-line-head-input input { width:100%; border: none; }
button.form-line-head-button { border: 1px solid #DDD; background-color: white; width: 20px; height: 20px; cursor: pointer; }

/* Search result */
.search { border: 1px solid #333; padding: 1px; color: #333; }
.searchresult { margin-bottom: 10px; padding: 2px; }
.searchresult a { font-size: 12px; font-weight: bold; }
.searchresult img { margin: 0 4px 2px 0; padding: 0; }
.searchresult br { clear: left; }
.searchresulttop  {background-color: #F6F6F6; }
.searchoptions { padding: 4px 0 12px; margin: 4px 0 12px; border-bottom: 1px dotted; }
.searchoptions input { vertical align: bottom; }
.searchoptions select { margin: 4px 0 0; }

/* Head date section */
.autodate {
	margin-top: 16px;
	margin-right: 5px;
}
.autodate, .autodate a {text-align: right; color: #666666; font-size: 18px;
	display: none; visibility: hidden;
}

/* Main navigation */
#nav-main {margin-top: 12px;}

/* Breadcrumb navigation */
.nav-breadcrumb {margin-bottom: 20px;}

/* Short item lists (with date & title) */
.list-item-short {padding: 8px 0px; border-bottom: 1px dotted #CBCBCB;}
.list-item-short .date {font-weight: bold;}
.list-item-short .title {}

/* V8 article layout */
.view-article { margin-bottom: 20px; }
.view-article h1, .article-content h1 {line-height: 20px; margin-bottom: 15px; }
.view-article p, .article-content p {text-align: justify;}
.paragraph h5 {font-size: 13px; line-height: 15px; font-weight: bold; margin: 3px 0;}
.paragraph h5 a {font-size: 13px; line-height: 15px; font-weight: bold; }
.link-more {margin-top: 8px; text-transform : uppercase;}
.link-more, .box-article-title h2 a {font-size: 13px; line-height: 15px; font-weight: bold; }

/* Flexible content */
div.flexible-code, div.flexible-content, div.flexible-image, div.flexible-text { margin-bottom: 20px; }


/* Images created with flexible content */
div.flexible-image {border: 1px solid #fff; -webkit-box-shadow: 0px 3px 5px #888; -moz-box-shadow: 0px 3px 5px #888; box-shadow: 0px 3px 5px #888; }
div.flexible-image img { display: block; }


/* Boxes for all columns */
.box, .box-wrap, div.paragraph {margin-bottom: 20px;}
.box h4, .box-wrap h4 { font-size: 12pxpx; margin-bottom: 7px; padding: 6px 8px; }

.box_schema1 {
	
	background: #FFFFFF;
}

.box_schema2 {
	
	background: #FFFFFF;
}

.box_schema3 {
	border: 1px solid #FFFFFF;
	background: #f07e26;
}

.box_schema1 h4 {
	
	background-color: #f07e26;
	color: #FFFFFF;
}

.box_schema1 h4 a {
	color: #FFFFFF;
}

.box_schema2 h4 {
	
	background-color: #f07e26;
	color: #FFFFFF;
}

.box_schema2 h4 a {
	color: #FFFFFF;
}

.box_schema3 h4 {
	border: 1px solid #FFFFFF; border-bottom: none; margin: -1px;
	background-color: #f07e26;
	color: #FFFFFF;
}

.box_schema3 h4 a {
	color: #FFFFFF;
}
.boxbody_listentry:first-child { margin-top: 8px; }
/*
.box_schema1 .boxbody_listentry {
	
}

.box_schema2 .boxbody_listentry {
	
}

.box_schema3 .boxbody_listentry {
	padding-left: 8px; padding-right: 8px;
}
*/
/* Individual color styles for search box / newsletter box and parish service, uses same background and color like h4 styles above */
div.search-wrap div.box_schema1,
div.webres-wrap div.box_schema1,
div.newsletter-wrap div.box_schema1,
div.parish-wrap div.box_schema1,
div.templateswitch-wrap div.box_schema1 {
	background-color: #f07e26;
}
div.search-wrap div.box_schema2,
div.webres-wrap div.box_schema2,
div.newsletter-wrap div.box_schema2,
div.parish-wrap div.box_schema2,
div.templateswitch-wrap div.box_schema2 {
	background-color: #f07e26;
}
div.search-wrap div.box_schema3,
div.webres-wrap div.box_schema3,
div.newsletter-wrap div.box_schema3,
div.parish-wrap div.box_schema3,
div.templateswitch-wrap div.box_schema3 {
	background-color: #f07e26;
}

/** Box schema styles for linkbox. */
.linkbox-wrapper.box_schema1,
.linkbox-wrapper.box_schema2,
.linkbox-wrapper.box_schema3 {
 	background: none;
 	border:none;
}

.linkbox-wrapper.box_schema1 .first-link,
.linkbox-wrapper.box_schema1 .link{
 	background-color: #FFFFFF;
}

.linkbox-wrapper.box_schema2 .first-link,
.linkbox-wrapper.box_schema2 .link{
 	background-color: #FFFFFF;
}

.linkbox-wrapper.box_schema3 .first-link,
.linkbox-wrapper.box_schema3 .link{
 	background-color: #f07e26;
}

/** Individual styles for pegasus */
.box_schema1.pegasus-list-wrapper,
.box_schema2.pegasus-list-wrapper,
.box_schema3.pegasus-list-wrapper {
	background: none repeat scroll 0 0 transparent;
	border: medium none;
}

.box_schema1.pegasus-box-wrapper h5,
.box_schema2.pegasus-box-wrapper h5,
.box_schema3.pegasus-box-wrapper h5 {
	background-color: none;
	font-size: 11px;
	font-weight: bold;
}

/* Further styles for search-box, newsletter and parish service. */
div.search-wrap .search-box,
div.parish-wrap .parish-box,
div.templateswitch-wrap .templateswitch-box {
		padding: 12px 0;
}

div.search-wrap div.search-box h4,
div.parish-wrap div.parish-box h4,
div.templateswitch-wrap .templateswitch-box h4 {
    background:none;
  	border:none;
  	padding-top:0;
  	margin-top:0;
}

div.search-wrap div.form-line,
div.parish-wrap div.form-line {
	padding: 0 10px;
}

div.parish-wrap div.form-line .upper-line {
	margin-bottom: 10px;
}

div.search-wrap div.left,
div.parish-wrap div.left {
	float:left;
}

div.search-wrap div.right,
div.parish-wrap div.right {
	float:right;
}

div.search-wrap button,
div.parish-wrap button {
	border: 1px solid #FFFFFF;
	background-color: #FFFFFF;
	height:20px;
	width:20px;
	cursor:pointer;
}

div.search-wrap input,
div.parish-wrap input {
	 font: 11px/14px Verdana,sans-serif;
	 height: 18px;
	 padding: 0 3px;
	 border: 1px solid #FFFFFF;
}

div.parish-wrap div.parish-item div.left-column{
	width:29%;
	float:left;
}

div.parish-wrap div.parish-item div.right-column{
	width:69%;
	float:left;
}

div.parish-wrap h2{
	color: #122F72;
    font-size: 13px;
    font-weight: bold;
    line-height: 15px;
    margin-top: 0;
}

div.parish-wrap p{
	margin: 5px 0;
}

div.parish-wrap .error {
	color:red;
}

div.templateswitch-wrap .templateswitch-box div {
	padding: 0 10px;
}

/**
* ------------------------------------------------------------------
* Teaser Box
* ------------------------------------------------------------------
*/

.teaser-wrapper{
      	margin-bottom:10px;
}

.teaser-wrapper div h4{
	background: none;
      	margin-top:0;
      	font-weight:bold;
      	font-size:12px;
}

.teaser-wrapper .box_schema1 h4{
      	color: #FFFFFF;
      	border:none;
}

.teaser-wrapper .box_schema2 h4{
      	color: #FFFFFF;
      	border:none;
}

.teaser-wrapper .box_schema3 h4{
      	color: #FFFFFF;
      	border:none;
}

   .teaser-wrapper .box_schema1 {
     background-color:#f07e26;
}

   .teaser-wrapper .box_schema2 {
      background-color:#f07e26;
}

   .teaser-wrapper .box_schema3 {
      background-color:#f07e26;
}

.teaser-wrapper .box_schema1,
   .teaser-wrapper .box_schema2,
   .teaser-wrapper .box_schema3 {
      border:none;
}

.teaser-wrapper .teaserdate {
	float: right;
}

.teaser-left {
	float:left;
}

.teaser-right {
	float:right;
}

.teaser-text {
	padding: 16px 20px 0 12px;
	height: 104px;
}

.teaser-text .teasertext {
	display: inline;
}

.teaser-image {
	width: 170px;
	height: 120px;
	position:relative;
}

.teaser-image.teaser-left {
	margin-right: 10px;
}

.teaser-image.teaser-right {
	margin-left: 10px;
}

.teaser-image-title{
	position: absolute;
	top: 0;
	left: 0 ;
	background-color:#0A214F;
	color: #FFFFFF;
	padding: 2px 12px;
}

/** Day Readings */

div.dayreadings-wrapper div.readingdate {
	margin-bottom: 8px;
}

div.dayreadings-wrapper div.pericopes {
	margin-top: 12px;
	border-top: 1px solid #CCC;
	display: inline-block;
}

div.dayreadings-wrapper div.pericopes div.title {
	margin-top: 12px;
}

div.dayreadings-wrapper div.pericopes div.title span.type {
	font-weight: bold;
}

div.dayreadings-wrapper div.pericopes div.title span.reference {

}

div.dayreadings-wrapper div.pericopes div.motto {
	font-style: italic;
	margin-top: 8px;
}

div.dayreadings-wrapper div.pericopes div.verse div.number {
	float: left;
	display: inline-block;
	width: 10%;
	font-weight: bold;
}

div.dayreadings-wrapper div.pericopes div.verse div.text {
	float: right;
	display: inline-block;
	width: 90%;

}

div.dayreadings-wrapper div.pericopes div.verse {
	padding-top: 8px;
	clear: both;
}

div.dayreadings-wrapper div.pericopes div.verselast div {
	padding-bottom: 0;
}

/* Liturgy calender */
.liturgy_white {
	padding: 2px 0px;
	background-color: #fff;
}
.liturgy_violet {
	padding: 2px 0px;
	background-color: #dad;
}
.liturgy_red {
	padding: 2px 0px;
	background-color: #faa;
	}
.liturgy_green {
	padding: 2px 0px;
	background-color: #afa;
}
.liturgy_head {
	margin-bottom: 8px;
}
.liturgy_content {
	margin-bottom: 20px;
}

/* Tabs element */
.tabs {border: 1px solid #eee; margin-bottom: 20px; -webkit-box-shadow: 0px 3px 5px #888; -moz-box-shadow: 0px 3px 5px #888; box-shadow: 0px 3px 5px #888;}
.tabs-content, #tabs-wrap ul.tabs-menu li.active {
	background-color: #FFFFFF !important;
}
#tabs-wrap ul { margin: 0; padding: 0; }
#tabs-wrap ul.tabs-menu li {
	color: #666666;
}

/* Wrappers for special contents */
div.album-wrapper, #calendarside { margin-bottom: 20px; }

/* Clear fix for paragraphs */
div.paragraph:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

div.paragraph{
	display: inline-block;
	width: 100%;
}

html[xmlns] div.paragraph{
	display: block;
}

* html div.paragraph {
	height: 1%;
}

/* Forms */
.onlineform {
  border: 1px solid #666;
  padding: 2px;
  margin: 2px 0 2px 0;
}

.formbutton {
    background-color: #F6F6F6;
    border: 1px solid #666;
    height: 20px;
}

/* Comments */
#commentcontainer {margin-bottom: 20px;}
div.cmtHeader {
	padding-bottom: 2px;
}
div.cmtHeader, div.cmtHeader a {
	font-size: 13px;
	font-weight: bold;
	padding-bottom: 2px;
}

/* Content detail views */
td.subheadline, span.subheadline {
	font-weight: bold;
	padding: 4px 0 2px;
}

table.serialdate div.subtitle, div.idea div.subheadline {
	font-weight: bold;
	padding: 4px 0 2px;
}

table.serialdate hr {
	border:none;
	border-top:1px dashed black;
	height:1px; color:#000000;
	margin-top: 5px;
	margin-bottom: 5px;
}

table.serialdate hr.lastrule {
	display: none;
}

span.servicelist-fest {
	font-weight: bold;
}

div.servicelist-time {
	float: left;
	width: 10%;
}

div.servicelist-location {
	float: left;
	width: 30%;
}

div.servicelist-bez {
	float: left;
	width: 60%;
}

/* Lists */
.boxbody_listentry {
    margin-bottom: 4px;
    overflow: hidden;
}

.boxbody_listentry h5, .boxbody_listentry h5 a {
	font-weight: bold; font-size: 11px; margin-top: 4px; margin-bottom: 2px;
}

.boxbody_listentry .pagination {
	margin-top: 2px;
    display: inline-block;
}

/* Layout page */
td.element, div.element {
	vertical-align: top;
	margin-bottom: 20px;
}

p.adrdata-back, p.blog-back, p.event-back, p.faq-back, p.idea-back, p.job-back, p.news-back, p.newsletter-back, p.service-back {
 margin-top: 6px;
}

div.mailheader, div.mailfooter  { margin-bottom: 6px; }

/* ####################### Currently only used in prototype ####################### */

.data-item {padding: 8px 0px; border-top: 1px dotted #CBCBCB;}
ul.nostyle {list-style: none outside none; margin-top: 5px;}
ul.nostyle  li {padding: 2px 0px;}

.data-item {padding-left: 25px; margin-top: 5px;}
.pdf {background: #fff url(../img/pdf.jpg) no-repeat 0 5px;}

/* Top image on common pages */
.main-top-img {width: 693px;  border: 1px solid #fff; -webkit-box-shadow: 0px 3px 5px #888; -moz-box-shadow: 0px 3px 5px #888; box-shadow: 0px 3px 5px #888; margin-bottom: 20px;}
.main-top-img img, .shadow img  {display: block}


/* ####################### END: Currently only used in prototype ####################### */

#nav_left { margin-bottom: 20px; width: 100%; overflow-x: hidden;}

  #nav_left ul {margin: 0; padding: 0;  list-style-type: none; }
   #nav_left ul ul {margin: 0px 0px 10px 0px;} 

  #nav_left li { margin: 0; }

  #nav_left a, a.active-area {
    display: block;
	font-size: 12px;
    padding: 5px 0px 5px 10%;
    width: 90%;
    background: #FFFFFF url(/export/system/modules/de.erzbistumkoeln.portaltemplate/resources/img/nav-arrow-left.png) no-repeat 4px 7px;
    text-decoration: none;
    border-bottom: 1px #fff solid;
	color: #666666;
  }

 
	a.active-area {background: url("/export/system/modules/de.erzbistumkoeln.portaltemplate/resources/img/nav-arrow-active-area.png") no-repeat scroll 6px 7px #FFFFFF !important; color: #f07e26 !important;}


  #nav_left ul ul a, #nav_left ul ul a:hover {
    width: 85%;
    padding: 3px 0px 3px 15%;
     background: #FFFFFF url(/export/system/modules/de.erzbistumkoeln.portaltemplate/resources/img/nav-arrow-left.png) no-repeat 14px 6px;
  }
  
  

  #nav_left ul ul ul a,  #nav_left ul ul ul a:hover {
    width: 80%;
     padding: 3px 0px 3px 20%;
   background: #FFFFFF url(/export/system/modules/de.erzbistumkoeln.portaltemplate/resources/img/nav-arrow-left.png) no-repeat 18px 6px;
  }
  
  #nav_left ul ul ul ul a, #nav_left ul ul ul ul a:hover {
    width: 75%;
    padding: 3px 0px 3px 25%;
  background: #FFFFFF url(/export/system/modules/de.erzbistumkoeln.portaltemplate/resources/img/nav-arrow-left.png) no-repeat 22px 6px;
  }
  
  #nav_left a.expanded, #nav_left a.expanded:hover {
  	background-image: url(/export/system/modules/de.erzbistumkoeln.portaltemplate/resources/img/nav-arrow-down.png) !important;
  }
  
  
  #nav_left a.current, #nav_left a.current:hover {
    font-weight: bold;
    background: #FFFFFF url(/export/system/modules/de.erzbistumkoeln.portaltemplate/resources/img/nav-arrow-left-active.png) no-repeat 4px 7px;
	color: #f07e26;
	  }
	  
	  #nav_left ul ul a.current, #nav_left ul ul a.current:hover {
    font-weight: bold;
    background: #FFFFFF url(/export/system/modules/de.erzbistumkoeln.portaltemplate/resources/img/nav-arrow-left-active.png) no-repeat 14px 6px;
	color: #f07e26;
	  }
  
    #nav_left ul ul ul a.current,#nav_left ul ul ul a.current:hover {
    font-weight: bold;
    background: #FFFFFF url(/export/system/modules/de.erzbistumkoeln.portaltemplate/resources/img/nav-arrow-left-active.png) no-repeat 18px 6px;
	color: #f07e26;
	  }
  
   #nav_left ul ul ul ul a.current, #nav_left ul ul ul ul a.current:hover  {
   font-weight: bold;
   background: #FFFFFF url(/export/system/modules/de.erzbistumkoeln.portaltemplate/resources/img/nav-arrow-left-active.png) no-repeat 22px 6px;
   color: #f07e26;
	  }
	  
	 #nav_left a:hover,  #nav_left ul ul a:hover, #nav_left ul ul ul a:hover, #nav_left ul ul ul ul a:hover
	  
	  { background-color: #FFFFFF; color: #f07e26;}#nav-main {
	border-top: 1px dotted #888;
	display: block;
	clear: both;
}

#nav-main ul { list-style-type: none; width:auto; }

#nav-main ul li { display: block; float:left; margin:0 1px 0 0; }

#nav-main>ul>li>a, #nav-main>ul>li>a:hover, #nav-main>ul>li>a.current {
	display: block;
	float: left;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	padding: 8px 25px 0 25px;
	text-decoration: none;
}

#nav-main ul li ul li a, #nav-main ul li ul li a:visited, #nav-main ul li ul li a:hover, #nav-main ul li ul li a.current {
	display: block;
	float: left;
	text-decoration: none;
	padding: 6px 8px;
	text-decoration: none;
}

#nav-main>ul>li> a, #nav-main>ul>li>a:hover, #nav-main>ul>li>a.current {
	border-top: 2px solid #FFFFFF;
	height: 20px;
	background-image: url(/export/system/modules/de.erzbistumkoeln.portaltemplate/resources/img/nav-top-i.png);
	background-repeat: no-repeat;
	background-position: 12px center;
	border-left: 1px solid #888;
}

#nav-main>ul>li:first-child>a, #nav-main>ul>li:first-child>a:hover, #nav-main>ul>li:first-child>a.current {
	border-left: none;
}

#nav-main>ul>li>a {
	color: #666666;
	background-color: #FFFFFF; 
}

#nav-main>ul>li>a:hover {
	color: #f07e26;
	background-color: #FFFFFF;
	border-top: 2px solid #f07e26;
	background-image: url(/export/system/modules/de.erzbistumkoeln.portaltemplate/resources/img/nav-top-a.png);
}

#nav-main>ul>li>a.current {
	color: #f07e26;
	background-color: #FFFFFF;
	border-top: 2px solid #f07e26;
	background-image: url(/export/system/modules/de.erzbistumkoeln.portaltemplate/resources/img/nav-top-a.png);
}

/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			150px; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
	z-index: 10;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			30px; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			150px; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			150px; /* match ul width */
	top:			0;
}

/*** EBK SKIN ***/
.sf-menu ul a {
	width: 150px;
}
.sf-menu li li {
	width: 166px;
	background-color:	#FFFFFF;
	border-top: 1px solid #c7c7c7;
}
.sf-menu li li:first-child {
	border-top: none;
}

.sf-menu li li:hover {
	background-color: #FFFFFF;;
}

.sf-menu li li.current {
	background-color: #FFFFFF;
}

.sf-menu li li a, .sf-menu li li a.current, .sf-menu li li a:hover {
	padding-top: 4px;
	padding-bottom: 4px;
	font-weight: normal;
}

.sf-menu li li a {
	color: #666666;
}

.sf-menu li li a:hover {
	color: #f07e26;
}

.sf-menu li li a.current, .sf-menu li li a.current:hover {
	color: #f07e26;
}

.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	outline:		0;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	2px;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			-2px;
	top:			2px; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	
}
.sf-menu ul .sf-sub-indicator, .sf-menu ul a > .sf-sub-indicator {
	right: 20px;
	top: 8px;
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			2px;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}