@charset "utf-8";


/*allgemein*/

* 	{padding: 0; margin: 0;}
html {overflow-y: scroll;}

article, aside, details, figcaption, figure, footer, header, 
hgroup, main, nav, section, summary {
display: block;}


body	{
		font-family: Arial, Helvetica, sans-serif;
		color:#000000;
		background-color:#fffff0;
		box-sizing: border-box;
		}
		

#wrapper{ 
		max-width:1055px;
		min-width:500px;
		margin:20px auto auto 20px;
		box-sizing:border-box;
		}

/* kopfzeile */

#header	{
		width:100%;
		height: 3.2em;
		border-bottom: 1.5px solid ;
		position: relative;
		background-color:#fffff0;
		}

	
nav.naviga {
		position:absolute;
		top:2em;
		right:10px;
		font-family:Arial, Helvetica, sans serifs;
		font-size:1em;
		letter-spacing:0.4em;
		white-space:nowrap;
		}
				
nav.naviga li{
		list-style: none;
		display:inline-block;
		}
		
a.naviga	{
		padding: 0px 20px 10px 20px;
		text-decoration: none;
		
		}
/* main*/
		
#container {
		border-top: 1px solid #000000;
		box-sizing: border-box;
		padding: 10px;
		}

#container-vita {
		border-top: 1px solid #000000;
		padding: 0px 10px 20px 10px;
		box-sizing: border-box;
		display:flex;
		display: -webkit-flex; 
		-webkit-flex-direction:row;
		flex-direction:row;
		}

/*intro*/
  
p.intro-img	{text-align:center;
		padding: 2.5em 0 0 0;
		}


/*--work--*/			

figure img {border-radius:4px;
			width:100%;
			}

figcaption	{
		font-family:Arial, Helvetica, sans serifs;
		text-align:left;
		padding:0.2em 1em 2em 0px;
		font-size:0.7em;
		}
		
	
		
/*--vita--*/		
		
article.vita{
		-webkit-flex:1;
		flex:1;
		font-family:Arial, Helvetica, sans serifs;
		font-size: 1em;
		letter-spacing: 1px;
		padding-right: 2em;
		padding-top: 2em
		}
		

p.vita{
		text-align:left;
		padding:  1em 1.5em 3em 1.5em;
		max-width: 40em;
		min-width: 40em;
    		padding-left: 3em;
		}
h2{		
		width:100%;
		font-size: 1em;
		letter-spacing:0.2em;
		font-family:Arial, Helvetica, sans serifs;
		text-align:left;
    		padding-left: 2em;
		}		

p.vita-bild	{
		float: right;
		padding-bottom: 0;
    
		}
	
p.vita-bild img{
		padding-bottom: 0.1em;
		}

/*info*/

article.info{
		-webkit-flex:1;
		flex:1;
		font-family:Arial, Helvetica, sans serifs;
		font-size:1em;
		letter-spacing: letter-spacing:0.2em;
		padding-right: 2em;
		}
		
p.info{
		text-align:left;
		padding: 0.5em 1.5em 4em 3em;
		max-width: 40em;
		}

p.daten{
		text-align:left;
		padding: 0.5em 1.5em 4em 4em;
		font-size:0.7em;
		}		

p.info-img	{
		text-align:left;
		padding-bottom:0;
		}
	

/* fussbereich*/
		
footer {
		width:100%;
		background-color:#ffffff0;
		font-size:0.9em;
		letter-spacing:0.2em;
		height: 2.2em;
  		font-family:Arial, Helvetica, sans serifs;
		text-align:center;
		box-sizing: border-box;
		border-bottom: 1.5px solid #000000;
		border-top: 1.5px solid #000000;
		padding-top: 0.3em;
		white-space:nowrap;
		}

		


/*links*/
		
a		{
		color: #000000;
		text-decoration:none;
		}
		

		
a.klein	{ 
		font-weight: normal;
		text-decoration:none;
		font-family:Arial, Helvetica, sans serifs;
  		text-align: left;
  		color:#000000;}

a.footerklein	{ 
		font-weight: normal;
		text-decoration:none;
		font-family:Arial, Helvetica, sans serifs;
  		text-align: left;
  		color:#000000;}
  		
a.info	{ 
		font-weight: normal;
		text-decoration:none;
		font-family:Arial, Helvetica, sans serifs;
  		color:#000000;}