/*
    validierung erlaubt:
<p>
<a href="http://jigsaw.w3.org/css-validator/check/referer">
    <img style="border:0;width:88px;height:31px"
        src="http://jigsaw.w3.org/css-validator/images/vcss-blue"
        alt="CSS ist valide!" />
</a>
</p>


*/
/*
schattennlinks "vor dem tag"

<table border="0" cellspacing="0" cellpadding="0" width="200" style="height: 340pt; height: 125;" >
<tr align="left" valign="top">
<td>
<form name="Bild_1" action="" method="POST">
  <table border="0" cellspacing="0" cellpadding="0" width="187" Inside%Tag>
  <tr valign="top" align="left">
    <td height="100" width="12"><img id="schattenlinks_1" height="100" width="12" src="file:///G:/Fusion/EVO/Assets/schattenlinks.gif" border="0" alt=""></td>
    <td rowspan="2" width="175">
      
schattenunten "nach dem tag"      

  </tr>
  <tr valign="top" align="left">
    <td height="3"></td>
  </tr>
  <tr valign="top" align="left">
    <td height="13" colspan="2" width="187"><img id="schattenunten_1" height="13" width="187" src="file:///G:/Fusion/EVO/Assets/schattenunten.gif" border="0" alt="" title=""></td>
  </tr>
  </table>
  </form>
</td>
</tr>
</table>

<!--[if IE  7]>
  <style type="text/css" media="all">@import  "/fix-ie7.css";</style>
  <![endif]-->
  <!--[if IE  6]>
  <style type="text/css" media="all">@import  "/fix-ie6.css";</style>
  <![endif]-->

*/

.evo-box-right-align{
   background: #58BCBF ;
   text-align: right; 
   font-family: Verdana ; 
   
   border: 1px solid black; 
}

.evo-box{
   /* background: #58BCBF ; */
   background: #e59b49 ;
   text-align: left ;
   font-family: Verdana ; 

   border: 1px solid black;
   
}

.evo-display-box{
   background-color: #CCCCCC ;
   font-family: Verdana ; 
   border: 6px solid #58BCBF ;
   /* -moz-border-radius: 2em 0 ; */
}
.evo-box-center-align{
   background: #58BCBF ;
   text-align: center ;
   font-family: Verdana ; 
   border: 1px solid black;
}

.evo-text-color  { 
  font-family: Verdana ; 
  color: #58BCBF ;
  font-size: 16px; 
  font-weight: bold;
}

.evo-color { 
  font-family: Verdana ; 
  color: #58BCBF ;
  
 
}
/*
tabelle: vor dem tag <p class="scrollbar" nach dem tag </p>
text:    vor dem tag <div class="scrollbar" nach dem tag </div>

*/
.scrollbar {

    height: 400px;
    width: 100%; 
    overflow:auto; 
}


.zoomschatten {
 	background-image: url('http://www.e-v-o.de/assets/zoomschatten.gif') ;
	background-repeat: no-repeat ;
 	background-position: left bottom ;
 	background-attachment: fixed ;
	padding: 0px 0px 0px 0px ;
/* margin: 0px 0px 0px 20px ; */
}

.vorschauschatten {
 	background-image: url('http://www.e-v-o.de/assets/vorschauschatten.gif') ;
	background-repeat: no-repeat ;
 	background-position: left bottom ;
    background-attachment: fixed ;

    padding: 0px 0px 0px 0px ;
        
}

.schatten {
 	background-image: url('http://www.e-v-o.de/assets/vorschauschatten.gif') ;
	background-repeat: no-repeat ;
  background-position: left bottom ;
  background-attachment: fixed ;
  padding: 0px 0px 0px 0px ;
}
.linksschatten {
  background-image: url( "http://www.e-v-o.de/assets/linksschatten.gif" ) ;
	background-repeat: no-repeat ;
  background-position: left bottom ;
  background-attachment: fixed ;
  padding: 0px 0px 0px 0px ;
}

.untenschatten {
	background-image: url('http://www.e-v-o.de/assets/untenschatten.gif') ;
	background-repeat: no-repeat ;
 	background-position: left bottom ;
  background-attachment: fixed ;
}

.bildborder {
   border: solid black 1px  ; 
}
/*
.bildborder4 {
	border: solid white 4px 4px 4px 4px ;
}
*/
.mybutton {

/* 
  
  text-align: right; 
  font-weight: bold;  
  border-style: solid ; 
  height: 30px;  
  width: 90px;  
  background-color: #58BCBF ;  EVO Grn 
  background-color: #7FD5E8 ;  EVO Farbe 
  border: solid black 1px 1px 1px 1px ; 
  background: transparent ;
  
  font-family: Verdana;
  font-size: 18px; 
  font-weight: bold;
  font-color: black ;
  color: #000000 ; 
  color: blue ;

*/

  height: 30px;  
  width: 130px;
  

  /* border: solid black 1px 1px 1px 1px ;  */
  /* background-color: #58BCBF ; */

  background-image: url( http://www.e-v-o.de/assets/images/evobutton.gif) ;
  background-repeat: no-repeat ;
  background-attachment: fixed ;
  background-color: transparent ;
}
.nav_button {

  height: 20px;  
  width: 75px;
  /* border: solid black 1px 1px 1px 1px ;  */
  
  background: transparent ;
  background-image: url(http://www.e-v-o.de/assets/evolinks.gif) ;
  background-image: url(../assets/images/evolinks.gif) ;
  background-repeat: no-repeat ;
  background-attachment: fixed ;
  
}

.box_oben{
   background: #000 url(ecke_ol.gif) left top no-repeat; /* Die Farbe #000 muss an eure Eckenfarbe angepasst werden */ 
   text-align: right; 
}

.box_unten{
   background: #000 url(ecke_ul.gif) left top no-repeat; /* Die Farbe #000 muss an eure Eckenfarbe angepasst werden */ 
   text-align: right; 
}

.box_inhalt{
   background: #000; /* Die Farbe #000 muss an eure Eckenfarbe angepasst werden */ 
   padding: 0 20px; /* Abstand des Textes vom Rand links und rechts. Die 20px durch die Hhe der Eck-Grafik ersetzen. */ 
}

/* Linke Navigation */
a.navleft { 
  font-family: verdana ;
  display:block; 
  margin-bottom:1px; 
  padding-right:10px; 
  padding-top:10px; 
  text-align:right; 
  height: 22px;   
  text-decoration:none;
  border-width: 1px;
  border-color: black ; 
  border-style: none solid solid none ; 
}
a.navleft:link    { color:black; }
a.navleft:visited { color:black;  }
a.navleft:hover   { color:black; text-decoration:none; }
a.navleft:active  { color:black; }

/* Rechte Navigation */
a.navright { 
  font-family: verdana ;
  display:block; 
  margin-bottom:1px; 
  padding-left:10px; 
  padding-top:10px; 
  text-align:left; 
  height: 22px; 
  text-decoration:none;
  border-width: 1px;
  border-color: black ; 
  border-style: none none solid solid ;
}
a.navright:link    { color:black; }
a.navright:visited { color:black; }
a.navright:hover   { color:black; text-decoration:none;}
a.navright:active  { color:black; }

#mediaCenter {
  font: x-small verdana;
  line-height: 0px;
  color: #FFF;
  float: left ;
  width: 400px;
  height: 300px;
  background-color: transparent ;
  border: 0px black solid ;
  padding: 0px 2px 0px 2px; 

}

#media {  margin:0px ;auto; /*Zentrierung */
   width: 760px;
   height: 340px;
   background-color: transparent ;
   border: 0px black solid ;
}
#navleftbox  { font: x-small verdana; line-height: 10px; float: left; width: 175px; }
#navrightbox { font: x-small verdana; line-height: 10px; float: left; width: 175px; }

/* beispiel

<div class="box">
<div class="box_oben"><img src="ecke_or.gif" alt="" /></div>
<div class="box_inhalt">Lorem Ipsum</div>
<div class="box_unten"><img src="ecke_ur.gif" alt="" /></div>
</div> 

*/

/*
#kopfbereich {
	padding: 4px 7px 17px 7px; 
	border-style: solid ;
	border-color: white ;
	padding: 4px 4px 4px 4px ;
  border: solid #58BCBF 2px 2px 2px 2px ;
}


*/