/*CVS Add-ins*/
/*
$Revision: 1.31 $
$RCSfile: basics.css,v $
Authors: JDE
Copyright (c) A&B.FACE2NET GmbH
*/

/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/*
    basics.css fuer dt. Technikmuseum Berlin (Grundlegende CSS-Angaben)
    02.07.2007 JDE
*/
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* principally used colours:

    colour code     colour          usage
    -----------     ------------    ----------------------------------------------
    #a6998a         hot grey        seitenhintergrund
    #e1d8ce         warm grey       quicklinkboxen, servicenavi
    #663300         redbrown        content-Link alt
    #743900         redbrown        content-Link neu
    #625244         brown           content-visited link, hauptnavi
    #fdc82f         yellow          Label, Adressbox etc.
 (  #e5dcd3         mild grey       galerie  )

    #f4f4f4         brightgrey      leere tabellenzellen (termine)
    #ff0000         red             error in forms (derzeit)
*/
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */


/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* Global and general styles:
*/
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */

/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* global basics */

*{ margin:0;padding:0; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; }

body{ 
  background: #fff url("/fileadmin/templates/css/styleimages/bg_body.gif") repeat-x 0 -10px; font-size: 100.01%; margin: 0; padding:0; 
  font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
}

.content p acronym,
.content li acronym,
.content table tr acronym{ font-family: Verdana, Arial, Helvetica, sans-serif; }

#standard .content .article{ clear: both; }
#standard .content .article2{ clear: both; }
.breakFloat{ clear: both; }

.displayOutside{ position: absolute; top: -25000px; left: -17000px; }
.displayNone, #hide{ display:none; }
.displayInline{ display:inline; }
.displayBlock{ display:block; }
table{ border-collapse:collapse; }
table tr td{ vertical-align:top; }

img{ display: block; border: 0; }

.noWrap{white-space:nowrap; }

.floatLeft{ float: left; }
.floatRight{ float: right; }
.clearBoth{ clear: both; }
.clearBothDisplayNone{ clear: both; display: none; }

.noBorder {border:0 !important; }

/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */

.wrapper{ 
  position: relative; top:0; left:0; margin: 0 auto; 
  min-width: 770px; width: 100%; max-width: 1024px;
  background: #fff; 
}

#multimedia{ min-width: 955px; }

/*Header*/

#header{ 
  clear: both; position: relative; top:0; left:0; 
  width: 100%; min-width: 700px; min-height: 295px; 
  border-top: 5px solid #fff; border-bottom: 1px solid #fff; 
  background: /*#e1d8ce*/ #fff  url("/fileadmin/templates/css/styleimages/_tem/bg_header.jpg") no-repeat; 
}

#header img.logo{ position: absolute; top: 0; left:5px; background: #e1d8ce; color: #000; z-index: 20; }

#header ul{ list-style-type: none; }
#header hr{ display: block; width:100%; clear: both; color: #fff; background: #fff; border: 1px solid #fff; }
#header hr.displayNone{display: none; }

#header .navigation{
  background:#625244; display: block; 
  border: 4px solid #fff; border-bottom: 0px solid #625244; border-top-width: 0; margin-right: 256px; margin-left: 256px; 
  width: 12em; min-width: 225px; min-height: 295px;
  float: right;
  z-index: 140;
}

#header #headerbox{
  position: absolute; top:0; left: 100%; margin-top: -1px;
  margin-left: -256px; height: 296px;
  padding: 0 4px 0 0; background:#fff; 
}

#headerbox .infobox p a:link,
#headerbox .infobox p a:visited{
  display: block;
  background: url("/fileadmin/templates/css/styleimages/bg_head_more_yellow.gif") no-repeat left top;
  color: #000; font-weight: bold; font-size: 1.06em; text-decoration: none;
  margin: 10px 0 0 0; padding: 4px 0 3px 30px; }

#headerbox .infobox p a:hover,
#headerbox .infobox p a:focus,
#headerbox .infobox p a:active{
  text-decoration: underline;
  background: url("/fileadmin/templates/css/styleimages/bg_head_more_yellow_hover.gif") no-repeat left top; }

/*Infobox auf Startseite*/
#header .infobox{
  border: 1px solid #fff; background: #fdc82f;
  width: 14.5em; min-width: 251px; height: 295px;
}

#header .infobox h2,
#header .infobox p,
#header .infobox h3{ background: #fdc82f; color: #000; }

#header .infobox h2{ 
  padding: 8px 10px 3px; 
  font-size: 0.93em; 
  text-transform: uppercase; 
}

#header .infobox h3{ 
  clear: right; padding: 12px 10px 3px; 
  font-size: 0.75em; text-transform: uppercase; 
}

#header .infobox p{ 
  padding: 0.1em 10px 0.3em; 
  font-size: 0.75em; line-height: 140%;
}

#header .infobox p strong{ 
  min-width: 120px; display: block; float: left; clear: left; 
}

#header .infobox a.more{
  display: block; float: right; min-height: 30px; width: 4em;
  color: #fff; font-size: 0.75em; font-weight: bold; text-transform: uppercase; text-decoration: none;
  background: #8D010C url(fileadmin/css/styleimages/bg_more.gif) no-repeat 0 0;
  margin-right: 40px; padding: 3px 0px 2px 28px;
}
#header .infobox a.more:hover,
#header .infobox a.more:focus,
#header .infobox a.more:active{ text-decoration: underline; }

#header .specialnavbox{
  border: 1px solid #fff; background: #fdc82f;
  width: 11em; min-width: 250px; height: 295px; /*width: 14.5em; silke 16.01.2008*/
}

#header #service{
  background: #fff url("/fileadmin/templates/css/styleimages/bg_shadow_topcontent.gif") repeat-x top;
  /*margin-top: 3px;*/ margin-top: 2px; border: 0;
}

/*Footer*/
.footer{ background-color: #fdc82f; margin-top: 15px; padding: 3px 10px 5px; clear: both; border-bottom: 16px solid #fff; }
.footer *{ line-height: 115%; }
.footer ul li a,
.footer p,
.footer ul li strong{ color: #000; font-size: .75em; background-color: transparent/*#E8E5E0*/; }

.footer strong{ font-weight: normal; text-decoration: underline; padding-left: 6px; }
.footer ul li a{ font-weight: bold; padding: 0 0 0 6px; text-decoration: none; }

.footer a:hover,
.footer a:focus,
.footer a:active{ text-decoration: underline; }

.footer ul{ display: block; list-style-type: none; min-height: 20px; }
.footer p{ float: left; display: block; padding: 4px 15px 2px 2px; }
.footer ul:after{content: "."; clear: both; display: block; height:0; visibility: hidden; }

.footer ul li{ display: inline; }
.footer ul li span{ font-size: 8px; border-right: 1px solid #000; padding-left: 5px; }

.footer ul li#f_contact{ padding-right: 20px; }
.footer ul li#f_help{
min-height: 15px; margin-top: -2px; padding: 0 0 0 20px;
background: url("/fileadmin/templates/css/styleimages/navigation/bg_footer_help.gif") no-repeat 0 bottom; }