body {
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	background-color: #fff;
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
	FONT-SIZE: 101%; LINE-HEIGHT: 1.3em;
	background-image:url(images/hg_navleiste-viscare2.gif);
	background-repeat:repeat-y;
}

IMG {
	COLOR: #ffffff; 
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;;
}

P {
	LINE-HEIGHT: 100%
	FONT-SIZE: 0.95em;
}
DIV {
	LINE-HEIGHT: 100%
	FONT-SIZE: 0.95em;
}
LI {
	LINE-HEIGHT: 100%
	FONT-SIZE: 0.95em;
}
H1 {
	COLOR: #05143F; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;;
	margin-top: 0px;
	}
H2 {
	color: #05143F;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;;
	margin-top: 0px;
}
H3 {
	COLOR: #05143F; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;;
}
H4 {
	COLOR: #05143F; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;;
}
H5 {
	COLOR: #05143F; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}
H6 {
	COLOR: #05143F; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}
H1 {
	TEXT-ALIGN: left;
	vertical-align: middle;
	FONT-SIZE: 1.0em;
	LINE-HEIGHT: 1.3em;
	background-color:#fff;
}
H1 A:link {
	COLOR: #05143F; ; TEXT-DECORATION: none
}
H1 A:visited {
	COLOR: #05143F; TEXT-DECORATION: none
}
H1 A:hover {
	BACKGROUND: #F2FAF2; COLOR: #05143F; TEXT-DECORATION: none
}
H1 A:active {
	BACKGROUND: #F2FAF2; COLOR: #05143F; TEXT-DECORATION: none
}
H2 {
	TEXT-ALIGN: left;
	FONT-SIZE: 0.8em;
	LINE-HEIGHT: 0.8em;
}
H3 {
	TEXT-ALIGN: left;
	FONT-SIZE: 0.85em;
	LINE-HEIGHT: 0.85em;
}
H4 {
	TEXT-ALIGN: left;
	FONT-SIZE: 0.8em;
}
H5 {
	TEXT-ALIGN: left
}
H6 {
	TEXT-ALIGN: left
}
P {
	FONT-SIZE: 0.8em;
	LINE-HEIGHT: 1.2em;
}
P A:link {
	COLOR: #05143F; TEXT-DECORATION: underline
}
P A:visited {
	COLOR: #05143F; TEXT-DECORATION: underline
}
P A:hover {
	BACKGROUND: #05143F; COLOR: #fff; TEXT-DECORATION: none
}
P A:active {
	BACKGROUND: #05143F; COLOR: #fff; TEXT-DECORATION: none
}
P SPAN.rahmen A:link {
	BORDER-BOTTOM-STYLE: none
}
P A:hover IMG {
	BACKGROUND: #fff
}
.textklein {
	FONT-SIZE: 0.7em;
	COLOR: #05143F;
	}
A.textklein:link {
	COLOR: #05143F; TEXT-DECORATION: none;
}
A.textklein:visited {
	COLOR: #05143F; TEXT-DECORATION: none;
}
A.textklein:active {
	COLOR: #05143F; TEXT-DECORATION: none;
}
A.textklein:hover {
	COLOR: #05143F; TEXT-DECORATION: none;
}

A:link {
	COLOR: #05143F
}
A:visited {
	COLOR: #000000
}
A:active {
	COLOR: #000000
}


.menu {
	FONT-SIZE: 0.7em;
	COLOR: #05143F);
	}
	
A.menu:link {
	COLOR: #05143F; TEXT-DECORATION: none
}
A.menu:visited {
	COLOR: #05143F; TEXT-DECORATION: none
}
A.menu:active {
	COLOR: rgb(255,255,255); TEXT-DECORATION: none; BACKGROUND-COLOR: rgb(5,20,63)
}
A.menu:hover {
	COLOR: rgb(255,255,255); TEXT-DECORATION: none; BACKGROUND-COLOR: rgb(5,20,63)
}


.teaser {
	COLOR: #05143F;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;;
	FONT-SIZE: 0.85em;
	}
A.teaser:link {
	COLOR: #05143F; TEXT-DECORATION: none
}
A.teaser:visited {
	COLOR: #05143F; TEXT-DECORATION: none
}
A.teaser:active {
	COLOR: #05143F; TEXT-DECORATION: none;
}
A.teaser:hover {
	COLOR: #05143F; TEXT-DECORATION: none;
}

#content {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	Z-INDEX: 1;
	BACKGROUND: #ffffff;
	LEFT: 240px;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px 10% auto 0px;
	WIDTH: 525px;
	PADDING-TOP: 0px;
	POSITION: absolute;
	TOP: 215px;
	height: 100%;
	background-image:url(images/hg_content.jpg);
	background-repeat:repeat-y;
}

#inhalt_spalte1 {
	PADDING-TOP: 0px;
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	Z-INDEX: 1;
	LEFT: 240px;
	WIDTH: 250px;
	visibility: visible;
}
#inhalt_spalte2 {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	PADDING-TOP: 0px;
	Z-INDEX: 1;
	LEFT: 260px;
	WIDTH: 250px;
	POSITION:absolute;
	TOP: 0px;
	visibility: visible;
}
#nebennavigation {
	Z-INDEX: 2;
	visibility: visible;
	text-align: left;
	color: #ffffff;
	FONT-COLOR: #000000;
	LEFT: 235px;
	TOP: 160px;
	WIDTH: 590px;
	HEIGHT: 20px;

	POSITION:absolute;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;;
	font-size:1.0em;
	padding-top: 8px;
	padding-right: 5px;
}	
#logo {
	Z-INDEX: 0;
	BACKGROUND: #fff;
	LEFT: 231px;
	WIDTH: 200px;
	POSITION: absolute;
	TOP: 0px;
	height: 191px;
	padding-top: 0px;
	padding-left: 0px;
	BORDER-TOP: 1px solid #66BE7D;
	BORDER-BOTTOM: 5px solid #0b2760;
	BORDER-BOTTOM: 5px solid #0b2760;		
}
#titelfoto {
Z-INDEX: 1;
LEFT: 201px;
TOP: 0px;
POSITION: absolute;
}

#sonder
{
	Z-INDEX: 0;
	LEFT: 0px;
	TOP: 0px;
	WIDTH: 232px;
	HEIGHT: 32px;
	BORDER: 1px solid #ffffff;
	background-image:url(images/hg_navleiste-viscare.gif);
	background-repeat:repeat-y;
	color: #ffffff;
	POSITION:relative;
	visibility: visible;
	text-align: left;
	padding-top: 2px;
}
#menue {
	Z-INDEX: 1;
	BACKGROUND: #fff;
	LEFT: 0px;
	WIDTH: 232px;
	PADDING-TOP: 10px;
	padding-left: 10px;
	POSITION: absolute;
	TOP: 32px;
	height: 100%;
	BORDER-left: 1px solid #ffffff;
	BORDER-right: 1px solid #ffffff;
	background-image:url(images/hg_navleiste-viscare.gif);
	background-repeat:repeat-y;
}
#ueberschrift {
	Z-INDEX: 1;
	LEFT: 240px;
	TOP: 175px;
	PADDING-TOP: 0px;
	POSITION: absolute;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;;
	FONT-SIZE: 1.5em;
	FONT-COLOR: #123123;
	FONT-WEIGHT: bold;
}

#teaser{
	Z-INDEX: 1;
	WIDTH: 222px;	
	TOP: 1px;	
	LEFT: 781px;
	height: 750px;
	POSITION: absolute;
	background-image:url(images/hg_navleisterechts.gif);
	background-repeat:repeat-x;
}
#teaserviscare{
	Z-INDEX: 1;
	WIDTH: 222px;	
	TOP: 1px;	
	LEFT: 781px;
	height: 750px;
	POSITION: absolute;
	background-image:url(images/hg_navleisterechts-viscare.gif);
	background-repeat:repeat-x;
}
#spezialteaser{
	Z-INDEX: 2;
	BACKGROUND: #F2FAF2;
	WIDTH: 220px;	
	height: 23px;
	background-image:url(images/hg_nebennavi.gif);
	background-repeat:repeat-y;
	padding-top: 0px;
	padding-left: 15px;
}
#teaserlinks
{
	Z-INDEX: 2;
	LEFT: 0px;
	TOP: 505px;
	WIDTH: 200px;
	HEIGHT: 50px;
	POSITION: absolute;
	visibility: visible;
	text-align: left;
}

#kopf{
	Z-INDEX: 0;
	HEIGHT: 157px;
	WIDTH: 1004px;
	BACKGROUND: #05143F repeat-x;
	visibility: visible;
	text-align: left;
	FONT-SIZE: 0.9em;
	COLOR: #ffffff;
}

.blind { /* zum Ausblenden von Elementen im Normalmodus */
	position:absolute; 
	left:-1000px;
	width:0px; 
	height:0px; 
	overflow:hidden; 
	display:inline;
}

.acronym {
	cursor: help;
}

.hervorgehoben {
	background-color:#E8F0F9;
	border: 1px dotted #05143F;
	PADDING-TOP: 5px;
	PADDING-LEFT: 5px;
	PADDING-right: 5px;
	padding-bottom: 5px;
	font-size: 0.90em;
}
#teaserboxtitel {
	Z-INDEX: 2;
	margin-right: 3px;
	margin-left: 3px;
	color: #05143F;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;;
	FONT-SIZE: 0.95em;
	FONT-WEIGHT: bold;
	border-top: 1px solid #05143F;
	border-bottom: 1px solid #05143F;
}
#teaserbox {
	Z-INDEX: 2;
margin: 5px 3px 15px 5px;
	border-top: 1px solid #66be7d;
}

#fuss {
clear: both;
height: 20px;
background-color: #05143F;
color: #ffffff;
border-top: 1px solid #ffffff;
padding-top: 2px;
PADDING-LEFT: 5px;
}



label.left
{
    float            : left;
    text-align        : right;
/*  Bei Aenderungen aber nicht 
    vergessen, die margins bei input.right 
    entsprechend anzupassen: */
    width            : 8em;
    margin-right    : .3em;
}

/*  positioniert die Text- und 
    Auswahlboxen rechts daneben: */

input[type=text],
select
{
    float            : left;
}

/*  dann werden alle checkboxen und radiobuttons,
    die mit der Klasse "right" versehen wurden,
    um den errechneten linken Abstand der input
    und select-Elemente (s.o.) nach rechts
    verschoben: */

input.right
{
    float                    :    left;
    width                    :    auto;
    clear                    :    both;
    margin-left                :    8.3em;
    margin-right            :    .3em;
}

/*  Extrawurst fuer Mozilla, keine Ahnung, 
    warum das so ist. Feedback und 
    Loesungsvorschlaege willkommen */

input[type=checkbox].right,
input[type=radio].right,
input[type=submit].right
{
    margin-left                :    6.3em;
}

/*  Nicht vergessen, die floats wieder aufzuheben,
    sonst floatet es munter weiter */

form br
{
    clear                    :    both;
}

/*  fuer grafische UAs und DAUs der Hinweis, dass
    die Label anklickbar sind. Weil's so schoen ist, 
    die Kontrollelemente gleich mit. Mit einer Ausnahme: 
    fuer Textfelder macht der Pointer natuerlich keinen 
    Sinn, dort sollte nach wie vor die Text-Einfuegemarke 
    als Cursor erscheinen. Daher hier die Einschraenkung 
    auf die input-Elemente des Typs checkbox, radiobutton, 
    button und submit: */

label,
select,
input[type=checkbox],
input[type=radio],
input[type=button],
input[type=submit]
{
    cursor                    :    pointer;
}

/*  legt den vertikalen Abstand der 
    einzelnen Elemente zueinander fest */

form
{
    line-height                :    120%;
}
.accessKey {
	FONT-WEIGHT: bold; FONT-SIZE: 0.8em; VISIBILITY: hidden; COLOR: #fbabab; MARGIN-RIGHT: 1px; 
}
#accessKeyHelpText {
	BORDER-RIGHT: #05143F 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #05143F 1px solid; PADDING-LEFT: 5px; LEFT: -350px; VISIBILITY: hidden; PADDING-BOTTOM: 5px; BORDER-LEFT: #05143F 1px solid; WIDTH: 500px; COLOR: #000000; LINE-HEIGHT: 1.5em; PADDING-TOP: 5px; BORDER-BOTTOM: #05143F 1px solid; POSITION: absolute; TOP: 0px; BACKGROUND-COLOR: #fbabab; TEXT-ALIGN: left
}
#breadcrumb{
	font-size: 0.75em;
	padding: 5px 0px 5px 0px;
	Z-INDEX: 10;
	LEFT: 240px;
	MARGIN: 0px 10% auto 0px;
	WIDTH: 550px;
	PADDING-TOP: 0px;
	POSITION: absolute;
	TOP: 167px;
	visibility: visible;
}
#drucken{
	font-size: 0.75em;
	padding: 5px 0px 5px 0px;
	Z-INDEX: 10;

	MARGIN: 0px 10% auto 0px;

	PADDING-TOP: 0px;
	POSITION: absolute;

	visibility: visible;
}
.suchfeld {
	font-size: 0.9em;
	color: #666666;
}
table {
    caption-side: bottom;
    border-collapse: collapse;
    border: 1px solid #fff;
    width: 530px;
	font-size: 1em;
}
table td, table th {
    border: 1px solid #fff;
    padding: 2px; }
table th {
    background: rgb(150,210,150);
    color: white; }
#barrierefrei {
	font-size: 0.75em;
}
A.font:link {
	BORDER-RIGHT: #05143F 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #05143F 1px solid; MARGIN-TOP: 27px; PADDING-LEFT: 5px; FONT-WEIGHT: normal; PADDING-BOTTOM: 1px; BORDER-LEFT: #05143F 1px solid; COLOR: #05143F; LINE-HEIGHT: 200%; MARGIN-RIGHT: 11px; PADDING-TOP: 1px; BORDER-BOTTOM: #05143F 1px solid; BACKGROUND-COLOR: #C7D7E7; TEXT-DECORATION: none
}
A.font:visited {
	BORDER-RIGHT: #05143F 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #05143F 1px solid; MARGIN-TOP: 27px; PADDING-LEFT: 5px; FONT-WEIGHT: normal; PADDING-BOTTOM: 1px; BORDER-LEFT: #05143F 1px solid; COLOR: #05143F; LINE-HEIGHT: 200%; MARGIN-RIGHT: 11px; PADDING-TOP: 1px; BORDER-BOTTOM: #05143F 1px solid; BACKGROUND-COLOR: #C7D7E7; TEXT-DECORATION: none
}
A.font:active {
	BORDER-RIGHT: #05143F 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #05143F 1px solid; MARGIN-TOP: 27px; PADDING-LEFT: 5px; FONT-WEIGHT: normal; PADDING-BOTTOM: 1px; BORDER-LEFT: #05143F 1px solid; COLOR: #05143F; LINE-HEIGHT: 200%; MARGIN-RIGHT: 11px; PADDING-TOP: 1px; BORDER-BOTTOM: #05143F 1px solid; BACKGROUND-COLOR: #C7D7E7; TEXT-DECORATION: none
}
A.font:hover {
	COLOR: #000033
}