/* ######################### base.css ######################### */
@import url('header.css');

/*******************************************************************************
   *  base.css : 2006-03-28 : 
   * -------------------------------------------------------------------------
   *  Including all data except the colors
   ****************************************************************************/

#pageWrapper {
  margin: 0;
  width: auto;
  min-width: 800px;
}

* html #pageWrapper {
  word-wrap: break-word;
}

#outerColumnContainer {
  z-index: 1;
  border-color: #fff;	/* set default color to white. set the real
                           color inside colors.css */
  border-style: solid;
  border-width: 0px 220px 0px 200px;
  /* sets the width of the borders used to create
     the left and right columns' background 
     color. */
}

#innerColumnContainer {
  z-index: 2;
  width: 100%;
}

* html #innerColumnContainer {
  position: relative;	/* fix a render bug in IE under certain
                           conditions */
}

#contentColumn {
  margin: 0 -1px;		/* without this, boxes stop floating next to 
                                   each other */
  width: 100%;
}

#leftColumn, #rightColumn, #contentColumn {
	float: left;
	position: relative;
	z-index: 10;
	overflow: visible;
	left: -2px;
	top: 8px;


}

#rightColumn {
  float: right;		/* floating this right allows for the right
                           column block to appear before the content
                           column in the flow of the document. doing
                           this allows for any easy 3 column layout
                           in NN4.
                           There is certainly a lot, in terms of layout
                           theory' about how the flow of the document
                           should be. I won't get into it here. */
  width: 220px;
  margin: 0 -220px 0 1px;	/* same as in the #leftColumn selector up 
                                   above. */
}

#leftColumn {
  width: 200px;
  margin: 0 1px 0 -200px;	/* like in the #contentColumn selector, without
                                   the 1px margin on the opposite side of the 
                                   box, boxes stop floating next to each 
                                   other */
}

#footer {
  position: relative;
}

#masthead {
  height: 55px;	/* personal preference to keep the header 
                   inline. you could just as easily change 
                   padding and margins to 0. */
}

#masthead h1 {
  display: inline;	/* personal preference to keep the header 
                           inline. you could just as easily change 
                           padding and margins to 0. */
}

.clear {
  clear: both;
  padding-bottom: 1px;	/* for Gecko-based browsers */
  margin-bottom: -1px;	/* for Gecko-based browsers */
}

.hide, #oldBrowserNotice, .ieSixCharDupBug {
  /* hide elements that CSS-targeted browsers shouldn't show */
  display: none !important;
}

#contentColumn {
  border-width: 0;
}

/******************************************************************************/

/* ######################### vnav.css ######################### */


/******************************************************************************
   *  vnav.css : 2006-03-28 : 
   * --------------------------------------------------------------------------
   *  responsible for the vertical navigation elements commonly found in the 
   *  left and / or right columns.
   ***************************************************************************/

.vnav {
  font: 9pt "Trebuchet MS",Verdana,Arial,Helvetica,Sans Serif;
  color: #000 /* #336 */;
  margin-left: 5px;
  margin-top: 20px;
  margin-right: 5px;
}

.vnav h1, .vnav h2, .vnav h3, .vnav h4, .vnav h5 {
  color: #336;
}


.vnav ul a:link,.vnav ul  a:visited {
  /*color:#000;*/
  color:#008;
  text-decoration:none;
}

.vnav .active a:link, .vnav .active a:visited {
  color:#b06e26; /*#ae0404;*/
  /*border-bottom:2px solid #b06e26;  /* rubrikenfarbe */
}

.vnav .lastleft {
  border-bottom: 0px;
}

.vnav ul {
  margin-left: 1em;
  padding-left: 0px;
  list-style: none;
  /*color:#963;*/
}
.vnav #leftmenu 
{
  margin-left: 0em;
}

.vnav li {
  /*   width:100%; */
  margin: 0;
  padding: 5px 0px 0px 0px;
  background-image:none;
  line-height: normal;
  text-indent: 0px;
  /*border-bottom: 1px dotted #555;*/
}

.vnav .active {
  /*background-color:#fff;*/
  font-weight:bold;
}

.vnav ul ul {
  font-size: 95%;
}

* html .vnav ul {
  position: relative;	/* IE needs this to fix a rendering problem */
}

.vnav ul li a:hover, .vnav ul li a:hover {
  /*   font-style:italic; */
  color:#3366aa;
  text-decoration:underline;
}


.searchbox {
  /*font-:"Trebuchet MS";*/
  color:#000000;
  background-color:#fff;
  padding-top:0px;
}

#searchinput {
  width:130px;
  height:1.3em;
  margin-top:10px;
  margin-bottom:20px;
  vertical-align:baseline;
}

#searchgo {
  height:1.8em;
  width:22px;
  margin-top:10px;
  margin-bottom:20px;
  vertical-align:baseline;
}


/******************************************************************************/

/* ######################### colors.css ######################### */


/*******************************************************************************
   *  colors.css : 2004-06-28 : 
   * --------------------------------------------------------------------------
   *  defines background and foreground colors of elements within the layout.
   *  sites that want to use different color schemes for different sub-sections
   *  of a website need only make different versions of this stylesheet and link
   *  or import them as need. The other stylesheets can be shared across the
   *  entire site.
   ****************************************************************************/
body {
  margin:0px 0px 0px 0px;
  padding:0px;
  background-color: #fff/*#ccc*/;
  color: #000;
}

a:link, a:visited 
{
  text-decoration:none;
  color:#aaa;
  }


a:hover {
  /*   font-style:italic; */
 color:#b06e26;
  text-decoration:underline;
}

h1 {
  font: 14pt "Trebuchet MS", Verdana, Helvetica, SansSerif; /*Georgia,Serif;*/
  font-variant:bold;
  /*color:#963;*/
}

h2 {
  font: 13pt "Trebuchet MS", Verdana, Helvetica, SansSerif; /*Georgia,Serif;*/
/*  color: #a00709;*/
  color: #b06e26;  /* rubrikenfarbe */

}

h3 {
  font: 12pt "Trebuchet MS", Verdana, Helvetica, SansSerif; /*Georgia,Serif;*/
}

h4 {
  font: 11pt "Trebuchet MS", Verdana, Helvetica, SansSerif; /*Georgia,Serif;*/
}

h5 {
  font: 10pt "Trebuchet MS", Verdana, Helvetica, SansSerif; /*Georgia,Serif;*/
}

#outerColumnContainer {
  /**border-left-color: #f0f0f0;	/* left hand column background color */
  /*border-right-color: #e8e8ff;	/* right hand column background color */
}

#masthead {
  background-color: #885;
  color: #fff;
}

#footer {
  background-color: #ddd;
  color: #000;
}

#outerColumnContainer, #contentcolumn {	/* selector case hack to reset version 4
                                           stylesheet setting */
  background-color: #fff;		/* this sets the background color on the
                                           center column */
  color: #000;
}

#leftColumn, #rightColumn, #contentColumn {
  color: #000;
}

#leftColumn h3 {
	text-transform:uppercase;
	border-bottom:1px solid #17008a;
	letter-spacing:3pt;
    color: #b06e26;  /* rubrikenfarbe */
}

#rightColumn {
  font: 8pt "Trebuchet MS",Verdana,Arial,Helvetica,Sans Serif;
}

#rightColumn a:link, #rightColumn a:visited {
  text-decoration:none;
  color:#008;
}

#rightColumn a:hover {
  text-decoration:underline;
}


#rightColumn h2 {  
  font: 10Pt Georgia,Serif;
  padding-top:0px;
  margin-top:0px;
  color: #b06e26;  /* rubrikenfarbe */
  /*  border-bottom: 1px dotted #000;*/
}

#rightColumn .rightul {  
  list-style-type:none;
  /*margin-left:0.0em;*/
  padding-left:0em;
  /*border:1px solid #000;*/
}

#rightColumn h1 {
  color: #b06e26;  /* rubrikenfarbe */
  border-bottom: 1px solid #999;
  font: 10pt "Trebuchet MS",Verdana,Arial,Helvetica,Sans Serif;
  padding: 0px;
  text-transform:uppercase;
  letter-spacing:0.4em; 
}


#contentColumn a:link, #contentColumn a:visited {
  text-decoration:none;
  color:#008;
}


#contentColumn a:hover {
  text-decoration:underline;
  color:#006;
}


.hnav, .hnav ul li a {
  background-color: #2b1005;
  color: #336;
}

#pageWrapper, #innerColumnContainer, #masthead, #footer {
  border:0px solid #000;
  border-color: #000;
}

#footer {
	color:#aaa;
}

/******************************************************************************/

/* ######################### gutters.css ######################### */


/*******************************************************************************
   *  gutters.css : 2004-07-06 : 
   * ---------------------------------------------------------------------------
   *  handles the whitespace between and within elements; such as margins and 
   *  padding.
   ****************************************************************************/

body {
  margin: 0;
  padding: 0px;		/* remove this padding if you want the layout to
                           stretch from edge to edge of the viewport. */
}

#rightColumn p {
  line-height: 0.9em;
}

p, h1, h2, h3, h4, h5, h6 {
  margin: 1em 0;		/* specifically define this for Opera's sake,
                                   and also for better consistency across 
                                   all platforms  */
}

.inside {
  padding: 8px; /*1.5em;	this padding is applied to every major box 
                           within the layout for a uniform gutter 
                           between borders 
                           NOTE_: a small glitch in IE seems to appear
                           if this class has vertical padding applied
                           to it. so in cases where you want to add 
                           vert padding, use the parent element. margin
                           values here don't work because .inside has
                           a key role in border generation */
}

#leftColumn, #centerColumn, #rightColumn, #masthead {
  padding-top: 0.5em;
  padding-bottom: 0.5em;	/* this is the vert padding talked about in the
                                   previous selector. */
}

#masthead, #footer {
  padding: 1em;
}

.vnav {
  margin: 1em 0;
}

html>body #footer {
  padding-bottom: 1.01em;	/* this is to fix a bug in mozilla that results
                                   in a 1px line of white below the footer when
                                   the document gets very long. extremely long
                                   documents may generate the bug again. if
                                   you experience that, increasing this value
                                   may help. i think this is related to moz's
                                   off-by-one troubles as the bug does not
                                   occur in any other browser */
}

/******************************************************************************/


/* ######################### fonts.css ######################### */


/*******************************************************************************
   *  fonts.css : 2004-06-28 : 
   * ---------------------------------------------------------------------------
   *  handles the font type (family), sizes, line-height, alignment, and any
   *  other properties relating to fonts - with the exception of color.
   *
   *  Perhaps font color declarations should be in this file as well. 
   *  However, certain CSS validators (hello w3!) will complain if colors
   *  and background colors are not declared in the same selector or
   *  at least within the same stylesheet. So font colors, including links,
   *  are defined in colors.css.
   ****************************************************************************/
body {
  font-family: Verdana,Helvetica,Sans serif;
  font-size: 100.1%;	/* font sizing approach recommended by Dave 
                           Silvester on the css-discuss list. "the 
                           .1 is important." */
}

#pageWrapper {
  font-size: 80%;
}

#footer {
  text-align: center;
  font-size:8pt;
}

/* :root is an invalid pseudo class but mozilla knows it */
:root code {
  font-size: 120%;	/* monospace fonts are typically smaller that 
                           normal' fonts under Mozilla. */
}

/******************************************************************************/