@charset "utf-8";
/* CSS Document */

body {margin:0; padding:0; font-family:Tahoma, Verdana, Geneva, sans-serif; background:url(bilder/bodyBg.gif) repeat-x #50310b}

#rahmen {width:1010px; }

#left { z-index:1001; position:absolute; top:5px; left:5px }

#left ul {margin:0; padding-top:5px; padding-left:5px; list-style:none; }
#left ul li {display:inline; padding-left:15px;}
#left ul a {text-decoration:none; color:black; font-size:0.8em; }

#leftImage { width:395px; height:735px; float:left; background:#fff url(bilder/freeTop.jpg) no-repeat top }
#leftImage p,
#leftImage li {font-size:0.7em; line-height:1.7em; margin-left:15px}
#leftImage h2 {font-size:0.8em; margin:8px 0; color:#522300; margin-left:15px}
#leftImage ul {margin-top:2px; margin-bottom:2px}

#left a:hover {color:#333}

#headImage {width:615px; height:117px; float:left; background:url(bilder/horizontal_head.jpg) no-repeat;}
#headImage img {margin-left: 414px; margin-top:33px}

#menue {width:615px; height:32px; float:left; background-color:#f1daae; }

#menue ul {margin:6px 0; padding:0; list-style:none; }
#menue ul li {display:inline; padding-left:10px;}
#menue ul a {text-decoration:none; color:black; font-size:0.8em; }
#menue ul a.select,
#menue ul a:hover {color:#522300}

#main {border-right:30px solid #f1daae; background:white; }


#contentFrame{background-color:#FFF; width:585px; height:554px; float:left; border-right:30px solid #f1daae; 
 overflow:hidden
  }

#content {padding:30px 45px 10px 45px; font-size:10pt }

#contentScroll {height:558px;}

#content h1 {font-size:1.3em; margin:14px 0 8px 0; color:#522300}
#content h2 {font-size:1.1em; margin:12px 0 8px 0; color:#522300}
#content h3 {font-size:1.1em; margin:10px 0 4px 0; color:#522300; font-weight:normal}
#content h4 { color:#522300; font-weight:normal}
#content h1.csc-firstHeader, #content h2.csc-firstHeader {
margin-top:0;
}

#content p,
#content h1.start,
#content li {font-size:1em; line-height:1.3em; margin-top:3px; margin-bottom:5px; font-weight:normal; color:black}
#content a,
#leftImage a { color:#522300; font-weight:bold; text-decoration:none}
#content a:hover,
#leftImage a:hover { color:#522300; font-weight:bold; text-decoration:underline}
#content .align-center {text-align:center}

#content h1.start a:link {font-weight:normal}

label {display:inline-block; width:120px}

#footer {width:585px; height:22px; float:left; background-color:#FFF; font-size:0.6em; color:#333;  border-right:30px solid #f1daae; text-align:center; padding-top:10px}
#footer a {text-decoration:none; color:#333}
#footer a:hover {color:#522300}

.right {float:right; text-align:right}

#content table#highlight p {margin:0;}
#content table#highlight td {padding:3px; font-size:1em; border-top:1px solid #f1bf5f; border-right:1px solid #f1bf5f; font-size:0.75em}
#content table#highlight {border-bottom:1px solid #f1bf5f; border-left:1px solid #f1bf5f}

#content td {font-size:1em; line-height:1.2em}
#content fieldset.csc-mailform-field,
#content fieldset.csc-mailform {border:none; margin:0; padding:0; font-size:1em; line-height:1.2em}
#content .csc-mailform-field {margin-bottom:6px}
#content fieldset#mailform {border:none; margin:0; padding:0; }

/*** slideshow **/

#slideshow {
    width:395px; height:735px; float:left
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}


/****   Scroller   **********************/

.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #f1e5cf;
}
.jScrollPaneDrag {
	position: absolute;
	background: #784b12;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}

/******** CSS Document ************/

.csc-mailform-field {display:inline-block;}
#mailformformtype_mail, .csc-mailform-field #mailformsubmit {margin-left:15px; background:#F1DAAE; border:1px solid #50310B;}