/* CSS Document */

  * { margin:0; padding: 0; }
  option { padding-left: 0.4em; }
  select { padding: 1px; }
  * html body * { overflow:visible; }
  * html iframe, * html frame { overflow:auto; }
  * html frameset { overflow:hidden; }
  html { height: 100%; margin-bottom: 1px; }
  body {
    font-size: 100.01%;
    color: #000;
    background: #fff;
    text-align: left;
  }

  fieldset, img { border: 0 solid; }
  html * { font-size: 100.01%; }

  /* Seitenhintergrund */

  body { background: #EFEFEF;}

  body { text-align: center; }
  .page_margins { text-align:left; margin: 0 auto; }
  .page_margins { min-width: 760px; max-width: 962px; background: #fff; } /*max-width: 80em;*/
  .page { 
  padding:0;
  }

  #header {
  position:relative;
    background: #ffffff url("../images/color-guide-2.jpg") no-repeat top right;
    color: #000;
    padding: 0px 2em 25px 20px;
	z-index:2;
  }

  #topnav { color: #aaa;
   background: transparent;}

  /* Anpassung der Hauptnavigation*/ 
  /*#nav ul { margin-left: 20px; }*/

  #header h1 {
    font-weight:bold;
    font-size:2.5em;
    letter-spacing:-2px;
    line-height:65%;
    color:#000;
  }

  #header span {
   font-size:1.7em;
   letter-spacing:5px;
   line-height:60%;
   color:#999;
   margin-left: 415px;
   margin-top: -50px;
   background-color:white;
  }
  
  #header img {
    margin-top:10px; 
  }

  #topnav a { color: #999; font-weight: normal; background:transparent; text-decoration:none; }
  #topnav a:focus,
  #topnav a:hover,
  #topnav a:active { text-decoration:underline; background-color: transparent;}


  #main {
  position:relative;
  background: #fff;
  padding:10px 0;  
  float:left; 
  background: #ffffff /*url("../images/peel.jpg") no-repeat bottom right*/;
  margin-bottom: 10px;
  width: 100%;
  z-index:1;
  }


/*--- 3 Spalten ------------------------------------------------------------------------*/
 /* #col1 wird zur mittleren Spalte */
  #col1 { width: 50%; float:left; margin-left: 25%; margin-top: 10px; margin-bottom: 10px;}
  #col1_content { padding-left: 0px; padding-right: 20px; }

  /*#col2 wird zur linken Spalte */
  #col2 {width: 25%; float:left;  margin-left: -75%; margin-top: 10px;}  /*width: 25%;*/
  #col2_content { padding-left: 20px; padding-right: 10px; max-height:520px; overflow:hidden; }

  /*#col3 wird zur rechten Spalte */
  #col3 {  float:right; width: 25%; margin-left: -5px; margin-right: 0%; margin-top: 10px;}
  #col3_content {
  /*padding-left: 20px;
  padding-right: 10px;*/
  padding-bottom: 20px;
  margin:0 auto;
  text-align:center;
  border-left: 1px #ccc dotted;
  }

  #footer {
  position:relative;
    color:#fff;
	background:url("../images/peel.gif") no-repeat scroll right bottom #27639D;
	margin-bottom: 10px;
    padding: 7px 0px;
    line-height: 0.9em;
	text-align: center;
	font: 12px Arial, Helvetica, sans-serif;
	}

  #footer a { color: #fff; background:transparent; font-weight: bold;}
  #footer a:focus,
  #footer a:hover,
  #footer a:active {color: #cccccc;; background-color: transparent; text-decoration:none;}

	
	#imprint {
	margin-right: 270px;
	}
	
	#impressum {
	margin-left: 270px;
	}
	
	#bogen {
	float: right;
	padding-right: 10px;
	margin-top: -11px;
	}
	
/*--- Headings | Überschriften ------------------------------------------------------------------------*/

  h1,h2,h3,h4,h5,h6 {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-weight:normal;
    color:#999999;
    margin: 0 0 0.25em 0;
  }

  h1 { font-size: 240%; }                       /* font-size: 260%: 33px */
  h2 { font-size: 200%; }                       /* 24px */
  h3 { font-size: 150%; }                       /* 18px */
  h4 { font-size: 133.33%; }                    /* 16px */
  h5 { font-size: 116.67%; }                    /* 14px */
  h6 { font-size: 116.67%; }                    /* 14px */
  

  body {
    font-family:  "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 80.00%;
    color: #444;
  }


  p { font-family: "Trebuchet MS"; line-height: 1.5em; margin: 0 0 1em 0; }

  blockquote, cite,q {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-style:italic;
  }
  blockquote { margin: 0 0 1em 1.6em; color: #666; }

  strong,b { font-weight: bold; }
  em,i { font-style: italic; }

  hr {
    color: #fff;
    background:transparent;
    margin: 0 0 0.5em 0;
    padding: 0 0 0.5em 0;
    border:0;
    border-bottom: 1px #eee solid;
  }

  /*--- Links ----------------------------------------------------------------------------------------- */

  a { color: #4D87C7; background:transparent; text-decoration:none; }
  a:visited  { color: #036; }

  a:focus,
  a:hover,
  a:active { color:#182E7A; text-decoration:underline; }


  .float_left { float: left; display:inline; margin-right: 1em; margin-bottom: 0.15em; }
  .float_right { float: right; display:inline; margin-left: 1em; margin-bottom: 0.15em; }
  .center { display:block; text-align:center; margin: 0.5em auto; }

   
   .invisible { position:absolute; left:-1000px; top:-1000px; width:1px; height: 1px; overflow:hidden; display:none;}
   
   
   /*------------------   Listen ----------------------------------------------------------------------------------*/
   #history { 
   font-size: 0.9em; 
   margin-top: 2em;
   margin-bottom: 2em;
   padding: 0 15px 20px 15px;
   list-style-image: url(../images/pfeil2.gif);
   text-align: left;
   }

   .liste{
   line-height: 27px;  /*22px*/
   padding-bottom: 10px;
   padding-left: 40px;
   list-style-type:none; 
   list-style-image: url(../images/pfeil2.gif);
   }


  .clearfix:after {
    content: ".";
    display: block;
    font-size:0;
    height: 0;
    clear: both;
    visibility: hidden;
  }
  .clearfix { display: block; }
  .floatbox { overflow:hidden; }
  #ie_clearing { display: none; }