@charset "iso-8859-1";
 

/*******************************************************************************
*  v4.css : 2004-08-11 : Ruthsarian Layouts
* ------------------------------------------------------------------------------

/*-*-*- base.css -*-*-*/

body
{
	/*/*//*/ width: 130%;			/* nn4 fix */
}

.hide
{
	display: none;
}

.clear, #nsFooterClear

{
	clear: both;
	color:#ffffff;
	height:0;
	border:0;
	height:0;
	line-height:0;
	margin:0;
	padding:0;
}

.inside
{
	padding: 0.5em;
} 

#oldBrowserNotice
{
	text-align: center;
	display: block;	
}

#contentColumn
{
	/*/*/ margin: 0 200px;			/* ie4 fix */
}

#leftColumn
{
	float: left;
	width: 12em;
	/*/*/ margin-right: -200px;		/* ie4 fix */
}

#rightColumn
{
	float: right;
	width: 12em;
	/*/*/ text-align: left;			/* ie4 fix */
	/*/*/ margin-left: -200px;		/* ie4 fix */
}

#masthead, .hnav, #contentColumn, #contentColumn .inside, #footer
{
	/*/*//*/ border: none;			/* nn4 fix */
	/*/*//*/ margin: 0;			/* nn4 fix */
}

#nsFooterClear
{
	/*/*//*/ display: block;		/* nn4 fix */
}

#footer
{
	text-align: center;
}


/*-*-*- hnav.css -*-*-*/


/*/*//*/	
	.hnav
	{
		text-align: center;
		padding: none;
	}

	.hnav ul, .hnav ul li
	{	list-style-type: none;
		display: inline;
	}

/*-*-*- borders.css -*-*-*/


#masthead, #footer, .hnav, #contentColumn
{
	border: solid 1px #000;
}

#pageWrapper
{ 	/*/*//*/ border: solid 1px #000;	/* hide from ie4 */
}

#masthead
{	/*/*//*/ border-width: 0 0 1px 0;	/* hide from ie4 */
}

#footer
{	/*/*//*/ border-width: 1px 0 0 0;	/* hide from ie4 */
}

.hnav
{	/*/*/ border-top-width: 0;		/* hide from nn4 */
	/*/*//*/ border-width: 1px 0;	/* hide from ie4 */
}

#contentColumn
{	margin-top: -1px;
}


/*-*-*- colors.css -*-*-*/

body
{	background-color: #fff;
	/*/*//*/ background-color: #ccc;	/* nn4 coloring */
	color: #000;
}

#pageWrapper
{	background-color: #fff;
	color: #000;
}

#contentcolumn					/* selector case hack */
{	color: #000;
	background-color: #eee;
}



/*-*-*- gutters.css (or what's left) -*-*-*/


#pageWrapper
{	margin: 0 1em;
}

#masthead
{	/*/*//*/ padding-bottom: 0;		/* nn4 fix */
}

#masthead h1
{	/*/*/ margin: 0;			/* ie4 fix */
}

.hnav ul
{	/*/*/ margin-top: 0;		/* ie4 fix */
	/*/*//*/ padding: 0.1em 0 0.4em ;	/* nn4 fix */
	}


/*******************************************************************************
*  base.css : 2005-06-28 : Ruthsarian Layouts
* ------------------------------------------------------------------------------
*  base set of stylesheet rules needed to form the layout, and layout only.
*  color and fonts and such are not handled here.
*  side column widths are defined in EMs. see base_pixels.css for a pixel
*  version instead.
*******************************************************************************/

#pageWrapper
{	margin: 0;
	width: auto;
	min-width: 500px;
}

#outerColumnContainer
{	z-index: 1;
	border-color: #fff;	/* set default color to white. set the real
				   color inside colors.css */
	border-style: solid;
	border-width: 0 200px;	/* sets the width of the borders used to create
				   the left and right columns' background 
				   color. */        

				   }

#innerColumnContainer
{	z-index: 2;
	width: 100%;
}

* html #innerColumnContainer
{	position: relative;	
}

#contentColumn
{
	margin: 0 -1px;		
	width: 100%;
}

#leftColumn, #rightColumn, #contentColumn
{	float: left;
	position: relative;	
	z-index: 10;

	overflow: auto;	/* fix for IE italics bug */
}

#rightColumn
{	float: right;		
	width: 200px;
	margin: 0 -200px 0 1px;	
	overflow: hidden;
}

#leftColumn
{	width: 200px;
	margin: 0 1px 0 -200px;
	}

#footer
{	position: relative;
}

#masthead h1
{	display: inline;	
}



#masthead
{	height:120px;
	background-image:url(../fileadmin/template_jw/res/header_top_2.jpg);
	background-repeat: repeat-x;
	overflow:hidden;
	width:100%;
}



.clear
{	clear: both;
	padding-bottom: 1px;	/* for Gecko-based browsers */
	margin-bottom: -1px;	/* for Gecko-based browsers */

}

.hide, #oldBrowserNotice, .ieSixCharDupBug
{
	/* hide elements that CSS-targeted browsers shouldn't show */
	display: none !important;
}

#contentColumn
{	border-width: 0;	
}


* html #pageWrapper
{	word-wrap: break-word;
}


/*******************************************************************************
*  vnav.css : 2004-07-21 : Ruthsarian Layouts
* ------------------------------------------------------------------------------
*  responsible for the vertical navigation elements commonly found in the left
*  and / or right columns.
*******************************************************************************/

.vnav ul, .vnav ul li
{	margin: 0px;
	padding: 0;
	list-style-type: none;
	display: block;
}

.vnav ul
{	border-top: solid 1px #ccc;
	border-bottom: solid 0px #ccc;
	border-right: solid 0px #ccc;
	margin:0px;
}

.vnav ul ul
{	margin:0;
	border-right: solid 0px #ccc;
}

.vnav ul ul ul
{	border: solid 0px #ccc;
	border-bottom-width: 1px;
	margin:0;
}

.vnav ul ul ul ul
{	border: solid 0px #ccc;
	border-bottom-width: 0px;
	margin:0;
}

.vnav ul li
{	border-bottom: solid 1px #ccc;
}

.vnav ul ul li
{	border-bottom: solid 0px #ccc;
}

.vnav ul ul ul li
{	border-bottom: solid 0px #ccc;
}

.vnav ul li a
{	display: block;
	text-decoration: none;
	padding: 4px 10px 4px 13px;
}

.vnav ul ul li a
{	display: block;
	text-decoration: none;
	padding: 4px 10px 4px 20px;
	font-size:90%;
}

.vnav ul ul ul li a
{	display: block;
	text-decoration: none;
	padding: 4px 2px 4px 30px;
	font-size:90%;
}

.vnav ul ul ul ul li a
{	display: block;
	text-decoration: none;
	padding: 4px 2px 4px 45px;
	font-size:80%;
	}



.vnav ul ul ul ul ul li a
{	display: block;
	text-decoration: none;
	padding: 4px 2px 4px 55px;
	font-size:70%;
	}



* html .vnav ul li a/* hide from IE5.0/Win & IE5/Mac */
{	height: 1%;
}

* html .vnav ul
{	position: relative;	/* IE needs this to fix a rendering problem */
}

.vnav h3
{	margin-bottom: 0;
	padding-bottom: 0;
	font-size: 126%;
}

/*******************************************************************************
*  hnav.css : 2005-08-31 : Ruthsarian Layouts
* ------------------------------------------------------------------------------
*  responsible for the horizontal navigation elements, one of which is usually
*  placed below the masthead but on top of the columns.
*******************************************************************************/

.hnav
{	border-bottom: solid 1px #fff;
	text-align: left;
	float:left;
	z-index:12;
}



.hnav, .hnav ul li a
{	padding-top: 3px;
	padding-bottom: 5px;
}

.hnav ul, .hnav ul li
{	display: inline;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.hnav ul li a
{	margin: 0 -1px 0 0;
	padding-left: 10px;
	padding-right: 10px;
	border-left: solid 1px #ccc;
	border-right: solid 1px #ccc;
	border-top: solid 1px #ccc;
	white-space: nowrap;
}

.hnav ul li a:link, .hnav ul li a:visited, .hnav ul li a:active, .hnav ul li a:hover
{	text-decoration: none;
}

.hnav ul li span.divider
{	display: none;
}



/*CRASHES IE6 on WinXP when resizing to small window-sizes:
* html .hnav ul li, * html .hnav ul li a

{	width: 1%; /* IE/Mac needs this */
	display: inline-block;	/* IE/Mac needs this */
	/* \*/
		width: auto;
		display: inline; 
		position: relative;
	/* reset above hack */
}

*/

* html .hnav, * html .hnav ul a
{	/* \*/ height: 0.01%; /* hasLayout hack to fix render bugs in IE/Win. 
				 IE/Mac will ignore this rule. */
}

* html .HNAV
{	padding: 0;
}





/*******************************************************************************
*  colors.css : 2004-06-28 : Ruthsarian Layouts
* ------------------------------------------------------------------------------
*******************************************************************************/


body
{	background-color: #;
	color: #000000;
        background-image: url("../fileadmin/design/verlauf_links.jpg");
}

#outerColumnContainer
{	border-left-color: #;	/* left hand column background color */
	border-right-color: #edeef6;	/* right hand column background color */
        background-image: url("../fileadmin/design/verlauf_links.jpg");
}

#masthead
{	background-color: #edeef6;
	color: #003366;
        background-image: url(../fileadmin/design/leiste-seniorenplattform1.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
} 



#footer
{	background-color: #edeef6;
	color: #555555;
}

#outerColumnContainer 	/* selector case hack to reset version 4
					   stylesheet setting */
{	background-color: #;		/* this sets the background color on the
					   center column */
        background-image: url("../fileadmin/design/verlauf_links.jpg");
	}

#contentcolumn {}

#leftColumn, #rightColumn, #contentColumn
{
}


.vnav ul li a
{	color: #000000;
	background-color: #edeef6;
	}

.vnav ul li ul li a
{	color: #000000;
	background-color: #dcddf6;
}


.vnav ul li ul li ul li a
{	color: #000000;
	background-color: #cbccf6;
}


.vnav ul li ul li ul li ul li a
{	color: #000000;
	background-color: #babbf6;
}


.vnav ul li ul li ul li ul li ul li a
{	color: #000000;
	background-color: {$css_vnavLinkBackgroundColor_l5};
}



.vnav ul li a.vnav_l1_act {
	background-image:url(../fileadmin/template_jw/res/active.gif);
    	background-position:4px 10px;
	background-repeat:no-repeat;
	background-color: #315A9C;
	color: #ffffff;
	}




.vnav ul li a.vnav_l2_act
{	background-image:url(../fileadmin/template_jw/res/active.gif);
    	background-position:11px 8px;
	background-repeat:no-repeat;
	background-color: #315A9C;
	color: #ffffff;
}

.vnav ul li a.vnav_l3_act
{	background-image:url(../fileadmin/template_jw/res/active.gif);
    	background-position:20px 8px;
	background-repeat:no-repeat;
	background-color: #315A9C;
	color: #ffffff;
}

.vnav ul li a.vnav_l4_act
{	background-image:url(../fileadmin/template_jw/res/active.gif);
    	background-position:33px 8px;
	background-repeat:no-repeat;
	background-color: #315A9C;
	color: #ffffff;
}



.vnav ul li a.vnav_l5_act
{	background-image:url(../fileadmin/template_jw/res/active.gif);
    	background-position:43px 8px;
	background-repeat:no-repeat;
	background-color: #315A9C;
	color: #ffffff;
}



.vnav ul li a:hover, .vnav ul li a:focus
{	background-color: #315A9C;
	color: #ffffff;
}


.menu-level2 {
	border-width:0 0 0 0px;
}



.navwrapper {
	background-color: #edeef6;
	color: #000000;
	z-index:11;
	position:relative;
}



.hnav ul li a
{	background-color: #edeef6;
	color: #555555;
}

.hnav ul li a:hover, .hnav ul li a:focus
{	background-color: #315A9C;
	color: #ffffff;
}


.hnav ul li a.hnav_act{
	background-color:#315A9C;
	color:#ffffff;
}



#pageWrapper, #innerColumnContainer, #masthead, #footer, .hnav
{	border-color: #ccc;
} 



/*******************************************************************************
*  borders.css : 2004-07-29 : Ruthsarian Layouts
*******************************************************************************/


#pageWrapper
{	border-style: solid;
	border-width: 0 0px;	
}

#outerColumnContainer{
}

#innerColumnContainer
{	border-style: solid;
	border-width: 0 0px;	/* puts borders between center and the side 
				   columns. */

	margin: 0 -0px;		/* compensation for the borders because of

				   100% width declaration on this object */
    

}

* html #outercolumncontainer
{	/* IE5.0/Win fix for 1px whitespace between masthead and body. */
	margin-top: -0px;
	border-top: solid 0px #000;
}

#masthead
{	border-style: solid;
	border-width: 0px 0;	/* handles the top of the layout's border and the
				   bottom of the masthead section */
}

.hnav
{	border-style: solid;
	border-width: 0 0 0px 0;
}

#footer
{
	border-style: solid;
	border-width: 0px 0;	/* handles the top of the footer section and 
				   the bottom of the entire layout */
}



/*******************************************************************************
*  fonts.css : 2004-06-28 : Ruthsarian Layouts
* ------------------------------------------------------------------------------
*  handles the font type (family), sizes, line-height, alignment, and any other
*  properties relating to fonts - with the exception of color.
*  Perhaps font color declarations should be in this file as well. 
*  However, certain CSS validators (hello w3!) will complain if colors
*  and background colors are not declared in the same selector or
*  at least within the same stylesheet. So font colors, including links,
*  are defined in colors.css.
*******************************************************************************/

body
{
	font-family: arial, helvetica, sans-serif;
	font-size: 100.1%;	/* font sizing approach recommended by Dave 
				   Silvester on the css-discuss list. "the 
				   .1 is important." */
	}


p, h1, h2, h3, h4, h5, h6
{	margin: 0 0 0em 0;		/* specifically define this for Opera's sake,
				   and also for better consistency across 
				   all platforms  */
}

#pageWrapper
{	font-size: 80%;
}

#footer
{	text-align: center;
}

/* :root is an invalid pseudo class but mozilla knows it */

:root code
{	font-size: 120%;	/* monospace fonts are typically smaller that 
				   'normal' fonts under Mozilla. */
}

th {
	font-weight:bolder;
	font-size: 85%;
}

small {
	color:#666666;
}


h1 {	font-size: 115%;
}

h2
{	font-size: 100%;
	margin-bottom:1em;
}


#contentColumn .csi-text p {
}

p {
	margin:10px 0 10px 0;
}


div.csi-textpic {
}


#rightColumn .inside {
	font-size:82.5%;
}


h3
{	font-size: 100%;
	margin-bottom:1em;
}

h4 {	font-size: 126%;
	margin-bottom:1em;
}

h5 {
	font-size: 110%;
	margin-bottom:1em;
}

h6 
{ 	font-size: 100%;
	margin-bottom:1em;
}


.csc-abstract {margin-bottom:1.5em; font-size:85%; margin-top:0.3em;}


/*******************************************************************************
*  gutters.css : 2004-07-06 : Ruthsarian Layouts
* ------------------------------------------------------------------------------
*  handles the whitespace between and within elements; such as margins and 
*  padding.
*******************************************************************************/


body
{	margin: 0;
	padding: 0px;
}


.inside
{	padding: 20px;	
}



#leftColumn, #centerColumn, #rightColumn, #masthead
{	padding:0em: 

}


#leftColumn,{
	overflow:hidden; }

#footer
{
	padding: 0em;
}


#masthead
{	padding: 0px 0 0 0px;
}

.vnav
{	margin: 1em 0;
}

html>body #footer
{	padding-bottom: 1.01em;	
}



.small {	font-size:85%;
}

dfn, .hidden, .unsichtbar {
	position: absolute;
	left: -9990px;
	width: 9000px;
	height:0;
	width:0;
	line-height:0;
	font-size:0.00001em;
}


object, embed, script {
	margin:0;
	padding:0;
}



.accessKey {
	text-decoration:underline;
}


acronym {	border:0;
}



.fquick  {
	margin:0;
}



.flashWrapper {
	border:1px solid #ccc;
	padding:10px 0 0 0;
	margin:0;
	width:100%;
	text-align:center;
}



.searchform {
	float:left;
	margin-top:3px;
	margin-bottom:0;
	padding:0;
	padding-right:2.8em;
	padding-left:20px;
}



#searchfield {
	padding:0;
	margin:0;
	margin-right:1.3em;
	border:1px solid #ccc;
	font-size:85%;
}


#fe_login input {
	padding:0;
	margin:0;
	border:1px solid #ccc;
	font-size:85%;
	margin-right:0.5em;
}



.navwrapper {
	border-bottom:0px solid #ccc;
	width:100%;
	overflow:hidden;
	/*background-image:url(../fileadmin/template_jw/res/navback.jpg);*/
	/*background-repeat: no-repeat;*/
}

.csc-menu-4 {
	padding:0px;
	border:0px solid #ccc;
	}
	

.csc-menu-4 dt {
	background-color:#edeef6;
	padding:10px;
	font-weight:bold;
}

.csc-menu-4 dd {
	margin-left:0;
	text-indent:0;
	padding:10px;
	margin-bottom:20px;
	}

.csc-mailform-field {display:block;}


#contentColumn a:link, #rightColumn p a:link, #leftColumn p a:link { color:#003366; font-weight:bold; text-decoration:none; border-bottom:0px solid #ccc; }
#contentColumn a:visited, #rightColumn p a:visited, #leftColumn p a:visited { color:#003366; text-decoration:none; border-bottom:0px solid #ccc; }
#contentColumn a:hover, #rightColumn p a:hover, #leftColumn p a:hover { color:#ff6600; text-decoration:none; border-bottom:0px solid #ccc; }
#contentColumn a:active, #rightColumn p a:active, #leftColumn p a:active {color:#003366; text-decoration:none; border-bottom:0 px solid #ccc}
#contentColumn a:fokus, #rightColumn p a:focus, #leftColumn p a:focus { color:#003366; text-decoration:none; border-bottom:0px dotted #ccc; }


#breadcrumb {
	color:#aaaaaa;
	font-size:85%;
	margin-bottom:1em;
	margin-top:0;
}



#breadcrumb a:link { color:#aaaaaa; text-decoration:none; border-bottom:0px}
#breadcrumb a:visited { color:#aaaaaa; text-decoration:none; border-bottom:0px}
#breadcrumb a:hover { color:#000000; text-decoration:unserline; border-bottom:2px solid #ccc;}
#breadcrumb a:active { color:#aaaaaa; text-decoration:none; border-bottom:0px}
#breadcrumb a:fokus { color:#aaaaaa; text-decoration:none; border-bottom:0px}


#footer {	font-size:85%; margin-bottom:5px;
}


#footer a:link { color:#666666; text-decoration:none; border-bottom:0px}
#footer a:visited { color:#666666; text-decoration:none; border-bottom:0px}
#footer a:hover { color:#000000; text-decoration:unserline; border-bottom:2px solid #ccc;}
#footer a:active { color:#666666; text-decoration:none; border-bottom:0px}
#footer a:fokus { color:#666666; text-decoration:none; border-bottom:0px}

#kmzfooter a:link { color:#555555; text-decoration:none; border-bottom:0px}
#kmzfooter a:visited { color:#555555; text-decoration:none; border-bottom:0px}
#kmzfooter a:hover { color:#ffffff; text-decoration:unserline; border-bottom:2px solid #ccc;}
#kmzfooter a:active { color:#555555; text-decoration:none; border-bottom:0px}
#kmzfooter a:fokus { color:#555555; text-decoration:none; border-bottom:0px}

.clearall { font-size:1px; 	clear:both; height:0; width:0; padding:0; margin:0;
	line-height:0; color:#ffffff;
}


DIV.csc-frame-rulerAfter { border-bottom: 10px solid #6A94CC; margin: 5px 0px 5px 0px;}


.csc-frame-frame2 { border:1px solid #ccc;}
.csc-frame-frame2 h2 {position:relative; background-color:#edeef6;padding:10px;margin-bottom:1em;}
.csc-frame-frame2 .csi-textpic {padding:0 10px;}
.csc-frame-frame2 .csi-textpic p {padding:0;}
.csc-frame-frame2 p {padding:0 10px;}
.csc-frame-frame2 .csi-textpic p.schwebende_box_rechts {float:right; margin-left:0.5em; border:1px solid #f3c024; background-color:#edeef6; width:10em; padding:0.5em; font-style:italic; font-size:85%; margin-right:10px;}

.csc-frame-frame1 { border:1px solid #ccc;}
.csc-frame-frame1 h2 {position:relative; background-color:#dcddf6;padding:10px;margin-bottom:1em;}
.csc-frame-frame1 .csi-textpic {padding:0 10px;}
.csc-frame-frame1 .csi-textpic p {padding:0;}
.csc-frame-frame1 p {padding:0 10px;}
.csc-frame-frame1 .csi-textpic p.schwebende_box_rechts {float:right; margin-left:0.5em; border:1px solid #f3c024; background-color:#edeef6; width:10em; padding:0.5em; font-style:italic; font-size:85%; margin-right:10px;}

/*
.csc-frame-frame3 { border:1px solid #ccc;}
.csc-frame-frame3 h2 {color:#ffffff; position:relative; background-image:url(../{$css_contentframe3_bg}); background-repeat:repeat-x;padding:10px;margin-bottom:1em;}
.csc-frame-frame3 .csi-textpic {padding:0 10px;}
.csc-frame-frame3 .csi-textpic p {padding:0;}
.csc-frame-frame3 p {padding:0 10px;}
.csc-frame-frame3 .csi-textpic p.schwebende_box_rechts {float:right; margin-left:0.5em; border:1px solid #f3c024; background-color:#edeef6; width:10em; padding:0.5em; font-style:italic; font-size:85%; margin-right:10px;}

*/

.h2_solo {
	background-color:#FCE096;
	border:0px solid #ccc;
	padding:5px;
}


.csc-mailform-field {
	display:block;
	float:none;
}

.csc-mailform input, .csc-mailform label {
	display:block;
	float:none;
}

/*                                            R T E                                        */

.hervorgehoben {background-color:#edeef6;color:#FF0000;}
.schwebende_box_rechts {margin-top:0; float:right; border:1px solid #ccc; background-color:#edeef6; width:10em; padding:0.5em; font-style:italic; font-size:85%;}

.gelb_hinter_blau_schrift {background-color:#0000ff; color:#ffff00;}

img.float-right { float: right; }
img.float-left { float: left; }
table.table-bsk1 { border:1px solid #edeef6; }


tbody.bsk1-farbig { background: #edeef6;}
td.td-bsk1-farbig { background: #edeef6; padding:0px; margin:0;}
td.td-bsk1-normal { background: #edeef6; padding:0px; margin:0;}

a.external-link {}
a.external-link-new-window {background-image:url(../fileadmin/template_jw/res/link_ext.gif);background-repeat:no-repeat; background-position:0px 4px; padding-left:12px;}
a.internal-link {}
a.internal-link-new-window {}
a.download {}
a.mail {background-image:url(../fileadmin/template_jw/res/link_mailto.gif);background-repeat:no-repeat; background-position:0px 4px; padding-left:12px;}





/*
 * css-styled-imgtext
 */



/* Captions */
P.csc-caption { margin: 0; }
P.csc-caption {
  font-size: 80%; /* Customize me */
}

DIV.csi-caption-c .csi-caption { text-align: center; }
DIV.csi-caption-r .csi-caption { text-align: right; }
DIV.csi-caption-l .csi-caption { text-align: left; }


/* Needed for noRows setting */
DIV.csi-textpic DIV.csi-imagecolumn { float: left; display: inline; }



/* Border just around the image */
DIV.csc-textpic-border DIV.csc-textpic-imagewrap .csc-textpic-image IMG {
  border: 2px solid black;
  padding: 0px 0px;

}



DIV.csi-imagewrap { padding: 0; }

DIV.csi-textpic IMG { border: none; }


/* DIV: This will place the images side by side */
DIV.csi-textpic DIV.csi-imagewrap DIV.csi-image { float: left; }


/* UL: This will place the images side by side */
DIV.csi-textpic DIV.csi-imagewrap UL { list-style: none; margin: 0; padding: 0; }
DIV.csi-textpic DIV.csi-imagewrap UL LI { float: left; margin: 0; padding: 0; }


/* DL: This will place the images side by side */
DIV.csi-textpic DIV.csi-imagewrap DL.csi-image { float: left; }
DIV.csi-textpic DIV.csi-imagewrap DL.csi-image DT { float: none; }
DIV.csi-textpic DIV.csi-imagewrap DL.csi-image DD { float: none; }
DIV.csi-textpic DIV.csi-imagewrap DL.csi-image DD IMG { border: none; } /* FE-Editing Icons */

DL.csi-image { margin: 0; }
DL.csi-image DT { margin: 0; display: inline; }
DL.csi-image DD { margin: 0; }

/* Clearer */
DIV.csi-clear { clear: both; }


/* Margins around images: */


/* Pictures on left, add padding on right */
DIV.csi-left DIV.csi-imagewrap .csi-image,
DIV.csi-intext-left-nowrap DIV.csi-imagewrap .csi-image,
DIV.csi-intext-left DIV.csi-imagewrap .csi-image {
  display: inline; /* IE fix for double-margin bug */
  margin-right: 25px;
}



/* Pictures on right, add padding on left */
DIV.csi-right DIV.csi-imagewrap .csi-image,
DIV.csi-intext-right-nowrap DIV.csi-imagewrap .csi-image,
DIV.csi-intext-right DIV.csi-imagewrap .csi-image {
  display: inline; /* IE fix for double-margin bug */
  margin-left: 25px;
}



/* Pictures centered, add padding left and right */
DIV.csi-center DIV.csi-imagewrap .csi-image {
  display: inline; /* IE fix for double-margin bug */
  margin-left: {$styles.content.imgtext.colSpaceHalf}px;
  margin-right: {$styles.content.imgtext.colSpaceHalf}px;
}

DIV.csi-textpic DIV.csi-imagewrap .csi-image .csi-caption { margin: 0; }
DIV.csi-textpic DIV.csi-imagewrap .csi-image IMG { margin: 0; }

/* Space below each image (also in-between rows) */
DIV.csi-textpic DIV.csi-imagewrap .csi-image { margin-bottom: 5px; }
DIV.csi-equalheight DIV.csi-imagerow { margin-bottom: 5px; display: block; }


/* Positioning of images: */


/* Above */

DIV.csi-above DIV.csi-text { clear: both; }


/* Center (above or below) */
DIV.csi-center { text-align: center; /* IE-hack */ }
DIV.csi-center DIV.csi-imagewrap { margin: 0 auto; }
DIV.csi-center DIV.csi-imagewrap .csi-image { text-align: left; /* Remove IE-hack */ }
DIV.csi-center DIV.csi-text { text-align: left; /* Remove IE-hack */ }


/* Right (above or below) */
DIV.csi-right DIV.csi-imagewrap { float: right; }
DIV.csi-right DIV.csi-text { clear: right; }

/* Left (above or below) */
DIV.csi-left DIV.csi-imagewrap { float: left; }
DIV.csi-left DIV.csi-text { clear: left; }



/* Left (in text) */
DIV.csi-intext-left DIV.csi-imagewrap { float: left; }

/* Right (in text) */
DIV.csi-intext-right DIV.csi-imagewrap { float: right; }


/* Right (in text, no wrap around) */
DIV.csi-intext-right-nowrap DIV.csi-imagewrap { float: right; clear: both; }
/* Hide from IE5-mac. Only IE-win sees this. \*/
* html DIV.csi-intext-right-nowrap .csi-text { height: 1%; }
/* End hide from IE5/mac */ 



/* Left (in text, no wrap around) */
DIV.csi-intext-left-nowrap DIV.csi-imagewrap { float: left; clear: both; }
/* Hide from IE5-mac. Only IE-win sees this. \*/
* html DIV.csi-intext-left-nowrap .csi-text { height: 1%; }
/* End hide from IE5/mac */





/*_______________________TT NEWS_________________*/


/*-----------------------------------  clearer  -----------------------------------*/
/* prevent floated images from overlapping the div-containers they are wrapped in  */

.news-list-container HR.clearer, .news-single-item HR.clearer, .news-latest-container HR.clearer{
clear:right;
height:1px;
color:#fff;


}
.news-latest-container HR.clearer {
clear:left;
color:#fff;
height:1px;
}


/*-----------------------------------  tt_news LATEST view  -----------------------------------*/

.news-latest-container {
margin:0 0px 0 0px;
padding:0 0px 0 0px;
}
.news-latest-container h2 {
margin-bottom:0;
padding-bottom:0;
}
.news-latest-item P, .news-latest-item-odd P {
	margin:0;
	padding:5px;
}

.news-latest-item {
	margin:0;
	padding:0;
    border:1px solid #ccc;
	margin-bottom:10px;
}

.news-latest-item-odd {
	background-color:#edeef6;
	margin:0;
	padding:0;
}


.news-latest-gotoarchive {
	padding:10px;
	font-weight:bold;
}
.news-latest-gotoarchive A:LINK, .news-latest-gotoarchive A:VISITED, .news-latest-gotoarchive A:HOVER {


}


/* Hides from IE-mac \*/
* html .news-latest-item {height: 1%;}
/* End hide from IE-mac */

.news-latest-container IMG {
float: right;
border:1px solid #000;
margin-bottom:5px;
margin-right:5px;
margin-left:10px;
margin-top:5px;
}




.news-latest-date {
	float: right;
	text-align: right;
color:#999999;	
}

.news-latest-category IMG {
	float: none;
border:none;
margin:0px;
}
.news-latest-date,.news-latest-morelink,.news-latest-category {
	font-size : {$mainFontSize};
}

.news-latest-morelink {

}

.news-latest-morelink A {
	float:right;
}


.news-latest-item H3 {
background-color:#edeef6;padding:5px;
margin-bottom:0;
}
.news-latest-item span.news-list-date {
	background-color:#edeef6;
}



.news-latest-item H3 a:link  {color:#003366; text-decoration:none; border-bottom:1px dotted #003366;}
.news-latest-item H3 a:visited  {color:#003366; text-decoration:none; border-bottom:1px dotted #003366;}
.news-latest-item H3 a:hover  {color:#003366; text-decoration:none; border-bottom:1px solid #003366;}
.news-latest-item H3 a:active  {color:#003366; text-decoration:none; border-bottom:1px dotted #003366;}
.news-latest-item H3 a:focus  {color:#003366; text-decoration:none; border-bottom:1px dotted #003366;}



/*--------------------------------- tt_news LIST view  -----------------------------------*/
.news-list-container {

margin:10px;

}

/* Hides from IE-mac \*/
* html .news-list-container {height: 1%;}
/* End hide from IE-mac */


.news-list-item  {
	padding-bottom:10px;
	margin-bottom:20px;
    border:1px solid #ccc;
}


.news-list-item-odd {
	padding-bottom:10px;
	margin-bottom:20px;
    border:1px solid #ccc;
}

.news-list-item-random  {
	padding-bottom:10px;
	margin-bottom:20px;
    border:1px solid #ccc;
	width:47%;
	float:left;
}


.news-list-item-odd-random {
	padding-bottom:10px;
	margin-bottom:20px;
    border:1px solid #ccc;
	float:right;
	width:47%;
}


/* Hides from IE-mac \*/
* html .news-list-item {height: 1%;}
/* End hide from IE-mac */



.news-search-form {
padding:3px;
	margin-bottom:5px;
	border:1px solid #666;

}
.news-search-emptyMsg{

margin:0px;
}
.news-search-form FORM {
	margin:0px;
}
.news-list-item H3, .news-list-item-random H3 {
background-color:#edeef6;padding:10px;
}
.news-list-item span.news-list-date {
	background-color:#edeef6;
}

.news-list-item-odd H3, .news-list-item-odd-random H3 {
background-color:#edeef6;padding:10px; 
}
.news-list-item-odd span.news-list-date {
	background-color:#edeef6;
}

.news-list-container H3 A:LINK,.news-list-container H3 A:VISITED,.news-list-container H3 A:HOVER {

color:#ffffff;
text-decoration:none;
}
.news-list-container H3 A {
color:#ffffff;
text-decoration:none;
}
.news-list-item P, .news-list-item-odd P, .news-list-item-random P, .news-list-item-odd-random P, .news-list-item-odd-random P {

	padding: 0 10px;	
}
.news-list-container IMG {
float: right;
border:1px solid #000;
margin-bottom:0px;
margin-right:10px;
margin-left:10px;
}



.news-list-date {
	float: right;
	text-align: right;
	color:#999999;	
}

.news-list-imgcaption {

		float: right;
	padding-top:3px;
	padding-right:3px;
	font-size: 9px;

	}

.news-list-category IMG {
	float: none;
border:none;
margin:0px;
}

.news-list-morelink,{
	font-size : {$mainFontSize};
margin-left:0px;
padding: 0 10px;
}

.news-list-category {
	font-size : 75%;
margin-left:0px;
padding: 0 10px;
}

.news-list-morelink  {
clear:both;
magin-top:0;
padding: 0 10px;
}
.news-list-browse {
	text-align: center;
}



	/*---------------------------------  tt_news Page-Browser ---------------------------------*/
.tx-ttnews-browsebox {
	margin:3px;
	padding:3px;
}
.tx-ttnews-browsebox TD {
	font-size : {$mainFontSize};
}
.tx-ttnews-browsebox-strong, .tx-ttnews-browsebox-SCell {
	font-weight: bold;
}
.tx-ttnews-browsebox-SCell P,.tx-ttnews-browsebox TD P{
	margin:0px;
}

.tx-ttnews-browsebox-SCell {

	border:1px solid #666;
}
.news-search-emptyMsg {
	font-size : {$mainFontSize};
	margin-left: 10px;
}
	/*--------------------------------- tt_news SINGLE view  ---------------------------------*/
.news-single-item {
}
/* Hides from IE-mac \*/
* html .news-single-item {height: 1%;}
/* End hide from IE-mac */

.news-single-item H1 {
margin-top:10px;
}
.news-single-item H2 {
	margin-bottom: 15px;
	background:#ffffff;
	font-weight:normal;
	margin-left:0;
	padding-left:0;

}



.news-single-img {
	float: right;
margin-left:25px;
border:1px solid #ccc;
}
.news-single-img img {

padding:5px;
}


.news-single-imgcaption {
	padding:5px;
	clear:both;
	text-align:right;
	width:240px;
	font-size:85%;
}

.news-single-category {

	font-style:italic;
	padding-top:0px;
	font-size:70%;
}
.news-single-backlink, .news-single-backlink a {

	font-weight: bold;
	font-size : {$mainFontSize};
	margin-bottom: 15px;
	margin-top: 10px;
}
.news-single-timedata {
	float: right;
}
.news-single-timedata, .news-single-author,.news-single-imgcaption {
	font-size : {$mainFontSize};
}
.news-single-author {
	padding-bottom: 3px;
}
.news-single-additional-info {
	clear: both;
	margin-top: 15px;
	border: 0px solid #666;
padding:3px;
padding-bottom:0px;

}
.news-single-related,.news-single-files,.news-single-links  {

	border: 0px solid #666;
	margin:0px;

	margin-bottom: 3px;
	padding:3px;
}

.news-single-related DD, .news-single-links DD, .news-single-files DD {
margin-left:0;
padding-left:0;
text-indent:0;
}

.news-single-related DT, .news-single-links DT, .news-single-files DT {

	font-weight: bold;
	font-size : {$mainFontSize};
}

/*--------------------------------- tt_news Archivemenu (AMENU) --------------------------------- */
.news-amenu-container {
	border-bottom:5px solid {$color1};
	padding-bottom:10px;
}

.news-amenu-container H2 {
	padding:3px;
}
.news-amenu-item-year {
	font-weight: bold;
	padding:0;
	margin:0;
	margin-top:5px;

}

.news-amenu-item-year dd {
	margin:0;
	padding:0;
}


.catmenu {
	margin-bottom:20px;
}
#rightColumn ul, .rightColumn ul li, .catmenu ul, .catmenu ul li, .news-amenu-container ul, .news-amenu-container ul li
{
	margin: 0px;
	padding: 0;
	list-style-type: none;
	display: block;
}



#rightColumn ul a,.catmenu a, .news-amenu-container a
{
	display: block;
	text-decoration: none;
	padding: 2px 10px 2px 10px;
	color: #555555;
	background-color: #edeef6;
}

#rightColumn ul a:hover, .catmenu a:hover, .news-amenu-container a:hover
{
	background-color: #315A9C;
	color: #ffffff;
}

#rightColumn ul, .catmenu ul, .news-amenu-container ul
{
	border: solid 1px #ccc;
	border-left: solid 0px #ccc;
	border-right: solid 0px #ccc;
	border-bottom-width: 0;
}

#rightColumn ul li, .catmenu ul li, .news-amenu-container ul li
{
	border-bottom: solid 1px #ccc;
}


* html .catmenu ul li a/* hide from IE5.0/Win & IE5/Mac */
{
	height: 1%;
}
* html .rightColumn ul, * html .catmenu ul, *html .news-amenu-container ul
{
	position: relative;	/* IE needs this to fix a rendering problem */
}






/*

	Styles 2 Column DIV Section

*/

div.tx-fdfx2cols-pi1{

	margin:0px;

}



div.tx-fdfx2cols-pi1 h3{

	display:block;

	color:#ffffff; 
	position:relative; 
	background-image:url(../{$css_contentframe3_bg}); 
	background-repeat:repeat-x;
	padding:10px;
	margin-bottom:1em;

}



/* Layout 1 */
	div.c2l1d-left{
	padding:0px 0px 10px 0px;
	margin:0;
	float:left;
	width:47%;
	border:1px solid #ccc;
}



.c2l1d-left p {
	margin-top:0px;
	padding:0 10px 0 10px;
}

div.c2l1d-middle{
	padding:0px 0px 10px 0px;
	margin:0px;
	float:right;
	width:47%;
	border:1px solid #ccc;
}


.c2l1d-middle p {
	margin-top:0px;
	padding-top:0px;
	padding:0 10px 0 10px;}


/* Layout 2 */

div.c2l2d-left{
	position:absolute;
	left:0px;
	padding: 0px;
	width:380px;
    	border:1px solid blue;
	white-space:normal;
}

div.c2l2d-middle{
	position:absolute;
   	left:390px;
	padding: 0px;
	width:380px;
	white-space:normal;
	border:1px solid blue;
	background-color:#C0C0C0;
}

/* 	Layout 3 
	embedded
*/


div.c2l3d-left{
   position:absolute;   
   left:0px;
   padding: 0px;
   width:770px;
   white-space:normal;
   border:1px solid red;
}

div.c2l3d-middle{
   float:right;
   margin:5px;
   padding: 0px;
   width: 200px;
   height: 100px;
   overflow:auto;
   white-space:normal;
   border:1px solid blue;
   background-color:#C0C0C0;
}




/*
	Styles 3 Column DIV Section
*/



div.tx-fdfx3cols-pi1{
}



div.tx-fdfx3cols-pi1 h3{
	display:block;
	background-color:#edeef6;
	padding:10px;
	overflow:hidden;
}


/* Layout 1 */


div.c3l1d-left{
	width: 30%;
 border:1px solid #cbccd4;
	float:left;
	margin-right:4.5%;
}


div.c3l1d-middle{
	width: 30%;
	border:1px solid #cbccd4;
	float:left;
}



div.c3l1d-right{
	width: 30%;
	border:1px solid #cbccd4;
	float:right;
}


.c3l1d-left p, .c3l1d-middle p, .c3l1d-right p {
padding:0 10px 0 10px;

}



/* Layout 2 */


div.c3l2d-left{
   position:absolute;
   left:0px;
   padding: 0px;
   width:380px;
   border:1px solid blue;
   white-space:normal;
}



div.c3l2d-middle{
   position:absolute;
   left:390px;
   padding: 0px;
   width:380px;
   white-space:normal;
   border:1px solid blue;
   background-color:#C0C0C0;
}



/*
 Layout 3
	embedded
*/

div.c3l3d-left{
   position:absolute;
   left:0px;
   padding: 0px;
   width:770px;
   white-space:normal;
   border:1px solid red;
}



div.c3l3d-middle{
   float:right;
   margin:5px;
   padding: 0px;
   width: 200px;
   height: 100px;
   overflow:auto;
   white-space:normal;
   border:1px solid blue;
   background-color:#C0C0C0;
}



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


/* Hides from IE-mac */
* html .clearfix {height: 1%;}
/* End hide from IE-mac */
/* End clearfix */


.contentClearer {
	height:2em;
	clear:both;
}


@media print {

	@page { 	size:21.0cm 29.7cm;
		margin:0;
	}


	body {
		margin:auto;
		padding:0;
	}


	#leftColumn, #rightColumn, #contentColumn

	{	float: none;	/* since left and right columns are being hidden,
		there's no need to float any columns. */
		margin:0;
	}

	#leftColumn, .hnav, .printHide, .navwrapper, #masthead
	{
		display: none;	/* hide the left column as well as the
			   horizontal navigation element(s). also hide any
			   designated elements that should not be pritned */
}

	#outerColumnContainer, #innerColumnContainer
	{	border-left-width: 0;
		border-right-width: 0;	/* hide the borders used to create the left and
				   right columns' backgrounds */
                
	}

	#masthead, #footer
	{
		border: solid 1px #000;
		border-width: 1px 0;
		padding: 0.5em;		/* add some borders to the masthead and footer
				   for presentation */
		height:auto;
	}

	a
	{text-decoration: none;
	background-color: inherit;
	color: inherit;		/* we're printing, so there's no need to
				   differentiate links from regular text. so
				   remove any formatting the links get. */
	}


}