@import url(https://fonts.googleapis.com/css?family=Open+Sans:300);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300italic);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400italic);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:600);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:600italic);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:700);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:700italic);
body { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; color: #2e2e2e; font-family: 'Open Sans', sans-serif; font-weight: 300; background-image: url("../img/bkg.jpg"); background-position: top center; background-repeat: no-repeat; background-color: #FFFFFF; font-size: 14px; line-height: 1.4em; }

table { padding: 0; margin: 0; border-spacing: 0; border-collapse: collapse; }

td { color: #2e2e2e; font-family: 'Open Sans', sans-serif; font-weight: 300; font-size: 13px; line-height: 1.4em; }

p { font-size: 13px; font-weight: 300; padding: 0px 0px 10px 0px; margin: 0px; line-height: 1.4em; }

img { border: none; }

figure { margin: 0px; padding: 0px; -webkit-margin-before: 0em; -webkit-margin-after: 0em; -webkit-margin-start: 0px; -webkit-margin-end: 0px; }

strong, b { font-family: 'Open Sans', sans-serif; font-weight: 700; }

a { color: #2e2e2e; text-decoration: none; outline: 0; -moz-outline: 0; }

a:hover { color: #2e2e2e; text-decoration: none; }

.area { position: relative; width: 984px; margin: 0px auto 0 auto; }
.area .header { font-size: 76px; line-height: 100%; font-weight: 300; font-style: italic; color: #acd9f3; }
.area .box1 { position: absolute; top: 170px; left: 2px; width: 238px; height: 100px; }
.area .box2 { position: absolute; top: 170px; left: 282px; width: 238px; height: 100px; }
.area .boxlink { position: relative; float: left; width: 220px; padding: 10px 5px 10px 15px; margin-bottom: 20px; cursor: pointer; }
.area .boxlink .headline { position: relative; float: left; width: 220px; font-size: 30px; font-weight: 300; font-style: italic; line-height: 100%; }
.area .boxlink .description { position: relative; float: left; width: 220px; padding-top: 5px; }
.area .boxlink .domain { position: relative; float: left; width: 220px; font-size: 20px; font-weight: 400; font-style: italic; line-height: 100%; }
.area .turracherhoehe { color: #FFFFFF; background-color: #0077b1; }
.area .turracherhoehe a { color: #FFFFFF; }
.area .heidialm { color: #FFFFFF; background-color: #c1d228; }
.area .heidialm a { color: #FFFFFF; }
.area .nockymountains { padding-left: 17px; font-size: 20px; font-weight: 300; font-style: italic; line-height: 100%; padding-bottom: 30px; }
.area .nockymountains a:hover { text-decoration: underline; }
.area .steiermark { position: absolute; top: 10px; right: 0px; }
.area .kaernten { position: absolute; top: 0px; right: 150px; }

.boxen { height: 600px; }