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

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

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; 
  -moz-border-radius-topleft: 15px;  -moz-border-radius-bottomleft: 15px;  
  -moz-border-radius-topright: 15px;  -moz-border-radius-bottomright: 15px;
}

/* Home */
@media screen {
	div.kopfHome { 
		background-color: #666699;
     	font-size: small;   
     	position: absolute;
     	overflow: visible; 
     
     	width: 19%;
     	margin-top: 4442px; margin-right: 0px; margin-bottom: 0px; margin-left: 7px; 
     	padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 7px;  
     border-top: 1px solid #CCCCFF; border-left: 2px solid #CCCCFF; 
     border-bottom: 1px solid #003366; border-right: 2px solid #003366; 
     -moz-border-radius-topleft: 20px;  -moz-border-radius-bottomleft: 20px;  
	 -moz-border-radius-topright: 20px;  -moz-border-radius-bottomright: 20px;    
	 }

	  div.kopfHome a:link, 
	  div.kopfHome a:visited   {
	  background-color: #CCCCFF;
	  border: 1px solid #43616B; 
	  color: #43616B;
	  text-decoration: none;
	  width: 100%; 
	  padding-top: 1px; padding-right: 4px; padding-bottom: 1px; padding-left: 4px;  
	  margin-top: 0px; margin-right: 3px; margin-bottom: 0px; margin-left: 0px; 
     -moz-border-radius-topleft: 20px;  -moz-border-radius-bottomleft: 20px;  
	 -moz-border-radius-topright: 20px;  -moz-border-radius-bottomright: 20px;    
	}
	
	  div.kopfHome a:hover   {
	  background-color: #003366;
	  color: #eee;
	  text-decoration: none;
	  width: 100%; 
	}
}


@media print {
  div.kopfHome { 
     position: absolute;
     margin: 0;
     margin-left: 5px;
     border-bottom: 3px solid rgb(0,204,204) ; 
     overflow: visible; 
  }
}


/* KopfMenu */
@media screen {

  div.kopfMenu { 
     font-size: small;   
     background-color: #666699;
     position: absolute;
     overflow: visible;
    
  	 margin-top: 12px; margin-right: 3px; margin-bottom: 0px; margin-left: 21%; 
	 padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 7px;  
     border-top: 1px solid #CCCCFF; border-left: 2px solid #CCCCFF; 
     border-bottom: 1px solid #003366; border-right: 2px solid #003366; 
     -moz-border-radius-topleft: 20px;  -moz-border-radius-bottomleft: 20px;  
	 -moz-border-radius-topright: 20px;  -moz-border-radius-bottomright: 20px;
	 
  }


  div.kopfMenu a:link, 
  div.kopfMenu a:visited   {
	background-color: #CCCCFF ;
  	border: 1px solid #43616B; 
  	color: #43616B;
  	text-decoration: none;

  	margin-top: 0px; margin-right: 1px; margin-bottom: 0px; margin-left: 0px; 
  	padding-top: 1px; padding-right: 5px; padding-bottom: 1px; padding-left: 5px;  
     -moz-border-radius-topleft: 20px;  -moz-border-radius-bottomleft: 20px;  
	 -moz-border-radius-topright: 20px;  -moz-border-radius-bottomright: 20px;    
 }

  div.kopfMenu a:hover   {
  background-color: #003366 ;
  color: #eee;
  text-decoration: none;
  width: 100%; 
 }


}

@media print {
  div.kopfMenu { 
     position: absolute;
     padding-top: 0px;
     padding-left: 10px;
     padding-bottom: 5px;
     background: #ccc;
     height: 20px;
     margin-left: 17.1%;
     width: 82%;
     overflow: visible;
  }
}

  div.kopfTitel { 
     background-color: #AAAAFF ;
	 COLOR: #333300 ;
     font-size: large;   
	 text-align: left;
     position: absolute;
     overflow: visible;
     width: 98%;
     margin: 5px;        
     padding-top: 5px; padding-bottom: 5px; padding-left: 5px;  padding-right: 5px;  
     -moz-border-radius-topleft: 15px;  -moz-border-radius-bottomleft: 15px;  
	 -moz-border-radius-topright: 15px;  -moz-border-radius-bottomright: 15px;    	
  }


/* Menueblock links */
@media screen {
  div.left {
     background-color: #ddddff;
     position: absolute;
     overflow: hidden;
     width: 19%;  
	 height: auto;
     margin-top: 42px; margin-bottom: 4px; margin-left: 4px; margin-right: 5px; 
     padding-top: 5px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; 
     border-top: 3px solid #191970; border-bottom: 4px solid #F0FFFF; 
	 border-left: 3px solid #27408B; border-right: 2px solid #E0FFFF;
     -moz-border-radius-topleft: 25px;  -moz-border-radius-bottomleft: 25px;  
	 -moz-border-radius-topright: 25px;  -moz-border-radius-bottomright: 25px;
  }
}

@media print {
  div.left {
     position: absolute;
     width: 0;  
     overflow: hidden;
     height: auto; border-right-width: thin; 
   }
}


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

div.left ul{
/*  background-color: #D6D6D6; */
  list-style: none ;  
  width: 95%; 
  margin: 0;  padding: 0;
  padding-top: 5px; padding-bottom: 10px; padding-left: 5px; padding-right: 5px; 
  border: 2px solid #A5B5C6;  
/*  border-right: 2px solid #A5B5C6;  */
  -moz-border-radius-topleft: 15px;  -moz-border-radius-bottomleft: 15px;  
  -moz-border-radius-topright: 15px;  -moz-border-radius-bottomright: 15px;
  font-family: Verdana, Arial, Helvetica, sans-serif ; 
  font-size: small;
}

div.left li {
  display: block;
}

div.left li img {
  border: none ;
}

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: 95%; 
  padding-top: 2px; padding-bottom: 2px; padding-left: 3%; padding-right: 1px; 
  -moz-border-radius-topleft: 10px;  -moz-border-radius-bottomleft: 10px;  
  -moz-border-radius-topright: 10px;  -moz-border-radius-bottomright: 10px;
}

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

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

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


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: #43616B;
  color: #eee;
  width: 90%; 
}

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


/* Kontxt Menue */
  div.kontextMenu {
     position: absolute;
     overflow: hidden;
     /* background: rgb(100,230,230); */
     margin-top: 50px; 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-top: 1px solid blue; */     
     border-BOTTOM: 1px solid  #A5B5C6;     
  }



/**
* 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;
  background-color: #fff;
  color: #000;
}

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


/* Inhalt */
@media screen {
  .content {
     background-color: #ddddff ;
     position: absolute;
     overflow: visible;	 
     width: 58%;  
   	 margin-top: 42px; margin-bottom: 0; margin-left: 22%; margin-right: 0;  
     padding-top: 10px; padding-bottom: 10px; padding-left: 15px; padding-right: 12px;
     border-top: 3px solid #191970; border-bottom: 4px solid #F0FFFF; border-left: 3px solid #27408B; border-right: 2px solid #E0FFFF;
     -moz-border-radius-topleft: 15px;  -moz-border-radius-bottomleft: 15px;  -moz-border-radius-topright: 15px;  -moz-border-radius-bottomright: 15px;
     color: #000;
   }
}  

@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;
   }
}  


.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 
}

/**
* Die nachfolgenden drei deklarationene sind für dei Kunden
*/
div.kunden { 
     height: auto;
     overflow: visible; 
     clear: both;
  }

/**
* Die nachfolgenden drei deklarationene sind für die Schafseiten
*/
div.schafe { 
     height: auto;
     overflow: visible; 
     clear: both;
  }

  
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; 
}