/**
 * BUG??
 * First element will not get applied.
 * E.g. body is not set, first font is not loaded etc.
 * So html is just a workaround.
 */
html {}

@font-face {
  font-family: "Soul Papa";
  src: url(fonts/soulpapa.eot); /* IE */
  src: local("Soul Papa"), url(fonts/soulpapa.ttf) format("truetype");
}
@font-face {
  font-family: "Graublau Web";
  src: url(fonts/GraublauWeb.eot); /* IE */
  src: local("Graublau Web"), url(fonts/GraublauWeb.otf) format("opentype");
}
@font-face {
  font-family: "Graublau Web";
  src: url(fonts/GraublauWebBold.eot); /* IE */
  src: local("Graublau Web Bold"), url(fonts/GraublauWebBold.otf) format("opentype");
  font-weight: bold;
}

body {
	margin: 0px;
	padding: 0px;
}
a img { border: 0px; }


.clearer { clear: both; height: 0px; font-size: 0px; line-height: 0px; }

/* Container pageForm contains the whole page. With standalone forms this is
   a div, else this is a form. */
#pageForm { 
	width: 950px;
	margin: 18px auto 18px auto;
	padding: 0px;
}
#outerBox {
	background-color: #f0f0f0;
	border: solid 2px #aaa;
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
	border-radius: 9px;
}

#areaContent {
	margin: 27px 9px 9px 9px;
	padding: 18px 18px 9px 18px;
	background-color: #fff;
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
	border-radius: 9px;
}

/* BOTTOM ROW */

#areaPageFooter {
	margin: 0px 0px 9.5pt;
	padding-top: 19pt;
	font-family: Graublau Web, Arial, Helvetica, sans serif;
	font-size: 12px;
	background-color: #f0f0f0;
}
#areaPageFooter .center {
	/* centering floating elements */
	margin-left: auto;
	margin-right: auto;
	width: 360px;
	/* content is only floating so we need to define a height. matches pym logo height */
	height: 16px;
}
#areaPageFooter .renderTime {
	float: left;
}
#areaPageFooter .poweredBy {
	float: right;
}
#areaPageFooter .poweredBy img {
	vertical-align: middle;
}
#areaPageFooter .copyright {
	clear: both;
	text-align: center;
}

/* NOSCRIPT */
noscript {
	margin: 0px; padding: 0px;
}
div.noscript {
	background-color: yellow;
	color: black;
	padding: 0px;
	padding-left: 3%;
	clear: both;
	margin: 0px;
	margin: 9.5pt 0px 9.5pt;
	font-family: Graublau Web, Arial, Helvetica, sans serif;
}

/**
 * HTML 5
 */
article, aside, figure, footer, header, hgroup,
  menu, nav, section { display: block; }

body {
	font-size: 14px;
	font-family: Graublau Web, Arial, Helvetica, sans serif;
}

/* ==================================================================== */

h1, h2 {
	font-size: inherit;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	line-height: inherit;
}

#boxCard {
	width: 800px;
	margin: 0px auto 0px auto;
	border: solid 1px #ddd;
	border-width: 1px 2px 2px 1px;
	text-align: center;
	background-image: url(img/Main/bg_card.jpg);
	background-repeat: no-repeat;
}
#boxDm, .boxTitle, .boxKeywords, #boxAddress, #boxBoth {
	width: 450px;
	margin: 0px auto 0px auto;
}
#boxBoth {
	position: relative;
}
#boxKeys, #boxKeys-2 {
	position: absolute;
	background: transparent;
	/* @§$%"§ Must set the following, else IE will misplace the elements 
	          See hasLayout issue: http://www.satzansatz.de/cssd/onhavinglayout.html
	*/
	width: 452px;
	height: 79px; 
	top: 0px;
	left: 0px;
}
#boxDm {
	margin: 70px auto 60px auto;
	font: 42px Soul Papa, Georgia, Times New Roman, Times, serif;
	letter-spacing: 2px;
}
.boxTitle {
	font: normal 38px Soul Papa, Georgia, Times New Roman, Times, serif;
	letter-spacing: 1.5px;
}
.boxKeywords {
	font-size: 19px;
	margin-top: 6px;
}
#boxAddress {
	margin: 186px auto 18px auto;
	width: 500px;
}
.ruler {
	width: 450px;
	margin: 0px auto 0px auto;
	height: 0px;
	border: solid 1px #666;
}
#addr1, .kw1 {
	float: left;
}
#addr3, .kw3 {
	float: right;
	text-align: right;
}
.kw1 {
	margin-left: 10px;
}
.kw2 {
	margin-left: 199px;
}
.kw2-2 {
	margin-left: 206px;
}
.kw3 {
	margin-right: 10px;
}
#addr1, .kw1, #addr2, .kw2, .kw2-2 {
	text-align: left;
}
#addr2 {
	margin-left: 191px;
}
#boxInfo {
	width: 900px;
	margin: 50px auto 30px auto;
	opacity: 0.8;
}
#tblInfo {
	/*border: solid 1px teal;*/
	width: 100%;
	border-spacing: 0px;
}
#tblInfo td {
	/*border: solid 1px teal;*/
	vertical-align: top;
}
#tblInfo a {
	text-decoration: none;
	color: #006600;
}
#tblInfo a:hover {
	text-decoration: underline;
}
#tblInfo h2 {
	font-weight: bold;
}
#tblInfo p {
	line-height: 20px;
	margin: 0pt;
}
#tblInfo ul {
	padding-left: 15px;
	list-style-image: url(img/bullet_green_arrow.png);
}
#tblInfo li {
	margin-bottom: 1ex;
}
#tblInfo td.cell1 {
	padding-right: 20px;
}
#tblInfo td.cell2 {
	padding-left: 20px;
	padding-right: 20px;
}
#tblInfo td.cell3 {
	padding-left: 20px;
}

.otherLang {
	text-align: center;
	margin: 30px auto 0px auto;
}
.otherLang a {
	text-decoration: none;
	color: #006600;
}
a {
	text-decoration: none;
	color: #0000aa;
}
a:hover {
	text-decoration: underline;
}