html, body {height: 100%;}

body {
background: #000022 url(Hochgrat_grob.jpg) no-repeat;
font-family: sans-serif;
color: #FFFFFF;
margin: 0;
padding: 0;
}

#back, #frame, #content {
height: 100%;
width: 100%;
}
#back {background: url(Hochgrat.jpg) no-repeat;}
#frame {background: url(Hochgrat_links.jpg) no-repeat;}

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

img {border: none;}
img.pic {border: 2px outset #99AABB;}
img.pic:hover {border: 2px outset #CCDDEE;}
img.aPic {border: 3px outset #FF0000;}
img.bPic {border: 6px outset #FF9999;}
img.mPic {border: 3px outset #AABBCC;}
img.mPic:hover {border: 3px outset #BBCCDD;}
img.sPic {border: 2px outset #FFE584;}
img.sPic:hover {border: 2px outset #FFFFFF;}
.w_160px {width: 160px; height: 120px;}
.w_240px {width: 240px; height: 180px;}
.w_480px {width: 480px; height: 360px;}

input,
textarea {border: 1px solid #AABBCC;}
input.button {
border: 1px outset #DEDEDE;
color: #333333;
cursor: pointer;
font-weight: bold;
}
input:hover,
textarea:hover {border: 1px solid #778899;}
input.button:hover {border: 1px outset #778899;}
input:focus,
textarea:focus {border: 1px inset #778899;}
input.button:focus {border: 1px inset #778899;}
.jsButton {display: none;}

.bgColor {background-color: #072450;}

#trans42,
#trans84 {
background: url(sidebar.png) repeat-y;
height: 100%;
width: 170px;
}

.trans42,
.trans84,
.trans84js,
.blnk {
opacity: 0.42;
-moz-opacity: 0.42;
-khtml-opacity: 0.42;
filter: alpha(opacity=42);
}

#head {
color: #DEDEDE;
text-align: center;
width: 150px;
}
#head:hover {color: #EFEFEF;}

.navi,
#sideBarTD,
#navi.fadable {
background: #072450 url(sidebar.png) 0 205px repeat-y;
width: 170px;
}

#imageBox,
#navLinks {
list-style: none;
margin: 0;
padding: 0;
}

#navLinks a {
font-size: 15px;
font-weight: bold;
}

.navLink a {
display: block;
background: #D4D4D4 url(button.png) no-repeat;
color: #072450;
height: 30px;
line-height: 30px;
width: 132px;
}
.navLink a:hover {
background: url(hover.png) no-repeat;
color: #FFFFFF;
}

.bNavLink {color: #DEDEDE; font-size: 13px;}
.bNavLink:hover {color: #FFFFFF;}
.dNavLink {color: #777777; font-size: 13px;}
.dNavLink:hover {color: #999999;}

#oText {background: url(Schnitt_hell.png) center 10px no-repeat;}
#uText {background: url(Plan_hell.png) center 5px no-repeat;}
#oText:hover {background: url(Schnitt_dunkel.png) center 10px no-repeat;}
#uText:hover {background: url(Plan_dunkel.png) center 5px no-repeat;}

.text {
background-color: #FFFFE0 !important;
border: 2px outset #FFFFFF;
color: #000000;
-moz-border-radius: 7px;
}
.text:hover {background-color: #FFFFD9 !important;}

.text td {
padding: 0 0.5em;
vertical-align: top;
}

.text form {
border: none;
margin: 0;
}

#objForm.text {background-color: #D6E6FF !important;}
#objForm.text:hover {background-color: #CFDFFF !important;}

#sideBox {
background-color: #334255;
border: solid #556677;
border-width: 3px 0 3px 3px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-bottomleft: 10px;
}
#sideBox:hover {background-color: #334555;}

#cssButton,
#fugel,
#IEWarning,
.tlnk {
opacity: 0.7;
-moz-opacity: 0.7;
-khtml-opacity: 0.7;
filter: alpha(opacity=70);
}

#cssButton:hover,
#fugel:hover,
#IEWarning:hover,
.blnk:hover,
.tlnk:hover {
opacity: 0.8;
-moz-opacity: 0.8;
-khtml-opacity: 0.8;
filter: alpha(opacity=80);
}

#allQual {background: url(Allgaeu-1.png) center no-repeat;}
#allQual:hover {background: url(Allgaeu-2.png) center no-repeat;}

#mark {background: url(Lesezeichen-1.png) center no-repeat;}
#mark:hover {background: url(Lesezeichen-2.png) center no-repeat;}
#feed {background: url(feed-1.png) center no-repeat;}
#feed:hover {background: url(feed-2.png) center no-repeat;}

#expUL li {
list-style-type: square;
margin: 2px 0 0 4px;
}
#expUL a {
position: relative;
cursor: pointer;
top: -2px;
}
li#pdf {list-style-image: url(objekte/PDF.png);}
li#mail {list-style-image: url(objekte/Termin.png);}
li#info {list-style-image: url(objekte/Info.png);}

#Wunderbrunnen {background: url(Ldbg-AW-27_2.jpg) no-repeat;}
#Wunderbrunnen:hover {background: url(Ldbg-AW-27_1.jpg) no-repeat;}