html * { font-size: 100.01% }

/* #### TEXT #### */
 body {
    font-family: Arial,Verdana,Helvetica,sans-serif;
    font-size: 14px; 
    color: #fff;  
	letter-spacing: 0.5px;
    text-align: left;
	background: transparent url("../images/body-bg.jpg") top left;
	padding: 15px 0px; 
	margin:0;
  }
  
  .lightgreen { color:#bcdc3a; padding-left:130px;}
  
  h1,h2,h3,h4,h5,h6 { 
  	font-family: Arial,Verdana,Helvetica,sans-serif;
  	font-weight:bold; 
  	color:#aac6ff;
    padding: 0px 0 15px 0;  margin:0;
	text-transform: uppercase; 
	text-align:left; 
  }

  h1 { 
  	padding: 6px 0px 25px 0;  
	color:#9bbb1d;
	font: 60px/60px Arial, Helvetica, sans-serif; }

  h1.leistungen { 
	font: 40px/40px Arial, Helvetica, sans-serif; 
	}
	
  h2 { 
  	padding: 2px 0 0 0px;
	color:#fff; 
	 
	font: 48px/48px Arial, Helvetica, sans-serif; }
	
  h3 { 
  	padding: 10px 10px 2px 10px; 
	color:#fff; 
	font: 22px/24px Arial, Helvetica, sans-serif; }
  
  .col_right h3 { 
  	padding: 20px 0px 5px 0px; }
	
  h4 { 
  	padding: 10px 0px 2px 0px; 
	color:#fff; 
	font: 18px/24px Arial, Helvetica, sans-serif; }
 
  a { 
  	color: #bcdc3a; 
	text-decoration:none; }
	
  .col_right a { font-weight:bold; }
  
  a:focus,
  a:hover,
  a:active {
	color: #9bbb1d; 
	text-decoration:underline; }
  
  img { border:0; }
  
  #logo {
    left: 260px;
    position: relative;
    top: -75px; }
	
  .col_left p { margin:0 10px; color:#fff; }
  .col_left ul, .col_left ol, .col_left dl { margin:0 10px 5px 10px; color:#fff; padding:1px 5px 1px 30px; }
  .col_right ul { padding-bottom:10px; }

  p { line-height: 1.3em; margin: 0; padding:0 0 10px 0; }
 
  ul, ol, dl {  margin: 0 0; }
  
  ul.leistungen-liste { 
  	margin:0 0 15px 0;
	padding:0 0 0 20px;
	list-style-type: circle; }
	
  li { margin:0; padding:0;  }
  .col_right li { padding:0px 0 3px 0px }
   .err_msg { border:0; }

/* ##### Layout ###### */

  
  #page_margins { 
  	background: transparent; 
	margin:0 auto; }
  
  #page { 
  	padding:0px; 
	width:980px; 
	margin:0 auto; }
  
  #header {
	   position:relative;
	   width:980px;
	   height:139px;
	   padding:0;
	   margin:0 auto;
	   color:#fff;
	   background: transparent url("../images/header-corner.png") no-repeat top left;
	   overflow:hidden; }

  #header:before {
    background: none repeat scroll 0 0 transparent;
    border-color: #FFFFFF transparent #FFFFFF #FFFFFF;
    border-style: solid;
    border-width: 0 132px 132px 0;
    content: "";
    display: block;
    position: absolute;
    right: 7px;
    top: 8px;
    width: 102px; /* Firefox 3.0 damage limitation */ }
  
  #subheader { 
  	width:964px; 
	height:319px;
	padding:0px 8px; 
	background: transparent url("../images/margin-bg.png") repeat-y top left;}
	
  #subheader_front { 
  	width:980px; 
	height:319px;
	padding:0px; 
	background: transparent url("../images/subheader-front.jpg") no-repeat bottom left;}
	
  #main { 
	background: transparent url("../images/margin-bg.png") repeat-y top left; 
	padding:0px;
	margin:0 auto; 
	width:980px;
  }
  
  #main_content { 
	background: transparent url("../images/main-content-bg.png") repeat-y top left; 
	padding:0px 0px;
	margin:0px 8px; 
	width:964px;
  }
  
  .main_menu_list { width:230px; }
  
  .col_left { 
  	background: transparent url("../images/col-left-bg.png") top left;
	border-right:4px solid #585858; 
	float: left;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 250px; 
	min-height: 510px; }

  .col_left.fortbildung_left { min-height:780px; }
  .col_left.impressum_left { min-height:700px; }
  .col_left.leistungen_left { min-height:795px; }
  .col_left.referenzen_left { min-height:1085px; }
  
  .contactData { 
  	display:inline-block;
 	width:50px; }
	
  .contactDataWide { 
  	display:inline-block;
 	width:100px; }
	
  .col_right { 
  	padding:0px 20px;
	margin:0 0 0 254px; 
	display:block; }
	
  .col_right img {
	  float:left;
	  margin:5px; }

  #footer {
	background: url("../images/footer-bg.png") repeat-y scroll left bottom transparent;
    height: 37px;
    margin: 0 auto;
    padding: 0;
    width: 980px; }

/* ------ Main Menu ---------- */
  
  ul.main_menu_list { 
  	list-style-type: none; 
	margin:0; 
	padding: 5px 0 20px;  }
	
  ul.main_menu_list li {
	margin:2px 0px; }
	
  ul.main_menu_list li a { 
    display:block;
	font-size:1.1em;
  	padding:6px 10px 6px 50px; 
	margin:0 0 10px 0; 
	background:#9bbb1d; 
	border-width:2px 2px 2px 0;
	border-radius:0 0 8px 0;
	-moz-border-radius:0 0 8px 0;
	border-color:#eee;
	border-style:solid;
	text-align:right;
	text-transform:uppercase;}
	
  ul.main_menu_list li a:hover { 
  	-moz-box-shadow: 0px 0px 6px #fff;
	-webkit-box-shadow: 0px 0px 6px #fff;
	box-shadow: 0px 0px 6px #fff;
	background:#bcdc3a;
	text-decoration:none;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=0, Color='#fff')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=0, Color='#fff');
 }
	
  ul.main_menu_list li a { color:#212121; text-transform:uppercase;  }
  ul.main_menu_list li a:hover { color:#000; }
  
/* ------ Footer Menu ---------- */  
  
  ul.footer_menu_list { 
  	list-style-type: none; 
	margin:0; 
	padding: 3px 0 20px;  }
	
  ul.footer_menu_list li { 
    float:left; }
	
  ul.footer_menu_list li a { 
    display:block;
  	padding: 3px 5px 10px 21px; 
	margin:0 10px 0; 
	background:transparent;
	text-transform:uppercase; }
	
  ul.footer_menu_list li a:hover { 
  	color:#bcdc3a;
	text-decoration:none; }
	
  ul.footer_menu_list li a { color:#212121; text-transform:uppercase;  }
  ul.footer_menu_list li a:hover { color:#000; }
  
  #header img.logo { position:absolute; bottom:0px; top:0px; left:20px; padding:0; margin:0; }
 
  .col_right p { padding:0 0px 15px 0px; }
  
  .clear_both { clear:both; }
  
  a.facebook {
    background: url("../images/facebook_color_16x16_grey.png") no-repeat scroll 0 0 transparent;
    color: grey;
    display: block;
    height: 20px;
    padding: 1px 0 0 23px;
    width: 70px; }
	
  a.facebook:hover {
    background: url("../images/facebook_color_16x16.png") no-repeat scroll 0 0 transparent;
    color: grey;
    display: block;
    height: 20px;
    padding: 1px 0 0 23px;
    width: 70px; }
		
  a.xing {
    background: url("../images/xing-logo.png") no-repeat scroll 0 0 transparent;
    color: grey;
    display: block;
    height: 20px;
    padding: 1px 0 0 43px;
    width: 70px; }