/* CSS Formatierung JIS 2007 */
@media print {
 #left, #right, #menuHeader, #menuFooter, #footer{display:none;}
 body{background-image:none;background-color:#FFF;}
}

html{height:100%}

body
{
text-align:center;
height:100%;
margin:0px;
background-color:#FFF;
}

body, td, ol, ul, blockquote {
font-family: Verdana, Tahoma, sans-serif, Arial, Helvetica;
color: #000000;
font-size: 12px;
}
#designbody{
text-align:left;
}

img {border:0;padding:0;}

#mainframe{ 
width:930px;
margin:0px auto;
text-align:left;
background-color:#FFF;
padding-bottom:25px;
overflow:auto;
}
* html #mainframe{width:930px;} /*IE 6 needs more space because of padding! */

/* Formatierung Kopfzeile */
#title {margin:0px auto;width:960px;text-align:left;position:relative;height:230px;}
#title img.headerImages{padding-left:10px;padding-top:5px;margin-bottom:100px;}

#headerLogin{
width:212px;
height:50px;
float:right;
background-color:#bdc7d5;
color:#FFF;
padding:2px 7px 4px 7px;
font-size:10px;
font-family:"Lucida Grande", Tahoma, Arial;
line-height:11px;
position:relative;
top:0;
right:0;
margin:9px 0 20px 0;
}
h2.h2Login{margin:0 0 2px 0;padding:0;font-size:15px;line-height:14px;}
#headerLogin input.inputbox, #headerLogin input.submitButton{height:10px;line-height:10px;font-size:9px;padding:1px;margin:0;color:#c9c9c9;}
#headerLogin input.submitButton{height:18px;background-color:#FFF;border:1px solid #d9d9d9;}
#headerLine{clear:both;}

* html #headerLogin input.inputbox, * html #headerLogin input.submitButton{height:17px;line-height:14px;font-size:9px;padding:0;}
* html #headerLine{width:933px;}

#headerLogin a:link, #headerLogin a:visited{text-decoration:none; color:#FFF;}
#headerLogin a:hover{text-decoration:underline;}

div.saalfeldLink{
position:absolute;
top:0;
left:470px;
width:110px;
height:60px;
padding-left:65px;
padding-top:5px;
background-repeat:no-repeat;
background-position:left top;
}
div.saalfeldLink a:link, div.saalfeldLink a:visited{text-decoration:none; color:#786E29;}

div.headerBox{
background-image:url(/static/jis/bg_greenbox.gif);
background-repeat:no-repeat;
background-position:left top;
position:absolute;
width:159px; /* Padding abziehen! */
height:112px;
float:left;
top:70px;
padding:5px;
font-size: 10px;
margin:5px 0 0 0;
}

* html div.headerBox{width:170px;height:127px;} /* IE6 padding dazu! */

div.headerBox h2.h2Header{color:#FFF;font: 15px "Lucida Grande", Tahoma, Arial;font-weight:700;padding:0;margin:0 0 7px 0;}
div.headerBox a:link, div.headerBox a:visited{color:#000;text-decoration:none;}

div.headerBox input.inputSearch{font-size:10px;margin-top:5px;margin-bottom:5px;}

#left, #right {
line-height:18px;
background-color:#FFF;
}
#left {
float:left;
width:16%;
}
#right {
float:right;
width:21%;
}
#content {
float:left;
width:540px;
margin:10px 20px 0 20px;
background-color:#FFF;
padding-bottom:20px;
font: 13px "Lucida Grande", Tahoma, Arial;
line-height:18px;
}
*+html #content{width:auto;}
* html #content{width:535px;}

#footer, #headerLine{
font: 11px "Lucida Grande", Tahoma, Arial;
letter-spacing: 0.1em;
height:15px;
width:940px;
margin:0px auto;
background-color:#7d8691;
padding:2px 10px 2px 10px;
background-image:url(/static/jis/layout_boxbg.gif);
background-repeat:repeat-x;
}

#footer{text-align:right;margin-top:1px;color:#acc417;}

#footer a:link, #footer a:visited{text-decoration:none; color:#666;}
* html #footer{width:960px;height:17px;}
* html div.pathway{width:933px;height:17px;}

#menuFooter{
color:#acc417;
font-size:11px;
float:left;
padding-left:8px;
}

#menuFooter a:link, #menuFooter a:visited{text-decoration:none; color:#666;}

div.pathway{
font: 11px "Lucida Grande", Tahoma, Arial;
letter-spacing: 0.1em;
background-image:url(/static/jis/layout_boxbg.gif);
background-repeat:repeat-x;
height:17px;
margin:0px auto;
font-size:10px;
background-color:#7d8691;
padding:2px 10px 0 16px;
color:#FFF;
width:933px;
}

div.pathway b{letter-spacing: 0.1em;}
div.pathway a:link, div.pathway a:visited{text-decoration:none; color:#FFF;}

.headlineSmall{font-weight: bold;color: #CC0000;}
img.randomImage{margin-bottom:20px;border:1px solid;}

/* Hauptmenu */
ul.mainMenu{
text-align:left;
list-style:none;
z-index:10;
color:#000;
font: 13px "Lucida Grande", Tahoma, Arial;
font-weight:700;
padding:0;
margin:0;
border:0px solid #999;
}


ul.subMenu{
text-align:left;
list-style:none;
z-index:11;
color:#000;
font-weight:400;
font: 11px "Lucida Grande", Tahoma, Arial;
padding:0;
margin:0;
line-height:14px;
background-color:#FFF;
border:0px solid #999;
}

ul.subMenu2{
text-align:left;
list-style:none;
z-index:12;
color:#000;
font-weight:400;
font: 10px "Lucida Grande", Tahoma, Arial;
padding:0;
margin:0;
line-height:12px;
background-color:#FFF;
}

ul.mainMenu li.navMain{border-bottom:10px solid #FFF;}
li.navMain a:link, li.navMain a:visited{display:block; background-color:#e1e3e0;padding:8px 0 8px 8px;color:#000;text-decoration:none;text-transform: lowercase;}
li.navMain a:hover{background-color:#ccc;}

li.navSub a:link, li.navSub a:visited{display:block; background-color:#e1e3e0;padding:2px 2px 2px 8px;color:#000;text-decoration:none;text-transform: none;}
li.navSub a:hover{background-color:#acc417;}

li.navSub2 a:link, li.navSub2 a:visited{display:block; background-color:#e1e3e0;padding:2px 2px 2px 10px;color:#000;text-decoration:none;text-transform: none;}
* html li.navSub2 a:link, li.navSub2 a:visited{display:block; background-color:#e1e3e0;padding:2px 2px 2px 10px;color:#000;text-decoration:none;text-transform: none; overflow:hidden;}
li.navSub2 a:hover{background-color:#acc417;}

/* aktive Menüpunkte */
/* li.navMain a.active, li.navMain a.active:link{background-color:#F14F12;color:#FFF} */
ul.subMenu li.active{font-weight:400;}

hr{height:0px;border-bottom:1px;border-top:0;border-right:0;border-left:0;border-style:solid;border-color:#999;margin:0;padding:0;}

form{margin:0;}

div.linkBack{padding-top:10px;color:#000;}
div.linkBack a:link,div.linkBack a:visited{text-decoration:none;color:#000;font-weight:bold;}

h1.h1startseite, h1.h1webseite{
font-weight: 400;
font-size: 22px;
line-height: 24px;
color: #786E29;
margin-bottom:2px;
margin-top:0;
}

h2.h2webseite{
font-weight: 400;
font-size: 12px;
color: #666;
margin-top:0;
margin-bottom:10px;
}


div.pageNav{font-size:10px;color:#333;text-align:center;margin:auto;}
div.pageNav a:link, div.pageNav a:visited{color:#333;text-decoration:none;background-color:#d9d9d9;padding:2px;}
div.pageNav a:hover{background-color:#c3c3c3;}

div.suchfeldContent{
background-image:url(/static/jis/layout_boxbg.gif);
background-repeat:repeat-x;
width:98%;
height:25px;
color:#333;
padding:10px;
margin-top:10px;
font-weight:700;
font-size:11px;
}

div.suchfeldContent form{display:inline; margin:0;}
div.suchfeldContent input{font-size:10px;}

/* Formatierungen Sitemap */
div#sitemap, div.sitemap0 {padding: 10px 0 0; } 
div#sitemap, div.sitemaptext0 {padding: 0 0 5px 10px; font-size:10px;} 
div#sitemap, div.sitemap1 {padding: 5px 0 0 30px; } 
div#sitemap, div.sitemaptext1 {padding: 0 0 5px 50px; font-size:10px;} 
div#sitemap, div.sitemap2 {padding: 0 0 5px 60px; } 
div#sitemap, div.sitemaptext2 {padding: 0 0 5px 70px; font-size:10px;}


/* Kontakt */
.spanMitteilung{width:100px;display:block;float:left;}

/* Teaser News und Events */

.modulHeader{font-size:11px;color:#000;font-weight:700;padding:6px;}
.modulContent{padding:10px;color:#000;position:relative;}
div.modulContent input.text{font-size:10px;height:15px;width:154px;}

/* Formatierung der Links in den Modulen */

#teaserAktuelles, #teaserEvents{
color:#000;
font-size:10px;
font-family:verdana,sans-serif;
line-height:12px;
padding-top:10px;
position:relative;
background-color:#e1e3e0;
margin-bottom:10px;
}

#teaserSticker, #teaserAnsprechpartner{
color:#000;
font-size:10px;
font-family:verdana,sans-serif;
line-height:12px;
padding-top:10px;
width:194px;
height:auto;
position:relative;
background-image:url(/static/jis/bg_teaser.gif);
background-repeat:no-repeat;
margin-bottom:10px;
}
.modulFooter{
background-image:url(/static/jis/bg_teaser.gif);
background-position:bottom;
width:194px;
height:10px;
}

#teaserAktuelles a:link, #teaserEvents a:link, #teaserAktuelles a:visited, 
#teaserEvents a:visited, #teaserWerbung a:link, #teaserWerbung a:visited,
#teaserSticker a:link, #teaserSticker a:visited
{
font-weight:700;
color:#000;
text-decoration:none;
}

#teaserAktuelles a:hover, #teaserEvents a:hover, #teaserWerbung a:hover, #teaserSticker a:hover, #teaseAnsprechpartner a:hover{text-decoration:underline;}

#teaserWerbung{
color:#000;
font-size:10px;
font-family:verdana,sans-serif;
line-height:12px;
position:relative;
background-color:#7d8691;
margin-bottom:10px;
border:1px solid;
}

#teaserWerbung div.modulHeader{color:#FFF;padding:4px 4px 2px 4px;}
#teaserWerbung div.modulContent{padding:0 4px 4px 4px;}

#teaserAnsprechpartner div.modulContent{color:#FFF;text-align:center;}

#teaserAnsprechpartner span.ansprechpartner{
text-align:center;
display:block;
color:#FFF;
font-size: 12px;
padding-bottom:5px;
}

div.modulPartyHeader{text-align:center;padding-top:25px;color:#FFF;}
div.modulPartyPic, div.modulPartyPic a:link{text-align:center;color:#FFF;}

/* Formatierungen Profil */
span.spanProfil{width:150px;display:block;float:left;}

/* Formatierung Blog */
div.blogUnderline{
clear: both; 
border-bottom: 1px dotted #A9BACD; 
margin-top: 6px; margin-bottom: 20px; padding-bottom: 3px;
font-size:11px;color:#999;
}
div.blogUnderline a:link,div.blogUnderline a:visited{color:#999;text-decoration:none;}

a.blogReadMore, a.blogReadMore:visited{font-size:11px;color:#000;text-decoration:underline}

h1.h1blog{
font-weight: 400;
font-size: 18px;
line-height: 20px;
color: #786E29;
margin-bottom:2px;
margin-top:0;
}

h2.h2blog{
font-weight: 400;
font-size: 10px;
color: #666;
margin-top:0;
margin-bottom:10px;
}
div.blogtext{display:inline}
div.blogtext img{border:1px solid #786E29;margin:0 0 5px 5px}
div.blogtext a, div.blogtext a:visited{color: #C58144;border-bottom: dotted 1px #C58144;text-decoration: none;}
div.blogtext a:hover{text-decoration:underline;}

h1.h1blog a:link, h1.h1blog a:visited{color:#786E29;text-decoration:none;}
h1.h1blog a:hover{color: #C58144;border-bottom: dotted 1px #C58144;text-decoration: none;}

ul.blogThemen li a:link, ul.blogThemen li a:visited{color:#000;}

#blog{text-align:left;}

#blog h2.blog {
 letter-spacing: -1px;
 margin-bottom: 1em;
 padding: 0 0 0 24px;
 font-size:11px;
 background: url(/static/jis/blogImage.gif) no-repeat left center;
}
#blog li {
padding: 0;
}

#blog ul {
padding-left: 24px;
margin:0;
list-style:none;
font: 11px "Lucida Grande", Tahoma, Arial;
}

#blog a, #blog a:visited {
border: none;
padding-left: 10px;
color:#5B5A5A;
background: url(/static/jis/blogArrow.gif) no-repeat left center;
text-decoration:none;
}

#blog a:hover {
color: #B22900;
}

h2.postSuchergebnisse{border-top:1px solid; border-bottom:1px solid;font-size:18px;color:#786E29;padding:5px 0 5px 0;}

div.rankingVote{
border-top: dotted 1px #C58144;
border-bottom: dotted 1px #C58144;
padding:3px 0 3px 0;
margin:10px 0 5px 0;
}

div.rankingVote form{display:inline;}
/*
div.blogContent{background-image:url(/static/jis/bg_feed.png);background-position:bottom right;background-repeat:no-repeat;}

div.eventContent{background-image:url(/static/jis/bg_events.png);background-position:bottom right;background-repeat:no-repeat;}

div.profilContent{background-image:url(/static/jis/bg_profil.png);background-position:bottom right;background-repeat:no-repeat;}
*/

/* Formatierung News */
div.newsUnderline{
clear: both; 
border-bottom: 1px dotted #A9BACD; 
margin-top: 6px; margin-bottom: 20px; padding-bottom: 3px;
font-size:11px;color:#999;
}
div.newsContent{background-image:url(/static/jis/bg_newsx.png);background-position:bottom right;background-repeat:no-repeat;}


/* Dokumentdownload */
ul.dokumentDownload a, ul.dokumentDownload a:visited{color: #C58144;border-bottom: dotted 1px #C58144;text-decoration: none;}


/* Formatierung Bilder Standardseiten */
.galpicright {
background-color: #f0f0f0;
float: right;
width: 150px;
margin: 0 0 5px 10px;
border: 1px solid #f0f0f0;
}
.galpicleft {
background-color: #f0f0f0;
float: left;
width: 150px;
margin: 0 10px 5px 0;
border: 1px solid #f0f0f0;
}
.galpicright div, .galpicleft div {
padding: 2px 4px 3px;
font-size: 0.9em;
font-weight: normal;
}
.galpicright div p, .galpicleft div p {
margin: 0;
}
.hline {
width:545px;
margin: 10px 0;
clear: both;
overflow: hidden;
height: 1px;
background-color: #c0c0c0;
}

.hline0 {
clear: both;
overflow: hidden;
height: 1px;
background-color: #c0c0c0;
}
.hline1 {
margin: 2px 0;
clear: both;
overflow: hidden;
height: 1px;
background-color: #000000;
}

/*
 das braune grau im header (bsp. top thema) der teaser ist: #939291
der rahmen um die teaser hat die farbe: #7d8691
*/


/* Formatierung Startseite */
#indexBlogOverview{border:1px solid #7d8691;margin-top:10px;}
div.indexBlogText{padding:5px;}

#infoBoxLeft, #infoBoxRight{
margin-top:10px;
border:1px solid #7d8691;
width:258px;
background-color:#acc417;
height:340px;
overflow:auto;
}
#infoBoxLeft{float:left;}
#infoBoxRight{float:right;}

div.infoBoxText{
margin:0;
padding:0 0 0 5px;
font-size:10px;
font-family:verdana,sans-serif;
line-height:11px;
}
#infoBoxLeft ul, #infoBoxRight ul{
margin:5px 0px 10px 20px;
font-weight:700;
font-size:10px;
}

#infoBoxLeft a:link, #infoBoxLeft a:visited, #infoBoxRight a:link, #infoBoxRight a:visited{text-decoration:none;color:#000;}
#infoBoxLeft a:hover, #infoBoxRight a:hover{text-decoration:underline;color:#000;}


div.indexHeadline{
background-image:url(/static/jis/layout_boxbg2.gif);
background-repeat:repeat-x;
width:100%;
height:20px;
color:#FFF;
font-weight:700;
font-size:14px;
}

div.greenContent{background-color:#acc417;height:60px;padding:5px;font-size:11px;letter-spacing:0.1em;}

.textWeissFett{color:#FFF;font-weight:bold;font-size:14px;}

/* Bildergalerien */
div.boxGalerieUebersicht, div.boxGalerieDetail{
margin-top:15px;
margin-right:17px;
width:170px;
background-color:#C1CBD8;
height:270px;
overflow:hidden;
float:left;
font-size:8pt;
}
*+html div.boxGalerieUebersicht, div.boxGalerieDetail{
margin-top:15px;
margin-right:17px;
width:170px;
background-color:#C1CBD8;
height:270px;
overflow:hidden;
float:left;
font-size:8pt;
}
* html div.boxGalerieUebersicht, div.boxGalerieDetail{
margin-top:15px;
margin-right:17px;
width:170px;
background-color:#C1CBD8;
height:240px;
overflow:hidden;
float:left;
font-size:8pt;
}

div.boxGalerieDetail{height:180px; background-color:#ACC417;}
* html div.boxGalerieDetail{margin-right:14px; height:180px; background-color:#ACC417;}

div.boxGalerieHeader{
color:#000;
padding:0px 0 10px 0px;
}
div.boxGalerieBild{
padding-left:10px;
padding-top:10px;
}
div.boxGalerieText{
padding:0 0 0 10px;
}

div.boxGalerieText a:link, div.boxGalerieText a:visited{color:#000;font-weight:700;text-decoration:none;}
div.boxGalerieText a:hover{text-decoration:underline;}

/*################## Beginn ReMooz######################*/

.remo-zoom-in {
	
}
.remo-box {
	Z-INDEX: 41; BACKGROUND: #fff no-repeat center 50%; LEFT: 0px; POSITION: absolute; TOP: 0px
}
.remo-loading {
	BACKGROUND-IMAGE: url(spinner.gif)
}
.remo-content {
	WIDTH: 100%; HEIGHT: 100%;
}
.remo-box-focus .remo-content {
	
}
.remo-box-dragging .remo-content {
	CURSOR: move;
}
.remo-btn-close {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BACKGROUND: url(closebox.png) no-repeat left top; LEFT: -15px; VISIBILITY: hidden; BORDER-BOTTOM-WIDTH: 0px; WIDTH: 30px; CURSOR: pointer; POSITION: absolute; TOP: -15px; HEIGHT: 30px; BORDER-RIGHT-WIDTH: 0px; TEXT-DECORATION: none
}
.remo-title-wrap {
	LEFT: 0px; OVERFLOW: hidden; BOTTOM: 10px; POSITION: absolute; TEXT-ALIGN: left
}
.remo-title {
	POSITION: relative
}
.remo-title-bg {
	Z-INDEX: 99; WIDTH: 100%; POSITION: absolute; HEIGHT: 100%; BACKGROUND-COLOR: #fff; -moz-border-radius-topright: 10px; -moz-border-radius-bottomright: 10px
}
.remo-title-txt {
	PADDING-RIGHT: 15px; PADDING-LEFT: 15px; Z-INDEX: 101; PADDING-BOTTOM: 5px; COLOR: #000; PADDING-TOP: 5px; POSITION: relative
}
.remo-img {
	BORDER-TOP-WIDTH: 0px; DISPLAY: block; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; WIDTH: 100%; HEIGHT: 100%; BORDER-RIGHT-WIDTH: 0px
}
.remo-bg {
	WIDTH: 33px; POSITION: absolute; HEIGHT: 40px
}
.remo-bg-n {
	BACKGROUND: url(remo_bg_n.png) repeat-x; LEFT: 0px; WIDTH: 100%; TOP: -40px
}
.remo-bg-ne {
	RIGHT: -33px; BACKGROUND: url(remo_bg_ne.png) no-repeat; TOP: -40px
}
.remo-bg-e {
	RIGHT: -33px; BACKGROUND: url(remo_bg_e.png) repeat-y; TOP: 0px; HEIGHT: 100%
}
.remo-bg-se {
	RIGHT: -33px; BACKGROUND: url(remo_bg_se.png) no-repeat; BOTTOM: -40px
}
.remo-bg-s {
	BACKGROUND: url(remo_bg_s.png) repeat-x; LEFT: 0px; WIDTH: 100%; BOTTOM: -40px
}
.remo-bg-sw {
	BACKGROUND: url(remo_bg_sw.png) no-repeat; LEFT: -33px; BOTTOM: -40px
}
.remo-bg-w {
	BACKGROUND: url(remo_bg_w.png) repeat-y; LEFT: -33px; TOP: 0px; HEIGHT: 100%
}
.remo-bg-nw {
	BACKGROUND: url(remo_bg_nw.png) no-repeat; LEFT: -33px; TOP: -40px
}

/*################## Ende ReMooz ######################*/

/* neue Kalenderansicht */
table.tableCalendar {
padding: 0;
margin: 0;
text-align: center;
}

table.tableCalendar th {
color: #000;
}

a.marked:link, a.marked:visited {
font-weight: bold;
text-decoration: none;
display: block;
}
a.marked:hover, a.marked:active {
color: #6aa3ae;
}

table.tableCalendar td {
width: 20px;
height: 20px;
text-align: center;
}

table.tableCalendar td a {
text-decoration: none;
font-weight: 400;
display: block;
}

td a.calendarLink:link, td a.calendarLink:visited {	
color: #608194;
}

a.calendarLink:hover, a.calendarLink:active {
color: #6aa3ae;
}


/* alter Farbcode Menu etc: f3ffdf */

/* ################# Glossar ################# */

div.glossar {
  position:absolute;
  padding:10px;
  top:0px;
  left:0px;
  width:300px;
  border: 1px solid #000000;
  background-color: #f0ffff;
  text-align:left;
}
a.glossar {
  color:#000000;
  text-decoration: none;
  cursor:default;
}
a:hover.glossar {
  text-decoration: none;
}
a.glossaract {
  color:#008800;
  text-decoration: none;
  border-bottom:3px double #008800;
}
a:hover.glossaract {
  text-decoration: none;
  color:#008800;
}