/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) Variation of screen layout (basemod.css) for layout example "2col_left_13"
 * (de) Variation des Screenlayouts (basemod.css) für Layoutbeispiel "2col_left_13"
 *
 * @copyright       Copyright 2005-2011, Dirk Jesse
 * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         3.3.1
 * @revision        $Revision: 501 $
 * @lastmodified    $Date: 2011-06-18 17:27:44 +0200 (Sa, 18 Jun 2011) $
 */

@media screen, projection
{
  /**
   * (en) Repositioning content container
   * (de) Neupositionierung der Content Container
   *
   * |-------------------------------|
   * | #header                       |
   * |-------------------------------|
   * | #col1   | #col3               |
   * | 25%     | flexible            |
   * |-------------------------------|
   * | #footer                       |
   * |-------------------------------|
   */

  /* Fixed width for left column | Fixe Breite für Linke Spalte */
  #col1 { width: 230px; }
  #col1_content { padding: 10px 0 0; }

  /* Hide right column | Rechte Spalte abschalten */
  #col2, #col2_content { display:none; }

  #col3 { margin-left: 230px; margin-right: 0; }
  #col3_content { padding: 10px 20px 0; }
/*
  #col3 { border-left: 1px solid #ddd; }
*/



  /** 
   * (en) Forcing vertical scrollbars in IE8, Firefox, Webkit & Opera 
   * (de) Erzwingen vertikaler Scrollbalken in IE8, Firefox, Webkit & Opera 
   *
   * @workaround
   * @affected IE8, FF, Webkit, Opera
   * @css-for all
   * @valid CSS3
   */

  body { overflow-y:scroll; }

  /*------------------------------------------------------------------------------------------------------*/
  
  /**
   * (en) Formatting YAML's  basic layout elements
   * (de) Gestaltung des YAML Basis-Layouts
   */

  /* (en) Marginal areas & page background */
  /* (de) Randbereiche & Seitenhintergrund */
  body { background-color: #ffffcc; padding: 0; }

  /* (en) Centering layout in old IE-versions */
  /* (de) Zentrierung des Layouts in alten IE-versionen */
  body { text-align: center; }
  .page_margins { text-align: left; margin: 0 auto; }

  /* (en) Layout:width, background, borders */
  /* (de) Layout:Breite, Hintergrund, Rahmen */

  .page_margins { min-width: 740px; max-width: 90em; background-color: #ffffcc; }
  .page_margins {
    border: 0 none;
    background-image:  url(../images/gfxborder/border_left.jpg);
    background-repeat:repeat-y;
    background-position:left;
  }
/*
.page_margins { width: 90em;  min-width: inherit; max-width: none; background: #fff; }
*/
  .page { padding: 0; }
  .page {
    border: 0 none;
    margin:0 0 0 5px;
    padding:10px 15px 10px 10px;
    background-image:  url(../images/gfxborder/border_right.jpg);
    background-repeat:repeat-y;
    background-position:right;
  }

  .border-top {
    overflow:hidden;
    width: auto;
    height: 25px;
    font-size:0;
    margin-bottom: -15px;
    background-image:  url(../images/gfxborder/border_top.jpg);
    background-repeat:repeat-x;
    background-position:top left;
  }

  .border-bottom {
    overflow:hidden;
    width: auto;
    height: 25px;
    margin-top: -15px;
    font-size:0;
    background-image:  url(../images/gfxborder/border_bottom.jpg);
    background-repeat:repeat-x;
    background-position:bottom left;
  }

  .edge-tl {
    float:left;
    width: 25px;
    height: 25px;
    font-size:0;
    background-image:  url(../images/gfxborder/corner_tl.jpg);
    background-position: top left;
  }

  .edge-tr {
    position:relative; /* IE Fix | z-index */
    float:right;
    width: 25px;
    height: 25px;
    font-size:0;
    background-image:  url(../images/gfxborder/corner_tr.jpg);
    background-position: top right;
  }

  .edge-bl {
    float:left;
    width: 25px;
    height: 25px;
    background-image:  url(../images/gfxborder/corner_bl.jpg);
    background-position: left bottom;
  }

  .edge-br {
    position:relative; /* IE Fix | z-index */
    float:right;
    width: 25px;
    height: 25px;
    background-image:  url(../images/gfxborder/corner_br.jpg);
    background-position: bottom right;
  }

  #header { background-image:url(../images/css-image/Hechtsheim2009-1080.jpg);
  background-repeat:no-repeat; vertical-align:middle; background-position: 50% top; height: 345px; }

  #header {
    color:#000;
/*    background: transparent repeat-x top left;
    padding:45px 2em 0 20px;*/
	position:relative;
  }

  
  #header .logo {
	position: absolute;
	padding: 0;
	margin: 0;
	height: 92px;
	width: 397px;
	margin-left: -1000em;
  }
  
  #header .logo span {
	position: absolute;
	top: 245px; left: 280px;
	background: url(../images/css-image/Logotext.png) center left no-repeat;
	height: 100%;
	width: 100%;
	margin-left: 1000em;
  }

  #header .wappen {
	position: absolute;
	padding: 0;
	margin: 0;
	height: 166px;
	width: 150px;
	margin-left: -1000em;
  }
  
  #header .wappen span {
	position: absolute;
	top: 170px; left: 40px;
	background: url(../images/css-image/Wappen-neu-150.png) center left no-repeat;
	height: 100%;
	width: 100%;
	margin-left: 1000em;
  }


  /* (en) #topnav gets absolute positioning within #header */
  /* (de) #topnav wird innerhalb von #header absolut positioniert */
/*
  #topnav { 
	background:transparent; 
  	color:#aaa; 
	position:absolute;
    top:10px;
    right:10px;
	text-align:right;
  }
*/
div#servicenav ul {
    font-size: 100%;
}



/* service navigation */
div#servicenav {
	float: right;
	padding: 0.09em 0 0.09em 0.45em;
	background: #ffffff;
	color: #0000ff;
	font-size: 93.8%;
/*	margin-right: 200px;*/
}
div#servicenav ul {
    padding: 0 0 0 .45em;
}
div#servicenav ul li {
    display: inline;
    line-height: 1.7em;
    margin: 0 0 0 -.9em; /* equalize whitespace between <li> tags */
    padding: .35em .45em .3636em;
}
div#servicenav li a:link,
div#servicenav li a:visited {
    color: #0000ff;
}
div#servicenav li a:hover,
div#servicenav li a:focus,
div#servicenav li a:active,
div#servicenav li.open a:link,
div#servicenav li.open a:visited {
    color: #000000;
}
div#servicenav li a:active {
    text-decoration: none;
}

/*
    SECTION: branding/header
*/
/* service navigation */
div#servicenav ul li {
    padding-bottom: .3em;
}

/* service navigation */
div#servicenav ul {
    display: inline;
}
div#servicenav ul li {
    padding-top: .15em;
    padding-bottom: .2em;
}

  /* (en) adjustment of main navigation */
  /* (de) Anpassung der Hauptnavigation */
  #nav ul { margin-left:20px; }

#teaser { clear:both; padding-top: 10px; }
#teaser { background: transparent url(../images/css-image/Logotext.png) no-repeat 240px center; height: 53px; }

  #main { background:#ffffcc; padding:10px 0 0; }
/*
  #footer {
    color:#666;
    background:#f9f9f9;
    padding:10px 20px;
    border-top:5px #efefef solid;
    line-height:1.5em;
  }
*/
#footer { color:#000000; line-height: 1.5em; padding-right: 30px; padding-left: 24px; }
  
div#footerfunctions,
div#footerstatus {
    
}
div#footerstatus { text-align: left; }
div#footertopofpage {
    width: 7em;
    float: right;
    text-align: right;
}
div#footertopofpage a {
    padding-left: 10px;
    background: url(../images/icon/icon_hoch.gif) no-repeat 0 4px;
}
div#footerfunctions,
div#footertopofpage {
    padding-top: 10px;
}

#popupclose img,
#popupfooter img,
div#footerfunctions img,
div#footertopofpage img,
div#footerstatus img {
    margin-right: 3px;
}

div#footerfunctions a.email {
    padding-left: 14px;
    background: url(../images/icon/icon_email.gif) no-repeat 0 3px;
}
#footer h2 {border-bottom: 1px #0000ff solid; margin-bottom: 0; padding-bottom: .75em;}
#footer h2 {border-top: 1px #0000ff solid; margin-top: 0; padding-top: .75em;}

  /* (en) Backup for correct positioning */
  /* (de) Absicherung korrekte Positionierung */
  #header, #nav, #main, #footer { clear:both; }

 /**
  * ------------------------------------------------------------------------------------------------- #
  *
  * (en) Styling of layout specific elements
  * (de) Gestaltung layoutabhängiger Elemente
  */
/*
  #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; }

  #footer a { color:#999; background:transparent; font-weight:bold; }
  #footer a:focus,
  #footer a:hover,
  #footer a:active {color:#4D87C7; background-color:transparent; text-decoration:underline; }
*/
 /**
  * ------------------------------------------------------------------------------------------------- #
  *
  * Skiplinks 
  *
  * (en) Visual styling for skiplink navigation
  * (de) Visuelle Gestaltung der Skiplink-Navigation
  *
  * @section content-skiplinks
  */
  
  #skiplinks a.skip:focus,
  #skiplinks a.skip:active { 
	color:#fff; 
	background:#333; 
	border-bottom:1px #000 solid;
	padding:10px 0;
	text-decoration:none;
  }

  /**
   * (en) Styling of equal heights elements
   */

  .example1 { margin-bottom: 1em; }

  .example1 .subc  { margin: 0 5px; padding: 0; }
  .example1 .subcl { margin: 0 10px 0 0; padding: 0; }
  .example1 .subcr { margin: 0 0 0 10px; padding: 0; }

  .example1 h6 { background: #600; color: #fff; text-transform:uppercase; font-weight:bold; padding: 5px 10px; }
  .example1 ul { margin: 10px 10px 10px 20px; }
  .example1 p { margin: 10px; }

  .example1 .subcl,
  .example1 .subcr,
  .example1 .subc {
    background: #f0f0f0;
    color: #666;
    padding-bottom: 100em;
    margin-bottom: -100em;
  }
  
  .box-top .c33l, .box-top .c100l, .box-top .c50l,
  .box-top .c33r, .box-top .c50r { background: url(../images/css-image/lframe.jpg) top left no-repeat; }

  .box-top .subcl,
  .box-top .subcr,
  .box-top .subc {
    padding: 20px;
    background: url(../images/css-image/rframe.jpg) top right no-repeat;
    padding-bottom: 100em;
    margin-bottom: -100em;
  }

  .box-bottom { margin-bottom: 1em; text-align:right; }

  .box-bottom .c33l, .box-bottom .c100l, .box-bottom .c50l,
  .box-bottom .c33r, .box-bottom .c50r { background: url(../images/css-image/lframe.jpg) bottom left no-repeat; }

  .box-bottom .subcl,
  .box-bottom .subcr,
  .box-bottom .subc {
    padding: 0 20px 40px;
    background: url(../images/css-image/rframe.jpg) no-repeat right bottom;
  }

  /* adjustment of conent elements within the boxes */
  .box-top h6 { display: block; margin: 10px 5px 5px 5px; border-bottom: 1px #c88 solid; font-style:normal; font-variant:small-caps; }
  .box-top p { padding: 5px; margin-bottom: 0;}

}

}
.class { }