body {
}
#horizon {
position: absolute;
top: 0px;
left: 0px;
height: 900px;
width: 100%;
text-align: center;
overflow: visible;
visibility: visible;
display: block;
background-image: url(../images/bg9999.jpg);
background-repeat: repeat; 
}
#page {
position: absolute;
top: 0px;
left: 50%;
height: 900px;
width: 820px;
margin-left: -410px;
visibility: visible;
background-color: #ffffff;
border-color: #000000;
border-style: outset;
border-width: 1px;
border-top: none;
}
#top {
position: relative;
top: 0px;
height: 200px;
width: 820px;
border-bottom-color: Black;
border-bottom-style: outset;
border-width: 1px;
border-top: none;
}
#topLeft {
float: left;
height: 200px;
width: 219px;
background-image: url(../images/topLeft.jpg);
background-repeat: no-repeat;
}
#topMiddle {
float: left;
height: 200px;
width: 400px;
background-image: url(../images/topMiddle.jpg);
background-repeat: no-repeat;
border-right-width: 1px;
border-right-style: outset;
border-right-color: #CCCCCC;
}
#topRight {
float: left;
height: 200px;
width: 200px;
background-image: url(../images/topRight.jpg);
background-repeat: no-repeat;
}
#links {
position: relative;
height: 21px;
width: 820px;
}
#linksLeft {
float: left;
width: 620px;
height: 20px;
background-color: #000000;
border-top-color: #666666;
border-top-width: 1px;
border-top-style: outset;
}
#buttons {
position: absolute;
left: 25px;
top: -0px;
}
#tab1 {
float: left;
}
#tab2 {
float: left;
}
#tab3 {
float: left;
}
#tab4 {
float: left;
}
#linksRight {
height: 20px;
background-color: #c02e2b;
border-bottom-color: #4E4536;
border-bottom-width: 1px;
border-bottom-style: outset;
}
#middle {
position: relative;
height: 648px;
}
#middleLeft {
float: left;
width: 619px;
height: 648px;
border-right-width: 1px;
border-right-style: outset;
border-right-color: #CCCCCC;
font-family: "Book Antiqua";
font-style: italic;
color: #000000;
font-size: 17px;
font-weight: bold;
}
div.content {
position: relative;
height: 588px;
width: 579px;
line-height: 30px;
font-family: "Book Antiqua";
font-style: italic;
color: #000000;
font-size: 17px;
font-weight: normal;
margin-left: 20px;
margin-right: 20px;
margin-bottom: 20px;
text-align: left;
word-wrap: break-word;
}
div.header {
margin-top: 30px;	
margin-left: 30px;
margin-bottom: 30px;
font-family: "Book Antiqua";
font-style: italic;
color: #000000;
font-size: 22px;
font-weight: bold;
}
#middleRight {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #3F372A;
height: 648px;
text-align: left;
}
#bottom {
position: relative;
height: 30px;
width: 820px;
background-color: #ffffff;
border-width: 1px;
border-top-color: LightGray;
border-top-style: inset; 
text-align: center;
}
div.smallText {
margin-top: 5px;
color: #62676A;
font-size: 11px;
font-family: Verdana;
}
#days {
position: relative;
float: left;
width: 90px;
margin-top: 30px;
margin-left: 20px;
line-height: 15px;
color: #000000;
font-weight: bold;
}
#times {
position: relative;
float: left;
width: 60px;
margin-top: 30px;
line-height: 15px;
color: #000000;
font-weight: bold;
}
img.pageImage {
border: 1px;
border-color: #000000;
border-style: outset;
}
/* links */
img.imgLink {
border: none;
}
a.linkCurrent {
color: #000000;	
}
a.link {
color: #ffffff;
text-decoration: none;
}
/* index */
div.contentTopIndex {
position:relative;
height: 390px;
z-index: 10px;
}
#index1 a { 
float: left; 
margin: 10px 10px 10px 0px; 
border: 1px solid #000000;
overflow: hidden; 
display: block; 
width: 150px;
height: 200px;
background: url(../images/index1.jpg) no-repeat; 
}
#index1 a:hover { 
width: 300px; /* adjust size to zoomed photo */ 
height: 400px;  
margin-left: -150px;
background: url(../images/index1Large.jpg) no-repeat top left;
} 
#index2 a { 
float: right; 
margin: 10px 5px 20px 0px; 
border: 1px solid #000000; 
text-indent: -1000em; /* hide the link text */ 
overflow: hidden; 
display: block; 
width: 150px; /* show only thumbnail */ 
height: 200px; 
background: url(../images/index3.jpg) no-repeat top left; 
}
#index2 a:hover { 
position: relative;
width: 300px; /* adjust size to zoomed photo */ 
height: 400px;  
margin-left: -200px;
margin-top: -190px;
background: url(../images/index3Large.jpg) no-repeat top left;
z-index: 100;
} 
#index3 a { 
float: right; 
margin: 60px 0px 20px 0px; 
border: 1px solid #000000; 
overflow: hidden; 
display: block; 
width: 200px; /* show only thumbnail */ 
height: 150px; 
background: url(../images/index9.jpg) no-repeat top left; 
}
#index3 a:hover { 
position: relative;
width: 400px; /* adjust size to zoomed photo */ 
height: 300px;  
background: url(../images/index9Large.jpg) no-repeat top left;
margin-right: -150px;
margin-top: -90px;
z-index: 100;
}
#news {
position: relative;
float: left;
width: 180px;
height: 200px;
margin-top: 9px;
margin-left: 9px;
margin-right: 9px;
border-color: #e7e7e7;
background-color: #f4f4f4;
border: 1px;
border-style: outset;
text-align: left;
display: block;
}
#newsHeader {
position: relative;
font-weight: bold;
font-size: 20px;
text-decoration: underline;
text-indent: 20px;
}
#newsText {
position: relative;
color: #000000;
margin: 10px 20px 10px 20px;
font-family: "Times New Roman", Times, serif;
font-style: italic;
font-size: 18px;
}
/* affaeren */
div.contentTopAffaeren {
position:relative;
height: 449px;
}
div.contentTopRightAffaeren {
float: right;
width: 152px;
margin-top: -15px;
}
div.contentBottomAffaeren {
position: relative;
height: 150px;
}
#affaeren1 a { 
float: right; 
margin: 0px 0px 5px 0px; 
border: 1px solid #000000; 
overflow: hidden; 
display: block; 
width: 150px; /* show only thumbnail */ 
height: 200px; 
background: url(../images/affaeren1.jpg) no-repeat top left; 
}
#affaeren1 a:hover { 
width: 300px; /* adjust size to zoomed photo */ 
height: 400px;  
margin-right: -150px;
margin-top: -200px;
background: url(../images/affaeren1Large.jpg) no-repeat top left;
} 
/* move the image so only the big one shows */
#affaeren2 a { 
float: right; 
margin: 0px 0px 5px 0px; 
border: 1px solid #000000; 
text-indent: -1000em; /* hide the link text */ 
overflow: hidden; 
display: block; 
width: 150px; /* show only thumbnail */ 
height: 200px; 
background: url(../images/affaeren3.jpg) no-repeat top left; 
}
#affaeren2 a:hover { 
position: relative;
width: 300px; /* adjust size to zoomed photo */ 
height: 400px;  
margin-right: -150px;
margin-top: -200px;
background: url(../images/affaeren3Large.jpg) no-repeat top left;
z-index: 100;
} 
/* move the image so only the big one shows */
#affaeren3 a { 
float: right; 
margin: 0px 0px 5px 0px; 
border: 1px solid #000000; 
overflow: hidden; 
display: block; 
width: 150px; /* show only thumbnail */ 
height: 200px; 
background: url(../images/affaeren5.jpg) no-repeat top left; 
}
#affaeren3 a:hover { 
position: relative;
width: 300px; /* adjust size to zoomed photo */ 
height: 400px;  
background: url(../images/affaeren5Large.jpg) no-repeat top left;
margin-right: -150px;
margin-top: -200px;
z-index: 100;
}
#affaeren4 a { 
float: right; 
margin: 0px 5px 0px 0px; 
border: 1px solid #000000; 
overflow: hidden; 
display: block; 
width: 200px; /* show only thumbnail */ 
height: 150px; 
background: url(../images/affaeren7.jpg) no-repeat top left; 
}
#affaeren4 a:hover { 
position: relative;
width: 400px; /* adjust size to zoomed photo */ 
height: 300px;  
margin-left: -200px;
margin-top: -150px;
background: url(../images/affaeren7Large.jpg) no-repeat top left;
z-index: 100;
} 
/* move the image so only the big one shows */
#affaeren5 a { 
float: right; 
margin: 0px 5px 0px 0px; 
border: 1px solid #000000; 
overflow: hidden; 
display: block; 
width: 200px; /* show only thumbnail */ 
height: 150px; 
background: url(../images/affaren14.jpg) no-repeat top left; 
}
#affaeren5 a:hover { 
position: relative;
width: 400px; /* adjust size to zoomed photo */ 
height: 300px;  
background: url(../images/affaren14Large.jpg) no-repeat top left;
margin-left: -200px;
margin-top: -150px;
z-index: 100;
} 
/* loftet */
div.contentTopLoftet {
position:relative;
height: 192px;
z-index: 10px;
}
div.contentMiddleLoftet {
position: relative;
height: 207px;
}
div.contentBottomLoftet {
position: relative;
height: 202px;
}
#loftet1 a { 
float: right; 
margin: 10px 0px 5px 0px; 
border: 1px solid #000000; 
overflow: hidden; 
display: block; 
width: 200px; /* show only thumbnail */ 
height: 150px; 
background: url(../images/loftet7.jpg) no-repeat top left; 
}
#loftet1 a:hover { 
width: 400px; /* adjust size to zoomed photo */ 
height: 300px;  
margin-right: -200px;
margin-top: -140px;
background: url(../images/loftet7Large.jpg) no-repeat top left;
} 
/* move the image so only the big one shows */
#loftet2 a { 
float: left; 
margin: 0px 10px 5px 0px; 
border: 1px solid #000000; 
text-indent: -1000em; /* hide the link text */ 
overflow: hidden; 
display: block; 
width: 150px; /* show only thumbnail */ 
height: 200px; 
background: url(../images/loftet6.jpg) no-repeat top left; 
}
#loftet2 a:hover { 
position: relative;
width: 300px; /* adjust size to zoomed photo */ 
height: 400px;  
margin-left: -150px;
margin-top: -200px;
background: url(../images/loftet6Large.jpg) no-repeat top left;
z-index: 100;
} 
#loftet3 a { 
float: left; 
margin: 0px 5px 0px 0px; 
border: 1px solid #000000; 
text-indent: -1000em; /* hide the link text */ 
overflow: hidden; 
display: block; 
width: 150px; /* show only thumbnail */ 
height: 200px; 
background: url(../images/loftet4.jpg) no-repeat top left; 
}
#loftet3 a:hover { 
position: relative;
width: 300px; /* adjust size to zoomed photo */ 
height: 400px;  
margin-left: -150px;
margin-top: -200px;
background: url(../images/loftet4Large.jpg) no-repeat top left;
z-index: 100;
}
/* move the image so only the big one shows */
#loftet4 a { 
float: left; 
margin: 0px 5px 0px 0px; 
border: 1px solid #000000; 
text-indent: -1000em; /* hide the link text */ 
overflow: hidden; 
display: block; 
width: 150px; /* show only thumbnail */ 
height: 200px; 
background: url(../images/loftet1.jpg) no-repeat top left; 
}
#loftet4 a:hover { 
position: relative;
width: 300px; /* adjust size to zoomed photo */ 
height: 400px;  
margin-right: -150px;
margin-top: -200px;
background: url(../images/loftet1Large.jpg) no-repeat top left;
z-index: 100;
} 
#loftet5 a { 
float: left; 
margin: 0px 0px 0px 0px; 
border: 1px solid #000000; 
text-indent: -1000em; /* hide the link text */ 
overflow: hidden; 
display: block; 
width: 150px; /* show only thumbnail */ 
height: 200px; 
background: url(../images/loftet2.jpg) no-repeat top left; 
}
#loftet5 a:hover { 
position: relative;
width: 300px; /* adjust size to zoomed photo */ 
height: 400px;  
margin-right: -150px;
margin-top: -200px;
background: url(../images/loftet2Large.jpg) no-repeat top left;
z-index: 100;
} 
/* kontakt */
form {
position: relative;
margin-left: 80px;
height: 300px;
width: 400px;
border: 2px;
border-color: #e7e7e7;
background-color: #f4f4f4;
border-style: solid;
font-family: "Times New Roman", Times, serif;
font-style: normal;
font-size: 14px;
}
#formTop {
margin: 20px 10px 0px 20px;
}
#formTopRight {
float: left;
width: 100px;
}
#formTopLeft {
float: left;
width: 200px;	
}
#formMiddle {
margin: 10px 10px 0px 20px;
}
#formBottom {
margin: 10px 10px 0px 120px;
}
#send {
}
#reset {
}
#obsText {
color: #c02e2b;
}