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

BODY
{
  background: #003300 ; 
  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: 5px
}



/* Home */
@media screen {
  div.kopfHome { 
     font-size: small;   
     position: absolute;
     height: 70px;
     margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; 
     padding-top: 10px; padding-right: 0px; padding-bottom: 0px; padding-left: 12px;  
     width: 5em; 
     overflow: visible; 
  }

  div.kopfHome a:link, 
  div.kopfHome a:visited   {
  background-color: #003300;
  border: 1px solid #43616B; 
  color: #43616B;
  text-decoration: none;
  width: 100%; 
  margin-top: 0px; margin-right: 3px; margin-bottom: 0px; margin-left: 0px; 
  padding-top: 0px; padding-right: 2px; padding-bottom: 0px; padding-left: 2px;  
 }

  div.kopfHome a:hover   {
  background-color: #43616B;
  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;   
     position: absolute;
     padding-top: 4px;
     padding-left: 3px;
     padding-bottom: 1px;
     background-color: #BBBB88 ;
     height: 18px;
     border-top: 4px solid #BBBB88 ; /*  Balken oben */
     border-left: 3px solid #BBBB88 ; /*  Balken oben */
     border-bottom: 4px solid #BBBB88 ; /*  Balken oben */
     border-left: 1px solid #BBBB88 ; 
     margin-top: 3px;
     margin-left: 21%;
     width: 78%; 
     overflow: visible;
  }


  div.kopfMenu a:link, 
  div.kopfMenu a:visited   {
  background-color: #DDDD99 ;
  border: 1px solid #43616B; 
  color: #43616B;
  text-decoration: none;
  width: 100%; 
  margin-top: 0px; margin-right: 3px; margin-bottom: 0px; margin-left: 0px; 
  padding-top: 1px; padding-right: 2px; padding-bottom: 1px; padding-left: 2px;  
 }

  div.kopfMenu a:hover   {
  background-color: #555500 ;
  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 { 
     font-size: large;   
     position: absolute;
     padding-top: 1px;
     padding-left: 15px;
     padding-bottom: 1px;
     background-color: #BBBB88 ;
    COLOR: #333300 ;
     height: 30px;
     border-top: 3px solid #BBBB88 ; /*  Balken oben */
     border-left: 3px solid #BBBB88 ; /*  Balken oben */
     border-bottom: 1px solid #BBBB88 ; /*  Balken oben */
     border-left: 1px solid #BBBB88 ; 
     margin-top: 3px;
     margin-left: 21%;
     width: 78%; 
     overflow: visible;
  }


/* Menueblock links */
@media screen {
  div.left {
     position: absolute;
     width: 20%;  
     overflow: hidden;
     margin-top: 65px; margin-right: 5px; margin-bottom: 0px; margin-left: 0px; 
     padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 7px;
     height: auto; border-right-width: thin; 
/*     border-right: 2px solid #A5B5C6;  */
  }
}
@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{
  list-style: none ;  
  margin: 0;
  padding: 0;
  width: 100%; 
/*  background-color: #D6D6D6; */
  border-left: 3px solid #A5B5C6;  
/*  border-right: 2px solid #A5B5C6;  */
  font-family: Verdana, Arial, Helvetica, sans-serif ; 
  font-size: small;
}

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

div.left li img {
  border: none ;
}

div.left ul li a:link, 
div.left ul li a:visited
{
  background-color: #DDDD99 ;
  color: #43616B;
  text-decoration: none;
  display: block;
  width: 100%; 
  padding-top: 2px;
  padding-left: 3%;
}

/* ****************************
* 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: #AAAA00 ;
  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;
}

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


/* Inhalt */
@media screen {
  .content {
     position: absolute;
     margin-top: 40px;
     margin-left: 21%;
     margin-right: 0;
     padding-top: 10px;
     padding-right: 7px;
     padding-left: 15px;
     /* border-top: 1px solid blue; */  
     /* border-left: 1px solid blue; */
     width: 59%;  
     color: #DDDD99;
     overflow: visible;
   }

  .contentBack {
     position: absolute;
     margin-top: 50px;
     margin-left: 21%;
     margin-right: 0;
     margin-bottom: 0px;
  
     padding-top: 10px;
     padding-right: 7px;
     padding-left: 15px;
     padding-bottom: 0px;
     border-left: 3px solid #A5B5C6;
     /* border-top: 1px solid blue; */  
     /* border-left: 1px solid blue; */
     width: 59%;  
     background: rgb(100,230,230); 
     overflow: visible;
   }

}  
@media print {
  .content {
     position: absolute;
     margin-top: 5%;
     margin-left: 0;
     margin-right: 0;
     padding: 0px;
     width: 95%;  
     background: #fff;
     color: #000;
     overflow: visible;
  background-color: Green;
   }
}  


.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 Katzenseite
*/
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; 
}