/* CSS Document */


ul.menu li { margin-right: 22px; margin-left: -15px; float: left; background-image: none;}
ul.menu li a { padding-left: 21px; padding-right: 21px; padding-top: 15px; padding-bottom: 15px; display: block; text-align: center; border: 1px solid transparent; color: #000000; font-weight:normal; letter-spacing:0.1em; text-transform:uppercase; font-size:0.9em; background-image: none;}
ul.menu li a:hover { background: #ffffff; text-decoration:none; border: 1px solid #dddddd; color: #535353; margin: 0px; background-image: none;}


html, body {
/*
       scrollbar-base-color: #828208;
       scrollbar-arrow-color: #eeeeee;
        scrollbar-darkshadow-color: #828208;
      scrollbar-face-color: #828208;
        scrollbar-highlight-color: #eeeeee;
      scrollbar-shadow-color: #eeeeee;
        scrollbar-track-color: #828208;
*/
}

.clr {
 clear: both;
}

span.small { color: #000000; }

.banner {
  border: 0px;
  margin-bottom: 3px;
  clear: both;
}

.left { 
 	float: left;
	margin: 3px 5px 3px 0px;
} 

.center{ 
	text-align: center;
	margin: 3px 5px 3px 5px;
}

.right { 
	float: right;
	margin : 3px 0px 3px 5px;
}

.jce_file {
	font-size: 1.3em;
}

hr.line {
        border-top: 2px solid #666666;
        border-bottom: 2px solid #666666;
        border-right: 0px;
        border-left: 0px;
        color: #ffffff;
        width: 100%;
        height: 0px;
        padding-top: 1px;
        margin-bottom: 10px;
        margin-top: 25px;
}


/* upstream.online base.layout */

#header0, #header2, #header4, #header6, #header8, #header10, #header12, #header14, #header16, #header18, #header20, #header22, #header24 {
  width: 618px;
  height: 282px;
  float: left;
  background: url(../head_neu.jpg) no-repeat;
}

#header1, #header3, #header5, #header7, #header9, #header11, #header13, #header15, #header17, #header19, #header21, #header23 {
  width: 618px;
  height: 282px;
  float: left;
  background: url(../head_neu.jpg) no-repeat;
}

/* mambo classes */

#buttons {
	float: right;
	margin: 0px;
	padding: 0px;
	width: 50%;
}

ul#mainlevel-nav {
  list-style: none;
	padding: 0;
	margin: 0;
	font-size: 0.8em;
}

ul#mainlevel-nav li {
	display: block;
	background-image: none;
	padding-top: 1px;
	padding-left: 0px;
	padding-right: 0px;
	float: left;
	margin: 0;
	width: auto; /*!important*/
	width: 25%;
	font-size: 16px;
	font-weight: bold;
	line-height: 30px;
	height: 30px;
	white-space: nowrap;
	text-transform: uppercase;
	border-left: 0px solid #cccccc;
	vertical-align: middle;
}

ul#mainlevel-nav li a {
	width: 100%;
	display: block;
	padding-left: 0px;
	padding-right: 0px;
	text-decoration: none;
	color: #000000;
	background: transparent;
}

#buttons>ul#mainlevel-nav li a { width: auto; }

ul#mainlevel-nav li a:hover {
	color: #00b9b9;
}

#active_menu {
	color:#00b9b9;
        background: #ffffff;
	font-weight: normal;
}

a.mainlevel-nav#active_menu-nav {
	color:#00b9b9;
}

a#active_menu:hover {
	color: #00b9b9;
}

.maintitle {
	color: #000;
	font-size: 40px;
	padding-left: 15px;
	padding-top: 20px;
}

.error {
  font-style: italic;
  text-transform: uppercase;
  padding: 5px;
  color: #cccccc;
  font-size: 14px;
  font-weight: bold;
}

/** old stuff **/

.back_button {
  padding: 15px 15px;
}

.pagenav {
  text-align: center;
  font-size: 11px;
  font-weight: bold;
  border: 3px double #cccccc;
  width: auto;
  background: url(../images/button_bg.png) repeat-x;
  padding: 0px 10px;
  line-height: 20px;
  margin: 0px;
}

.pagenavbar {
	margin-right: 10px;
	float: right;
}

ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

li {
        padding-left: 15px;
        padding-top: 0px;
        background-image: url(../images/arrow.png);
        background-repeat: no-repeat;
        background-position: 0px 2px;
}

td, p {
	/* text-align: left;*/
	font-size: 1em;
        font-family: 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Helvetica, Sans Serif;
	color: #444444;
}

div.contentpane iframe { font-family: Arial, Helvetica, Sans Serif; }

body {
	margin: 0px;
	padding: 0px;
        font-family: 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Helvetica, Sans Serif;
	font-size: 12px;
}

/* mambo core stuff */

a:link, a:visited {
	color: #15887a;
	text-decoration: none;
        font-weight:normal;
}

a:hover {
	color: #363636;
	font-weight: normal;
	text-decoration: underline;
}

a.readon-hilfe:link, a.readon-hilfe:visited {
	color: #15887a;
	text-decoration: none;
        font-weight:normal;
        padding: 7px 0 0 14px;
        background: url(http://www.jugendkultur-zu.ch/images/stories/jugendkultur/pfeil_klein.jpg) no-repeat 0 10px;
}

a.readon-hilfe:hover {
	color: #363636;
	font-weight: normal;
	text-decoration: underline;
}

span.contentpane, span.contentpaneopen {
	color: #000;
}

table.contentpaneopen {
	width: 100%;
	padding: 0px;
	border-collapse: collapse;
	border-spacing: 0px;
	color: #000;
}

table.contentpaneopen td, table.contentpaneopen-hilfe td {
   padding-right: 5px;
   text-align: justify;
}

table.contentpaneopen td.componentheading {
	padding-left: 4px;
	margin: 0px;
}

table.contentpane {
	width: 100%;
	padding: 0px;
	border-collapse: collapse;
	border-spacing: 0px;
	margin: 0px;
	color: #000;
}

table.contentpane td {
	margin: 0px;
	padding: 0px;
	color: #000;
}

table.contentpane td.componentheading {
	padding-left: 4px;
}

.button {
  color: #444444;  /* ff6600 */
  font-family:  'Lucida Grande', 'Lucida Sans Unicode', Geneva, Helvetica, Sans Serif;
  text-align: center;
  font-size: 0.9em;
  font-weight: normal;
  letter-spacing:0.1em;
  text-transform:uppercase;
  border: 1px solid #cccccc;
  width: auto;
  background: #ffffff;
  padding-top: 0px;
  padding-bottom: 2px;
  padding-left: 11px;
  padding-right: 10px;
  line-height: 30px !important;
  line-height: 16px;
  height: 30px !important;
  height: 24px;
  margin: 0px;
}

.button:hover {
  color: #ffffff;  /* ff6600 */
  font-family:  'Lucida Grande', 'Lucida Sans Unicode', Geneva, Helvetica, Sans Serif;
  text-align: center;
  font-size: 0.9em;
  font-weight: normal;
  letter-spacing:0.1em;
  text-transform:uppercase;
  border: 1px solid #cccccc;
  width: auto;
  background: #dddddd;
  padding-top: 0px;
  padding-bottom: 2px;
  padding-left: 11px;
  padding-right: 10px;
  line-height: 30px !important;
  line-height: 16px;
  height: 30px !important;
  height: 24px;
  margin: 0px;
}

.inputbox, input {
	padding: 2px;
	border: solid 1px #cccccc;
	background-color: #ffffff;
}

.contentcolumn {
	padding-right: 5px;
}

.contentheading, .componentheading, .contentheading-hilfe, .componentheading-hilfe {
	background: none;
	color: #363636;   /* 666666 */
	/*text-indent: 10px;  15px */
	font-weight: bold;
	font-size: 1.5em;
	white-space: nowrap;
	vertical-align: bottom;
	padding-bottom: 15px;
	/*padding-top: 10px;*/
	text-transform: uppercase;
        text-decoration:none;
}

table.blog-hilfe .contentheading-hilfe {
	background: none;
	font-weight: bold;
	font-size: 1.0em;
	white-space: nowrap;
	padding-bottom: 0px;
	text-transform: uppercase;
        text-decoration:none;
}

.contentpagetitle {
	font-size: 16px;
	font-weight: bold;
	color: #cccccc;
	text-align:left;
}

table.searchinto {
	width: 100%;
}

table.searchintro td {
	font-weight: bold;
}

div.module { background: url(../coming_up_repeat.jpg) repeat; }

div.module div { background: url(../coming_up_footer.jpg) bottom left no-repeat; }

div.module div div { background: url(../coming_up_head.jpg) no-repeat; }

div.module div div div { padding: 45px 10px 10px 10px; margin-bottom: 5px; }

div.module div div div h3 { display: none; }

div.moduletable { margin-bottom: 10px; }

table.moduletable {
	width: 100%;
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 0px;
	border-spacing: 0px;
	border-collapse: collapse;
}

table.moduletable th {
	color: #666666;
	text-align: left;
	padding-top: 4px;
	padding-left: 4px;
	height: 21px;
	font-weight: bold;
	font-size: 10px;
	text-transform: uppercase;
}

table.moduletable td {
	font-size: 11px;
	padding: 0px;
	margin: 0px;
	font-weight: normal;
	color: #000;
}

table.pollstableborder td {
  padding: 2px;
}

.sectiontableheader {
	font-weight: bold;
	padding: 4px;
	color: #000;   /* ewi */
}

.sectiontablefooter {
}

.sectiontableentry1 {
    color: #1b1b1b;
	/*background-color: #1b1b1b;*/
	line-height: 110%;
	border-bottom: 1px dashed #1b1b1b;
}

.sectiontableentry1 td, .sectiontableentry2 td { padding: 3px; }

.sectiontableentry2 {
   color: #1b1b1b;
	/*background-color: #1b1b1b;*/
	line-height: 110%;
	border-bottom: 1px dashed #1b1b1b;
}

.small {
	color: #999999;
	font-size: 11px;
	font-weight: bold;
}

.createdate {
	height: 15px;
	padding-bottom: 10px;
	color: #999999;
	font-size: 11px;
	font-weight: bold;
}

.modifydate {
	height: 15px;
	padding-top: 10px;
	color: #999999;
	font-size: 11px;
	font-weight: bold;
}

table.contenttoc {
  border: 1px solid #cccccc;
  padding: 2px;
  margin-left: 2px;
  margin-bottom: 2px;
}

table.contenttoc td {
  padding: 2px;
}

table.contenttoc th {
  background: url(../images/subhead_bg.png) repeat-x;
  color: #666666;
  text-align: left;
  padding-top: 2px;
  padding-left: 4px;
  height: 21px;
  font-weight: bold;
  font-size: 10px;
  text-transform: uppercase;
}

a.mainlevel:link, a.mainlevel:visited {
        display: block;
        float: left;
        width: 120px;
	background-image: url(../navi_bild_neu.jpg);
	border-top: 0px dotted #000000;
	border-bottom: 0px dotted #000000;
	border-right: 0px dotted #000000;
	border-left: 0px dotted #000000;
	vertical-align: middle;
	font-size: 12px;
        font-weight: lighter;
        font-transform: uppercase;
	color: #eeeeee;
	text-align: center;
        padding-left: 0px;
        padding-right: 0px;
        padding-top: 0px;
        padding-bottom: 0px;
	height: 30px;
	line-height: 30px;
        text-decoration: none;
	text-transform: uppercase;
}

a.mainlevel-user:link, a.mainlevel-user:visited {
  color: #000;
}

a.mainlevel:hover, a.mainlevel-user:hover, a.mainlevel:active {
	/*text-decoration: underline;*/
	/*border-bottom: 1px dashed #fff;*/
        color: #00b9b9;
	background: #ffffff
}

a.sublevel:link, a.sublevel:visited {
	padding-left: 0px;
	vertical-align: middle;
	font-size: 11px;
	font-weight: bold;
	color: #ff6600;
        text-align: left;
}

a.sublevel:hover {
	color: #C43C03;
}

.highlight {
	background-color: Yellow;
	color: Blue;
	padding: 0;
}

.code {
	background-color: #ddd;
	border: 1px solid #bbb;
}

form {
/* removes space below form elements */
	margin: 0;
 	padding: 0;
}

div.mosimage {
  border: 1px solid #ccc;
}

.mosimage {
  border: 1px solid #cccccc;
  margin: 5px;
}

.mosimage_caption {
  margin-top: 2px;
  background: #efefef;
  padding: 1px 2px;
  color: #666;
  text-transform: none;
  font-size: 10px;
  border-top: 1px solid #cccccc;
}

span.article_seperator {
	display: block;
	height: 10em;
}


.article_seperator {
	border: 1px solid #cccccc;
}

p { margin-top: 0px; }