@charset "iso-8859-1";
/* CSS Document */

html, body { margin: 0; padding: 0; }
body { height: 100%; font-family: Verdana, Geneva, sans-serif; font-size: 11px; color: #666; }

#stage { width: 1000px; margin: 0 auto; height: 100%; border-color: #999; border-style: solid; border-width: 1px; border-bottom: none; border-top: none; }
#header { position: relative; width: 100%; height: 183px; background-image: url(../images/klimazone-header.jpg); background-repeat: no-repeat; }
#content { background-color: #dee0ee; position: relative; height: 545px; }
#border-left { background-image: url(../images/stage-border-left.jpg); background-repeat: no-repeat; background-position: right; height: 545px; position: absolute; top: 0; left: 0px; background-color: #dee0ee; width: 150px; }
#content-container { width: 657px; background-color: #FFF; height: 545px; position: absolute; left: 150px; top: 0; overflow: auto; line-height: 18px; padding-right: 5px; }
#border-right { background-repeat: no-repeat; background-image: url(../images/stage-border-right.jpg); width: 188px; height: 545px; position: absolute; left: 812px; top: 0; background-color: #dee0ee; }

#footer, #navigation { background-image: url(../images/footer-background.jpg); background-repeat: repeat-x; height: 23px; width: 100%; position: relative; z-index: 100; }

#footer ul { padding: 0; margin: 0; }
#footer ul li { list-style: none; float: left; margin: 3px 0 0 15px; }
#footer ul li a { color: #FFF; text-decoration: none; }

h1 { font-size: 12px; font-weight: bold; }
h2 { font-size: 11px; font-weight: bold; }

a:link, a:visited, a:hover, a:active { color: #333; text-decoration: underline; }
.csc-textpic-caption { font-size: 10px; font-style: italic; }

.align-left { text-align: left; }
.align-right { text-align: right; }
.align-center { text-align: center; }
.align-justify { text-align: justify; }

#crumb { width: 100%; float: none; clear:  both; padding: 10px 0 10px 0; margin-bottom: 25px; }

#crumb ul { margin: 0; padding: 0; }
#crumb ul li { float: left; list-style: none; }

#address { position: absolute; right: 175px; top: 75px; }
#address p { margin: 0 0 3px 0; padding: 0; font-size: 12px; color: #FFF; }
#address a { color: #FFF; text-decoration: none; }

#homelink { position: absolute; top: 50px; left: 157px; width: 395px; height: 70px; }
#homelink a { text-decoration: none; }

#header-popup { background-image: url(../images/header_popup.jpg); background-repeat: no-repeat; height: 143px; width: 800px; }
#content-container-popup { height: 390px; padding: 25px; overflow: auto; }
#close-window { text-align: right; }

.csc-mailform input { width: 400px; }
.csc-mailform textarea { width: 400px; height: 35px; overflow: auto; }
.csc-mailform label { display: block; width: 175px; font-weight: bold; float: left; vertical-align: top; }
fieldset.csc-mailform { border: none; }
.csc-mailform-field { margin-bottom: 5px; }

.csc-mailform input[type=submit] { width: auto; }