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

body {
  font-family: Trebuchet MS, Arial, Verdana, Helvetica, sans-serif;
  font-size: 12px;
  color: #848484;
  margin: 0px auto;
  /*height: 100%;  */
  background-image: url('../pics/bg.jpg');
}

/* Formatierungen der DIV Strukturen */
div.main {
  position: absolute;
  left: 50%;
  margin-left: -483px; /* neg. Hälfte von width:483px = zentriertes DIV */
  width: 965px;
  height: 744px;
}

div.menu  {
  text-align: left;
  padding: 0px;
  margin-top: 20px;
  background-image: url('../pics/00_header.jpg');
  height: 122px;
}

div.menuInhalt {
  position:absolute;
  top: 118px;
  padding-left: 17px;
  z-index: 1;
}

div.middle_left {
  position: absolute;
  width: 542px;
  height: 297px;
  padding: 0px;  
  background-image: url('../pics/01_left.jpg');
  background-repeat: no-repeat;
}

div.middle_right {
  position: absolute;
  margin-left: 542px;
  padding-left: 542px;
  width: 423px;
  height: 297px;
  padding: 0px;
  background-image: url('../pics/01_right.jpg');
  background-repeat: no-repeat;
  text-align: center;
}

div.content_left  {
  position: absolute;
  margin-top: 297px;
  padding-top: 297px;
  width: 542px;
  height: 304px;
  padding: 0px;  
  background-image: url('../pics/02b_index_left.jpg');
  background-repeat: no-repeat;
}

div.content_right {
  position: absolute;  
  margin-top: 297px;
  padding-top: 297px;  
  margin-left: 542px;
  padding-left: 542px;
  width: 423px;
  height: 304px;
  padding: 0px;
  background-image: url('../pics/02b_index_right.jpg');
  background-repeat: no-repeat;
}

div.footer {
  position: absolute;  
  top: 736px;
  width: 965px;
  height: 20px;
  text-align: right;
  background-image: url('../pics/03a_footer.jpg');
  background-repeat: no-repeat;  
}

/* Formatierungen Allgemein */
h1 {	
	font-size: 16px;
	color: #10244A;
	padding-left: 45px;	
	padding-top: 20px;
}

.index {
	font-size: 12px;
	line-height: 1.5;
	color: #848484;
	padding-left: 45px;
	padding-right: 15px;	
	padding-top: 25px;
}

/* Links */
a {
  color : #3d404f;
  text-decoration : underline;
  font-weight: normal;
}

a:hover {
/*  font-weight : normal;
  text-decoration : none;
  color : #3d404f;*/
}

a.menu {
  color: #5a7283;
  font-size: 14px;
  /*margin-left: 17px;*/
  text-decoration : none;
  padding-left:10px; 
  padding-right:10px;
}

a.menu:hover {
  color: #5a7283;
  text-decoration : underline;
}

a.hilfsMenu {
  color: #5a7283;
  font-size: 11px;
  margin-right: 20px;
  text-decoration : none;
}

a.hilfsMenu:hover {
  color: #5a7283;
  font-size: 11px;
  text-decoration : none;
}

a.news_header {	
	font-size: 12px;
	color: #10244A;
}

a.news_header:hover {
  color: #10244A;
  font-size: 12px;
  text-decoration : none;
}

/* Multiple Article Teaser */
.mat_header {	
	font-size: 12px;
	color: #10244A;
}

.mat_text {
	font-size: 12px;
	color: #848484;
}
/* Multiple Article Teaser */

/* Formatierung für Tabellen */
table {
  /*margin-top: 20px;
  font-size : 12px;
  color: #6E6E6E;*/
}

td {
	font-size: 12px;
	/*line-height: 1.5;*/
	color: #848484;
}

/* Aufzählungen MUSS IN KLASSEN GEPACKT WERDEN */
ul {
	list-style-position:outside
}

li {
	list-style: circle;
	margin-left: 15px;
}


#vpnavigation, #vpnavigation ul {
	float: left;
	list-style: none;
	line-height: 1;
	padding: 0;
	margin: 0 0 1em 0;
}

#vpnavigation a {
	display: block;
	width: 10em;
	w\idth: 6em;
	padding: 0.15em 2em;
	color: #5a7283;
    font-size: 14px;	
	text-decoration : none;
}

#vpnavigation a.daddy {
	background: url(rightarrow2.gif) center right no-repeat;
}

#vpnavigation li {
	float: left;
	padding: 0;
	width: 10em;
}

#vpnavigation li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 14.4em;
	w\idth: 13.9em;
	font-weight: normal;
	/*border-width: 0.15em;*/
	margin: 0;
	background: white;
	color: #5a7283;
	text-decoration : none;
	border: solid 1px #96a4af;
}

#vpnavigation li li {
	padding-right: 1em;
	width: 13.2em
}

#vpnavigation li ul a {
	width: 13em;
	w\idth: 9em;
}

#vpnavigation li ul ul {
	margin: -1.75em 0 0 14em;
}

#vpnavigation li:hover ul ul, #vpnavigation li:hover ul ul ul, #vpnavigation li.sfhover ul ul, #vpnavigation li.sfhover ul ul ul {
	left: -999em;
}

#vpnavigation li:hover ul, #vpnavigation li li:hover ul, #vpnavigation li li li:hover ul, #vpnavigation li.sfhover ul, #vpnavigation li li.sfhover ul, #vpnavigation li li li.sfhover ul {
	left: auto;
}

#vpnavigation li:hover, #vpnavigation li.sfhover {
	/*background: #96a4af;*/
}