@charset "utf-8";

/**
 * default.css
 * vcard05
 * CSS level 3 validated
 * @author Robert Gmeiner
 * @version 01.00.0001 (2022-09-23)
 */




/**
 * Basic settings
 */

* {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

html {
	/* standards-compliant horizontal centering */
	margin:0 auto;
	/* limit width on very large displays */
	max-width:1920px;

	color:black;
	background-color:#EFEFEF;
}

body {
	/* standards-compliant horizontal centering */
	margin:0 auto;

	font-family:Verdana, Arial, Times;
}

h1 {
	margin-top:0.67em;
	margin-bottom:0.67em;
	font-size:1.7em;
	font-weight:bold;
}

h2 {
	margin-top:1.2em;
	margin-bottom:0.67em;
	font-size:1.3em;
	font-weight:bold;
}

h3 {
	margin-top:1em;
	margin-bottom:1em;
	font-size:1.17em;
	font-weight:bold;
}

h4 {
	margin-top:1.33em;
	margin-bottom:1.33em;
	font-size:1.00em;
	font-weight:bold;
}

h5 {
	margin-top:1.67em;
	margin-bottom:1.67em;
	font-size:0.83em;
	font-weight:bold;
}

h6 {
	margin-top:2.33em;
	margin-bottom:2.33em;
	font-size:0.67em;
	font-weight:bold;
}

ul, ol, li, dl, dt, dd {
	display:block;
	margin:0;
	padding:0;
}

a {
	text-decoration:none;
}

a:link {
	color:#545454;
}

a:visited {
	color:#545454;
}

a:focus {
	color:#545454;
}

a:hover {
	color:#EF8F00;
}

a:active {
	color:#545454;
}

a img {
	/* hide highlighted border */
	border:0;
}

b {
	font-weight:bold;
}

hr {														/* cross browser hr style */
	height:1px;
	margin:0 auto; 											/* standards-compliant horizontal centering */
	text-align:center;
	border-top:1px solid black;
	border-bottom:0 none;
	border-left:0 none;
	border-right:0 none;
	background-color:transparent;
}

img {
	border-color:black;
}




/**
 * VCard
 */

#layBoxVCard {
	position:absolute;
	top:10%;												/* vertical centering of the upper-left corner */
	left:50%;												/* horizontal centering of the upper-left corner */
	width:800px;
	min-height:482px;
	height:482px;
	margin-top:0;
	margin-right:0;
	margin-bottom:0;
	margin-left:-400px; 									/* horizontal centering of the box element (shift to the left by half of its width)  */
	padding-top:0;
	padding-bottom:0;
	padding-left:0;
	padding-right:0;
	border-top:1px;
	border-bottom:1px;
	border-left:1px;
	border-right:1px;
	border-style:solid;
	border-color:#000000;
	background-color:#EFEFEF;
	background-image:url('images/bg01.jpg');
	background-repeat:no-repeat;
	text-align:left; 										/* align contents */
}

#layBoxVCard h1 {
	margin:0;
	font-size:16pt;
	font-weight:bold;
	color:black;
}

#layBoxVCard h2 {
	font-size:12pt;
	font-weight:bold;
	color:black;
}

#layBoxVCard a:link {
	color:#545454;
}

#layBoxVCard a:visited {
	color:#545454;
}

#layBoxVCard a:focus {
	color:#545454;
}

#layBoxVCard a:hover {
	color:#EF8F00;
}

#layBoxVCard a:active {
	color:#545454;
}

#layBoxVCard p {
	margin:0;
	font-size:10.5pt;
	font-weight:100;
	color:black;
}

#layBoxVCard p.contSmall {
	font-size:8pt;
	font-weight:100;
}

#layBoxVCard img {
	border:1px solid black;
	margin:5px;
}

#layBoxText {
	position:absolute;
	top:385px;
	width:100%; 											/* full width of outer box to center contents to outer box */
	margin-top:0;
	margin-right:0;
	margin-bottom:0;
	margin-left:0;
	padding-top:0;
	padding-right:0;
	padding-bottom:0;
	padding-left:0;
	border:0;
	text-align:center; 										/* center contents */
	white-space:nowrap; 									/* Avoid clipping/overflow of wrapped lines (mostly happens on smartphones) */
}

#layBoxText h1 {
	margin:0;
	font-size:16pt;
	font-weight:bold;
	color:black;
}

#layBoxText p {
	margin:0;
	font-size:10pt;
	font-weight:100;
	color:black;
}

#layBoxFooter {
	position:absolute;
	bottom:-25px;
	right:1px;
	width:100%; 											/* full width of outer box to center contents to outer box */
	margin-top:0;
	margin-right:0;
	margin-bottom:0;
	margin-left:0;
	padding-top:0;
	padding-right:0;
	padding-bottom:0;
	padding-left:0;
	border:0;
	text-align:center; 										/* center contents */
}

#layBoxFooter a:link {
	color:#A5A5A5;
}

#layBoxFooter a:visited {
	color:#A5A5A5;
}

#layBoxFooter a:focus {
	color:#A5A5A5;
}

#layBoxFooter a:hover {
	color:#EF8F00;
}

#layBoxFooter a:active {
	color:#A5A5A5;
}

#layBoxFooter p {
	font-size:10pt;
	font-weight:100;
	color:#A5A5A5;
}




/**
 * Page
 */

#layBoxPage {
	position:absolute;
	top:0;
	left:50%;												/* horizontal centering of the upper-left corner */
	width:800px;
	min-height:482px;
	height:auto;
	margin-top:0;
	margin-right:0;
	margin-bottom:0;
	margin-left:-400px; 									/* horizontal centering of the box element (shift to the left by half of its width)  */
	padding-top:0;
	padding-bottom:0;
	padding-left:10px;
	padding-right:10px;
	border-top:0;
	border-bottom:0;
	border-left:1px solid black;
	border-right:1px solid black;
	background-color:white;
	text-align:left; 										/* align contents */
}

#layBoxPage h1 {
	text-align:center;
}