@charset "utf-8";
/* CSS Document */
html, body {}
body {font-family:Arial,sans-serif;margin:0px;padding:0px;height:100%;background:#282828; background-repeat:repeat-x;font-size:14px;}
img {border: none;}
h2, h3, h4 { margin: 0.5em 0px 0.2em 0px; }
p {margin:0.1em 0px;padding:0px}
table {border-collapse:collapse;color:#efefef;}
td {vertical-align:top; }
img {border:none;}
a, a:visited {text-decoration: none;outline:none;}
a:hover {color:#666;}

.wrap {clear:both; font-size:0px;display:block;float:none;}

.header {height:130px;width:100%; margin: 0px auto 0px;position:fixed;right:0px;white-space:nowrap;background:#282828;z-index:45;}
.header_print {display:none;}
#logo {height:110px;text-transform:uppercase;text-align:right;color:#efefef;line-height:28px;letter-spacing:1px;font-family:'Arial Narrow', Arial, sans-serif;font-size:21px;margin-right:20px;}
#logo h1 {letter-spacing:2px;padding-top:10px;margin-bottom:20px;text-align:right;height:70px; width:100%}
#logo a, #logo a:visited {}
#logo a:hover {color:#fff}
#logo:hover {color:#fff;}


.rahmen {width:100%; height:400px;background:#fff;margin: 0px auto 0px; border-top:1px solid #999;border-bottom:1px solid #999;position:absolute; top:130px;z-index:9;}

#navi {width:20%;padding: 0px;height:401px;position:fixed; top:131px;z-index:12}
#navi span {display:block;text-align:left;text-transform:uppercase;font-size:1.2em;background:url(../images/schwarz.png)}
#navi span:hover {color:#fff;background: url(../images/spacer.gif);}
#navi a, #navi a:visited {display:block;padding:11px 10% 0px 29%;color:#ddd;height:29px;text-align:right; background:url(../images/normal.png);background-repeat:no-repeat; background-position:right center;margin-right:10px;}
#navi a:hover {background:url(../images/over.png);background-repeat:no-repeat; background-position:right center;color:#f09;}
.klappen {visibility:hidden;}
.klappe, .klappeout {position:fixed;right:80.1%; top:532px;display:block;background:#282828; cursor:default; text-align:center;color:#ff0099;font-weight:bold; font-size:16px;height:16px;width:16px;line-height:16px;border:1px solid #333;border-right:1px solid #242424;z-index:70;}
.klappe:hover, .klappeout:hover {color:#ddd;background:#ff0099}
.klappeout {display:none;}

#textbg {position:absolute; height:400px; width:680px;left:20%;top:131px;background:url(../images/black.png);z-index:10; }

.bhome #textbg, .bbild #textbg{background: url(../images/weiss.png);}
.bhome a:hover {color:#999;}
.badmi .rahmen {background:#fff;}

.text_out {margin:0px; padding: 0px 0px 0px 0px; position:absolute; top:130px; left:20%;z-index:30;height:400px;border-left:1px solid #BBBBBB; width:659px;}
.text {padding:0px;}
.text a, .text a:visited {}
.text_in {padding:1em 2em 1em 1em;color:#efefef;height:auto;line-height:1.3em;}

/*SCROLLPANE*/
.jspContainer{overflow: hidden;position: relative;}
.jspPane{position: absolute;}
.jspVerticalBar{position: absolute;top: -1px;left:0px;width: 16px;height: 400px;}
.jspHorizontalBar{position: absolute;bottom: 0px;left: 0px;width: 100%;height: 16px;}
.jspVerticalBar *,
.jspHorizontalBar *{margin: 0px;padding: 0px;}
.jspCap{display: none;}
.jspHorizontalBar .jspCap{float: left;}
.jspTrack{	position: relative;}
.jspDrag{background:url(../images/normal.png);position: relative;top: 0px;left: 0px;cursor: pointer;}
.jspDrag:hover{background:url(../images/over.png);}
.jspVerticalBar:hover .jspDrag {background:url(../images/over.png);}
.jspVerticalBar:hover .jspDisabled{background: url(../images/over.png);}
.jspHorizontalBar .jspDrag{background:url(../images/normal.png);position: relative;top: 0px;left: 0px;cursor: pointer;}
.jspHorizontalBar.jspDrag:hover{background:url(../images/normal.png);}
.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag{float: left;height: 100%;}
.jspArrow{background: url(../images/start.png);text-indent: -20000px;display: block;cursor: pointer;}
.jspArrow:hover{background: url(../images/start_over.png);text-indent: -20000px;display: block;cursor: pointer;}
.jspArrow.jspDisabled{cursor: default;background: url(../images/normal.png);}
.jspVerticalBar .jspArrow{	height: 16px;}
.jspHorizontalBar .jspArrow{width: 16px;float: left;height: 100%;}
.jspVerticalBar .jspArrow:focus{outline: none;}
.jspCorner{float: left;height: 16px;}
/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner{margin: 0px -3px 0px 0px;}
.scroll-pane{width: 655px;height: 400px;overflow: auto;margin-left:4px;padding-right:20px;margin-right:0px;position:absolute;top:1px;}
.jspVerticalBar{left: 0px;}

/*Sliders*/
.sliders {position:fixed; top:533px; width:680px;left:20%;z-index:46;height:17px;}
.slider:hover,.slider2:hover {background:url(../images/spacer.gif);}
.sliderst img {border:none;}
.slider, .slider2 {border-bottom:1px solid #333;border-left:1px solid #333; border-right:1px solid #242424;height: 16px;width:48.2%;color:#282828;float:left;background:url(../images/black.png);}
.slider2 {float:right;}
.knob, .knob2{background:#f09;cursor:pointer;cursor:pointer;color:#282828;text-align:center;line-height:16px;color:#282828;font-weight:bold;display:block;width:16px;height:16px;font-size:16px;border:none;}
.knob:hover, .knob2:hover{background:url(../images/sliderover.png);}

.footer {position:absolute;top:521px;font-size:10px;text-align:left; left:10px;}
.footer a, .footer a:visited {color:#444;}
.footer a:hover {color:#666;}
.footer_print{display:none; }
.dirkont {text-align:right;letter-spacing:1px;padding-top:5px;color:#efefef;position:absolute; top:102px;right:30px;z-index:5;font-size:12px;}
.dirkont a, .dirkont a:visited {color:#ff0099;}

/*tinymce*/
.edit_frm {margin: 0px;width:100%;padding: 0px;}
.edit_frm .smbt {margin:0.1em; width:99%}
input.smbt {border:1px solid #292929;background:#f09;margin-top:0.3em;color:#fff;display:block;width:100%;}
input.smbt:hover {border: 1px solid #444;background:#FF7DBE; }
input.smbt2 {border:1px dotted #ddd;background:#eee; width:300px;margin-top:0.3em;}
input.smbt_auto {border:1px dotted #ddd;background:#eee; width:auto;margin:0.3em;}
input.smbt_auto:hover {border:1px solid #000;}

.text_inp {}

/*ADMIN etc*/
.cont_frml {width:150px;padding:35px;border:none;}
.adminbody .rahmen {}
.editfrmdiv {height:50px; padding:15px;}
.administration {background:#f09;color:#fff;position:absolute;top:20px; left:3%;padding:1%;width:16%;}
.administration a, .administration a:visited {color:#fff;}


/*BILDERGALERIE*/
.galnavi {height:auto; display:block;float:none;clear:both;}
.galnavi a, .galnavi a:visited {display:block; float:left;margin:0px;text-decoration:none;}
.galnavi  img {display:block; width:98%; height:98%; margin: 0px auto 0px;border:1px solid #000}
.galnavi a:hover span {display:block;}
.galnavi a:hover {}
.galnavi a:hover img{border:1px solid #f09}
.galnavi2 {height:auto;width:100px;text-align:center;}
.galnavi2 a, .galnavi2 a:visited {display:block; width:90px;height:auto;text-decoration:none;margin:0px auto 10px;text-align:center;}
.galnavi2  img {width:80px; height:80px; border:1px solid #000;display:block;margin: 0px auto 0px;}
.galnavi2 a:hover {}
.galnavi2 a:hover img{border:1px solid #f09;}
.bbild table {width:100%;margin: 0px;border-collapse:collapse;}
.bbild table {padding: 0px;}
#gallery{ width:500px; margin-top:0px;padding:0px;height:360px;white-space:nowrap;}
#gallery img:hover {border:1px solid #f09;}
#thumbarea{overflow: auto; overflow-y: hidden; overflow-x: auto;width:500px; margin:0px 0px 0px 0px; padding:2px 0px;height:68px;}
#thumbareaContent{padding:0px; margin:0px; white-space: nowrap;/* important */	}
#thumbareaContent img{padding:0px;cursor:pointer;height:66px; width:auto;margin:0px 1px 0px 0px;border:1px solid #000;}
#imagearea{overflow: auto; overflow-y: hidden; overflow-x: auto;width:500px; margin:0px; padding:0px;height:21em;}
#imageareaContent{padding:0px; margin:0px; white-space: nowrap;      /* important */width:200000em;}
#imageareaContent img{width:auto; margin: 0px 12em;height:20.5em;border:1px solid #000;vertical-align:top;display:block; float:left;}

/*Galerieupload*/
.galerieupload  a,.galerieupload a:visited {text-decoration:underline;color:#ff0099}
.galerieupload a:hover {color:#777;}
.galerieupload {margin:0px;padding:1.5em;background:#F4F4F4;}
.galerieupload .editfrmdiv {padding:0.5em;background:#fff;height:auto;border:1px dashed #777;}

.galerieupload table {background:#fff;}
.invalid {color:#F09;font-size:14px;}
.gal_tbl {width:100%;border:1px dashed #777;}
.gal_tbl td {padding-left:1em;color:#333;font-size:11px;}
.gal_tbl .otitel td {font-weight:bold;text-transform:uppercase;padding:0.5em 0px 0.5em 1em;}
.gal_tbl .otitel td a,.gal_tbl .otitel td a:visited {}
.gal_tbl .mitteln img {margin: 0px auto 0px; display:block; width:30px; height:auto}
.gal_tbl .mitteln {text-align:center;}
.gal_tbl input {font-size:11px;}
.gal_tbl .okbt {background:#FF3399;color:#fff;border:1px solid #CC3399;margin-left:2px;}
.gal_tbl .txtfield {border:1px solid #fff;font-size:11px;margin-right:0.5em;}
.gal_tbl .txtfield:hover {border:1px solid #c39;}

.gal_tbl .txtfield:focus {border:1px solid #f09;}
.uploadnavi{background:#fff; word-spacing:1em;padding:0.2em; border:1px dashed #777;margin-top:0.5em;font-size:1em}
.uploadnavi a, .uploadnavi a:visited {text-decoration:underline;}

.tooltip {
	display:none;
	background:url(../images/black.png);
	font-size:10px;
	height:auto;
	width:150px;
	padding:1em;
	color:#ddd;	
	z-index:900;
	text-align:center;
}