/**************************************************/
/* Basic-Stylesheet                               */
/* screen_base.css                                */
/*                                                */
/* Erstellt fuer:                                  */
/* www.feuerwehr-drewitz.de                       */
/*                                                */
/* Erstellt von:                                  */
/* Sabrina Adamski                                */
/*                                                */
/* Hinweise und Anfragen bitte an                 */
/* sabrina.adamski@arcor.de                       */
/*                                                */
/**************************************************/


* { margin: 0; padding: 0; }

body { font-size: 12px; font-family: arial, helvetica, sans-serif; }

address, p { font-style: normal; font-size: 12px; font-family: arial, helvetica, sans-serif; 
padding: 0.25em 0 0.75em 0; text-align: justify; line-height: 1.4em; 
border: 0px solid blue; }

/* �berschriften */
h1, h2, h3, h4, h5 { font-family: verdana, arial, helvetica, sans-serif; 
color: #000; font-weight: normal; 
padding: 1em 0 0.5em 0; border: none; border: 0px solid red; }

/* padding: 1.4em 0 0.25em 0 */

h1 { font-size: 24px; }
h2 { font-size: 17px; }
h3 { font-size: 13px; text-transform: uppercase; color: #c00; font-weight: bold; padding: 1.4em 0 0.75em 0; } 
h4 { font-size: 11px; text-transform: uppercase; color: #c00; padding: 0 0 0.5em 0;  }
h5 { font-size: 8px; margin-bottom: 1em;}

/* Listen */ 
ul { margin: 0 0 10px 30px; line-height: 1.4em; list-style: none outside url(../grafiken/bullet.gif); }
ul li ul { margin: 0 0 5px 15px; list-style: circle outside none; }


acronym  { border-bottom: 1px dotted #c00; cursor: help; }


/* allgemeine Links */
a { color:#c00; text-decoration: none; border: none; }
a:hover { color: #c00; text-decoration: underline; border: none; }
a:visited { color: #966; border: none; }


/* Links innerhalb eines Dokuments, Auszeichnung mit dieser speziellen Klasse */
a.anker { text-decoration: none; }
a:hover.anker { text-decoration: none; border: 0;}

/* Links im Text, Auszeichnung mit dieser speziellen Klasse */
a.textlink { font-weight: bold; text-decoration: none; background: transparent url(../grafiken/bullet.gif) no-repeat 0px 0.2em; color:#c00; padding:0 0 0 10px; margin:0; border-bottom: 0; }
a.textlink:hover { color: #c00; font-weight: bold; text-decoration: underline; border: 0px; }
a.textlink:visited { color: #966; }




/**************************************************/
/* KLASSEN                                        */
/**************************************************/
.einschub1 { padding-left: 50px; }
.hervorgehoben1 { font-size: 17px; font-family: verdana, arial, helvetica, sans-serif;  }
.fett { font-weight: bold; }
.pfeil { background: transparent url(../grafiken/bullet.gif) no-repeat 0px 0.2em; padding:0 0 0 10px; margin:0; border-bottom: 0; }
.kursiv { font-style: italic; }


/* Bilder */
img { margin: 10px 0; border: 0px solid #eee; }
img.eyecatcher {  float: right; margin: -55px 0 0px 10px; border: 0px solid #ccc; }
img.thumb { padding: 5px; border: 1px solid #c00; margin-top: 5px; margin-bottom: 5px; }
img.at_zeichen{ border: 0px solid red; margin: 0 1px -1px 1px; padding: 0;}

/* Ausrichten */
.left { border: 0px solid blue; float: left; margin-left: 0; margin-right: 10px; margin-bottom: 5px; margin-top: 5px; }
.right { float: right; margin-right: 0; margin-left: 10px; margin-bottom: 5px; }
.top { margin-top: 0; border: 0px solid red; }
.bottom { margin-bottom: 0; }
.center { text-align: center; }
.clearl { clear: left; }
.clearr { clear: right; }
.clear { clear: both; }


/* Textausrichtung */
.rtl { text-align: right; }
.ltr {}


/* Container f�r Bilder mit Untertitel */
.imgcontainer { border: 1px solid #c00; padding: 4px; margin-bottom: 10px; }
.imgcontainer img { margin: 0; padding: 0; }
.imgcontainer p { margin: 4px 0; padding: 0; font-size: 11px; text-align: center;}

.border_gray { border: 1px solid #bbb; }

.date { font-size: 10px; }

/* Tabelle, die die Eins�tze zusammen fasst */
.einsaetze { border: 0px solid #900; }
.einsaetze td { padding: 5px; border: 1px solid #999; background-color: #fafafa; }
.einsaetze td.monat { font-weight: bold; background-color: #E4E4E4; color: #c00; }
td.brand { background-color: #c00; color: #fff;  }
td.technisches { background-color: #069; color: #fff;  }
td.sonstiges { background-color: #FF7F00; color: #fff;  }
td.fehlalarm { background-color: #0c0; color: #fff;  }
td.abbruch { background-color: #ffff00; color: #000;  }
td.ueber { background-color: #6633ff; color: #fff;  }


/* Auflistung des Einsatzteams */
.einsatzteam { margin: 10px 0 10px 0; font-size: 110%; width: 610px; }
.einsatzteam a { float: left; display: block; border: 3px double #900; color: #c00; width: 130px; padding: 5px; text-decoration: none; margin: 0px 5px 10px 0;}
.einsatzteam a:visited { color: #966; border: 3px double #900; }
.einsatzteam a:hover { background: #c00; color: #fff; text-decoration: none; border: 3px double #900;}

/* Auflistung der altersundehren... */
.altersundehren { margin: 10px 0 10px 0; font-size: 110%; width: 610px; }
.altersundehren a { float: left; display: block; border: 3px double #900; color: #c00; width: 130px; padding: 5px; text-decoration: none; margin: 0px 5px 10px 0;}
.altersundehren a:visited { color: #966; border: 3px double #900; }
.altersundehren a:hover { background: #c00; color: #fff; text-decoration: none; border: 3px double #900;}


/* Auflistung der Fahrzeuge */
.fahrzeuge { width: 610px; border: 0px solid pink; margin: 0; padding: 0; }


/* kleine und gro�e boxen, die als Button dienen */
.box_s { width: 170px; height: 180px; text-align: center; float: left; margin: 10px 20px 10px 0 }
.box_s img { border: 1px solid #c00; padding: 5px; margin-bottom: 5px; }
.box_s a { text-decoration: none; }
.box_s span { font-style: normal; font-size: 12px; font-family: arial, helvetica, sans-serif; }
.box_s a:hover span { text-decoration: none; color: #c00; font-weight: bold; }

.box_m { width: 275px; height: 240px; text-align: center; margin: 0 20px 10px 0; float: left;}
.box_m img { border: 1px solid #c00; padding: 5px; margin-bottom: 5px; }
.box_m a { text-decoration: none; }
.box_m span { font-style: normal; font-size: 12px; font-family: arial, helvetica, sans-serif; }
.box_m a:hover span { text-decoration: none; color: #c00; font-weight: bold; }



/**************************************************/
/* News und aktuelle Hinweise auf der Startseite  */
/**************************************************/
.ueberuns, .brandaktuell { border: 0px solid red; margin-left: 228px; }
h3.arikel, .ueberuns h3, .brandaktuell h3 { text-transform: uppercase; padding-bottom: 5px; color: #000; } /* Ueberschrift der News: */
h4.arikel, .ueberuns h4, .brandaktuell h4 { text-transform: none; color: #777; } /* Untertitel, weitere Informationen zum Artikel */ 
.ueberuns a img , .brandaktuell a img { border: 1px solid #777; padding: 5px; }
.ueberuns a:hover img , .brandaktuell a:hover img { border: 1px solid #c00; }


/**************************************************/
/* HEAD                                           */
/**************************************************/
#head { background: transparent url(../grafiken/bg_head.jpg) repeat-x 1024px 0; height: 304px; }

  /* TOPPOINT */
  #toppoint { position: absolute; border: 0px solid red; top: 0; left: 300px; color: #fff; }
  #toppoint a { color: #fff; border: none; text-decoration: none; }
  
  /* TOPNAV */
  #head #topnav { border: none; width: 996px; height: 96px; background: transparent url(../grafiken/bg_topnav.jpg) no-repeat top left; white-space: nowrap; }
  #head #topnav p { border: none; height: 19px; font-size: 11px; padding: 77px 0 0 722px; }
  #head #topnav p a { color: #000; text-decoration: none; border:none; background: transparent url(../grafiken/bullet.gif) no-repeat 0 0.2em; padding: 0 0 0 10px; }
  #head #topnav p a:hover { color: #000; border: none; border-bottom: 1px dotted #000; }

  /* MAINNAV */
  #head #mainnav { width: 996px; height: 27px; background: transparent url(../grafiken/bg_mainnav.jpg) no-repeat top left; }
  #head #mainnav ul { line-height: 1.1em; height: 28px; margin: 0 0 0 56px; list-style-type: none; width: 605px; font-family: verdana, arial, helvetica, sans-serif; }
  #head #mainnav ul li { display: inline; float: left; text-transform: uppercase; font-size: 11px; font-weight: bold; padding: 7px 0px; }  
  #head #mainnav ul li.current { text-decoration: none; color: #fff; background: #C00; padding: 7px 8px; border: none; font-weight: bold; }  
  #head #mainnav ul li a { text-decoration: none; color: #C00; padding: 7px 8px; border: none; font-weight: bold; }  
  #head #mainnav ul li a:hover { text-decoration: none; color: #fff; background: #C00; padding: 7px 8px; font-weight: bold; }

  /* HEADER */  
  #head #header { width: 996px; height: 181px; background: transparent url(../grafiken/bg_header.jpg) no-repeat top left ; }


/**************************************************/
/* CONTENT                                        */
/**************************************************/
#content { background: transparent url(../grafiken/bg_content.jpg) repeat-y top left; padding: 0 0 10px 66px; width: 930px; border-top: 0px solid lightgreen;}

  /* RECHTE SPALTE */
  #content #colum { display: block; float: right; width: 300px; margin: 0 0 10px 0px; background: #e4e4e4 url(../grafiken/bg_sidebar_re.gif) bottom left repeat-x; padding:  15px 0 40px 0; }
  #content #colum h3 { padding: 1em 5px 0.4em 25px; color: #000; text-transform: uppercase; }
  #content #colum h4 { padding: 1em 5px 0.25em 25px; text-transform: uppercase; color: #000; }
  #content #colum table { padding: 0 5px 0.4em 0; margin-left: 25px; }
  #content #colum address { padding: 0 5px 0.4em 25px; }
  #content #colum ul { margin: 0.4em 5px 10px 50px; }
  #content #colum ul li ul { margin: 0 5px 5px 20px; }
  #content #colum a { border: none; text-decoration: none; }
  #content #colum a:hover { text-decoration: none; border-bottom: 1px dotted; }

  /* MAIN-CONTENT */
  #content #maincontent { border: 0px solid red; background: transparent; margin-right: 315px}
  #content #maincontent h2 { padding-top: 0px; }
  #content #maincontent p.intro { margin-bottom: 10px; }
  
    /* BEADCRUMB */
    #content #breadcrumb { color: #777; padding: 10px 0 20px 0; }
    #content #breadcrumb a { text-decoration: none; color: #777; border-bottom: 1px dotted #777; }
    #content #breadcrumb a:visited { text-decoration: none; color: #777; border-bottom: 1px dotted #777; }
    #content #breadcrumb a:hover { text-decoration: none; color: #777; border: none; }
    
    /* LINKE SPALTE */
    #content #colum_l { float: left; width: 280px; display: inline; margin: 0 15px 0 -66px; border: none; }
    
      /* NAVIGATION */
      #content #navi { width: 280px; font-weight: bold; background: #000 url(../grafiken/bg_navi.gif) repeat-y top left; }
      #content #navi ul { width: 224px; list-style: none; margin: 0 0 0 56px; list-style-image: none; font-family: verdana, arial, helvetica, sans-serif; }
      #content #navi ul a { display: block; text-decoration: none; padding-left: 10px; width: 214px; line-height: 1.7em; font-size: 16px; color: #999; border: none; }
      #content #navi ul li ul { margin: 0; width: 204px; }
      #content #navi ul li ul a { display: block; text-decoration: none; padding-left: 30px; width: 194px;  line-height: 1.4em; font-size: 14px; color: #999; border: none; }
      #content #navi a:visited { color: #999; }
      #content #navi a:hover{ background-color: #c00; color: #fff; border: 0px; }
      
      
      /* Schwarze Box links angeordnet */ 
      div.blackbox { width: 280px; background: #000 url(../grafiken/bg_blackbox.gif) repeat-y top left; margin: 10px 0 0 0; color: #999; font-weight: bold; border: none; }  
      div.blackbox a {  margin: 0 0 0 56px;  display: block; text-decoration: none; padding-left: 10px; width: 214px;  line-height: 1.7em; font-size: 16px; color: #999; border: none; } div.blackbox a:visited { color: #999; }
      div.blackbox a:hover { background-color: #c00; color: #fff; border: none; } 
    
      /* Graue Box links angeordnet */ 
      div.graybox { background-color: #E4E4E4; margin: 15px 0 15px 56px; padding: 10px; color: #333; border: none; }
  
      * html div.graybox{    /* interpretiert nur IE */
      width:224px;           /* interpretiert nur IE 5.x */
      w\idth:204px;          /* interpretiert IE 6 */
      border: none;
      }
      
      
      div.graybox h4 { font-weight: bold; }
      div.graybox h3 { margin: -10px 0 0 0;
      }
      div.graybox ul { margin: 0 0 10px 20px; list-style-type: square; }

  #content .totop { border: 0px solid #bbb; clear: both; text-align: left; padding: 0 0 0 650px;}
  #content .totop a { text-decoration: none; border: none; color: #777; background: url(../grafiken/top_g.gif) no-repeat top left; padding-left: 18px; }
  #content .totop a:hover { text-decoration: none; border: none; color: #c00; background: url(../grafiken/top_r.gif) no-repeat top left; padding-left: 18px; }


/**************************************************/
/* FOOTER                                         */
/**************************************************/
#footer { background: #000; text-align: left; color: #e4e4e4; padding-left: 696px; }
#footer p { width: 280px; background: #000; padding: 0.4em 0 0.4em  20px; }
#footer p a { font-size: 11px; color: #e4e4e4; text-decoration: none; border: none; }
#footer p a:hover { color: #fff; text-decoration: none; border: none; }
#footer p a:visited { color: #e4e4e4; text-decoration: none; border: none; }