.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;
}

h2 a,h3 a
{
  text-decoration:none;
  color:#ac190d;
}

h2 a:hover,h3 a:hover
{
  text-decoration:none;
  color:#000;
}

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 40px;
}
.jp-top{
  position:relative;
  width:100%;
  background:#f6f6f6;
}
.logo{
  float:left;
  width:auto;
  padding:10px 0 10px;
}
.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
}