/*######################################
  Stylesheet hein Entsorgungstechnik
  Datei: style1.css
  Autor: Michael Heimsath
  ######################################*/


/*######################################
  1. Kalibrierung und allgemeine Styles
  ######################################*/

/*_______________________________________
   Kalibrierung des wichtigsten Abstände
   ______________________________________*/

* { padding:0; margin:0; }

h1, h2, h3, p, ul, ol {
  margin-bottom:1em;
}

ul ul  {
  margin-bottom:0;
}

li {
  margin-left: 2em;
}

ul {
    list-style-image: url(../img/li.png);
}

.indent {
    padding-left:16px;
    padding-right:20px;

}
/*_______________________________________
   Allgemeine Sektoren
   ______________________________________*/
html { height:101%;}

body {
  background:url(../img/indexlogo3.jpg) #92b4fe;
   color:#000000;
  font-size:10pt;
  font-family:Arial, Helvetica, Verdana, sans-serif;
  }

div {
       padding: 0px;
       border: 0px solid black;
       margin: 0px;     
    }



h1 { color:#505150; font-size: 150%;  text-transform: uppercase;}
h2 { color:#505150;font-size: 120%; }
h3 { color:#505150;font-size: 110%;}


/* ================
   Hyperlinks    */  

a {
  text-decoration: none;
  outline: none;
}

a:link { color: #0033FF; }
a:visited { color: #0033FF; }

a:hover,
a:focus {
  border-bottom: 1px solid #0033FF;
}
a:active {
  background-color: #0033FF;
  color: white;
}  

a img {
  border: 0 none;
  }

/*######################################
  2. Styles für die Layoutbereiche
  ######################################*/

#wrapper {
  background:#ffffff;
  width:1020px;
  
  margin-top:8%;
  margin-left:auto;
  margin-right:auto;
  margin-bottom:8%;
  border:#333 solid 1px;
    -webkit-box-shadow: 5px 5px 10px #000000;
    -moz-box-shadow: 5px 5px 10px #000000;
    box-shadow: 5px 5px 10px #000000;

    }

.grau {
    background-color:#333333;
}


#banner {
  background:#0033ff;
  width:1020px;
  height:42px;
  float:left;
  padding-left:0px;
  padding-top:0px;
  padding-bottom:0px;
  font-weight:bold;
}

#name {
  color:#ffffff;
  padding-left:10px;
  padding-top:12px;
  float:left;
  font-size:12pt;

}

#submenue {
  width:470px;
  padding-left:100px;
  font-size:12pt;
  padding-top:12px; 
  font-weight:bold;
  float:left;
  color:#ffffff;
}

/* ================
   Hyperlinks Submenue   */  

#submenue a {
  text-decoration: none;
  outline: none;
}

#submenue a:link { color: #ffffff; }
#submenue a:visited { color: #ffffff; }

#submenue a:hover,
#submenue a:focus {
  border-bottom: 1px solid #ffffff;
}
#submenue a:active {

  color: white;
}  

#flaggen {
   width: 230px;
   float:left;
   padding-left:10px;
   padding-top:12px; 

}

#info {
  background:url(../img/logo.png)no-repeat;
  width: 1020px;
  height:90px;
  margin:0px;
  float:left;
  

}

#logo {
  background:url(../img/logo.png);
  width:193px;
  height:90px;
  margin:0px;
  float:left;
  }
  
#oben {
  background:#E4E4E4;
  width:766px;
  height:55px;
  margin:0px;
  padding-left:60px;
  padding-top:35px; 
  float:left;
  color:#000000;

}

#oben h1 { color:#000000; font-size: 120%;}

  

#main {
  background:url(../img/linie.jpg);

  margin:0px;
  width:1020px;
  float:left;
}

#menue {
  width:193px;    
  background:#E4E4E4;
  margin:0;
  float:left;
}


#content {
  width:767px;
 
  float:left;
  margin:0px;
  padding-left:20px;
  padding-right:40px;
  padding-top:20px;
  padding-bottom:10px;
  min-height:100px;
  }
  
.align-left { text-align: left }
.align-right { text-align: right }
.align-center { text-align: center }
.align-justify { text-align: justify }


#footer {
  background:url(../img/linie.jpg);
  height:5px;
  clear:left;

}

.rahmen {
  background:#f7f7f7;
  border:solid 1px;
  magrin:-10px;

}


/*######################################
  3. Sonstige Styles
  ######################################*/
  @charset "utf-8";
/* CSS Document */

#content .csc-textpic-image a, #links .csc-textpic-image a  {
  border:0px;
}


#content .csc-textpic-single-image a, #links .csc-textpic-single-image a {
  border:0px;
}

#schwarz {
   background:#000000;
   color:#ffffff;
   font-size:24pt;
}
#grau {
    background-color:#666666;
    color:#ffffff;

}  
  
#abstand p {
  margin-bottom: 0em; 
}   

/* ================
   Hyperlinks    */  

#navi a {
  text-decoration: none;
  outline: none;
  z-index:1 ;
  border:0;
}

#navi a:hover,
#navi a:focus {
   display: block;
   background: blau;
   opacity: 0.2;
   z-index:2 ;
   height:25px;
   width: 60px;
   margin:0;
   padding:0;

}

#navi a:active {
  background-color: transparent;
  color:transparent;
}  



#tabelle {
  cellpadding:o;
  cellspacing:0;
  margin:0;

}

#tabelle p {
  margin:0;

}

#link a {
  text-decoration: none;
  outline: none;
}

#link a:link { color: #ffffff; }
#link a:visited { color: #ffffff; }

#link a:hover,
#link a:focus {
  border-bottom: 1px solid #ffffff;
}
#link a:active {

  color: white;
}  



/* ==================================
   ENDE DES STYLESHEETS
   =============================== */