﻿ul {
	display: table-cell;
}


ul.striche li {
    line-height: 24px;
    background: none !important;
    padding-left: 0 !important;
    list-style: inherit !important;
    margin-left: 40px;
}



.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {display: inline-block;}



/* Bereich nicht für IE-mac Anfang \*/

* html .clearfix {height: 1%;}

/* Bereich nicht für IE-mac Ende */



p.lwv-logo {

	float: right;

	margin-top: -40px;

	height: 59px;

}


div.k2ArchivesBlock ul li{
	margin: 0 0 8px 0;
}

.copyright a {

    margin: 0 2px;

    border-right: 1px solid #f2f2f2;

    padding: 0 5px 0px 0px;

    color: #f2f2f2;

}



.copyright a:last-child {

	border-right: 0px solid #f2f2f2;

}



.fm-container li {

	min-width: 300px;

}




main#content {
 	width: 100% !important;
  	display: inline-block;
}

.jg_row{
	display: inline-block;
    width: 250px;
    height: 150px !important;
    padding: 24px 12px;
}


.nspMain {

	font-weight: bold;

}



.nspArts {

	font-weight:normal;

}



.nspBotInterface, .nspTopInterface{

	margin: -24px 0 !important;

    position: absolute;

    right: 0;

    z-index: 999;

}



.nspArts{

	overflow: visible !important;

	padding: 0 !important;

    position: relative;

}



.nspCol1 {

    background: #ededed;

    margin-bottom: 10px;

}



.nspArtPage.active{

	background: #fff;

}



.nspArt .fleft{

	float: none;

}



#nsp-startnews .nspCol1 {

    background: none;

}



div.itemImageBlock{

	margin: 0 40px 16px 0;

    float: left;

}



div.latestItemView {

    border-bottom: 1px solid #f2f2f2;

    padding-bottom: 40px;

}



#nsp-startnews {

    margin-top: 8px;

}



span.itemImage{

	text-align: left;

}



.menu-image{

	display: none;

}





body {

	margin: 0;

	font-family: Verdana, Helvetica, Arial, sans-serif;

  /*font-family: 'Lato', Helvetica, Arial, sans-serif;*/

	font-size: 16px;

	line-height: 25px;

	color: #333;

	background-color: #fff;

	padding-left: 0 !important;

	padding-right: 0 !important;

	-webkit-font-smoothing: antialiased;

	-moz-osx-font-smoothing: grayscale;

}



* {

margin: 0;

}



#jpss-content {

	background:#ff9900;

}



html, body {

height: 100%;

}



body.site {

	border-top: 0px !important;

}



.body .container{

	border: 0 !important;

	box-shadow: 0 0 0 !important;

}



ul {

	padding: 0;

}



ul li{

	list-style: none;

}



a {

	color: #cc0000;

	text-decoration: none;

}



a:hover,

a:focus {

	color: #cc0000;

	text-decoration: underline;

}



a.k2ReadMore, a.readon.fright{

    background-color: #ff9900;

    padding: 6px 10px 6px 10px;

    color: #fff;

    text-transform: uppercase;

    float: left;

    margin-top: 10px;

}



div.genericItemHeader h2.genericItemTitle,

div.catItemHeader h3.catItemTitle{

	font-family: 'Lato', Helvetica, Arial, sans-serif;

}



div.itemFullText h3{

	font-size: 15px;

	padding: 10px 0 10px 0px;

}



h1,

h2,

h3,

h4,

h5,

h6 {

	margin: 12px 0;

	font-weight: bold;

}

h1 {

	font-size: 20px;

	line-height: 24px;

}

h2 {

	font-size: 18px;

	line-height: 20px;

}

h3 {

	font-size: 16px;

	line-height: 15px;

}

h4 {

	font-size: 14px;

	line-height: 15px;

}

h5 {

	font-size: 13px;

	line-height: 15px;

}

h6 {

	font-size: 12px;

	line-height: 14px;

}

textarea,

input[type="text"],

input[type="password"],

input[type="datetime"],

input[type="datetime-local"],

input[type="date"],

input[type="month"],

input[type="time"],

input[type="week"],

input[type="number"],

input[type="email"],

input[type="url"],

input[type="search"],

input[type="tel"],

input[type="color"],

.uneditable-input {

	background-color: #fff;

	border: 0px solid #ccc;

	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);

	-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);

	box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);

	-webkit-transition: border linear .2s, box-shadow linear .2s;

	-moz-transition: border linear .2s, box-shadow linear .2s;

	-o-transition: border linear .2s, box-shadow linear .2s;

	transition: border linear .2s, box-shadow linear .2s;

	padding: 3px;

}



iframe,

svg {

	max-width: 100%;

}



.nowrap {

	white-space: nowrap;

}



.element-invisible {

	position: absolute;

	padding: 0;

	margin: 0;

	border: 0;

	height: 1px;

	width: 1px;

	overflow: hidden;

}



body > #wrap {

	height: auto;

    min-height: 100%;

	background:url('../images/balken-orange.jpg') repeat-y;

	padding-left:230px;

}



#left-wrap {
	float:left;
	width:230px;
	/*height:100%;*/
	min-height: 1260px;
}



#footer{

	position: relative;

	margin-top: -25px; /* Negativer Wert der Footer-Höhe */

	height: 28px;

	clear:both;

}



footer {

	background: none repeat scroll 0 0 #cc0000;

    padding: 20px;

    color: #f2f2f2;

	font-size: 13px;

}



footer a, footer a:hover, footer a:focus{

	color: #f2f2f2;

}



footer a:hover, footer a:focus{

	text-decoration: underline; 

}





#jpss-header{

	background: #ffffff;

	position: relative;

    z-index: 88;

}



#logo{

	background: none repeat scroll 0 0 #ffffff;

	min-height: 168px;

}



.jpss-logo{

	padding-left: 20px;

}



.jpss-logo a{

	text-align: center;

}



#jpss-logo{

	background-repeat: no-repeat;

}



#header_logo {

	float: right;

	height: 100px;

	width: 300px;

	margin: 30px 0 0 45px;

}



#jpss-topnavi{

	width: 100%;

	background: #ff9900;

	position: absolute;

	height: 41px;

	z-index: 888;

}



#jpss-topnavi ul{

	overflow: hidden; 

	margin: 0; 

	padding: 0;

	list-style-type: none;

	float: right;

}



#jpss-topnavi ul li{

	float: left; 

	margin-bottom: 0;  

	margin-right: 0.5em;

}



#jpss-topnavi ul li a{

	padding: 0.25em 0.5em; 

	display: block; 

	border: none;

	color: #ffffff;

}



#jpss-topnavi ul li a:hover, #jpss-mainnavi ul li a:hover{

	background: transparent;

	color: #CC0000;

	text-decoration: none;

}



.moduletable_mainnavi{

	margin: 34px 0px 0px 34px;

}



#jpss-mainnavi {

  float: left;

  font-family: 'Lato', Helvetica, Arial, sans-serif;

  color: #fff;

  width: 178px;

  padding: 0 26px;

  height: calc(100% - 310px);

  background: #ff9900;

  min-height: 1060px;

}



#jpss-mainnavi ul li{

  background: url(../images/bullet-weiss.png) no-repeat 0px 3px;

  padding-left: 29px;

}



#jpss-mainnavi ul li a{

	line-height: 25px;

    color: #ffffff;

}

#jpss-mainnavi h3{

  font-weight: bold;

  font-size: 17px;

  text-transform: uppercase;

  line-height: 22px;

  margin-top: 18px;

}



#jpss-mainnavi a{

	font-size: 16px;

    color: #ffffff;

}



#jpss-main {

    background: none repeat scroll 0 0 #ffffff;

	padding-top: 20px;

	padding-left: 20px;

	padding-right: 25px;

	height:calc(100% - 520px);

}



div.itemView{

	margin:0px;

	border-bottom:0px;

}



#k2Container{
	padding: 1%;
	display: block;
}



.jpss-themen{

	border-bottom: 1px solid #ffcc99;

	padding-bottom: 15px;

	padding-top: 20px;

}



#mobile{

	display: none;

}



.nspArt h4.nspHeader{

		color: #cc0000;

		text-transform: none;

 		line-height: 26px;

  		font-size: 17px !important;

}



#jpss-kontakt{

		display: none;

	}



#jpss-toptools{

		position: absolute;

 		z-index: 888;

 		right: 20px;

 		top: 2px;

	}

#jpss-toptools-wrapper{

		text-align: center;

		width: 100%;

		background-color: #ff9900;

 		height: 33px;

  		z-index: 400;

	}



.jpss-toptools-icons {

 	margin-right: 10px;

  	float: right;

}



.jpss-suche{

	float: right;

}



.latestItemTitle > a, .latestItemTitle > a:hover, .latestItemTitle > a:focus {

	color: #cc0000 ;

    font-size: 20px ;

    font-weight: 400;

    letter-spacing: 1px;

    text-decoration: none;

}



div.itemToolbar {

	display: none;

}



.nspArt h4.nspHeader {

    font-weight: 400;

    letter-spacing: 1px;

}



.latestItemReadMore a:hover {

	text-decoration: underline;

}



div.latestItemReadMore a{

	border-radius: 0px;

}



.latestItemReadMore a{

	color: #f2f2f2;

	text-transform: uppercase;

}



.latestItemReadMore a:hover, .latestItemReadMore a:focus{

	text-decoration: underline;

}



.nspArt .fright a:hover {

    background: #ff6600;

    padding: 5px 11px;

    color: #ffffff;

}

a.readon.fright{

	text-transform: uppercase;;

}



#jpss-kontakt{

	display: none;

}



#jpss-hauptnavi{

	z-index: 888;

	width: 100%;

}



div.itemBackToTop{

	display: none;

}



div.itemBody ul > li {

  line-height: 24px;

  background: url(../images/bullet-grau.png) no-repeat 0px 2px;

  list-style: none;

  padding-left: 29px;

}



div.itemBody ul{

	margin: 0px;

}



#mobile{

	display: none;

}



.download {

  padding: 20px 20px 20px 110px;

  background: url(../images/auge.png) no-repeat rgba(255,153,0,0.2) 9px center;

  margin: 15px 15px 0 0;

}



.header{

	height: 215px;

	overflow: hidden;

}



.nspArt img.nspImage{

	display: inline-block !important;

}



#saeulen {

//*    border-top: 1px solid #ccc;*//

}



div#saeulen img {

    height: 160px !important;

    width: 230px !important;

    max-width: none;

}



#saeule-1, #saeule-2, #saeule-3{

width: 27%;

float: left;

min-height: 250px;

padding: 3%;

}



#nsp-saeulen .nspCol3{

    min-height: 480px;

    background: #ededed;

    margin: 1%;

    width: 30%;

}



.adressen{

	width: 44%;

    display: inline-block;

    margin: 1%;

    background: #ededed;

    padding: 15px;

}



.header img {

    width: 100%;

}



.sj-flat-menu li ul li .fm-item a{

	text-transform: none;

}



/* MEDIA-QUERIES */





@media (max-width: 1200px) {

	.nspArt h4.nspHeader {

    	line-height: 20px;

    	font-size: 16px;

		color: #cc0000;

		text-transform: none;

	}

	

	.adressen{

		width: 80%;

	}

}





@media (max-width: 800px) {

	.nspPrev, .nspNext {

    	position: relative !important;

	}

}







@media (max-width: 1015px){



	.nspArt {

  		width: 100% !important;

	}

	.jf_mm_trigger{

		background: url(../images/menu-icon.png) no-repeat #ffffff center center !important;

  		top: 0px !important;

  		height: 20px !important;

  		width: 80px !important;

  		padding: 5px;

	}



	#jpss-logo p img {

    display: none;

	}

}







@media (max-width: 1015px) {



	#jpss-hauptnavi{

		display: none;

	}



	#saeule-1, #saeule-2, #saeule-3 {

    width: 100%;

    min-height: 180px;

	}

}





@media (max-width: 1015px) {



	body > #wrap {

		background: #f90;

	}



	.jf_mm_trigger, #jf_mm_menu {

		display: block !important;

	}



	#footer {

		height: 72px;

	}



	p.lwv-logo {

		text-align: center;

		float: none;

		margin-top: 0;

	}



	#wrap {

		padding-left:0px !important;

	}

	

	#left-wrap {

		float:none;

		width:auto;

		height:auto;

		min-height: auto;

	}

	

	.nspArt h4.nspHeader {

    	line-height: 18px;

    	font-size: 12px;

		color: #cc0000;

		text-transform: none;

	}



	#jpss-kontakt{

		display: inline-block !important;

		width: 100%;

		color: #ffffff;

	}



	.desktop-kontakt{

		display: none;

	}



	.copyright{

		text-align: center;

	}



	#jpss-header{

		border-bottom: 5px solid #ff9900;

  		padding-bottom: 15px;

	}



	#jpss-main{

	    background: none repeat scroll 0 0 #ffffff;

   		padding-right: 15px;

   		margin-left: 0px;

   	}

	#jpss-logo{

		background-image: url(../images/logo-tablet.jpg);

		height: 152px;

  		width: 358px;

		background-repeat: no-repeat;

		margin: 0 auto;

	}

	.jpss-logo {

		padding-top: 7px;

  		padding-left: 0px;

  		margin-top: 0px;

	}

	#slideshow{

		display: none;

	}

	#logo{

		float: none;

	    min-height: 160px;

		width: 100%;

		position: relative;

	}

	#jpss-mainnavi{

	    float: none;

	    margin-top: 0;

	    display: none;

	}

	.jf_mm_wrapper h2 {

		font-size: 13px !important;

		padding: 0 14px !important;

	}

	#jpss-toptools{

		position: relative;

 		z-index: 888;

 		right: 0px;

	}

	#jpss-toptools-wrapper{

  		background-color: #ff9900;

  		position: relative;

	}

	#mobile{

		background: url(../images/menu-icon.png) no-repeat;

		background-position: right 50px top;

		display: block;

	    width: 100%;

	    position: relative;

	    cursor: pointer;

		color:#fff;

		font-size:15px;

		font-weight:bold;

		left:29px;

		margin: 18px 0 0 0;

	}



	#saeule-1, #saeule-2, #saeule-3{

		width: auto;

	}

	



}









@media (max-width: 1015px) {

	.nspArt h4.nspHeader {

    	line-height: 25px;

    	font-size: 18px;

		color: #cc0000;

		text-transform: none;

	}



	.desktop-kontakt{

		display: none;

	}

	

}









@media screen and (max-width: 480px) {



	.jpss-suche{

		display: none;

	}

	

	#jpss-logo{

		background-image: url(../images/logo-smart.jpg);

		height: 200px;

		width: 245px;

		background-repeat: no-repeat;

	}

	#logo{

		float: none;

		min-height: 180px;

		width: 245px;

		margin:0 auto;

	}

	.nspArt h4.nspHeader {

    	line-height: 25px !important;

    	font-size: 20px !important;

		color: #cc0000;

		text-transform: none;

	}



	#jpss-kontakt, #jpss-kontakt a{

		display: inline-block;

		color: #ffffff;

	}



	.desktop-kontakt{

		display: none;

	}



	span.itemImage img{

		width: 95% !important;

	}



	#jpss-header{

		padding-bottom: 0px;

	}



	#footer {

    	height: auto;

	}



	p.lwv-logo{

		margin: 8px 0 8px 0;

	}



	#jpss-kontakt{

		height: auto;

	}

}