.sprocket-headlines {background: #fff!important;border: 1px solid #ddd; max-width:99.99%!important}

a.sprocket-headlines-text {color:#777!important;}

a.sprocket-headlines-text:hover {color:#000!important;}

.sprocket-headlines-navigation .arrow { line-height:130%;}

.sprocket-mosaic-item {border:none!important;margin:10px;margin-left:0!important}

body

{

  line-height:1.6em;

  margin:0;

  padding:0;

}



body.contentpane

{

  width:auto;

  line-height:1.3em;

  font-size:12px;

  color:#333;

  background:#fff;

  margin:0;

}



html

{

  overflow-y:scroll;

}



html,body

{

  height:100%;

  margin:0;

  padding:0;

}





table.mtable td

{

  border:1px solid #ccc;

  margin:4px;

  padding:20px;

}



table.mtable

{

  margin:10px auto 0;

}



img.t-config

{

  display:block;

  margin-bottom:40px;

}



div.jpclear

{

  clear:both;

  height:0;

  font-size:0;

  margin:0;

  padding:0;

}



p

{

  margin:4px 0;

}

a { 

	transition: color 0.2s linear 0s;

	/* Firefox 4 */

	-moz-transition: color 0.2s linear 0s;

	/* Safari and Chrome */

	-webkit-transition: color 0.2s linear 0s;

	/* Opera */

	-o-transition: color 0.2s linear 0s;

}

a:link,

a:visited

{

	color:#000

}



a:hover,

a:focus

{

	text-decoration:underline

}



ul, ol, li {

	margin:0; padding:0;

}

li {margin-left:10px;

}

li.pagenav-prev,li.pagenav-next,a.readmore,.validate,.button

{

  text-decoration:none;

  padding:4px 15px;

  font-size:11px;

}



li.pagenav-prev,li.pagenav-next,

.readon,a.readon,.readmore,#article-index ul li a,#article-index ul li span,div.k2Pagination ul li a,div.k2Pagination ul li span,div.pagination ul li a,div.pagination ul li span {

	display: inline;

	margin: 0 5px 3px 0;

	padding: 4px 16px;

	font-size: 12px;

	text-decoration: none;

	text-shadow: 0 1px 0 #fff;

	cursor: pointer;

	color: #333;

	background: #fff url('../images/btn_bg.jpg') repeat-x left top;

	border: 1px solid #dbdbdb;

	-webkit-border-radius: 3px;

	-moz-border-radius: 3px;

	border-radius: 3px;

}

#archive-items li {

	list-style-type:none!important;

}

.button:hover,.readon:hover,.readmore:hover

{

  text-decoration:underline;

}



li a,a img,img a

{

  border:none;

  text-decoration:none;

}



h1,h2,h3,h4,h5,h6,.contentheading,.componentheading,.item h2 a,h2.contentheading a

{

  margin:0;

  padding:0;

}



h1

{

  font-size:30px;

  margin-bottom:10px;

}



h2,h2.contentheading,.contentheading

{

  font-size:26px;

  padding-bottom:0;

  text-transform:uppercase;

  margin:10px 0 20px;

  padding-bottom:2px;

  border-bottom:1px solid #eee;

	color:#F70404;

}



h2 a,h3 a

{

  text-decoration:none;

  color:#ac190d;

}



h2 a:hover,h3 a:hover

{

  text-decoration:none;

  color:#F70404;

}



h3

{

  margin:0 0 20px;

  font-size:22px

}



h4,.componentheading

{

  font-size:18px;

  line-height:1.25;

  margin-bottom:1.25em;

}



h5

{

  font-size:16px;

  margin-bottom:1.5em;

}



h6

{

  font-size:14px;

}



h1 img,h2 img,h3 img,h4 img,h5 img,h6 img

{

  margin:0;

}



.button

{

  border:none;

  padding:4px 20px;

}



.small,.createdate

{

  font-size:11px;

  padding-bottom:.875em;

  line-height:1.875em;

}



.centered

{

  text-align:center;

}



.componentheading

{

  margin:.3em 0;

}

/* Special typo for module top40-60-1 */

.features {

	width:100%;

	display:block;

	clear:both;

	border-bottom:1px solid #eee;

	margin-bottom:10px;

	padding:20px 0 20px 0;

	

}

.features img {

	float:left;

	margin:0 20px 20px 0;

}

/************  Template Layout ***************/

.border-top{border:1px solid #eee}

.module-divider {

	width:100%;

	height:1px;

	background:#eee;

	margin-bottom:30px;

}

.jp-wrapper {

	position:relative;

	z-index:0;

	margin:0 auto;

	background-color:#FFFFFF;

	min-height: 100%; /* Mindesthöhe für moderne Browser */

	height:auto !important; /* Important Regel für moderne Browser */

	height:100%; /* Mindesthöhe für den IE */

	

}

.container{

	margin:0 auto;

	padding:0 2px;
	padding-right:0 4px;

}

.jp-top{

  position:relative;

  width:100%;

  background:#f6f6f6;

}

.logo{

  float:left;

  width:auto;

  padding:0px 0 0px;

}

.logo h1{

  line-height:1em;

  font-size:18px;

  font-weight:lighter;

  margin:0;

  padding:0;

}



.jp-topmenu {

  float:right;

 }



.jp-mainmenu{

	position:relative;

	float:left;

	margin:40px 0;

	width:100%;

	border-bottom:1px solid #f0f0f0;

	padding-bottom:4px;

}

.jp-search-breadcrumbs{

  margin:0 auto;

  position:relative;

  width:100%;

  border-bottom:1px solid #f0f0f0;

}

.breadcrumbs {

  padding-bottom:10px;

  font-size:90%;

}

.breadcrumbs a{

  text-decoration:none

}

.breadcrumbs a:hover{

  color:#ccc

}



.jp-search {

  float:right;

 }

.jp-search label {

  display:none

}

.jp-search .inputbox {

  margin:0 auto;

  padding:3px 4px;

  font-size:11px;

  color:#999;

  border-radius: 5px;

	-webkit-border-radius: 5px;

	  -moz-border-radius: 5px;

  background:#FFFFFF;

  border:1px solid #f0f0f0;

}



.jp-slider {

	padding:20px;

	background:#FFF;

	margin:20px 0 30px 0;

	border-radius: 3px;

	-webkit-border-radius: 3px;

	-moz-border-radius: 3px;



}



/**************  Joomla Content **************/

.jp-content {padding:30px 0 30px 0;}

.joomla-content-outer{overflow:hidden;}

.joomla-content-inner{ 

}





.footer-module{

  padding:10px 0 0 0;

}

.jp-bottom-module,

.jp-top-module {

  padding:30px 0 0 0;

}

.jp-footer-outer{

  width:100%;

  background:#f9f9f9;

  padding:20px 0;

  border-bottom:1px solid #ddd;

  border-top:1px solid #e8e8e8;

}

.jp-user-outer{

  width:100%;

  background:#f2f2f2;

  padding:20px 0;

  border-top:1px solid #fff;

}



.jp-footer a,

.jp-footer h3 {

	color:#fff;

}



.legaline,.social

{

  font-size:.8em;

  padding:20px 0 10px 0;

  text-align:center;

}

.bcktoTop {

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

    bottom: 20px;

    position: fixed;

    right: 20px;

    z-index: 10;

}

.bcktoTop a {

    display: block;

    height: 14px;

    padding: 17px 11px;

    width: 28px;

	cursor: pointer;

}

/************  End Template Layout ***************/



.imgpadding

{

  margin:0 20px 10px 0;

}





div.info

{

  display:block;

  text-align:left;

  border:1px dotted #d2d2b6;

  background:#ffd url(../images/attention.png) 10px no-repeat;

  margin:10px 0 20px;

  padding:14px 14px 14px 60px;

}



div.pdf

{

  display:block;

  text-align:left;

  border:1px dotted #d2d2b6;

  background:#edf3f8 url(../images/info.png) 10px no-repeat;

  margin:10px 0 20px;

  padding:14px 14px 14px 60px;

}



div.attention

{

  display:block;

  text-align:left;

  border:1px dotted #d2d2b6;

  background:#fffff7 url(../images/error.png) 10px no-repeat;

  margin:10px 0 20px;

  padding:14px 14px 14px 60px;

}



.imgborder

{

  border:1px solid #999;

  margin-right:6px;

  padding:5px;

}



img

{

  max-width:100%;

  height:auto;

}



.ir

{

  display:block;

  border:0;

  text-indent:-999em;

  overflow:hidden;

  background-color:transparent;

  background-repeat:no-repeat;

  text-align:left;

  direction:ltr;

}



.hidden

{

  display:none!important;

  visibility:hidden;

}



.visuallyhidden

{

  border:0;

  clip:rect(0000);

  height:1px;

  overflow:hidden;

  position:absolute;

  width:1px;

  margin:-1px;

  padding:0;

}



.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus

{

  clip:auto;

  height:auto;

  overflow:visible;

  position:static;

  width:auto;

  margin:0;

}



.invisible

{

  visibility:hidden;

}



.clearfix:before,.clearfix:after

{

  content:"";

  display:table;

}



.clearfix

{

  zoom:1;

}



.jpclr,.clearfix:after

{

  clear:both;

}



ul li,ol li,ul li

{

  list-style-position:inside;

}

ul.category-module li

{

	list-style-position:inherit;

}

a,a:visited,a:active

a:hover,.footer a,.footer p

{

  color:#000;

}



a:hover,.readmore a

{

  text-decoration:none;

}



h1.componentheading,.componentheading,h2.contentheading,.contentheading

{

  margin:0;

  padding:0 0 7px;

}



.top-left label,.ir br

{

  display:none;

}

/**** Clearfix ****/

.clearfix:before, .clearfix:after { content: ""; display: table; }

.clearfix:after { clear: both; }

.clearfix { zoom: 1; }



img.transform{

 -webkit-transition: all 1s ease-in-out;

-moz-transition: all 1s ease-in-out;

-o-transition: all 1s ease-in-out;

transition: all 1s ease-in-out; 

}

img.transform:hover{

-webkit-transform:rotate(360deg) scale(1,1);

-moz-transform:scale(2,2);

-o-transform:rotate(360deg) scale(1,1);

transform:rotate(360deg) scale(1.3,1.3); 

}



/* Jatt (Just Another Tooltip) overall */

.tooltip, .preview, .screenshot { cursor: pointer; }



/* tooltip only, don't add a default width to

 preview/screenshot tooltips or the image won't fit inside */

#tooltip { }

#tooltip img{}

/* basic tooltip style */

#tooltip {

 color: #fff;

 background: #fff;

 padding: 5px;

 display: none;

 opacity: 0.98;

 filter: alpha(opacity=98);

 text-align: left;

 border-radius: .5em;

 -moz-border-radius: .5em;

 -webkit-border-radius: .5em;

 z-index: 1000;

 font-size:80%;

 line-height:1.4

}

#preview {

 color: #000;

 background: #fff;

 padding: 20px;

 display: none;

 opacity: 0.80;

 filter: alpha(opacity=90);

 text-align: left;

 border-radius: .5em;

 -moz-border-radius: .5em;

 -webkit-border-radius: .5em;

 z-index: 1000;

 font-size:80%;

 line-height:1.4

}