/* ----- Style Sheet Angaben zur Webseite der Technischen Fakultät der Universität Bielefeld ----- */
/* ----- LINK ZUR DOKUMENTATION NOCH EINFEUGEN ---- */
/*
----INDEX:
---- body
---- Hyperlinks
---- Textkörper, Zellen
---- Überschrift
---- Metanavigation (Startseite, Impressum etc)
---- Suchmaske
---- Fußzeile
---- Aktuelles
---- Eventkalender
---- Hilfreiche Links (pruefungsaemter.html)
*/





body, html
         {
          background-color:#FFFFFF;
          font-family: arial, sans-serif;
          font-size:9pt;
          color:#01430b;
          padding:15px;
          margin:0px;
          padding:0;
          scrollbar-base-color:#FFFFFF;
          scrollbar-3d-light-color:#FFFFFF;
          scrollbar-arrow-color:#FFFFFF;
          scrollbar-darkshadow-color:#DFDFDF;
          scrollbar-face-color:#FFFFFF;
          scrollbar-highlight-color:#FFFFFF;
          scrollbar-shadow-color:#CFCFCF;
          }

/* ----- Hyperlinks ----- */


a         { text-decoration:none; }
a:link    { color:#003084; }
a:visited { color:#6B6B6B; }
a:active  { color:#FFFFFF; }
a:hover   { color:#003084; }

.under
      {
      margin-left:20px;
      }

DIV.left a
         {
         color: #959595;
         background-color: #f1f1f1;
         text-decoration: none;
         display: block;
         width: 160px;
         padding: 8px 6px;
         margin: 5px;
         font: 12px Verdana, Arial, Helvetica, sans-serif;
         font-weight: normal; }

DIV.left a:active
                 {
                  color: #959595;
                  background-color: #FFFFFF;
                  text-decoration: none;
                  display: block;
                  width: 160px;
                  padding: 8px 6px;
                  margin: 5px;
                  font: 12px Verdana, Arial, Helvetica, sans-serif;
                  font-weight: bold;}
DIV.left a:hover
                {
                 color: #959595;
                 background-color: #CFCFCF;
                 text-decoration: none;
                 display: block;
                 width: 160px;
                 padding: 8px 6px;
                 margin: 5px;
                 font: 12px Verdana, Arial, Helvetica, sans-serif;
                 font-weight: bold; }

DIV.left
     {
     width:160px;
     font-family:arial;
     font-size:13px;
     }

/* ----- Textkörper, Zellen ----- */

p     {
	line-height:13pt;
	margin-left:40px;
	margin-right:10%;
	width:450px;
      }

td,th
      {
      font-family:arial;
      font-size:12px;
      color:#959595;
      padding:5px;
      text-align:left;
      font-weight:normal;
      line-height:18pt;
      margin-left:10px;
      }
ul
   {
   list-style-image:url(bilder/pfeil_rechts1.gif);
   margin-left:10px;
   line-height:13pt;
   width:450px;
   }

/* ----- Überschrift ----- */

h1
  {
  font-family:arial;
  margin-left:30px;
  font-size:17px;
  color:#003084;
  padding:10px;
  line-height:18pt;
  width:700px;
  }


/* ----- Metanavigation ----- */

DIV.meta
        {
        font-family:arial;
        font-size:13px;
        color:#009933;
        text-align:right;
        }

DIV.meta a         { text-decoration:none; font-weight:bold; padding:3pt;}
DIV.meta a:link    { text-decoration:none; font-weight:bold; padding:3pt;}
DIV.meta a:visited { text-decoration:none; font-weight:bold; padding:3pt;}
DIV.meta a:active  { text-decoration:none; font-weight:bold; padding:3pt;}
DIV.meta a:hover   { color:#003084; text-decoration:none; background:#FFFFFF; border: 1px #9F9F9F solid; padding:2pt;}


/* ----- Suchmaske ----- */

DIV.such
        {
        background: #003084;
        font-family: arial;
        font-weight: bold;
        color: white;
        }

input,textarea
              {
              border:1px solid #9F9F9F;
              width:60px;
              }

/* ----- Fußzeile ----- */

DIV.foot
        {
        font-family: arial;
        font-size: 8pt;
        color: #A7A7A7;
        margin-left:5px;
        }

/* ----- Aktuelles ----- */

DIV.newstop
           {
            background-color: #959595;
            font-family: arial;
            font-weight: bold;
            color: white;
            width: 160px;
            padding: 6px;
            height: 20px;
            margin-left:5px;
            padding-top:0px;
            padding-bottom:1px;
           }

DIV.newsbox
        {
         border: 1px solid #959595;
         font-family: arial;
         font-size: 8pt;
         line-height:15pt;
         color:#003084;
         width: 170px;
         margin-left:5px;
         background:#FFFFFF;
         height: 120px;

         }

DIV.news
        {
         font-family: arial;
         font-size: 8pt;
         line-height:15pt;
         color:#003084;
         width: 140px;
         padding:2px;
         margin-left:5px;
        }

/* ----- Eventkalender ----- */



DIV.eventhead
             {
             background: #8A8A8A;
             font-family: arial;
             font-weight: bold;
             color: white;
             width: 350px;
             padding: 6px;
             margin-left: 40px;
             height: 20px;
             padding-top:0px;
             padding-bottom:3px;
             }

DIV.event
         {
         border: 1px solid #8A8A8A;
         font-family: arial;
         font-size: 8pt;
         line-height:15pt;
         color:#003084;
         width: 350px;
         padding:5px;
         background:#FFFFFF;
         margin-left:40px;
         }

SPAN.date
       {
       font-size:10pt;
       color: #007B3A;
       }

/* ----- Hilfreiche Links (pruefungsaemter.html) ----- */

DIV.help
     {
     border: 1px solid black;
     background:#f1f1f1;
     padding-left:10px;
     margin-left:40px;
     width:620px;
     }

Druckerausgabe

@page
     {
      size:21.0cm 29.7cm;
      margin-top:3cm;
      margin-bottom:3cm;
      margin-left:2cm;
      margin-right:2cm
      }
