/* Project: HMBO-Webdesign css - Allgemeine Vorlage" 
 * File:    hmbo_webdesign.css
 * @copyright	Copyright 2010, Harald K.Markus
 * @author		Harald K.Markus
 * @link		  http://www.hmbo.de                              
/*--------------------RESET für die Browser----------------------------------*/
* {
  padding: 0;                 /* innenabstand */
  margin: 0;                  /* aussenabstand */
  font-size: 100%;         /* schriftgrösse */
  font-weight: normal;  
  }      /* schriftsärke */
ul,                          /* ungeordnette Listen */
ol {  list-style: none; }    /* geordnette Listen */
b, strong { font-weight: bold; }
img, a img { border: none; }    /* Bilder ohne Rahmen */

/*------------------ALLGEMEIN -----------------------------------------------*/
p { margin-bottom: 20px; }
h1, h2, h3 {
  margin-bottom: 0.7em;	                         /* Fett */
  font-weight: bold;	                           /* Fett */
  line-height: 1.2em;	
  color: #003B79;                          
}
h3 	{ font-size: 1.2em;  text-transform: uppercase; }
h4 	{ font-size: 0.7em;  text-transform: uppercase; font-weight: bold;}

/*-----------------	LAYOUT  -------------------------------------------------*/
body {
  background: url(../bilder/hintergrund.png);
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  color: #434343;		                             /* Text-farbe */		
  text-align: left; 	                           /* Text-ausruchtung */
  line-height: 1.3em;	 }                         /* Linen-abstand */
#container {			
  width: 780px;		  /* Breite */
  margin: 0 auto;
  padding: 4px;
  border: 2px solid #003B79; 
  background-color: #fff;}
#kopf { 
  clear: left;    /* Kopfleiste */
  background: url(../bilder/JUBO_Kopf.png);
  width: 777px;
  margin-left: 1px;
  height: 220px;  } /* Höhe der Kopfzeile */

#navi {
  float: left;
  margin: -44px 0px 0px 0px;
  display: block;
  text-align: center;
  }
#navi ul, li { 
  display: inline;
  font-size: 0.95em;
  width: 129px;
   }
#navi li { float: left; border-right: 1px solid white; }

#navi ul li a:link,
#navi ul li a:visited{
  text-decoration: none;
  color: white;
  font-weight: bold;
  
  }

#navi ul li a:hover,
#navi ul li a:active{
  background-color: gray;

}


#ia #navi A.m1,
#ib #navi A.m2,
#ic #navi A.m3,
#id #navi A.m4,
#ie #navi A.m5,
#if #navi A.m6  {
  font-weight: bold;
  color: #FF0000;
  
}

#inhalt {
  clear: left;
  background-color: #fff;
  padding: 20px; 
  padding-left: 60px;
  padding-right:60px;
  font-size: 90%;
  text-align: justify;
  }

#logo {
  float: right;
  padding-right: -120px;
  padding-left: 10px;}




/*------------------ Fusszeile ----------------------------------------------*/

#hmbo_fuss  { clear: left; background: #f0f0f0; /* grau */
  font-size: 50%;
  text-align: center; }
.hmbo1 { color: #00cc00; font-weight: bold; }
.hmbo2 { color: #cc0000; font-weight: bold; }