/* Basis */

* {
	margin: 0;
	padding: 0;
	border: 0;
	}

html,
body {
	color: black;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-style: normal;
	background-color: white;
	height: 100%;
/*	overflow: auto; */
	}

h1 {
	font-size: 32px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: 400;
	font-style: normal;
	}

h2 {
	text-transform: uppercase;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: 800;
	padding-bottom:1em;
	}

h3 {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: 800;
	}

h4 {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: 800;
	}

p {
	padding-bottom:1em;
	}

.legende {
	padding-bottom:1em;
	}

#matrix table {
	border-collapse:collapse;
	}

#matrix table tbody tr td{
	border-style:hidden;
	}


/* Links */

a {
	text-decoration:none;
	}

a .at{ /* Klammeraffe als Pixelbild für E-Mail-Adresse */
	background-position: 0 0;
	background-image: url(../common/at.gif);
	background-repeat:
	no-repeat;
	width: 10px;
	height:14px;
	text-decoration:none;
	padding:0;
	visibility:visible;
	cursor: pointer;
	}

a .at img{ /* Aufheben wg. basic img */
	padding-bottom:0 !important;
	}

a:hover .at {
	background-position:0 -14px;
	}

.bold {
	font-weight: bold;
	}

.block {  /* wegen ie6 */
	display:block;
	}

.blacklinks a:link        {color:#aaaaaa;}
.blacklinks a:visited     {color:#aaaaaa;}
.blacklinks a:hover       {color:#000000;}
.blacklinks a:active      {color:#000000;}
.blacklinks a:focus       {color:#000000;}
.blacklinks a.psel        {color:#000000;}
.blacklinks .block a.psel {color:#000000;}

.bluelinks a:link         {color:#aaaaaa;}
.bluelinks a:visited      {color:#aaaaaa;}
.bluelinks a:hover        {color:#000000;}
.bluelinks a:active       {color:#000000;} /* Antje fragen #0d194b; */
.bluelinks a:focus        {color:#000000;}
.bluelinks a.psel         {color:#000000;}
.bluelinks .block a.psel  {color:#000000;}
.bluelinks .item a.psel   {color:#000000;}

.greenlinks a:link        {color:#246a1d;}
.greenlinks a:visited     {color:#246a1d;}
.greenlinks a:hover       {color:#000000;}
.greenlinks a:active      {color:#000000;}
.greenlinks a:focus       {color:#000000;}
.greenlinks a.psel        {color:#000000;}
.greenlinks .block a.psel {color:#000000;}
.greenlinks .item a.psel  {color:#000000;}

.glosslink a:link         {color:#0099cc;}
.glosslink a:visited      {color:#0099cc;}
.glosslink a:hover        {color:#0d194b;}
.glosslink a:active       {color:#0d194b;}
.glosslink a:focus        {color:#0d194b;}
.glosslink a.psel         {color:#0d194b;}
.glosslink .block a.psel  {color:#0d194b;}
.glosslink .item a.psel   {color:#0d194b;}


a.dort span{
	padding-left:5px;
	background:transparent;
	background-image: url(../common/dort.gif);
	background-repeat:no-repeat;
	background-position:0 0;
	visibility:visible;
}

a:hover.dort span {
	background-position:0 -14px;
	}

.dort-nicht {   /* überprüfen*/
	background-image: url(../common/dort-nicht.gif);
	background-repeat:no-repeat;
	visibility:visible;
	}

.bluelinks a.dort,   /* überprüfen*/
.bluelinks .dort-nicht {
	font-weight:800;
	cursor: pointer;
	visibility:visible;
	}


/* Nur auf Druckansicht sichtbar */

#path {
	display: none;
	}

/* Menü auf Inhaltsseiten */

#menu {
	position:absolute;
	top:184px;
	left:40px;
	line-height:1.3em;
	visibility: visible;
	}

#menu_u { /* Unterer Abschnitt */
	position:absolute;
	top:330px;
	left:40px;
	line-height:1.3em;
	visibility: visible;
	}

#menu .accordion,
#menu_u .accordion {
	padding: 0 0 10px 155px;
	margin-top:-1.3em;
	}

#menu .accordion.expand,
#menu_u .accordion.expand {
	display: block;
	}

#menu .accordion.collapse,
#menu_u .accordion.collapse {
	display: none;
	}

#submenu {
	position:absolute;
	top:184px;
	left:195px;
	line-height:1.3em;
	visibility: visible;
	font-weight: bold;
	}


/* Menü auf Startseite */

#menu-twin {
	position:absolute;
	top:184px;
	left:40px;
	line-height:1.3em;
	visibility: visible;
	font-weight: bold;
	display:block;
	display:none;
	}
#menu-twin a:link {
	color:#ffffff;
	}
#menu-twin a:visited {
	color:#ffffff;
	}
#menu-twin a:hover {
	color:#000000;
	font-weight: bold;
	}
#menu-twin a:active {
	color:#000000;
	font-weight: bold;
	}
#menu-twin .block a.psel {
	color:#000000;
	font-weight: bold;
	}

#menu-activator {
	position:absolute;
	top:198px;
	left:40px;
	line-height:1.3em;
	font-weight: bold;
	visibility: visible;
	}
#menu-activator a:link {
	color:#ffffff;
	}
#menu-activator a:visited {
	color:#ffffff;
	}
#menu-activator a:hover {
	color:#000000;
	font-weight: bold;
	}
#menu-activator a:active {
	color:#000000;
	font-weight: bold;
	}
#menu-activator .block a.psel {
	color:#000000;
	font-weight: bold;
	}


/* Hauptlayer */

#fond {
	position:absolute;
	top:0;
	left:0;
	visibility: visible;
	}

#column0 { /* Focus-Spalte */
	position:absolute;
	top:0;
	left:410px; /* Wird von "$layout" ueberschrieben */
	}

#column1 { /* Glossary-Spalte */
	position:absolute;
	top:0;
	left:195px; /* Wird von "$layout" ueberschrieben */
	}

#column2 { /* Basic-Spalte */
	position:absolute;
	top:0;
	left:410px; /* Wird von "$layout" ueberschrieben */
	}

#column3 { /* Sidenote-Spalte */
	position:absolute;
	top:0;
	left:815px; /* Wird von "$layout" ueberschrieben */
	}


/* Inhaltslayer */

#systemmenu {
	position:absolute;
	top:0;
	height:55px;
	left:1000px;
	visibility: visible;
	}

#sysmenuitem {
	position:absolute;
	bottom:0;
	}

#debug {
	position:absolute;
	top:10px;
	right:20px;
	visibility: hidden;
	}

#branding {
	position:absolute;
	top:0;
	left:195px;
	visibility: visible;
	font-size:0;
	}

#claim {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	position:absolute;
	top:8px;
	left:410px;
	visibility: visible;
	color:#4cf684;
	color:#000000;
	}

.matrix { /* wird  verwendet von matrix.js */
	padding:0px;
	}

#basic {
	color: black;
	position:absolute;
	top:184px;
	left:0;
	width:380px;
	line-height:1.3em;
	visibility: visible;
	padding-bottom:400px;
	float:right;
	}

#sidenote {
	color:#246a1d; /* grün */
	position:absolute;
	top:184px;
	left:0;
	width: 190px;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-style: italic;
	line-height:1.2em;
	visibility: visible;
	padding-bottom:200px;
	}

#focus {
	color:#2a3d32; /* dünkel */
	color:#67929c; /* glün */
	color:#0d194b; /* glossü */
	position:absolute;
	top:184px;
	left:0;
	width: 190px;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: 400;
	line-height:1.2em;
	visibility: visible;
	padding-bottom:200px;
	}

#glossarystart {
	position:absolute;
	top:330px;
	left:0;
	width:190px;
	line-height:1.3em;
	visibility: hidden; /* wird bei vorhandenen Glossary-Links durch JS "visible" */
	z-index:100;
	}

#glossary {
	color:#0d194b; /* glossü */
	position:absolute;
	top:330px;
	left:0;
	width:190px;
	line-height:1.3em;
	visibility: visible;
	z-index:101;
	}

.item{
	display: none;
	}

#headline {
	position:absolute;
	top:60px;
	left:0;
	width: 380px;
	height:106px;
	color:#2a3d32;
	line-height:3.2em;
	visibility: visible;
	}

#headline .headlinewrapper {
	position: relative;
	width:100%;
	height:100%;
	}

#headline .headlinewrapper h1 {
	position: absolute;
	bottom: 0;
	width: 100%;
	}

#basic ul,
#sidenote ul,
#glossary ul
	{
	margin-left: 13px;
	padding:0;
	}

#basic img {
	padding-bottom:1em;
	}

#footer {
	position:absolute;
	color: black;
	padding:200px 0 50px 0;
	left:0;
	width:190px;
	line-height:1.3em;
	visibility: visible;
	}