@charset "iso-8859-1";
/*******************************************************************************
*  v4.css : 2404-08-11 : Ruthsarian Layouts
* ------------------------------------------------------------------------------
*  The purpose of this stylesheet is to provide enough CSS to get
*  version 4 browsers (IE4 and NN4) to render in a 3 column layout.
*
*  Because _all_ css-capable browsers will see this stylesheet, any
*  selectors that exist within this stylesheet need to be overridden in 
*  one of the other stylesheets that normal browsers will pick up. 
*  Otherwise the good browsers may get screwed up by the NN4/IE4 stuff.
*******************************************************************************/
/*-*-*- 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: 5px; 
}
.inside li
{
 
}  
#oldBrowserNotice
{
	text-align: center;
	display: block;		/* overriding the display:none on this block
				   so that version 4 browsers still see the
				   old browser notice */
}
#contentColumn
{
	/*/*/ margin: 0 216px;			/* ie4 fix */
}
#leftColumn
{
	float: left;
	width: 220px;
	/*/*/ margin-right: -220px;		/* ie4 fix */
}
#rightColumn
{
	float: right;
	width: 216px;
	/*/*/ text-align: left;			/* ie4 fix */
	/*/*/ margin-left: -216px;		/* 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;
	}
/*--> IE4 does not do inline lists, so this CSS is shown only to NN4. <--*/
/*-*-*- 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: #ccc;	/* nn4 coloring */
	color: #000;
}
#pageWrapper
{

	color: #000;
}
#contentcolumn					/* selector case hack */
{
	color: #000;
	background-color: #fff;
}
/*-*-*- 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 : 2405-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
{
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
}
#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 216px 0 220px;	/* 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;	/* fix a render bug in IE under certain
				   conditions */
}
#contentColumn
{
	margin: 0 -1px;		/* without this, boxes stop floating next to 
				   each other */
	width: 100%;
}
#leftColumn, #rightColumn, #contentColumn
{
	float: left;
	position: relative;	/* IE has a display/render bug with non-floated 
				   block elements inside floated block elements. 
				   setting position:relative on the floating
				   element seems to resolve this. */
	z-index: 10;
	overflow: hidden;	/* fix for IE italics bug */
}
#rightColumn
{
	float: right;		/* floating this right allows for the right
				   column block to appear before the content
				   column in the flow of the document. doing
				   this allows for any easy 3 column layout
				   in NN4.
				   There is certainly a lot, in terms of layout
				   'theory' about how the flow of the document
				   should be. I won't get into it here. */
	width: 216px;
	margin: 0 -216px 0 1px;	/* same as in the #leftColumn selector up 
				   above. */
	overflow: hidden;
}
#leftColumn
{
	width: 220px;
	margin: 0 1px 0 -220px;	/* like in the #contentColumn selector, without
				   the 1px margin on the opposite side of the 
				   box, boxes stop floating next to each 
				   other */
}
#footer
{
	position: relative;
}
#masthead h1
{
	display: inline;	/* personal preference to keep the header 
				   inline. you could just as easily change 
				   padding and margins to 0. */
}
#masthead
{
	height:120px;
	background-image:url(../{$mastheadBackground});
	background-repeat: no-repeat;
	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;	/* reset value from that in the version 4 
				   stylesheet. this isn't in borders.css because
				   were you to create a print.css and not 
				   include borders.css, then the v4 border would
				   still remain when you print. */
}
* html body
{
	text-align: center;	/* hack to center this under IE5 */
}
* html #pageWrapper
{
	text-align: left;	/* keep the content left-aligned */
}
/*******************************************************************************
*  vnav.css : 2404-07-21 : Ruthsarian Layouts
* ------------------------------------------------------------------------------
*  responsible for the vertical navigation elements commonly found in the left
*  and / or right columns.
*******************************************************************************/
#navcontainer {
width:220px;
margin-bottom:0px;
border-bottom: 10px solid #336699;
}
 #navcontainer ul
{
margin: 0px;
padding: 0px;
list-style-type: none;
font-family: Arial,tahoma,Helvetica,sans-serif;
width: 220px;
}
#navcontainer li
{
margin: 0px;
padding: 0px;
line-height: 30px;
padding: 0 10px 0 10px;
}
#navcontainer ul li a
{
display: block;
padding-left: 15px;
border-bottom:1px solid #336699;
}
#navcontainer ul li a:link, #navcontainer ul li a:visited
{
color: #333333;
text-decoration: none;
background-image: url("../fileadmin/template_jw/res/vnav_NO.gif");
background-repeat: no-repeat;
background-position: 0px 0.85em;
}
#navcontainer ul li a:hover
{
color: #333;
background-image: url("../fileadmin/template_jw/res/vnav_ACT.gif");
background-repeat: no-repeat;
background-position: 0px 0.85em;
}
#navcontainer ul ul {
background-color:#edeef6;
}
#navcontainer ul ul li a
{
display: block;
padding-left: 35px;
font-size: 85%;
color: #666;
background-image: url("../fileadmin/template_jw/res/vnav_ACT.gif");
background-repeat: no-repeat;
background-position: 20px 0.5em;
border-bottom:1px solid #edeef6;
}
#navcontainer ul ul li
{
margin:0;
padding:0;
line-height:130%;
}
#navcontainer ul ul li a:link, #navcontainer ul ul li a:visited
{
color: #666666;
text-decoration: none;
background-image: url("../fileadmin/template_jw/res/vnav_NO.gif");
background-repeat: no-repeat;
background-position: 20px 0.5em;
}
#navcontainer ul ul li a:hover
{
color: #666;
background-image: url("../fileadmin/template_jw/res/vnav_ACT.gif");
background-repeat: no-repeat;
background-position: 20px 0.5em;
}
#navcontainer ul ul ul {
margin-bottom:5px;
}
#navcontainer ul ul ul li a
{
display: block;
padding-left: 55px;
font-size: 85%;
color: #666;
background-image: url("../fileadmin/template_jw/res/vnav_no_l2.gif");
background-repeat: no-repeat;
background-position: 40px 0.5em;
line-height:130%;
border-bottom:1px solid #eeeeee;
}
#navcontainer ul ul ul li a:link, #navcontainer ul ul ul li a:visited
{
color: #666666;
text-decoration: none;
background-image: url("../fileadmin/template_jw/res/vnav_no_l2.gif");
background-repeat: no-repeat;
background-position: 40px 0.5em;
}
#navcontainer ul ul ul li a:hover
{
color: #666;
background-image: url("../fileadmin/template_jw/res/vnav_act_l2.gif");
background-repeat: no-repeat;
background-position: 40px 0.5em;
}
/* selected states */
#navcontainer ul li a.current, #navcontainer ul li a.current:link, #navcontainer ul li a.current:visited
{
color: #333333;
background-repeat: no-repeat;
background-position: 0px 0.8em;
background-image: url("../fileadmin/template_jw/res/vnav_ACT.gif");
}
#navcontainer ul ul li a.current, #navcontainer ul ul li a.current:link, #navcontainer ul ul li a.current:visited 
{
color: #666666;
background-repeat: no-repeat;
background-position: 20px 0.5em;
background-image: url("../fileadmin/template_jw/res/vnav_ACT.gif");
border-bottom:0;
}
#navcontainer ul ul ul li a.current, #navcontainer ul ul ul li a.current:link, #navcontainer ul ul ul li a.current:visited 
{
color: #666666;
background-repeat: no-repeat;
background-position: 40px 0.5em;
background-image: url("../fileadmin/template_jw/res/vnav_act_l2.gif");
}
/*******************************************************************************
*  hnav.css : 2405-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.
*
*  this seems awfully complex for something seemingly so simple, no? the big
*  issue here is we need to make the menu items inline elements. we could make
*  them block elements and float them left or right, but that creates a lot of
*  problems with compatibility and how elements are ordered on-screen versus
*  source. just trust me on this, inline is the way to go here.
*
*  the main reason people would float these elements rather than go inline is
*  because padding and margin values have an effect on surrounding elements.
*  meaning if an element is 20 pixels tall, and has 5 pixels of padding on
*  top and bottom, a browser is going to treat that element as 30 pixels tall 
*  when rendering the page. but for an inline element (versus a block element)
*  the browser treats it as 20 pixels tall. That padding will still be applied
*  and if you've got a background color on this element, you'll see that color
*  extend 5 pixels into the elements immediately above and below this inline
*  element with padding. 
*
*  in short: vertical padding on inline elements can make things look really
*            bad. 
*  so we need to work around it. thus all of the hacks you see in this 
*  stylesheet.
*******************************************************************************/
#navlist
{
padding: 5px 0 0 0;
margin: 0px 0 0 0;
font-size:85%;
width:1000px;
background-color:#ffffff;
background-image: url("../fileadmin/template_jw/res/bgva.gif");
background-repeat: repeat;
background-position: 1px 1px;
}
#navlist ul, #navlist li
{
margin: 0;
padding: 0;
display: inline;
list-style-type: none;
position:relative;
height:20px;
}
#navlist a, #navlist a:link, #navlist a:visited {
	float: left;
	font-weight:bold;
	color: #fff;
	text-decoration:none;
	text-align:center;
	/*background-image: url("../fileadmin/template_jw/res/topnav_NO.gif");
	background-repeat: no-repeat;
	background-position: 0 0;*/
	vertical-align:middle;
	line-height:20px;
	border:1px solid #003366;
	padding-left:15px;
	padding-right:15px;
	margin-right:3px;
}
#navlist a:link#current, #navlist a:visited#current
{
	color: #fff;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
	/* background-image: url("../fileadmin/template_jw/res/topnav_ACT.gif");
	background-repeat: no-repeat;
	background-position: 0 0; */
	vertical-align:middle;
	line-height:20px;
	border:1px solid #003366;
	padding-left:15px;
	padding-right:15px;
	background-color:#003366;
	margin-right:3px;
}
#navlist a:link#lcurrent, #navlist a:visited#lcurrent
{
	color: #fff;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
	/* background-image: url("../fileadmin/template_jw/res/topnav_ACT.gif");
	background-repeat: no-repeat;
	background-position: 0 0; */
	vertical-align:middle;
	line-height:20px;
	border:1px solid #003366;
	padding-left:15px;
	padding-right:15px;
	background-color:#003366;
	margin-right:3px;
}
a.navlist1 {
	background-color:#003366;
}
a.navlist1:hover {
	background-color:#336699;
	color:#ffffff;
}
a.navlist3 {
	background-color:#333333;
}
a.navlist3:hover {
	background-color:#666666; 
	color:#ffffff;
}
a.navlist2 {
	background-color:#833348;
}
a.navlist2:hover {
	background-color:#944459;
	color:#ffffff;
}

a.navlist4 {
	background-color:#d8a793;
}
a.navlist4:hover {
	background-color:#e9b8a4;
	color:#ffffff;
}

a.navlist5 {
	background-color:#9ab3d7;
}
a.navlist5:hover {
	background-color:#abc4e8;
	color:#ffffff;
}

a.navlist6 {
	background-color:#c14848;
}
a.navlist6:hover {
	background-color:#d25959;
	color:#ffffff;
}




a.lnavlist1 {
	background-color:#FFD31F;
}
a.lnavlist1:hover {
	background-color:#FEC20F;
	color:#ffffff;
}
a.lnavlist2 {
	background-color:#BA0F21;
}
a.lnavlist2b {
	background-color:#FFD31F;
	color:#ffffff;
}
a.lnavlist2:hover {
	background-color:#CB1F32;
	color:#ffffff;
}
a.lnavlist2b:hover {
	background-color:#FEC20F;
	color:#ffffff;
}
/*******************************************************************************
*  colors.css : 2404-06-28 : Ruthsarian Layouts
* ------------------------------------------------------------------------------
*  defines background and foreground colors of elements within the layout.
*  sites that want to use different color schemes for different sub-sections
*  of a website need only make different versions of this stylesheet and link
*  or import them as need. The other stylesheets can be shared across the
*  entire site.
*******************************************************************************/
body
{
	background-color: #ffffff;
	color: ;
}
#outerColumnContainer
{
	border-left-color: ;	/* left hand column background color */
	border-right-color: ;	/* right hand column background color */
}
#masthead
{
	background-color: ;
	color: ;
}
#footer
{
}
#outerColumnContainer, #contentcolumn	/* selector case hack to reset version 4
					   stylesheet setting */
{
	background-color: ;		/* this sets the background color on the
					   center column */
}
#leftColumn, #rightColumn, #contentColumn
{
}
.vnav ul li a
{
	color: ;
	background-color: ;
}
.vnav ul li a.vnav_l1_act, .vnav ul li a.vnav_l2_act, .vnav ul li a.vnav_l3_act, .vnav ul li a.vnav_l4_act
{
	background-color: ;
	color:;
}
.vnav ul li a:hover
{
	background-color: {$css_vnavLinkHoverBackgroundColor};
	color: ;
}
.menu-level2 {
	border-left:2px solid ;
	border-width:0 0 0 2px;
}
.navwrapper {
	background-color: ;
	color: ;
	z-index:11;
	position:relative;
}
.hnav ul li a
{
	background-color: {$css_hnavLinkBackgroundColor};
	color: {$css_hnavLinkFontColor};
}
.hnav ul li a:hover
{
	background-color: {$css_hnavLinkHoverBackgroundColor};
	color: {$css_hnavLinkHoverFontColor};
}
.hnav ul li a.hnav_act{
	background-color:{$css_hnavLinkActiveBackgroundColor};
	color:{$css_hnavLinkActiveFontColor};
}
#pageWrapper, #innerColumnContainer, #masthead, #footer, .hnav
{
	border-color: ;
} 
/*******************************************************************************
*  borders.css : 2404-07-29 : Ruthsarian Layouts
* ------------------------------------------------------------------------------
*  this stylesheet defines any and all borders that are rendered on the layou.
*  this includes the left and right-hand borders of the #outerColumnContainer
*  element which are used as the backgrounds for the left and right columns.
*******************************************************************************/
#pageWrapper
{
	border-style: solid;	/* explicitly defined within eact selector in 
				   case you want change border styles (to mix 
				   it up) between elements */
	border-width: 0 0px;	/* puts a border on the left and right sides of
				   the page. #masthead and #footer will handle 
				   the top and bottom borders */
}
#outerColumnContainer
{
	/* the borders used to create/reserve space for the side columns are
	   now defined in base.css because they are an integral part of
	   the layout. */
}
#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: -1px;
	/*border-top: solid 1px #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 : 2404-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, tahoma, helvetica, sans-serif;
	font-size: 100.1%;	/* font sizing approach recommended by Dave 
				   Silvester on the css-discuss list. "the 
				   .1 is important." */
}
#pageWrapper
{
	font-size: 85%;
}
#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. */
}
/*
	Time to try and get all the heading elements to the same size 
	regardless of browser. (IE seems to put them a big bigger
	than Mozilla, typically.)
*/
h2
{
	font-size: 115%;
}
#contentColumn .csi-text p {
}
#contentColumn p {
}
div.csi-textpic {
}
#rightColumn .inside,#leftColumn .inside {
	font-size:80.5%; 
}
#contentColumn .inside {
	font-size:90%; 
}
h2
{
	font-size: 130%;
	color:#003366;
}
h3
{
	font-size: 100%;
	color:#003366;
}
h4
{
	font-size: 126%;
}
h5
{
	font-size: 110%;
}
h6
{
	font-size: 100%;
}
/******************************************************************************/
/*******************************************************************************
*  gutters.css : 2404-07-06 : Ruthsarian Layouts
* ------------------------------------------------------------------------------
*  handles the whitespace between and within elements; such as margins and 
*  padding.
*******************************************************************************/
body
{
	margin: 0;
	padding: 14px 0 10px 0;		/* remove this padding if you want the layout to
				   stretch from edge to edge of the viewport. */
}
p, h1, h2, h3, h4, h5, h6
{
margin-bottom:0px;
margin-top:0;
margin-left:0;
margin-right:0;
padding-bottom:10px;
padding-top:0;
padding-left:0;
padding-right:0;
}
.inside
{
	padding: 10px;	/* this padding is applied to every major box 
				   within the layout for a uniform gutter 
				   between borders 
				   _NOTE_: a small glitch in IE seems to appear
				   if this class has vertical padding applied
				   to it. so in cases where you want to add 
				   vert padding, use the parent element. margin
				   values here don't work because .inside has
				   a key role in border generation */
}
#leftColumn, #centerColumn, #rightColumn, #masthead
{
	padding:0em: /* this is the vert padding talked about in the
				   previous selector. */
}
#footer
{
	padding: 0em;
}
#masthead
{
	padding: 0px 0 0 0px;
}
.vnav
{
	margin: 1em 0;
}
#topleft {
	width:750px;
	height:30px;
	float:left;
	padding-left:20px;
}
#topleft h1
{
	color:#003366;
	font-size: 1%;
	margin-bottom:0;
	padding-bottom:0;
	height:140px;
	width:750px;
	font-variant:small-caps;

}
#topleft p {
	color:#ffffff;
	margin-bottom:0;
	padding-bottom:0;
	margin-left:200px;
	letter-spacing:0.25em;
}
#topright {
	width:205px;
	height:110px;
	float:right;
	margin:0px;
	padding:0px;
}
#topwrapper {
	background-image:url("../fileadmin/template_jw/res/header_va.jpg");
	background-repeat: repeat-x;
	background-position:0px 0px;
	/*background-color:#003366;*/
    /*border-bottom:1px solid #6D6D6D;*/
    /*border-top:6px solid #cccccc;*/
	padding:0;
	margin:0;
	height:150px;
}
/*******************************************************************************
*  bgImages.css : 2406-01-30 : Ruthsarian Layouts
* ------------------------------------------------------------------------------
*  this demonstration stylesheet is used to show how to apply background images
*  to elements within the layout. This includes switching from borders to 
*  background images for the side columns. This requires some additional 
*  values to be altered besides the background family of properties.
*******************************************************************************/
body {
	background-image: url("../fileadmin/template_jw/res/bgva.gif");
	background-repeat: repeat;
	background-position: 0 0;
	/*background-color: #F1CABC;*/
}
#outerColumnContainer
{
	border-left-width: 0;
	border-right-width: 0;	/* we remove the borders so we can apply
				   background images. */
	padding-left: 220px;	/* because padding is on the left-side,
				   the left-column"s background image is
				   going to be applied to this element. */
	margin-right: 216px;	/* the right-column"s space is reserved
				   with margin space rather than padding,
				   so we can apply a background image to
				   the parent element, #pageWrapper, and
				   it will peek through. */
	background-image: url("../fileadmin/template_jw/res/back_left.gif");
	background-repeat: no-repeat;
	background-position: 0 0;
	background-color: #ffffff;
}
#pageWrapper
{
	background-image: url("");
	background-repeat: repeat-y;
	background-position: 784px 0;
	background-color: #ffffff;
}

#rightColumn
{
	background-color: #ffffff;
}
#masthead
{
	background-image: url({$css_masthead});
	background-repeat: no-repeat;
	background-position: 0 0;
}
.navwrapper
{
	background-image: url("{$css_masthead_light}");
	background-repeat: no-repeat;
	background-position: 0 0;
}
#footer
{
	background-color: #003366;
	color:#ffffff;
	height:1%;
	font-size:85%;
}
#footer p {
margin-bottom:0;
padding-bottom:0;
}
#footerleft {
	float:left;
	text-align:left;
	padding:10px;
}
#footerright {
	float:right;
	text-align:right;
	padding:10px;
}
#contentColumn
{
}
#innerColumnContainer
{
	background-image: url("../fileadmin/template_jw/res/back_content.gif");
	background-repeat: repeat-y;
	background-position: 0 0;
}
/* html and body elements specified in selector below for compatibility with
   skidoo_too */
html, body
{
}
.season {border-right:1px solid #cccccc; margin-right:10px; padding-right:10px;}
.small {
	font-size:85%;
}
dfn, .hidden, .unsichtbar {
	position: absolute;
	left: -9990px;
	width: 9000px;
	height:0;
	width:0;
	line-height:0;
	font-size:0.00001em;
	margin:0;
	padding:0;
}
object, embed, script {
	margin:0;
	padding:0;
}
select#style {font-size:80%;}
.accessKey {
	text-decoration:underline;
}
acronym {
	border:0;
}
.fquick  {
	margin:0 5px 5px 5px;
}
.flashWrapper {
	border:1px solid ;
	padding:10px 0 0 0;
	margin:0;
	width:100%;
	text-align:center;
}
#searchbox {
	margin:0px 0 5px 0;
	/* background-image:url(../fileadmin/template_jw/res/back_search.gif);
	background-repeat: repeat-x;
	background-position: 0 0;*/
	background-color:#edeef6;
	padding:30px 0 20px 0;
	border-bottom:10px solid #336699;
}
.searchform {
	margin:0;
	padding:0;
	padding-left:25px;
}
#searchfield {
	border-style:none;
	border-left: #336699 1px solid;
	border-bottom: #336699 1px solid;
    margin-right:10px;
	text-align:center;
	font-family: arial,tahoma ;
	font-size:75%;
	width:161px;
	padding: 2px;
}


#languageselect {
background-color:#edeef6;
border-bottom: 10px solid #336699;
}

.helperBox_left {
margin-top:10px;
border-bottom: 10px solid #336699;
background-color:#edeef6;
}

#fe_login input {
	padding:0;
	margin:0 0 0 10px;

	}
	
	#fe_login  {
	padding:0;
	margin:0 0 10px 0;

	}
.navwrapper {
	border-bottom:0px solid ;
	width:100%;
	overflow:hidden;
	/*background-image:url(../fileadmin/template_jw/res/navback.jpg);*/
	/*background-repeat: no-repeat;*/
}
.inside a:link, #rightColumn p a:link, #leftColumn p a:link { font-weight:bold;color:#336699; text-decoration:none; }
.inside a:visited, #rightColumn p a:visited, #leftColumn p a:visited { font-weight:bold;color:#336699; text-decoration:none;  }
.inside a:hover, #rightColumn p a:hover, #leftColumn p a:hover { font-weight:bold;color:#003366; text-decoration:none; }
.inside a:active, #rightColumn p a:active, #leftColumn p a:active {font-weight:bold;color:#336699; text-decoration:none; }
.inside a:focus, #rightColumn p a:focus, #leftColumn p a:focus { font-weight:bold;color:#336699; text-decoration:none; }
.news-latest-container h3 a:link { font-weight:bold;color: #ffffff; text-decoration:none; }
.news-latest-container h3 a:visited { font-weight:bold;color:#ffffff; text-decoration:none;  }
.news-latest-container h3 a:hover { font-weight:bold;color:#ff0000; text-decoration:none; }
.news-latest-container h3 a:active {font-weight:bold;color:#ffffff; text-decoration:none; }
.news-latest-container h3 a:focus { font-weight:bold;color:#ffffff; text-decoration:none; }
#footer a:link { font-weight:bold;color: #ffffff; text-decoration:none; }
#footer a:visited { font-weight:bold;color:#ffffff; text-decoration:none;  }
#footer a:hover { font-weight:bold;color:#edeef6; text-decoration:none; }
#footer a:active {font-weight:bold;color:#ffffff; text-decoration:none; }
#footer a:focus { font-weight:bold;color:#ffffff; text-decoration:none; }
#contentColumn .tx-fdfx2cols-pi1 h3 a:link  {color:#ffffff; text-decoration:none; border-bottom:1px dotted #ffffff;}
#contentColumn .tx-fdfx2cols-pi1 h3 a:visited  {color:#ffffff; text-decoration:none; border-bottom:1px dotted #ffffff;}
#contentColumn .tx-fdfx2cols-pi1 h3 a:hover  {color:#ffffff; text-decoration:none; border-bottom:1px solid #ffffff;}
#contentColumn .tx-fdfx2cols-pi1 h3 a:active  {color:#ffffff; text-decoration:none; border-bottom:1px dotted #ffffff;}
#contentColumn .tx-fdfx2cols-pi1 h3 a:focus  {color:#ffffff; text-decoration:none; border-bottom:1px dotted #ffffff;}
#breadcrumb {
	color:#666666;
	font-size:85%;
	margin-top:7px;
	padding-bottom:0;
	margin-bottom:0;
}
#breadcrumb a:link { color:#666666; text-decoration:none; border-bottom:0px}
#breadcrumb a:visited { color:#666666; text-decoration:none; border-bottom:0px}
#breadcrumb a:hover { color:#000000; text-decoration:unserline; border-bottom:1px solid ;}
#breadcrumb a:active { color:#666666; text-decoration:none; border-bottom:0px}
#breadcrumb a:focus { color:#666666; 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-frame1 {	
	background-color:#336699;
	padding:0px 0px 0 0px;
}
#contentColumn .csc-frame-frame1 {
	width:544px;
}
#rightColumn .csc-frame-frame1 {
	width:196px;
}
.csc-frame-frame1 p, .csc-frame-frame1 li {	
	color:#ffffff;
	padding: 5px 5px 5px 5px;
}
.csc-frame-frame1 h2, .csc-frame-frame1 h3, .csc-frame-frame1 h4 {
	color:#333333;
	padding: 5px 5px 5px 5px;
	background-color:#edeef6;
}
.csc-frame-frame1 .csc-textpic {	
	margin-right:5px;
	margin-left:5px;
	padding-top:5px;
}
.csc-frame-frame1 .csc-textpic p {	
	margin-right:0px;
	margin-left:0px;
	padding-right:0px;
	padding-left:0px;
	padding-top:0px;
}
.csc-frame-frame2 {	
	background-color:#edeef6;
	padding:0px 0px 0 0px;
}
#contentColumn .csc-frame-frame2 {
	width:544px;
}
#rightColumn .csc-frame-frame2 {
	width:196px;
}
.csc-frame-frame2 p, .csc-frame-frame2 li {	
	color:#336699;
	padding: 5px 5px 5px 5px;
}
.csc-frame-frame2 h2, .csc-frame-frame2 h3, .csc-frame-frame2 h4 {
	color:#edeef6;
	padding:5px 5px 5px 5px;
	background-color:#336699;
}
.csc-frame-frame2 .csc-textpic {	
	margin-right:5px;
	margin-left:5px;
	padding-top:5px;
}
.csc-frame-frame2 .csc-textpic p {	
	margin-right:0px;
	margin-left:0px;
	padding-right:0px;
	padding-left:0px;
	padding-top:0px;
}
.csc-frame-frame3 {	
	background-color:#edeef6;
	padding:0px 0px 0 0px;
}
#contentColumn .csc-frame-frame3 {
	width:544px;
}
#rightColumn .csc-frame-frame3 {
	width:196px;
}
.csc-frame-frame3 p, .csc-frame-frame3 li{	
	color:#333333;
	padding: 5px 5px 5px 5px;
}
.csc-frame-frame3 h2, .csc-frame-frame3 h3, .csc-frame-frame3 h4 {
	color:#ffffff;
	padding: 5px 5px 5px 5px;
	background-color:#336699;
}
.csc-frame-frame3 .csc-textpic {	
	margin-right:5px;
	margin-left:5px;
	padding-top:5px;
}
.csc-frame-frame3 .csc-textpic p {	
	margin-right:0px;
	margin-left:0px;
	padding-right:0px;
	padding-left:0px;
	padding-top:0px;
}
/*                                            R T E                                        */
.quote { font-style: italic; color: #ee9; }
.highlight { background-color: yellow; color: #000; }
.deprecated { text-decoration: line-through; color: #aaa; }
span.quote { font-style: italic; color: #ee9; }
span.highlight { background-color: yellow; color: #000; }
span.deprecated { text-decoration: line-through; color: #aaa; }
p.blue-text { color: #35006d; }
p.blue-background { color: #ffffff; background-color: #35006d; }
.hervorgehoben {background-color:#edeef6;color:#F3C024;}
.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%;}
.kleinerText {font-size:85%;}
img.float-right { float: right; }
img.float-left { float: left; margin-right:10px; }
img.blue-background { background-color: #35006d; }
table.table-redbackground { background: red none; }
table.table-yellowbackground { background: yellow none; }
tboby.tbody-redbackground { background: red none; }
tbody.tbody-yellowbackground { background: yellow none; }
td.td-redbackground { background: red none; }
td.td-yellowbackground { background: yellow none; }
ol.ol-redbackground { background: red none; }
ol.ol-yellowbackground { background: yellow none; }
ul.ul-redbackground { background: red none; }
ul.ul-yellowbackground { background: yellow none; }
li.li-redbackground { background: red none; }
li.li-yellowbackground { background: yellow none; }
a.external_link {}
a.external_link_new_window {}
a.internal_link {}
a.internal_link_new_window {}
a.download {}
a.mail {}
/*_______________________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;
line-height:100%;
padding:0;
background-color:#edeef6;
background-image:url("../fileadmin/template_jw/res/bg_news_latest.gif");
background-repeat:repeat-y;
display:relative;
}
.news-latest-container h3 {
	background-color:#336699;
	padding:5px;
	color:#ffffff;
	overflow:hidden:
}
.news-latest-container p {
	padding:5px;
}
.latest_archive {
	border-top:1px solid #336699;
	border-bottom:10px solid #336699;
	background-color: #edeef6;
	text-align:center;
}
.news-latest {
	width:175px;
	margin-right:10px;
	float:left;
	background-color:#edeef6;
display:relative;
}
.news-latest-1 {
	width:175px;
	margin-right:9px;
	float:left;
	background-color:#edeef6;
display:relative;
}
.news-latest-2 {
width:175px;
float:left;
	background-color:#edeef6;
display:relative;
}
.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;
margin-bottom:5px;
margin-right:5px;
margin-left:5px;
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;
}
/*--------------------------------- tt_news LIST view  -----------------------------------*/
.news-list-container {
margin-top: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 ;
}
.news-list-item-odd {
	padding-bottom:10px;
	margin-bottom:20px;
    border:1px solid ;
}
.news-list-item-random  {
	padding-bottom:10px;
	margin-bottom:20px;
    border:1px solid #edeef6;
	height:1%;
	}
.news-list-item-odd-random {
	padding-bottom:10px;
	margin-bottom:20px;
}
/* Hides from IE-mac \*/
* html .news-list-item-random {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:#336699;padding:10px; 
}
.news-list-item-odd span.news-list-date {
	background-color:#edeef6;
}
.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-top:10px;
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 ;
}
.news-single-img img {
padding:5px;
}
.news-single-imgcaption {
	padding:5px;
	clear:both;
	text-align:right;
	width:200px;
	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;
}
.catmenu ul, .catmenu ul li, .news-amenu-container ul, .news-amenu-container ul li
{
	margin: 0px;
	padding: 0;
	list-style-type: none;
	display: block;
}
.catmenu a, .news-amenu-container a
{
	display: block;
	text-decoration: none;
	padding: 2px 10px 2px 10px;
	color: ;
	background-color: ;
}
.catmenu a:hover, .news-amenu-container a:hover
{
	background-color: {$css_vnavLinkHoverBackgroundColor};
	color: ;
}
.catmenu ul, .news-amenu-container ul
{
	border: solid 1px ;
	border-left: solid 1px ;
	border-bottom-width: 0;
}
.catmenu ul li, .news-amenu-container ul li
{
	border-bottom: solid 1px ;
}
* html .catmenu ul li a/* hide from IE5.0/Win & IE5/Mac */
{
	height: 1%;
}
* html .catmenu ul, *html .news-amenu-container ul
{
	position: relative;	/* IE needs this to fix a rendering problem */
}
/*
	Styles 2 Column DIV Section
*/
.tx-fdfx2cols-pi1 {
	margin:0px;
}
div.tx-fdfx2cols-pi1 h2, div.tx-fdfx2cols-pi1 h3, div.tx-fdfx2cols-pi1 h4{ 
	display:block;
	padding:5px;
	overflow:hidden;
	background-color: #336699;
	color:#ffffff;
}
/* Layout 1 */
div.c2l1d-left{
margin:0;
float:left;
width:262px;
background-color: #edeef6;
}
div.c2l1d-middle{
margin:0px;
float:right;
width:272px;
background-color: #edeef6;
}
.c2l1d-left p, .c2l1d-middle p {
padding:5px 5px 5px 5px;
}
.c2l1d-left img {
margin:0 10px 0 0;
padding:0;
}
.c2l1d-middle img {
margin:0 10px 0 0;
padding:0; 
}
/* Layout 2 */
/*
	Styles 3 Column DIV Section
*/
div.tx-fdfx3cols-pi1{
}
div.tx-fdfx3cols-pi1 h2, div.tx-fdfx3cols-pi1 h3, div.tx-fdfx3cols-pi1 h4{ 
	display:block;
	padding:5px;
	overflow:hidden;
	background-color: #336699;
	color:#ffffff;
}
/* Layout 1 */
div.c3l1d-left{
	width: 175px;
	float:left;
	margin-right:10px;
	background-color: #edeef6;
}
div.c3l1d-middle{
	width: 175px;
	float:left;
	margin-right:9px;
	background-color: #edeef6;
}
div.c3l1d-right{
	width: 175px;
	float:right;
	background-color: #edeef6;
}
.c3l1d-left p, .c3l1d-middle p, .c3l1d-right p {
	padding:5px 5px 5px 5px;
}
/* Layout 2 */
.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:10px;
	clear:both;
margin:0;
padding:0;
}
label				{ padding-left:10px; }
textarea				{ padding-left:10px; }
.newslinks			{ margin:0px; padding:0px; border:0px; display:block; }
.newslinks p			{ margin:0px; padding:0px; margin-left:20px; }
.newslinks dd			{ margin:0px; padding:0px; }
acronym				{ padding-left:17px; font-weight:bold; text-decoration:underline; background-image:url(http://www.stadt-fuessen.de/fileadmin/template_jw/res/akronym2.jpg); background-repeat:no-repeat; }
.csc-textpic-caption		{ font-size:80%; }
.contenttable p			{ margin:0px; padding:0px; margin-top:2px; margin-bottom:2px; }
.csc-menu-1 ul			{ list-style-type:none; }
.csc-menu-1 li			{ margin-left:-40px; list-style-type:none; }
img				{ border:0px; }
div.metanavralf			{ width:348px; height:30px; font-size:70%; white-space:nowrap; padding:0px; padding-top:8px; margin:0px; font-weight:normal; color:#000000; }
div.metanavralf span		{ height:20px; }
div.metanavralf a			{ margin-top:10px; margin-right:9px; color:#000000; text-decoration:none; font-weight:normal; }
div.metanavralf a:link		{ margin-top:10px; margin-right:9px; color:#000000; text-decoration:none; font-weight:normal; }
div.metanavralf a:visited		{ margin-top:10px; margin-right:9px; color:#000000; text-decoration:none; font-weight:normal; }
div.metanavralf a:hover		{ margin-top:10px; margin-right:9px; color:#000000; text-decoration:none; font-weight:normal; }
div.metanavralf a:active		{ margin-top:10px; margin-right:9px; color:#000000; text-decoration:none; font-weight:normal; }
@media print {
@page { 
		size:auto;
		margin:1cm;
}
div.c2l1d-left {
	width:100%;
	float:none;
}
div.c2l1d-middle {
	width:100%;
	float:none;
}
#pageWrapper
{
	width: auto;
	height:auto;
}
#innerColumnContainer
{
	width: auto;
	height:auto;
	z-index:0;
}
#contentColumn
{
	width:auto;
	height:auto;
	position:static;
}
#outerColumnContainer
{
	padding-left: 0px;
	margin-right: 0px;
}
#contentColumn p {
line-height:100%;
}
#leftColumn, #rightColumn, #contentColumn
{
	float: none;	/* since left and right columns are being hidden,
			   there's no need to float any columns. */
	margin:0;
	padding:0;
	overflow:visible;
}
#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 */
	background-image:none;
}
#masthead, #footer
{
	/*border: solid 1px #000;
	border-width: 1px 0;*/
	padding: 0.5em;		/* add some borders to the masthead and footer
				   for presentation */
}
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. */
}
#topwrapper {
	display:none;
}
.inside {
	padding:0;
}
}