/*---------------------------------------------------------- 
 *
 * CSS Datei ÜbungsBOX V 0.1
 * 
 *----------------------------------------------------------*/

/*---------------------------------------------------------- 
 * Hauptdokument
 *----------------------------------------------------------*/
body{
 background: url("images/column_wide.gif") repeat-y center; /* Hintergrundbild Mitte */
 background-color: #eaeaea; /* Hintergrundfarbe Seiten*/ 
 font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
 font-size:12px; /* Schriftgroesse */
 margin:10px auto; /* Abstand zum Brower oben */
 width:840px; /* Breite */
 text-align:left; /* Ausrichtung des Textes */
 /*border:0px dashed #000000; */
}

/*---------------------------------------------------------- 
 * Ueberschriften
 *----------------------------------------------------------*/

/* Ueberschrift 1. Ordnung */
h1{
 font-size:18px;     /* Schriftgröße */
 color:#003366;      /* Schriftfarbe */
 margin-bottom:10px; /* Abstand zum nachf. Text */
}

/* Ueberschrift 2. Ordnung */
h2{
 font-size:16px;
 color:#000000;
}

/* Ueberschrift 3. Ordnung */
h3{
 font-size:14px;    /* Schriftgröße*/
 color:#000000;     /* Schriftfarbe*/
 font-weight: bold; /* bold or normal */
 /* background-color: #ffffff; */
 /* border: 1px solid #5080b0; */
 /* padding: 1px; */
}

/*---------------------------------------------------------- 
 *  Trennlinie (hr = horizontal rule)
 *----------------------------------------------------------*/
hr{
 width:97.2%;                /* Breite */
 color:#C7CDD4;              /* Farbe des Rahmens */
 background-color:#C7CDD4;   /* Hintergrundfarbe */
 height:3px;                 /* Hoehe */
 border-width:0px;           /* Dicke des Rahmens */
 /* margin-right:0; */       /* Abstand nach rechts */
 /* margin-left:0px; */
 /* text-align:right; */     /* Ausrichtung von Text */
 /* dashed blue; */          /* Muster des Rahmens */
}

/*---------------------------------------------------------- 
 *  Quellcode
 *----------------------------------------------------------*/
code{
 font-size:14px;
 color:#0000ff;
}

pre{
  font-size:14px;
  color:#0000ff;
  padding:5px;
}

/*---------------------------------------------------------- 
 *  Hyperlinks
 *----------------------------------------------------------*/
a:link, a:visited, a:active, a:hover{ 
  text-decoration:underline;
  font-weight:normal;
  color:#ff0000;
  font-size:12px;
}

a:active, a:hover{ 
 color:#009999;
}

a:link, a:visited{
  text-decoration: underline;
  font-weight: normal;
  color: #455de8;
}

/*---------------------------------------------------------- 
 *  Menue
 *----------------------------------------------------------*/
a.menu{
  display:block;
  padding:3px;
  
  border-top:1px solid #000;
  background-color:white; /* Std: #737994 */
  text-align:left; /* Textausrichtung im Menue Std: center*/
  color:#eeeeee;
  text-decoration:none;
 }

a.menu:link, a.menu:visited{ 
  color:#eeeeee;
  background-color:#737994;
  text-decoration:none; font-weight:bold;
}

a.menu:active, a.menu:hover{ 
  color:#737994;
  font-weight:bold;
  background-color:#eeeeee;
}

/*---------------------------------------------------------- 
 *  Titel
 *----------------------------------------------------------*/
#title{
  height:94px;
  padding:5px;
  background-color:white;
  border-bottom:1px solid #000;
}

/*---------------------------------------------------------- 
 * Content
 *----------------------------------------------------------*/
#content{
  background-color:#e8d7ba; /* #e8d7ba */      /* Hintergundfarbe der ContentBox */
  min-height:400px;                            /* Mindesthoehe in Pixel */
  width:799px;                                 /* Breite */
  float:left;                                  /* Ausrichtung d. ContentBox rechts */
  /*margin:0px auto;                           /* Abstand */
  text-align:left;                             /* Ausrichtung Text */
  padding:0px 10px 0px 10px;                   /* Innenabstand in Pixel (top, right, bottom, left) */  
  line-height: 1.4em;                          /* Zeilenabstand */
}


/*---------------------------------------------------------- 
 * Footer
 *----------------------------------------------------------*/
#footer{
  width: 799px;
  /*margin-left: 0px; */
  text-align: left;
  /* background-color:white; */
  float:center;
  /*padding:0px 10px 0px 10px; */
  /* border:0px dashed #000000; */
}


/* Class */
.menutitle{
  font-weight:bold;
  text-align:center;
  margin:2px;
}

/* Class */
.menucontainer{
  border:0px solid #000;
  background-color:white;
  width:110px;
  margin:10px;
}

p.up{                                                                     /* fuer up wg. Seitenanfang */
  text-align: right;
  font-weight: bold;
}


/*---------------------------------------------------------- 
 *  Menue
 *----------------------------------------------------------*/

/* Menue Einstellungen */
#nav-menu{
 list-style: none;
 padding: 0;
 margin: 0;
 float: left;
 /* margin: 0 0.15em; */
 width:800px;
}

/* Menue Hyperlinks */
#nav-menu a{
 background-color: #003366;
 height: 2em;
 line-height: 2em;
 float: left;
 width: 9.35em;        /* Breite der Menuepunkte 8.3em */
 display: block;
 border: 0.1em solid #dcdce9;
 color: #ffffff;
 text-decoration: none;
 text-align: center;
}

/* Menue Mouseover */
#nav-menu a:hover{
 background-color: #ffffff;
 height: 2em;
 line-height: 2em;
 float: left;
 width: 9.35em; /* Breite der Menuepunkte */
 display: block;
 border: 0.1em solid #dcdce9;
 color: #003366; /* 0d2474 */
 text-decoration: underline;
 text-align: center;
}