/* Start of CMSMS style sheet 'bach_gen_stil' */
/* Reset-Daten zur Vermeidung von fehlerhaften Anzeigen v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

/* remember to define focus styles! */
:focus { outline: 0; }

/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }


/* ======================= NORMALSTILE I ======================= */

body {
	background-color: #fff;
	color: white;
	font-family: Arial, Helvetica;
}


#zentr {
	text-align: center;
	position: absolute;
	top: 50%;
	left: 0px;
	width: 100%;
	height: 1px;
	overflow: visible;
	visibility: visible;
}

#box {
	text-align: left;
	border: 0px solid #E6DBB3;	
	margin-left: -500px;
	position: absolute;
	top: -290px;
	left: 50%;
	width: 1000px;
	height: 580px;	
	clear: both;		
}

p {
	font-family: Arial, Helvetica;
	padding: 10px 0 0 10px;
	font-size: 0.8em;
	line-height: 1.5em;
	letter-spacing: 0.1em;               
}

#pane1 p {
        width: 300px; /* regelt die Laufbreite in der Box - Ueberlaufschutz rechts */
}

#pane1 p a:link, #pane1 p a:visited {
        color:#fff;
        text-decoration: none;
}

#pane1 p a:hover { color:#000;
                              text-decoration: none;
}


.west {
	width: 691px;
	height: 580px;
	margin: 0;
	padding: 0;
	float: left;
	background-color: #F29400;    
}

.west-kopf {
	margin: 0;
        padding: 0;
	width: 691px;
	height: 103px;
	color: gray;
        font-style: italic;
	background: url(/uploads/images/bg-west-kopf.png) top left #000000 no-repeat;
}


/* ------------------------- Seitennavigation -------------------- */

.navi {
	margin: 0;
        padding: 0;
        width: 269px;
        height: 477px;
        float:left;
        background: url(/uploads/images/bg-sw.png) 0 0 no-repeat;
        color: #fff;         
}



ul.menue {
	display: block;
	padding: 25px 0 0 30px;
	width: 240px;
}
	
ul.menue li, ul.menue li.first, ul.menue li.last {
        display: block;
	background: url(/uploads/images/menue-bg.gif) top left no-repeat;
	height: 40px;
	line-height: 40px;
	font-size: 14px;
	padding: 0;
        margin:0;
	}


	
ul.menue li.first, ul.menue li.last {
	background: url(/uploads/images/menue-bg-kurz.gif) 0 0 no-repeat;
	}

ul.menue li.currentpage {
        background-position: 0 -40px;
        }
	
p.curr-list {
        padding: 0 0 0 19px;
        height: 40px;
        line-height: 40px;
        font-weight: normal;
        color: #f29400;
        letter-spacing: 1px;
        font-size: 14px;        
}

ul.menue li a,  ul.menue li.first a,  ul.menue li.last a {
        padding: 0 0 0 19px;
        display: block;
        text-decoration: none;
        color: #ffffff;
        letter-spacing: 1px;        
}	
	
ul.menue li a:hover {
        display:block;
        color: #F29400;
        padding: 0 0 0 19px;
        background: url(/uploads/images/menue-bg.gif) 0 -40px no-repeat;
}

ul.menue li.first a:hover,  ul.menue li.last a:hover {
        background: url(/uploads/images/menue-bg-kurz.gif) 0 -40px no-repeat;
}
	
.mitte {
	margin: 0;
        padding: 0;
        width: 422px;
        height: 477px;
        float:left;
        background: url(/uploads/images/bg-mitte.png) top left no-repeat;                  
}


/* ------------------------- Maske jscrollpane -------------------- */

#maske-top, #maske-bottom {
	position: absolute;
	width: 326px;
	height: 15px;	
	left: 307px;
	padding: 0;
	margin: 0;	
}

#maske-top {
	top: 173px;
	background: url(/uploads/images//mask-top.png) top left no-repeat;
}

#maske-bottom {
	top: 428px;
	background: url(/uploads/images/mask-bottom.png) bottom left no-repeat;
}

#maske-left, #maske-right {
	position: absolute;
	margin:0;
	padding: 0;
	width: 1px;
	height: 240px;
	top: 188px;	
	background-color: white;    
}

#maske-left {
	left: 310px;		
}
	
#maske-right {
	left: 629px;	
}
	
/* =============== Individual STILE TEXTSCROLLER jscrollpane =============== */


.holder {
	float: left;
	top: 80px;
	left: 200px;
	padding:0;
	margin: 80px 0 0 41px;
	border: 0px solid black;
}



a.jScrollArrowUp {
        background: url(/uploads/images/up.gif) no-repeat top right;              
}

a.jScrollArrowUp:hover {
	background-position: top right; /* war null - minus fuenfzehn */
}

a.jScrollArrowDown {
	background: url(/uploads/images/down.gif) no-repeat top right; 
}

a.jScrollArrowDown:hover {
	background-position: top right; /* war null - minus fuenfzehn */
}

a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	background-position: top right; /* war null - minus dreissig - urspruenglich drei Zustande fuer grafische Hovereffekte */
}			


.scroll-pane {
	width: 200px;
	height: 200px;
	overflow: auto;
	background: inherit;
	float: left;
}

ul.pfeile {
	list-style-type: none;       
}


ul.pfeile li.hoch {
	background: url(/uploads/images/up.gif) no-repeat;
}

ul.pfeile li.runter {
	background: url(/uploads/images/down.gif) no-repeat;
}

a.ankerstop {
	display: block;
	color: #fff;
	height:15px;
	width: 15px;
	line-height:15px;
	font-size: 14px;
	text-decoration: none;
	padding: 1px 0 0 4px;
}	

.wide {
	width: 350px;
}

.super-wide {
	width: 700px;
}

.tall {
	height: 250px;
}

/* ======================= NORMALSTILE II ======================= */	

.ost {
	width: 309px;
	height: 580px;
	margin: 0;
	padding: 0;
	float: left;
}


/* ======================= STILE CODA SLIDER ======================= */


 .hide {
	display: none;
}


#wrapper-gleiter {
	width: 289px;
	height: 476px;
	margin: 0;
        padding-left: 20px;
	background: url(/uploads/images/bg-wrapper-gl.png) top left no-repeat #F29400;
}


#slider {
	width: 250px;
	top: 52px;
        margin: 0;
	position: relative;
	border: 0px solid green;	
}


.scroll {
	height: 424px;
	width: 250px;
	overflow: auto;
	position: relative;
	clear: left;
	background: #f29400;       
}


.scrollContainer div.panel {
	padding: 25px;
	height: 425px;
	width: 277px;	
}

div.panel p { /* wenn horizontal - left floaten lassen */
	height: 116px; 
	width: 200px;
	padding:0 0 10px 0;
	text-align: center;
}

div.panel img {
        border: 1px solid #ffffff;
        }


/* ul.navigation {
	list-style: none;
	text-align: center;
	display:none; 
}


ul.navigation li {
	display: inline;
	margin: 0 20px 0 0;
}


ul.navigation a {
	line-height: 2.4em;
	padding: 10px;
	text-decoration: none;
	color: #333;
	font-size: 10px;
	font-weight: bold;
}


ul.navigation a:hover {
	background: #ddd;
}


ul.navigation a.selected {
	background: #fff;
	cursor: default;
}


ul.navigation a:focus {
	outline: none;
} */


.scrollButtons {
  position: absolute;  
  cursor: pointer;
}

.scrollButtons.left {
	top: 166px;
	left: 250px;
}

.scrollButtons.right {
	top: 296px;
	right: -15px;
}



/* ======================= NORMALSTILE III ======================= */

.medien {
	width: 309px;
	height: 476px;
	margin: 0;
	padding: 0;
	background: #f29400 url(/uploads/images/kontakt_haupt-bg.jpg) no-repeat;
        -moz-border-radius-topright: 50px;		
}

.logo-fuss {
	width: 309px;
	height: 103px;
	margin: 0;
	padding: 0;
	background: url(/uploads/images/logo.png) no-repeat;
        border-top: 1px solid #fff;
}

/* ====================== Blanko-Stile fuer Lightbox ====================== */

.eins { }
.zwei { }
.drei { }
.vier { }
.fuenf { }
.sechs { }
.sieben { }
.acht { }
.neun { }
.zehn { }
.elf { }
.zwoelf { }
.dreizehn { }
.vierzehn { }
/* End of 'bach_gen_stil' */