/* copyright Ragnar Nevries */
* {
margin: 0px;
padding: 0px;
}

img {
border: none;
}

body {
background: #404040;
color: #d10050;
font-family: "Fresca", sans-serif;
font-size: 11pt;
}

#page {
position: fixed;
height: 100%;
width: 100%;
}

#blanker {
visibility: hidden;
}

#loading {
font-size: 36pt;
font-family: "Tangerine", serif;
color: #B0B0B0;
position: absolute;
height: 1em;
width: 3em;
top: 50%;
left: 50%;
margin-top: -0.5em;
margin-left: -1.5em;
text-align: center;
}

.JS #blanker {
visibility: visible;
z-index:255;
position: fixed;
height: 100%;
width: 100%;
background: #404040;
}

.nav {
visibility: hidden;
position: absolute;
width: 55px;
height: 39px;
top: 50%;
left: 50%;
margin-top:-15px;
}

.JS .nav {
visibility: visible;
}

#navL {
margin-left:-500px;
background: transparent url("img/navL.png") no-repeat 0px 10px;
}

#navR {
margin-left:455px;
background: transparent url("img/navR.png") no-repeat 0px 10px;
}

.arr {
width: 55px;
height: 39px;
}

#arrR{
background: transparent url("img/navarrR.png") no-repeat;
}

#arrL{
background: transparent url("img/navarrL.png") no-repeat;
}

#rahmen {
position: absolute;
top: 50%;
left: 50%;
width: 900px;
margin-left: -450px;
height: 475px;
margin-top: -238px;
overflow: auto;
background: transparent url("img/karte.png");
border: solid #707070 5px;
}

.JS #rahmen {
height: 455px;
margin-top: -228px;
overflow: hidden;
}

#kartencontainer {
position: absolute;
top: 0px;
left: 0px;
width: 7200px;
height: 455px;
background: transparent url("img/band.png") repeat-x 0px 218px;
}
.ie6 #kartencontainer {
background: none; 
}

.kante, .ecke, .loch, .knoten {
position: absolute;
}

.knoten {
width: 126px;
height: 174px;
top: 204px;
background: transparent url("img/knoten.png");
}
.ie6 .knoten {
background: none;
}

.kante.T {
top:-9px;
height: 18px;
left:20px;
right:20px;
background: transparent url("img/kanteT.png") repeat-x;
}
.ie6 .kante.T {
background: none;
}

.kante.B {
bottom: -9px;
height: 18px;
left:20px;
right:20px;
background: transparent url("img/kanteB.png") repeat-x;
}
.ie6 .kante.B {
background: none;
}

.kante.L {
top: 20px;
bottom: 20px;
left: -15px;
width: 74px;
background: transparent url("img/kanteL.png") repeat-y;
}
.ie6 .kante.L {
background: none;
}

.kante.R {
top: 20px;
bottom: 20px;
right: -13px;
width: 74px;
background: transparent url("img/kanteR.png") repeat-y;
}
.ie6 .kante.R {
background: none;
}

.ecke {
width: 74px;
height: 37px;
}

.ecke.TL {
left: -15px;
top: -9px;
background: transparent url("img/eckeTL.png");
}
.ie6 .ecke.TL {
background: none;
}

.ecke.TR {
right: -13px;
top: -9px;
background: transparent url("img/eckeTR.png");
}
.ie6 .ecke.TR {
background: none;
}

.ecke.BR {
right: -13px;
bottom: -9px;
background: transparent url("img/eckeBR.png");
}
.ie6 .ecke.BR {
background: none;
}

.ecke.BL {
left: -15px;
bottom: -9px;
background: transparent url("img/eckeBL.png");
}
.ie6 .ecke.BL {
background: none;
}

.loch {
position: absolute;
width: 74px;
height: 37px;
}

.loch.R {
right: -13px;
background: transparent url("img/lochR.png");
}
.ie6 .loch.R {
background: none;
}

.loch.L {
left: -15px;
background: transparent url("img/lochL.png");
}
.ie6 .loch.L {
background: none;
}

.zettel {
position: absolute;
background: #FFFFFF url("img/papier.jpg") repeat;
padding:0px;
padding-left:0px;
padding-right:0px;
}

#start {
width: 489px;
left: 205px;
height: 125px;
top: 165px;
}
#start div.loch {
top: 44px;
}

#knoten1 {
left: 755px;
}

#willkommen {
width: 500px;
left: 1100px;
height: 351px;
top: 52px;
}
#willkommen div.loch {
top: 157px;
}

#knoten2 {
left: 1645px;
}

#trauzeugen {
width: 330px;
left: 2115px;
height: 351px;
top: 52px;
}
#trauzeugen div.loch {
top: 157px;
}
#klaus {
width: 270px;
left: 1820px;
height: 191px;
top: 132px;
}
#klaus div.loch {
top: 77px;
}
#robert {
width: 220px;
left: 2460px;
height: 187px;
top: 134px;
}
#robert div.loch {
top: 75px;
}

#kirchebild {
width: 370px;
left: 2775px;
height: 233px;
top: 111px;
}
#kirchebild div.loch {
top: 98px;
}
#kirche {
width: 330px;
left: 3200px;
height: 311px;
top: 72px;
}
#kirche div.loch {
top: 137px;
}

#location {
width: 490px;
left: 3645px;
height: 361px;
top: 47px;
}
#location div.loch {
top: 162px;
}
#locationbild {
width: 270px;
left: 4185px;
height: 245px;
top: 106px;
}
#locationbild div.loch {
top: 103px;
}

#sonstiges {
width: 360px;
left: 4786px;
height: 351px;
top: 52px;
}
#sonstiges div.loch {
top: 157px;
}
#sonstigesbild {
width: 220px;
left: 5165px;
height: 221px;
top: 113px;
}
#sonstigesbild div.loch {
top: 96px;
}
#sonstigesbild1 {
width: 251px;
left: 4515px;
height: 201px;
top: 123px;
}
#sonstigesbild1 div.loch {
top: 86px;
}

#landkarte {
width: 850px;
left: 5425px;
height: 401px;
top: 27px;
}
#landkarte div.loch {
top: 182px;
}

#googlemap {
position: relative;
left: 50%;
margin-left: -350px;
margin-top: 10px;
}

#formular {
width: 700px;
left: 6400px;
height: 391px;
top: 32px;
}
#formular div.loch {
top: 177px;
}
#formular form {
position: absolute;
}
#formular table {
width: 600px;
}
#formular td.c1 {
width:42%;
}
#formular td.c2 {
width:18%;
}
#formular td.c3 {
width:22%;
}
#formular td.c4 {
width:18%;
}
#formular td {
padding-bottom: .5ex;
}
#formular td.dsc {
text-align: right;
padding-right: 2ex;
}
#formular td.inp {
text-align: left;
}
#formular input.name {
width: 32ex;
}
#formular input.num {
width: 2em;
}
#formular input.date {
width: 12ex;
}
#formular textarea {
width: 100%;
height: 3em;
resize: none;
}
#submit {
padding-top:1ex;
text-align: right;
}
#innersubmit {
position: absolute;
right: 0px;
width: 15em;
}
.papier {
background: transparent url("img/papier.png") repeat;
}
#thanks {
visibility: hidden;
}
.JS #thanks {
display: block;
visibility: visible;
text-align: center;
}
#kuss {
margin-top: 1ex;
margin-bottom: 1ex;
}

.content {
position: relative;
padding: 10px;
padding-left: 35px;
padding-right: 35px;
}

h1,h2 {
text-align: center;
text-shadow: 4px 4px 4px #aaa;
font-weight: normal;
font-family: "Tangerine", serif;
}

h1 {
position: relative;
font-size: 72px;
margin-top: -0.55eM;
top: 50%;
}

h2 {
font-size: 24pt;
margin-bottom: 1ex;
}

p {
text-align: left;
padding-top: 5px;
padding-bottom: 5px;
line-height: 1.3em;
}

a {
text-decoration: none;
font-weight: bold;
color: #d10050;
}

code {
font-family: sans-serif;
font-size: 11pt;
}