/* body
*  margin: Für die Ausrichtung der Elemente ist es wichtig dass margin auf 0 
*  gesetzt ist. Cascading Styleheets (Seite 120)
*/

@media screen {
	BODY
	{
	  background: #BBBFFF ; 
	  COLOR: black;             /* Die Farbe der Schrift */
	  font-family: Verdana, Arial, Helvetica, sans-serif ; 
	  margin: 0;
	  padding: 0;
	  background-image: none;
	}
}
@media print {
	BODY
	{
	  COLOR: black;             /* Die Farbe der Schrift */
	  font-family: Verdana, Arial, Helvetica, sans-serif ; 
	  margin: 0;
	  padding: 0;
	  background-image: none;
	}
}



/*                            Seiteneinteilung                              */
@media screen {
	div.kopfTitel { 
		background-color: #AAAAFF ;
		COLOR: #333300 ;
		font-size: small;  
		font-family: Verdana , Arial, Helvetica, sans-serif ; 
		text-align: left;
		position: absolute;
		overflow: visible;
		width: 98%;
		height: AUTO;
		margin-left: 10px; margin-top: 3px;        
		padding-top: 5px; padding-bottom: 5px; padding-left: 5px;  padding-right: 5px;  
	}
}
@media print {
	div.kopfTitel { 
		 position: absolute;
		 margin-left: 5000px;
		 overflow: visible; 
	}
}


/* Home */
@media screen {
	div.kopfHome { 
		background-color: #666699;
		font-size: small;   
		position: absolute;
        overflow: hidden;
		width: 18%;
		margin-top: 55px; margin-right: 0px; margin-bottom: 0px; margin-left: 1%; 
		padding-top: 5px; padding-right: 0px; padding-bottom: 5px; padding-left: 5px;  
	}
}

/* KopfMenu */
@media screen {
  div.kopfMenu { 
     font-size: small;   
     background-color: #666699;  
     position: absolute;
     overflow: visible;
  	 margin-top: 55px; margin-right: 3px; margin-bottom: 0px; margin-left: 21%; 
	 padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px;  
  }
}

/* Menueblock links */
@media screen {
  div.left {
		background-color: #ddddff;
		position: absolute;
		overflow: hidden;
		width: 18%;   
		height: auto;
		margin-top: 85px; margin-bottom: 4px; margin-left: 1%; margin-right: 0px; 
		padding-top: 2px; padding-bottom: 2px; padding-left: 2px; padding-right: 2px; 
		border-top: 1px solid #191970; border-bottom: 2px solid #F0FFFF; 
		border-left: 1px solid #27408B; border-right: 2px solid #E0FFFF;
  }
}


/* Inhalt */
@media screen {
  .content {
     background-color: #fafaff ;
     color: #000;
     position: absolute;
     overflow: visible;	 
     width: 59%;  
   	 margin-top: 85px; margin-bottom: 0; margin-left: 21%; margin-right: 0;  
     padding-top: 10px; padding-bottom: 10px; padding-left: 15px; padding-right: 12px;
     border-top: 1px solid #191970; border-bottom: 2px solid #F0FFFF; 
	 border-left: 1px solid #27408B; border-right: 2px solid #E0FFFF;
   }
}  
@media print {
  .content {
     position: absolute;
     margin-top: 5%;
     margin-left: 0;
     margin-right: 0;
     padding-top: 5px;
     padding-right: 7px;
     padding-left: 7px;
     width: 95%;  
     background: #fff;
     color: #000;
     overflow: visible;
   }
}  

/* Kontxt Menue */
  div.kontextMenu {
     position: absolute;
     overflow: hidden;
     margin-top: 120px; margin-right: 15px; margin-bottom: 0px; margin-left: 84%; 
     padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;
     height: auto; border-right-width: thin; 
     width: 15%;       
     border-BOTTOM: 1px solid  #A5B5C6;     
  }


H1 {
  COLOR: #333300;
  font-family: Arial, Helvetica, sans-serif ; 
  FONT-SIZE: x-large;
  FONT-WEIGHT: bold;
  TEXT-TRANSFORM: none;
  margin-top: 0px; padding-top: 0px;
  clear: both;
}

H2 {
  COLOR: #333300;
  FONT-SIZE: large;
  TEXT-TRANSFORM: none;
  clear: both;
}

H3 {
  COLOR: #333300;
  font-family: Verdana, Arial, Helvetica, sans-serif ; 
  FONT-SIZE: large;
  FONT-WEIGHT: lighter;
  TEXT-TRANSFORM: capitalize;
  clear: both;
}

p {
  font-family: Verdana, Arial, Helvetica, sans-serif ; 
  font-size: small;
  text-align: left; 
}

.smallText {
  font-size: x-small; 
}

.blocksatz {  
  text-align: justify; 
}

.leftText {
  font-size: small; 
  text-align: left; 
  margin-left: 7px;
  border: 1px solid #A5B5C6;  
  width: 95%; 
  margin: 0;  padding: 0;
  padding-top: 5px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; 
}



/* Home  Content*/
@media screen {
	div.kopfHome a:link, 
	div.kopfHome a:visited   {
		background-color: #CCCCFF;
		border: 1px solid #43616B; 
		color: #43616B;
		text-decoration: none;
		width: 100%; 
		margin-top: 0px; margin-right: 2px; margin-bottom: 0px; margin-left: 0px; 
		padding-top: 1px; padding-right: 4px; padding-bottom: 1px; padding-left: 4px;  
	}
}	
@media screen {
	  div.kopfHome a:hover   {
	  background-color: #003366;
	  color: #eee;
	  text-decoration: none;
	  width: 100%; 
	}
}

@media print {
  div.kopfHome { 
     position: absolute;
     margin-left: 5000px;
     overflow: visible; 
  }
}
@media print {
  div.kopfMenu { 
     position: absolute;
     margin-left: 5000px;
  }
}
@media print {
  div.left {
     position: absolute;
     width: 0;  
     overflow: hidden;
     height: auto; border-right-width: thin; 
   }
}




/*                                       KopfMenu Content                           */
@media screen {
	div.kopfMenu a:link, 
	div.kopfMenu a:visited   {
		background-color: #CCCCFF;
		border: 1px solid #43616B; 
		color: #43616B;
		text-decoration: none;
		margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; 
--		padding-top: 1px; padding-right: 5px; padding-bottom: 1px; padding-left: 5px;  
	}
}
 
@media screen {
	div.kopfMenu a:hover   {
		background-color: #003366 ;
		color: #eee;
		text-decoration: none;
	--	width: 100%; 
	}
}


/*                                     Menueblock links                */

/**
* Left menu definitionen
div.left hr {
  color: #A5B5C6; 
  padding-top: 10px;
  vertical-align: bottom;
}  
*/


div.left ul{
/*  background-color: #D6D6D6; */
  list-style: none ;  
  //width: 98%; 
  border: 2px solid #A5B5C6;  
  font-family: Verdana, Arial, Helvetica, sans-serif ; 
  font-size: small;
  margin: 0;  
  padding-top: 2px; padding-bottom: 2px; padding-left: 2px; padding-right: 2px; 
}

div.left li {
  display: block;
}

div.left li img {
  border: none ;
}

/* ****************************
* Submenu
**************************** */
div.left ul li ul
{
  background-color: #CCFFFF;
  border-left: 0px solid #A5B5C6 ;  
  border-top: 1px solid #A5B5C6;  
  list-style: none ;
  margin: 0; padding: 0;
  margin-left: 5px;
  padding-top: 2px;
  padding-left: 0;
}

div.left ul li ul li   {
  background-color: transparent;
  margin: 0; padding: 0; border: 0 none;
  border-top: 0 none;
  padding-left: 0px;
  //width: 100%; 
}

div.left ul li ul li ul
{
 -- background-color: #D0DDDD;
  border-left: 0px solid #A5B5C6 ;  
  border-top: 1px solid #A5B5C6;  
  list-style: none ;
  margin: 0; padding: 0; border: none;
  padding-top: 2px;
  padding-left: 0px;
}

div.left ul li ul li ul li
{
  background-color: #D0DDDD;
  background-color: transparent;
  background-color: #ddddff;
  border-left: 0px solid #A5B5C6 ;  
  border-top: 1px solid #A5B5C6;  
  list-style: none ;
  margin: 0; padding: 0; border: none;
  padding-top: 2px;
  padding-left: 0px;
}




div.left ul li a:link, 
div.left ul li a:visited
{
  background-color: #CCCCFF ;
  border-top: 1px solid #A5B5C6;
  border-left: 1px solid #A5B5C6;
  color: #43616B;
  text-decoration: none;
  display: block;
  // width: 100%; 
  margin: 0px;
  padding-top: 1px; padding-bottom: 1px; padding-left: 1px; padding-right: 1px; 
}


div.left ul li ul li a:link, 
div.left ul li ul li a:visited {
  background-color: transparent;
}


div.left ul li a:hover {
  background-color: #003366 ;
  color: #eee;
  //width: 95%; 
}

div.left ul li ul li a:hover  {
  background-color: #003366;
  color: #eee;
  //width: 90%; 
}

div.left ul li ul li ul li a:hover  {
  background-color: #003366;
  color: #eee;
  //width: 85%; 
}




/*                                          Kontxt Menue                   */

/**
* Left menu definitionen
*/
div.kontextMenu hr {
  color: #A5B5C6; 
  padding-top: 10px;
  vertical-align: bottom;
}  

div.kontextMenu ul{
  list-style: none ;  
  margin: 0;
  padding: 0;
  width: 100%; 
/*  background-color: #D6D6D6; */
  border-left: 1px solid #A5B5C6;  
  font-family: Verdana, Arial, Helvetica, sans-serif ; 
  font-size: small;
}

div.kontextMenu li {
  border-top: 1px solid #A5B5C6;
  display: block;
}

div.kontextMenu li img {
  border: none ;
}

div.kontextMenu ul li a:link, 
div.kontextMenu ul li a:visited
{
  background-color: #F0FFFF;
  color: black;
  text-decoration: none;
  display: block;
  width: 100%; 
  padding: 2px 5px;
}

div.kontextMenu ul li a:hover 
{
  background-color: #43616B;
  color: #eee;
  width: 100%; 
}

div.kontextMenu ul li ul
{
  font-family: Arial, Helvetica, sans-serif ; 
  font-size: small;
}

/* ****************************
* Submenu
**************************** */
div.kontextMenu ul li ul
{
  background-color: #F0FFFF;
  border-left: 3px solid  darkblue;  
  border-top: 1px solid darkblue;  
  list-style: none ;
  margin: 0px;
  padding-top: 3px;
  padding-top: 2px;
  padding-left: 0px;
}

div.kontextMenu ul li ul li   {
  border-top: 0 none;
  padding-left: 0.7em;
  width: 100%; 
}

div.kontextMenu ul li ul li a:link, 
div.kontextMenu ul li ul li a:visited {
/*  color: #5c6f90; */
  color: darkblue;
  background-color: transparent;
}

div.kontextMenu ul li ul li a:hover  {
  background-color: #fff;
  color: #000;
  font-weight: 500;
  width: 85%; 
}



.leftMenuText {
  margin: 0;
  padding-left: 0px;
  color: Black;
}

.leftMenuText2 {
  margin: 0;
  padding-left: 10px;
  color: Black;
}

.menuTextKopf {
  margin: 10px;
  padding-left: 70px;
  color: Black;
  text-decoration: none;
}

a {  
   border: black; 
   border-bottom-width: thick;
   font-variant: normal;
   text-decoration: none;
}

.kopfHome a {
 text-decoration: none;
 background-color: #eee;
}

/*
.kopfMenu a {
 text-decoration: none;
 color: Black;
 background-color: #eee;
}
*/
.menuText a {
 text-decoration: none;
 color: Black;
 background-color: #fff;
}

.leftMenuText a {
 text-decoration: none;
 color: Black;
 background-color: #fff;
}

.leftMenuText2 a {
 text-decoration: none;
 color: Black;
 background-color: #fff;
}

td {  
  font-family: Verdana, Arial, Helvetica, sans-serif ; 
  font-size: small;
  text-align: justify; 
  vertical-align: top
}




a:link 
{ 
  color: #0000FF; 
  font-weight: normal 
}




  
img.left {
  margin-right: 5px;
  margin-bottom: 5px;
  float: left; 
}

img.right {
  margin-left: 5px;
  margin-bottom: 5px;
  float: right; 
}


/* ****************************
* Submenu  Alt
**************************** */
ul.subnav
{
  font-family: Arial, Helvetica, sans-serif ; 
  font-size: small;
}

div.left ul ul.subnav 
{
  background-color: rgb(244,244,244);
  list-style: none ;
  margin: 0;
  padding: 0;
}

div.left ul ul.subnav li  {
  border-top: 0 none;
  padding-left: 0.7em;
  width: 100%; 
}


div.left ul ul.subnav li a:link, 
div.left ul ul.subnav li a:visited {
  color: #5c6f90;
  background-color: transparent;
}

div.left ul ul.subnav li a:hover  {
  background-color: #fff;
  color: #000;
  font-weight: 500;
  width: 85%; 
}

/* ***********************************************************
Google Werbung
*********************************************************** */
@media screen {
  div.werbung {
     position: absolute;
     margin-top: 2%;
     margin-left: 85%; 
     margin-right: 0;
     width: 120px;  
     overflow: visible;
  }
}

@media print {
  div.werbung {
     position: fixed;
     margin: 0;
     width: 0;  
     height: 0;
     overflow: hidden;
  }
}


@media screen {
  div.GoogleSuchen {
     position: absolute;
     margin-top: 2%;
     margin-left: 43%;
     margin-right: 0;
     overflow: visible;
  }
}
@media print {
  div.GoogleSuchen {
     position: absolute;
     margin: 0;
     width: 0px;  
       overflow: visible;
  }
}


/*  Runder Rahmen */ 

div {
  margin:0;
}

.ro {
  background:url(../css/images/roundedbox_ro.gif) top right no-repeat;
}

.lo {
  background:url(../css/images/roundedbox_lo.gif) top left no-repeat;
}

.ru {
  background:url(../css/images/roundedbox_ru.gif) bottom right no-repeat;
}

.lu {
  background:url(../css/images/roundedbox_lu.gif) bottom left no-repeat;
}

.inhalt {
  margin:0;
  padding:1em 30px 0px 1em;
}

.inhalt p {
  margin:0;
  padding:0;
}


img.left {
  margin-right: 5px;
  margin-bottom: 5px;
  float: left; 
}

img.right {
  margin-left: 5px;
  margin-bottom: 5px;
  float: right; 
}