@import url(../css_new/navigation/nav_vlist.css);

  html { height: 100%; margin-bottom: 1px; }
  body {
    
 
    background: #FAFAFA; 
    padding: 10px 0;
    text-align: left;
    
    font-size: 75.00%;
    margin: 0 auto 0 auto;
	
 }
  #header {
	color: #000;
   
	padding: 7px 0 0 24px;
	height: 240px;
	
	
  }
  #wrapper2{
margin: 0 auto;
padding: 0 30px 30px 30px;
min-width: 750px;
max-width: 900px;
}



#col_left { 
	width: 200px;
	float: left;
	margin-top: 20px;
}

#col_lft_content { 
	padding-left: 0px; padding-right: 10px; 
}

#col_right { 

	
	margin-left: 170px;
	margin-top: -50px;
	padding-top: 50px;
	
}
#blurb { 
	 
	padding : 20px 40px 10px 60px
	}

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

  /* (en) essential for Safari browser !! */
  .clearfix { display: block; }

  /* (en) overflow method for clearing floats */
  .floatbox { overflow:hidden; }

  /* (en) IE-Clearing: Only used in Internet Explorer, switched on in iehacks.css */
  #ie_clearing { display: none; }
  
  /**
  * @section hidden elements | Versteckte Elemente
  * @see     http://www.yaml.de/en/documentation/basics/skip-links.html
  * (en) skip links and hidden content
*/

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

  /* (en) make skip links visible when using tab navigation */
  .skip:focus, .skip:active {
    position: static;
    top: 0;
    left: 0;
    height: auto;
    width: auto;
  }
  
  
  
  #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: 80em; }
  #page{ padding: 10px; }
  
  #main { padding: 30px 0; }

 #footer { 
    padding: 10px 20px;
	}

 #footer img { 
 float: right;
 border: 0;
}
  
  /**
   * (en) Repositioning content container
   * (de) Neupositionierung der Content Container
   *
   * |-------------------------------|
   * | #header                       |
   * |-------------------------------|
   * | #col3   | #col1               |
   * | flexible| 75%                 |
   * |-------------------------------|
   * | #footer                       |
   * |-------------------------------|
   */

  /* left column | linke Spalte */
  #col1 { width: 75%; float:right;}
  #col1_content { padding-left: 24px; padding-right: 120px; }

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

  #col3 { margin-right: 75%; margin-left: 0; }
  #col3_content { padding-left: 0px; padding-right: 10px; }

/* end of orig. layout styles */
#login{
	
	width: 36px;
	height: 27px;
	position: relative;
	top: -196px;
	left: -1px;
	border: none;

}

 .sans_serif {
 	font-family: Verdana, Helvetica, Arial, sans-serif;
 }
 .serif {
 	font-family: georgia, "times new roman",times,serif;
 }
 

  h1 { 
  	font-family: Verdana, Helvetica, Arial, sans-serif;
  	font-size: 1.6em; 
  	margin: .6em 0 1em 0;
  	font-weight: bold;
  }
 
 
 
 h2 { 
 	font-family: Verdana, Helvetica, Arial, sans-serif;
 	font-size: 1.2em; 
 	margin: .6em 0 1em 0;
 	font-weight: bold;
 }  
 h3{
 	font-family: Verdana, Helvetica, Arial, sans-serif; 
 	font-size: 1.1em; 
 	margin: .6em 0 1em 0;
 	font-weight: bold;
 
 }

  p {  
  	
  	margin: 0; 
  	font-family: Verdana, Helvetica, Arial, sans-serif;
  	font-size: 1em; 
  }
  
.alarm{
	font-family: georgia, "times new roman",times,serif; 
 	font-size: 1.2em; 
 	
 	font-weight: bold;	
	color: #8B1A1A;
}
  
  
  a {text-decoration:underline; }
  a:focus,
  a:hover,
  a:active {text-decoration:underline; }

embed{
	background-color: transparent;
}
fieldset{
	background-color: #9f9;
}

/* footer */
#arrow{
 width: 21px;
 height: 13px;
 background: transparent;
 position: relative;
 top: 0;
 left: 95%;
}

#arrow_top{
 width: 4px;
 height: 4px;
 position: absolute;
 top: 0;
 left: 8px;
}
#arrow_middleL{
width: 4px;
 height: 4px;
position: absolute;
 top: 4px;
 left: 4px;
}
#arrow_middleR{
width: 4px;
 height: 4px;
position: absolute;
 top: 4px;
 left: 12px;
}
#arrow_bottomL{
width: 4px;
 height: 4px;
position: absolute;
 top: 8px;
 left: 0px;
}
#arrow_bottomR{
width: 4px;
 height: 4px;
position: absolute;
 top: 8px;
 left: 16px;
}

.blocked{
display:block;
width:100%;
text-decoration:none;
}