body                { width: 100%; height: 100%;
                      color: #000; 
                      font-size: 1em; font-family: Segoe, Segoe UI, Segoe WP, Arial, Verdana, Tahoma, SunSans-Regular, Swiss, Geneva, Helvetica; 
                      background-color: #ccc;
                      text-align: center; 
                      margin: 0px; padding: 0px;
                      overflow: hidden; }

body                { scrollbar-3dlight-color: #999; 
                      scrollbar-arrow-color: #999; 
                      scrollbar-base-color: #999; 
                      scrollbar-darkshadow-color: #999; 
                      scrollbar-face-color: #eee; 
                      scrollbar-hilight-color: #eee; 
                      scrollbar-shadow-color: #eee  } /**/

a:link              { color: #333; text-decoration: underline; }

p                   { text-align: left; 
                      text-indent: 0px; 
                      font-size: 1.0em;
                      margin: 0px; 
                      padding: 0px 0px 0px 0px; }
						  
h1                  { color: #333; 
                      font-weight: 900; 
                      font-size: 1.7em; 
                      line-height: 1em; 
                      text-align: left; 
                      margin: 0px; padding: 0px; }
						  
h2                  { color: #333; 
                      font-weight: bold; 
                      font-size: 1.3em; 
                      text-align: left; 
                      vertical-align: bottom;
                      margin: 5px 0px 0px 0px; 
                      padding: 0px; }
						  
h3                  { color: #666; 
                      font-weight: 100; 
                      font-size: 1.2em; 
                      margin: 0px; 
                      text-transform: uppercase;
                      padding: 8px 0px 0px 0px;
                      display: block; }
						  
img                 { border: 0px; }

img.at              { position: relative;  top: 4px; }


/*
div, header, footer, section     { border: dotted 1px blue;  }
div:before, header:before, footer:before  {color: #000; font-weight: normal; font-size: 8pt; content: "("attr(id)attr(class)")" }
span { border: dashed 1px green }
img  { border: dashed 1px red }
table, td { border: dashed 1px silver }
div h4 {background-color: #ccc;}
/**/

/*Allgemein*/
.kleiner            { font-size: 0.75em; 
                      font-weight: lighter; }
						  
.Verstecken         { visibility: hidden; }
.Ausblenden         { display: none; }

/*Inhalt*/
#Inhalt             { position: absolute;
                      left: 50%; top: 0px;
                      max-width: 980px;
                      min-width: 720px;
                      width: 80%; height: 100%;
                      margin: 0px;
                      margin-left: calc(-1 * (360px + 10%));
                      background-color: #fff; }

#Person             { position: absolute;
                      left: 65%; top: 16%;
                      width: 30%; height: auto; 
                      margin: -5px 0px 0px 0px;
                      padding: 0px 0px 0px 0px;
                      z-index: 10;
                      color: #039;
                      text-align: left;
                      font-size: 1.1em;
                      line-height: 1.3;
                      overflow: auto;
                      display: block; }

/*Visitenkarte Text*/
#Name               { margin: 0px 0px 31px 0px;
                      font-weight: bold; }

#Beruf              { /*margin: 0px 0px 55px 0px;*/
                      margin: 0px 0px 75px 0px;
                      font-weight: 100; 
                      font-size: 0.85em; }

#Anschrift          { margin: 0px 0px 0px 0px;
                      font-weight: 100; 
                      font-size: 0.85em; }
                      
#Copyright			{ float: right; }

#DatenTitel			{ position: absolute;
					  top: calc(16% + 270px); 
					  left: 21%;
					  width: 80%; }
					  
#Daten				{ position: absolute;
					  top: calc(16% + 310px); 
					  left: 20%;
					  width: calc(80% + 17px); 
					  height: calc(0.55 * (100% - 270px));
					  overflow: auto; 
					  text-align: left; }

#Anschrift p        { margin: 0px 0px 5px 0px; }

#Bild               { position: absolute;
                      right: 38%; top: 16%;
                      width: 400px; height: auto; 
                      margin: 0px 0px 0px 0px;
                      padding: 0px 0px 0px 0px;
                      z-index: 10;
                      font-size: 1.0em;
                      line-height: 1.35;
                      overflow: auto;
                      display: block; }

#Bild img           { width: 100%; 
                      /*border-top-left-radius: 40px;
                      border-bottom-right-radius: 40px;*/}


/*Seitenfuss*/
footer              { position: absolute;
                      bottom: 0px; left: 20%;
                      width: 70%; height: 30px;
                      margin: 0px 0px 0px 0px;
                      padding: 0px 0px 0px 0px;
                      z-index: 50;
                      text-align: left;
                      font-weight: bold;
                      font-size: 1em;
                      color: #ccc;
                      background-color: #fff;
                      display: block; }

/*dynamischer Balkenlook (Logo) in screen.inc.css*/						  
#Logo               { position: absolute;
                      top: 0px; right: 0px;
                      height: calc(16% + 86px);
                      margin: 0px 0px 0px 0px;
                      text-align: left;
                      z-index: 9;
                      display: block }