/**
    * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
    * http://cssreset.com
    */
    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, img, ins, kbd, q, s, samp,
    small, strike, strong, sub, sup, tt, var,
    b, u, i, center,
    dl, dt, dd, ol, ul, li,
    fieldset, form, label, legend,
    table, caption, tbody, tfoot, thead, tr, th, td,
    article, aside, canvas, details, embed,
    figure, figcaption, footer, header, hgroup,
    menu, nav, output, ruby, section, summary,
    time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    }
    /* HTML5 display-role reset for older browsers */
    article, aside, details, figcaption, figure,
    footer, header, hgroup, menu, nav, section {
    display: block;
    }
    body {
    line-height: 1;
    }
    ol, ul {
    list-style: none;
    }
    blockquote, q {
    quotes: none;
    }
    blockquote:before, blockquote:after,
    q:before, q:after {
    content: '';
    content: none;
    }
    table {
    border-collapse: collapse;
    border-spacing: 0;
    }
    
    
    /*
    *
    * CSS Style for minimal Homepage of Johannes Holst
    * code: beryll Winkelmann
    *
	*/
    
    
    html, body {
    color: #003640;
    font-size: 1.1em;
    font-family: 'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif;
    font-weight: 200;
	line-height: 1.3em;
	letter-spacing: .1em;
	}
    
    
    p {
    padding: 10px 0;
    }
    
    a {
    text-decoration: none;
    color: #666;
    }
    
    
    #content {
    max-width: 720px;
    margin: 0px auto;
	margin-top: 100px;
    }
    
    .left{
    width: 35%;
    float:left;
    text-align: right;
    margin: -15px 0;
    }
    
    .right {
    width: 55%;
    float: right;
    padding: 0 20px;
    border-left:2px solid;
    }
    
    
    @media all and (max-width: 680px) {
		#content {width:auto;
				float: none;}
			
		.left {
				width:auto;
				float: none;
				text-align: left;
				padding: 0 10px;
		}		
		.right {
				width:auto;
				float:none;
				margin: 20px 0;
				padding: 0 10px;
				border: none;	}	
				
		#impressum {font-size: .8em;}		
		}
    
    
    #footer{
    overflow:auto;
    position: fixed;
    bottom: 10px;
    width: 600px;

    text-align: center;
    color: #777;
    font-size: .8em;
    }		
    
    
    h1 {
    font-size: 2.7em;
    line-height: 1em;
    letter-spacing: .1em;
    }
    
    
    h3 {
    font-size: 1.4em;
    margin: 8px 0;
    }