* {
margin: 0;
padding: 0;
}
			
body{
    background:#ffffff;
    color:#000000;
    margin-top:0px;
    padding:0px;
    font-family: Georgia,Verdana,Sans-Serif;
}

.area {
	border:solid 1px  #AAAAFF;
	margin:3px;
}

	#frame {
		width:800px;
		margin-right:auto;
		margin-left:auto;
		margin-top:0px;
		padding:0px;
		text-align:left;
		}
		
			a{color:#DE7008;}
			a:hover{color:#E0AD12;}
			
		    
		    
		    #header {		    	
				width:800px; 
				height:200px;
				background:url(http://www.inpc.de/photos/titelbilder/mechanik-blau-sinus-title.jpg) no-repeat right #FFFFFF;
				padding-top:0px;
                                margin-bottom: 20px;
				vertical-align:bottom;
				text-align:right;
			}
				
			#header h1 {
			    padding-right:10px;
			        padding-top:10px;
				color:white;
				font: 266% Verdana,Sans-Serif;
				font-weight: bold;
			}
			
			#header :link {
			    color:white;
			}
			
			#header :visited {
			    color:white;
			}
			
			#header p {	
			     padding-right:10px;
		    	color:white;
		    	font: bold 80% Verdana,Sans-Serif;
		    	text-align:right;
		    }
		    
		    #leftcontent {
		float:left;
		width:67%;
		background:#fff;
		margin-right:15px;
		padding-bottom:20px;
		}

	#rightcontent {
    text-align: right;
    float:right;
    
		}
		
		#rightcontent h6 {
			margin-top:12px;
			margin-bottom: 6px;
		}
		
		#rightcontent ul{margin:0px 0px 33px 0px;padding:0px 0px 0px 0px;list-style-type:none;font-size:95%;}
	#rightcontent li{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;list-style-type:none;font-size:105%;}
		#rightcontent ul a{padding:2px;margin:1px;width:100%;border:none;color:#999999;text-decoration:none;}
			#rightcontent ul a:link{color:#555555;}
			#rightcontent ul a:visited{color:#999999;}
			#rightcontent ul a:active{color:#ff0000;}
			#rightcontent ul a:hover{color:#DE7008;text-decoration:none;}
			
			h2{border-bottom:solid 1px #FF4500;color:#FF4500;background:#FFFFFF;font: 110% Verdana,Sans-Serif; margin-top: 5px;}
			h3{border-bottom:solid 1px #cccccc;color:#666666;font-size:90%;text-align:left;}
			h4{color:#aa0033;}
			h6{
				color:#FF4500; 
				font: 110% Verdana,Sans-Serif;
				text-align:right;
			}
			
			.blogPost{margin:0px 6px 30px 5px;font-size:100%;text-align:left;}
			.blogPost strong{color:#000000;font-weight:bold;}
			.blogPost ul li { margin: 1em;}
            p {text-align:left; font-size: 11pt; margin-top: 10pt;}
	
			pre,code{color:#999999;}
			strike{color:#999999;}
			.bug{padding:5px;border:0px;}
			.byline{padding:0px;margin:0px;color:#444444;font-size:80%;}
			.byline a{border:none;color:#FF4500;text-decoration:none;}
			.byline a:hover{text-decoration:underline;}
.media{padding:3px;margin:2px;color:#333333;font-size:80%;text-align:right}
                        .specialbox {border: 1px solid;} 
                        .cite {background:#DDDDDD;font-style:normal;margin-left:20px; padding: 5px;}
blockquote {background:#DDDDDD;font-style:normal;margin-left:20px; padding: 5px;}                         
                        cite {background:#DDDDDD;font-style:normal;margin-left:20px; }
                        #copyright { font-size:9pt; text-align: center; border-top:solid 3px #FF7F50; margin-top: 3px;}
.update {
	border:3px dotted lightgreen;
}