/*////////////////////////////////////////*/
/*           NAVI BOX STYLES             */

  /* Top Right */
.cs-flexi-top {
        background: url(images/navi-box.gif)  no-repeat 100% 0;
        margin:0 0 0 10px;
        height:8px;
        }
 /* Top Left */ 
.cs-flexi-top div {
        background: url(images/navi-box.gif) no-repeat 0 0;
        height: 8px;
        width: 10px;
        position:relative;
        left: -10px;
        }
 /* Bottom Right */ 
.cs-flexi-bottom {
        background: url(images/navi-box.gif) no-repeat 100% 100%;
        margin: 0 0 0 10px;
        height: 10px;
        }
 /* Bottom Left */ 
.cs-flexi-bottom div {
        background: url(images/navi-box.gif) no-repeat 0 100%;
        height: 10px;
        width: 10px;
        position:relative;
        left: -10px;
        }
 /* Left Border */ 
.cs-flexi-l {
        background: url(images/navi-border.gif) repeat-y 0 0;
                padding: 0 0 0 1px;
        }
 /* Right Border */ 
.cs-flexi-r {
        background: url(images/navi-border.gif) repeat-y 100% 0;
        padding: 0 1px 0 0;
        }
 /* flexi top with blue gradient */
/*top right*/ 
.cs-flexi-top-g-blue {
	background: url(images/navi-box-g-blau.gif) no-repeat 100% 0;
	margin:0 0 0 10px;
	height:8px;
	}
 /*top left*/	 
.cs-flexi-top-g-blue div {
	background: url(images/navi-box-g-blau.gif) no-repeat 0 0;
	height:8px;
	width: 10px;
	left: -10px;
	position:relative;
	overflow:hidden;
	}
 /*gradient fill for heading expansion*/	 
.cs-flexi-gradient-blue {
	background: url(images/navi-gradient-blau.gif) repeat-x 0 0;
	margin:0 0 0 0;
	padding:0 0 3px 0;
	display:inline;
	border-bottom: 1px solid #999;
	}
 /* END OF FLEXI BOX STYLES */

/*  Caret images */

.cs-caret-list {
	background-image: url(images/navi-caret.gif);
	background-position:1.1em 1px;
	background-repeat:no-repeat;
	font-size:11px;
	margin:0 0 0 0;
	padding:0 .5em .25em 2.1em;
	line-height:1.2em;
   }
.cs-caret-list-bold {
	background-image: url(images/navi-caret.gif);
	background-position:1.1em 1px;
	background-repeat:no-repeat;
	font-size:11px;
	margin:0 0 0 0;
	padding:0 .5em .25em 2.1em;
	line-height:1.2em;
	font-weight: bold;
   }
	.cs-caret-list-einzug-links {
	background-image: url(images/navi-caret.gif);
	background-position:1.1em 1px;
	background-repeat:no-repeat;
	font-size:11px;
	margin:0 0 0 3.5em;
	padding:0 .5em .25em 2.1em;
	line-height:1.2em;
   }
.cs-double-caret-list-einzug-links {
	color: #336789;
	background-image: url(images/navi-double-caret.gif);
   background-position:1.1em 2px;
   background-repeat:no-repeat;
   /*font-size:.98em;*/
	font-size: 11px;
	margin:0 0 0 3.5em;
   padding:0 .5em .25em 2.5em;
   line-height:1.2em;
	font-style: italic;
   font-weight:bold;
   }
.cs-double-caret-list {
	color: #336789;
	background-image: url(images/navi-double-caret.gif);
   background-position:1.1em 2px;
   background-repeat:no-repeat;
   /*font-size:.98em;*/
	font-size: 11px;
	margin:0 0 0 0;
   padding:0 .5em .25em 3em;
   line-height:1.2em;
   font-style:italic;
   font-weight:bold;
        }

/*  end Carets */

/*////////////////////////////////////////*/

/*flexi box heading text or title, can be used with a cs-border-blue to create a defined heading section*/
 
.cs-flexi-head {
	font-weight:bold;
	font-size:11px;
	color:#ff6418;
	line-height:normal;
	padding:-10px .5em .5em 1em;
	margin: -10px 0 .5em 1em;
	position:relative;
	display:inline;
		}
 
/* this is the orange head style that must be used            */
/* in the first appearance of a content head in a flexi box   */
/* this is used to set the proper spacing at top of box       */
 
.cs-first-head-flexi {
		font-weight:bold;
		font-size:.91em;
		color:#ff6418;
		margin:0 0 0 0;
		padding: .65em .5em .25em 1em;
		line-height:1.3em;
		}
.cs-orange-head {
        font-weight:bold;
        font-size:.91em;
        color:#ff6418;
        margin:0 0 0 0;
		padding:1.2em .5em .25em 1em;
		line-height:1.3em;
		overflow:hidden;
		width: 96%;  /*forces IE to obey overflow:hidden*/ 
        }

.cs-black-head {
        font-weight:bold;
        font-size:1em;
        color:#000;
        margin: 0 0 0 0;
        padding:0 .5em .25em 1em;
        line-height:1.3em;
        }

.cs-head {
        font-weight:bold;
        font-size:1em;
        color:#000;
        margin: 0 0 0 0;
        padding:1em .5em 0 1em;
        line-height:3em;
        }

.cs-small {
	font-family: Verdana, Arial;
	font-size: 11px;
        }

/*/////////////////////////////*/
/*    LINK AND HOVER STYLES    */

.cs-caret-list a,
.cs-caret-list a:active,
.cs-caret-list a:visited,
.cs-caret-list a:link,
.cs-double-caret-list a,
.cs-double-caret-list a:active,
.cs-double-caret-list a:visited,
.cs-double-caret-list a:link {
	background-image:none;
	background-repeat:no-repeat;
	font-size: 11px;
	text-decoration:none;
	color:#069;
        }
.cs-caret-list a:hover,
.cs-double-caret-list a:hover,
.cs-list a:hover {
        font-family: inherit;
        color: #ff6418;
        text-decoration: underline;
        }
		  
/*   END OF LINK STYLES   */
/* BROWSER-SPECIFIC HACKS */
 
/*force IE5/Mac to clear floats*/
div.cs-caret-list,
div.cs-double-caret-list,
div.cs-flexi-gradient-blue,
div.cs-flexi-top-g-blue,
/*div.cs-flexi-gradient-sand,*/
div.cs-wrapper,
div.cs-container-col,
div.cs-first-head-flexi,
div.cs-orange-head {
	display:inline-table;
	}
/* Hide from IE5/Mac \*/
* html div.cs-caret-list,
* html div.cs-double-caret-list,
* html div.cs-flexi-gradient-blue,
* html div.cs-flexi-top-g-blue,
/* html div.cs-flexi-gradient-sand,*/
* html div.cs-wrapper,
* html div.cs-container-col,
* html div.cs-first-head-flexi,
* html div.cs-orange-head{
	height:0;
	}
div.cs-caret-list,
div.cs-double-caret-list,
div.cs-flexi-gradient-blue,
div.cs-flexi-top-g-blue,
/*div.cs-flexi-gradient-sand,*/
div.cs-wrapper,
div.cs-container-col,
div.cs-first-head-flexi,
div.cs-orange-head  {
	display:block;
	}
/* End hide from IE5/Mac */

 
/*//   END OF BROWSER SPECIFIC HACKS   //*/