/**
 * ISOE - Projekt CUVE
 *    
 * Basis CSS - reset, clearing, layout, debugging
 * 
 * @copyright       Petra von Rhein | www.wunderware.de
 * @lastmodified    2015-12-21
 * kleine Anpassungen 
 *   
 */
@media all
{
 /*------------------------------------------------------------------------------------------------------*/
 /**
  * @section browser reset
  * 
  */
   
  /* Reset  */
  html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  	margin: 0;
  	padding: 0;
  	border: 0;
  	outline: 0;
  	font-weight: inherit;
  	font-style: inherit;
  	font-size: 100%;
  	font-family: inherit;
  	vertical-align: baseline;
  }
  /* remember to define focus styles! */
  :focus {
  	outline: 0;
  }
  /* listen */ 
  ol, ul {
  	list-style: none;
  }
  /* tables still need 'cellspacing="0"' in the markup */
  table {
  	border-collapse: separate;
  	border-spacing: 0;
  }
  caption, th, td {
  	text-align: left;
  	font-weight: normal;
  }
  blockquote:before, blockquote:after,q:before, q:after {
  	content: "";
  }
  blockquote, q {
  	quotes: "" "";
  }
  
 /*------------------------------------------------------------------------------------------------------*/
 /**
  * Correcting Italics Bugs IE 5.x and IE 6
  *
  * @bugfix
  * @affected   IE 5.x/Win, IE6
  * @css-for    IE 5.x/Win, IE6
  * @valid      yes
  */
  * html body * { overflow:visible; }
  * html iframe, * html frame { overflow:auto; }
  * html frameset { overflow:hidden; }

  /* Erzwingen vertikaler Scrollbalken in Netscape, Firefox und Safari Browsern */
  html { height: 101%; }
  body {
  	line-height: 1;
    /* Beseitigung von Rundungsfehler beim Skalieren von Schriftgroessen in aelteren Opera Versionen */
    font-size: 100.01%;
    /* Vorgabe der Standardfarben und Textausrichtung  center top no-repeat */
    color: #404040;
    /* bg-old: #f9d28c; */
    background: #f4e4a9;
    text-align: left;
    font-family:Arial,Helvetica,sans-serif;
  }

  /* Rahmen fuer <fieldset> und <img> Elemente loeschen */
  fieldset, img { border: 0 solid; }

  /* Neue Standardwerte Listen, Zitate */
  ul, ol, dl { margin: 0 0 1em 1em }
  li { margin-left: 1.5em; line-height: 1.5em; }

  dt { font-weight: bold; }
  dd { margin: 0 0 1em 2em; }

  blockquote { margin: 0 0 1em 1.5em; }

 /*------------------------------------------------------------------------------------------------------*/

 /**
  * @section base layout | Basis Layout
  * r10 naviHome, intro
  * r20 naviMeta
  * r50 nav | content
  * r60 footer
  *               
  */

  /* gesamtbereich */
  #main {
    width: 982px;
    max-width: 982px;
    position: relative; 
    margin: 0 auto; 
    background:#fff;
  	}
  	
  /* r10 naviHome, intro */
  #r10 {
    width: 982px;
    height:215px;
    float:left;
    margin:0 0 0 0;
   background:#C50417;
    }
  
  #r1010 {
    width:270px;
    background:#fff;
    border-radius:.3em;
    margin:8em 0 0 2.5em;
    }

  #r1010 img {
    padding:0.5em; margin:0;
    }

  /* r20 naviMeta */ 
  #r20 {
    width:100%;
    float:left;
    text-align: right;
    padding:.5em 0 3em 0;
    /* background: url(bgNavMeta.png) 3px 0px repeat-y; */
  } 
    
  /* r50 navi| content */
  #r50 {
    width: 982px; 
    float:left;
    margin: 0 0 1.5em 0; padding:0;
    
    }
  
  #r5010 {
    width: 300px;
    float: left;
    margin:0 0 3em 0;
    padding: .3em 0 0 0;
    }
    
  #r5020 {
    width: 655px;
    float: right;
    text-align:left;
    }
  
  
  div.Content {
    margin:0.2em 5em 1em 0.5em;
    }
  
    
  /* r60 foerder */
  #r60 {
    width:980px;
    margin-bottom:3em;
    text-align: right;
    }
    
  #r60 img {
    margin:0 1em 2.5em 0;
    }
  /* Absicherung korrekte Positionierung  #r1010, #r1020, #r102010, #r10201010, #r10201020, #r102020, */
  #r10, #r20, #r30, #r40, #r50, #r60, #r70 { clear:both; }



 /*------------------------------------------------------------------------------------------------------*/

 /**
  * @section clearing methods
  */

  /* clearfix method for clearing floats */
   .clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
  }

  /* essential for Safari browser !! */
  .clearfix { display: block }

  /* overflow method for clearing floats */
  .floatbox { overflow:hidden }

  /* IE-Clearing: Only used in Internet Explorer, must be switched on in css */
  #ie_clearing { display: none }



 /*------------------------------------------------------------------------------------------------------*/

 /**
  * @section hidden elements 
  *
  * skip links and hidden content
  */

  /*  classes for invisible elements in the base layout */
  .skip, .hideme, .print {
    position: absolute;
    top: -1000em;
    left: -1000em;
    height: 1px;
    width: 1px;
  }

  /* make skip links visible when using tab navigation */
  .skip:focus, .skip:active {
    position: static;
    top: 0;
    left: 0;
    height: auto;
    width: auto;
  }

}