body  {
    	margin: 0; 
    	padding: 0;
    	text-align: center; 
    	color: #666;
		font-family:Arial, Helvetica, sans-serif;		
		font-size:70%;
		background:url(images/bg-blue.gif) left top repeat-x;		
	}	
	
    #container { 
    	width: 950px;  
    	background: #FFFFFF;
    	margin: 33px auto; 
    	text-align: left; 
    } 
   #header {     	
    	padding:0px;
		height:90px;  
		background: transparent url(images/logos/up-consulting-blue.gif) left top no-repeat;		
    }
	#top-menue {float:right; margin-top:40px;}
	#top-menue ul { list-style:none; margin-right:15px;}
	#top-menue li { color: #fff; float:left; }
	#top-menue li a { display:block; float:left; height:30px; line-height:29px; color:#333; text-decoration:none;text-align:center; padding:0px 0px 0px 20px;} 
	
	#head-pics-1 { padding:0px; height:150px; background: transparent url(images/header/bl-1.jpg) left top no-repeat;}
	#head-pics-2 { padding:0px; height:150px; background: transparent url(images/header/bl-philosophie.jpg) left top no-repeat;}
	#head-pics-3 { padding:0px; height:150px; background: transparent url(images/header/bl-unternehmensberatung.jpg) left top no-repeat;}
	#head-pics-4 { padding:0px; height:150px; background: transparent url(images/header/bl-personalberatung.jpg) left top no-repeat;}
	#head-pics-5 { padding:0px; height:150px; background: transparent url(images/header/bl-seminare.jpg) left top no-repeat;}
	#head-pics-6 { padding:0px; height:150px; background: transparent url(images/header/bl-jump.jpg) left top no-repeat;}
        
    /*************************************** Linker Bereich */
	
	#sidebar1 {
    	float: left; 
    	width: 200px;     	
    	padding:45px 0;		
		height:530px;		
    }
    #sidebar1 p {
    	margin-left: 10px; 
    	margin-right: 10px;
    }
	
   *html #sidebar1 { padding-top: 30px; }
   
    /***************************************** Rechter Bereich */
   
   #sidebar2 {
    	float: right; 
    	width: 180px;
		height:250px;
    	border:1px dotted #ccc;
    	padding: 15px 0; 
		margin-top:50px;
		margin-left:20px;
		 background-color:#e5eaef;
		
    }
	 #sidebar2 p {
    	margin-left: 10px; 
    	margin-right: 10px;
    }
   
   /***************************************** Menue */
    
	#menue { width:200px;  margin-top:10px; margin-left:20px;}
	#menue ul {
	list-style: none;
	margin:0px;
	padding: 0;
	border: none;
	}
	#menue ul li {
	border-bottom:1px dotted #fff;margin: 0;
	background-color:#d0d8e2;
	}
	#menue li a {
	margin: 0;display: block;padding: 5px 2px 3px 10px;color: #666;text-decoration: none;
	}

	#menue li a.active { padding:5px 2px 3px 7px; font-weight:bold; border-left:3px solid #c06; background-color:#e5eaef;}
	#menue li a:hover {  border-left:3px solid #c06; padding-left:7px; background-color:#e5eaef;}

	#menue ul ul li { border-bottom:none; background-color:#f3f5f8;}
	#menue ul ul li.e2 a { margin:0; display: block; padding: 5px 2px 3px 20px; text-decoration: none;font-weight: normal;}
	#menue ul ul li.e2 a:hover { margin:0px; padding-left:17px;  background-color:#e5eaef;}	
	#menue ul ul li.e2-active a{text-decoration: none; padding-left:17px; font-style:italic; border-left:3px solid #c06; background-color:#e5eaef;}
	#menue ul ul li.e2-active a:hover { padding-left:17px;}	
   
    /***************************************** Content */
      
   *html #mainContent { zoom: 1; padding-top: 15px; } 
       
   #mainContent { 
    	margin: 50px 20px 0 26%; /* Der rechte Rand kann in Prozent oder Pixel angegeben werden. Durch ihn entsteht der Abstand am rechten Seitenrand. */
    } 
   
   #mainContent p{ line-height:1.5em;  } 
		
   h1 { font-size:120%; color:#0f3569;}
   h2 { font-size:110%; color:#0f3569;}
   h3 { font-size:100%; color:#0f3569;}
   strong { color:#666;}
   
 	hr {height: 1px;border: 0 none; border-top: 1px dotted #543f0d;}
   
	a:link { text-decoration:none; color:#c06;}
	a:visited {text-decoration:none; color:#c06;}
	a:hover { color:#c06; text-decoration:none;}
	a:focus { color:#c06; text-decoration:none;}
   
   #mainContent ol li { line-height:1.5em;}
   
    #mainContent ul li { margin-left:-10px; line-height:1.5em}
   
   
   table,td {border: 1px solid #ccc; border-collapse: collapse;}
	table{border:none;border:1px solid #ccc;}
	caption {padding:5px 0px; border-top: 1px solid #ccc; text-align:left; font-weight:bold; color:#666;}
	thead th, tbody th {background:#e7eedd;padding: 5px 5px; border-left: 1px solid #ccc; text-align: left;  color:#666;}
	tbody th{background: #e7eedd;border-top: 1px solid #ccc;text-align: left;}
	tbody tr td{padding: 7px 5px;color: #666;vertical-align:top;}

	tbody tr.bg-gray {padding: 7px 5px;color: #666;vertical-align:top; background-color:#f4f4f4;}
	
	.teaser-left { width:220px; height:250px; border:1px dotted #069; float:left;}
	.teaser-left p { margin:10px;}
	.teaser-right { width:245px; height:250px; border:1px dotted #069; float:left; margin-left:30px;}
	.teaser-right p { margin:10px;}
   
   
    /*************************************** Verschiedene wieder verwertbare Klassen */
    .fltrt { float: right;	margin-left: 8px; }
    .fltlft {float: left; margin-right: 8px; }
	
    .clearfloat { 
    	clear:both;
        height:0;
        font-size: 1px;
        line-height: 0px;
    }
	
	.left-title { width:120px; float:left;}
	
	.jump { color:#c06; font-weight:bold;}
	
	.download {
		background-image: url(images/icon_pdf.gif);
		background-repeat: no-repeat;
		background-position: left center;
		padding-left: 18px;
		font-size:1em;
	}
	
	.print {
		background-image: url(images/print.gif);
		background-repeat: no-repeat;
		background-position: left center;
		padding-left: 20px;
		font-size:1em;
	}
	
	 /*************************************** Footer */
   
   #footer {    		
    	padding: 0 10px; /* Diese Auffüllung entspricht der linksbündigen Ausrichtung der Elemente in den divs, die darunter erscheinen. */
    	background:#f4f4f4;
    } 
   #footer p {
    	margin: 0; /* Wenn Sie die Ränder des ersten Elements in der Fußzeile auf 0 einstellen, können Sie unerwartete Abstände zwischen divs vermeiden. */
    	padding: 10px 0; 
    }