/* Seitengestaltung  
--------------------------------------------------------- */
body {
  	background-image: none !important;
	background-color: #f8f8f8 !important;
  	border-top: 2px solid #888;
}

.container {
  	width: 1060px !important;
  	padding: 0 !important;
  	margin: 0 auto !important;
}

.jp-topmenu {
	height: 40px;
  	float: left;
  	margin: 40px 0 40px 0!important;
}

.logo {
    float: right !important;
  	margin: 10px 0 !important;
  	padding: 0 !important;
}

.jp-wrapper {
  	box-shadow: none !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
  	background-color: #f8f8f8;
    max-width: 100% !important;
    width: 100% !important;
}

.jp-top {
  	background-color: #fff !important; 
  	min-height: 134px;
}

.jp-content, .jp-top-module {
    padding: 0 0 30px 0 !important;
}

.jp-top-module .grid_12 {
    margin: 0 /*-40px*/;
  	width: 100% /*1060px*/ !important;
}

.jp-top-module .grid_12 div.moduletable {
    margin: 0 !important;
  	padding: 0 !important;
  	background: none !important;
  	width: 100% /*1060px*/ !important;
}

.jp-top-module .grid_12 div.moduletable li {
    margin: 0 !important;
}

.jp-search-breadcrumbs {
    border-bottom: 0 !important;
}

.module-divider { 
  	display: none !important;
}

table { padding: 0 !important; }

/* Footer  
--------------------------------------------------------- */
.footer-module div.moduletable h3, .user-module div.moduletable h3 {
	margin-bottom: 14px; 
  	color: #ee7122 !important; 
  	font-size: 1.4em !important;
  	border-bottom: 0px solid #888; 
  	padding-bottom: 0;
}
.footer-module div.moduletable, .user-module div.moduletable {
	padding: 0; 
  	line-height: 1.7em; 
  	margin: 15px 0 30px 0 !important;
  	color: #ccc; 
  	font-size: 90%; 
  	background: none; 
  	border: none !important;

}
.footer-module div.moduletable a, .user-module div.moduletable a {
	padding: 0; 
  	line-height: 1.4em; 
  	margin: 0; 
  	color: #ccc !important;
  	text-decoration: none !important;
}
.footer-module div.moduletable a:hover, .user-module div.moduletable a:hover {
	padding: 0; 
  	line-height: 1.4em; 
  	margin: 0; 
  	color: #ee7122 !important;
}

.jp-footer-outer {
  	background-color: #444; /* Hintergrund für Footerbereich */
  	border-bottom: 0px solid #999;
  	border-top: 0px solid #e3e3e3;
}

/* Hintergrund für untersten Footer */
/*.legaline {
 	margin-top: 0;
  	border-bottom: 6px solid #d32f2d;
  	background-color: #888;
  	color: #eee;
  	font-size: 0.9em;
  	padding: 10px;
}*/

.jp-user-outer {
  	border:0;
  	padding:0;
}
.jp-user-outer a:link {
  	color:#eee !important;
}

h3.footer { color: #888 !important; }


/* Orange Theme
--------------------------------------------------------- */
.color { color:#ee7122; }

.jp-top { 
  	border-bottom:2px solid #ee7122; 
}

table td a { color: #777 !important; }
table td a:hover, td.info a:focus, td.info a:active { color: #e1870a !important; }

::-moz-selection {
    color: #f8f8f8;
    background: #777;
}
::selection {
    color: #f8f8f8;
    background: #777;
}


/* Font Settings
--------------------------------------------------------- */
h2, h2.contentheading, .contentheading, .item-page h2 {
	font-size: 1.7em !important; 
	padding-bottom: 14px; 
	border-bottom: 0px solid #eee;
    color: #444 !important;
  	font-weight: 800 !important;
  	line-height: 120% !important;
}

h3 {
	font-size: 1.5em !important;
	color: #ee7122 !important;
	font-weight: 100 !important;
}

a:link { color: #555 !important; }
a:hover, a:active, a:focus { color: #ee7122 !important; outline: 0; }

ul.arrow, ul.star, ul.check {
    line-height: 140% !important;
}

.box-download {
    border: 1px solid #ccc;
  	background-color: #efefef !important;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) !important;
    -webkit-transition: all 0.5s ease; 
       -moz-transition: all 0.5s ease;
            transition: all 0.5s ease;
}

.box-download:hover {
  	border-color: #ee7122 !important;
}

/*.item-page p {
  	margin: 0 !important;
}*/
  

/* Menu
--------------------------------------------------------- */
.nav-pills a { 
	font-size: 1.1em !important;
	font-weight: 500 !important;
  	text-transform: uppercase;
}

.jp-mainmenu li { 
  	border-bottom: 1px solid #f8f8f8 !important; 
  	-webkit-transition: all 0.5s ease; 
       -moz-transition: all 0.5s ease;
            transition: all 0.5s ease;
}

.jp-mainmenu li.active {  
	border-bottom: 1px solid #ee7122 !important;
  	color: #ee7122 !important;
}
.jp-mainmenu li:hover {
	border-bottom: 1px solid #ee7122 !important;
  	color: #ee7122 !imnportant;
}


/* Dropdown Style */
.jp-mainmenu li ul {
    background: #fefefe;
  	font-size: 1em /*14px*/ !important;
    border: none;
  	color: #666 !important;
    z-index: 999;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3) !important;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3) !important;
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3) !important;
  	border-bottom: 0 !important;
}
.jp-mainmenu li ul li:hover, .jp-mainmenu li ul li:active, .jp-mainmenu li ul li:focus {
    color: #d32f2d !important; /* Heller Rot-Ton TC*/
  	border-bottom: 0 !important;
}

.jp-mainmenu li ul a:hover, .jp-mainmenu li ul a:active, .jp-mainmenu li ul a:focus {
    color: #d32f2d !important; /* Heller Rot-Ton TC*/
}

/* RokSprocket 
--------------------------------------------------------- */
.sprocket-mosaic-item h2 { color: #444 !important; }

.sprocket-mosaic-item:hover h2, .sprocket-mosaic-item:active h2, .sprocket-mosaic-item:focus h2 { color: #d32f2d !important; }

.sprocket-mosaic-item .sprocket-padding {
    padding: 0px !important;
    background-color: #f7f7f7 !important;
    border: 1px solid #ddd !important;
  	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !important;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !important;
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !important;
}

#main .sprocket-mosaic .sprocket-mosaic-filter ul li, 
#main .sprocket-mosaic .sprocket-mosaic-filter ul li, 
.sprocket-mosaic .sprocket-mosaic-filter li, 
.sprocket-mosaic .sprocket-mosaic-filter li {
    border-radius: 4px;
    padding: 2px 8px 1px 8px !important;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

img.sprocket-mosaic-image {
    border-top-left-radius: 5px !important;
    -webkit-border-top-left-radius: 5px !important;
    -moz-border-top-left-radius: 5px !important;
  	border-top-right-radius: 5px !important;
    -webkit-border-top-right-radius: 5px !important;
    -moz-border-top-right-radius: 5px !important;
  	border-bottom-left-radius: 0 !important;
    -webkit-border-bottom-left-radius: 0 !important;
    -moz-border-bottom-left-radius: 0 !important;
  	border-bottom-right-radius: 0 !important;
    -webkit-border-bottom-right-radius: 0 !important;
    -moz-border-bottom-right-radius: 0 !important;
}

.sprocket-mosaic-item .sprocket-mosaic-head {
    margin: 0 !important;
    padding: 0 15px !important;
}
.sprocket-mosaic-item .sprocket-mosaic-text {
    margin: 0 0 10px 0 !important;
    padding: 0 15px !important;
}
.sprocket-mosaic .sprocket-mosaic-order li, .sprocket-mosaic .sprocket-mosaic-filter li {
    text-transform: uppercase;
    font-size: 12px !important;
    color: #eee !important;
}
.sprocket-mosaic-filter li, .sprocket-mosaic-order li {
    background: #666 !important;
    margin: 2px 0 !important;
  	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !important;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !important;
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !important;
  	-webkit-transition: all 0.3s ease; 
       -moz-transition: all 0.3s ease;
            transition: all 0.3s ease;
}
.sprocket-mosaic-filter li:hover,
.sprocket-mosaic-order li:hover, .sprocket-mosaic-order li:active, .sprocket-mosaic-order li:focus {
    background: #888 !important;
}

.sprocket-mosaic-filter li:active, .sprocket-mosaic-filter li:focus {
  	box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.3) !important;
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.3) !important;
    -moz-box-shadow: inset 0 0 5pxx rgba(0, 0, 0, 0.3) !important;
}

.sprocket-mosaic-hovercontent { display:none; }

.sprocket-mosaic .sprocket-mosaic-tags, #main .sprocket-mosaic ul.sprocket-mosaic-tags {
	background: #eee !important;
}

div.moduletable {
    margin-bottom: 0 !important;
    padding: 0 !important;
  	background: none !important;
}

/* Slider Modul */
div.features {
    border-bottom: 0 !important;
    padding: 10px 0 0 0 !important;
}

.sprocket-grids-b-container { margin: 0 !important; }
.sprocket-features-pagination  { bottom: -20px !important; }

.sprocket-features-img-container img {
  	width: 100% !important;
  	height: auto !important;
}

/* Top25 Module */
.jp-top-module .grid_3 div.features img {
    padding: 0 !important;
  	position: absolute !important;
    top: -9999px;
    bottom: -9999px;
    left: -9999px;
    right: -9999px;
    margin: auto !important;
  	max-height: 80px;
    width: auto;
  	text-align: center;
}

.jp-top-module .grid_3 {
  	position: relative !important;
	overflow: hidden !important;
  	margin-bottom: 20px;
  	padding-bottom: 10px;
}

.jp-top-module .grid_3:hover { 
  	background-color: #666;
  	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4) !important;
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4) !important;
    -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4) !important;
}

.jp-top-module .grid_3:hover img { 
  	visibility: hidden !important;
}

.jp-top-module .grid_3 h3.features_text, .grid_3 div.features {
  	color: #555 !important;
  	margin: 0 !important;
  	padding: 5px 0 !important;
}

.jp-top-module .grid_3 .features_text {
  	visibility: hidden !important;
  	margin-top:0 !important;
  	padding: 0 5px !important;
}

.jp-top-module .grid_3:hover .features_text { /* Text wird angezeigt */
  	visibility: visible !important; 
  	background-image: none !important;
  	background-color: #666;
	color: #fff !important;  
  	text-shadow: 1px 1px 1px #111;
}

.jp-top-module .grid_3 a:link, .jp-top-module .grid_3 h3:link { color: #fff !important; text-decoration: none !important; }
.jp-top-module .grid_3 a:hover, .jp-top-module .grid_3 a:active, 
.jp-top-module .grid_3 a:focus, .jp-top-module .grid_3 h3:hover, 
.jp-top-module .grid_3 h3:active, h3:focus { 
  	color: #fff !important; 
  	outline: 0; 
}


/* Search, Actions (Email, Drucken)
--------------------------------------------------------- */
.jp-search .inputbox, .inputbox {
    padding: 6px 7px;
    font-size: 12px;
    color: #fdfdfd;
  	font-weight: bold;
    background-color: #777 !important;
    border-top: 0 !important;
  	border-right: 0 !important;
  	border-bottom: 2px solid #777;
  	border-left: 0 !important;
  	width: 82%; 
  	height: 34px;
  	-webkit-transition: all 0.5s ease; 
       -moz-transition: all 0.5s ease;
            transition: all 0.5s ease;
  	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4) !important;
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4) !important;
    -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4) !important;
}

.jp-search .inputbox:hover, .jp-search .inputbox:active, .jp-search .inputbox:focus, .inputbox:hover, .inputbox:active, .inputbox:focus {
    border-bottom: 2px solid #ee7122;
}

.button {
    padding: 0 0 5px 0 !important;
  	height: 34px;
  	width: 16%;
    cursor: pointer;
    background: #777 !important;
    border: 0px solid #b0b0b0 !important;
  	border-radius: 0 !important;
  	float: right;
  	display: inline;
  	color: #fdfdfd !important;
  	font-size: 1.5em !important;
  	font-weight: bold !important;
  	text-decoration: none !important;
  	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4) !important;
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4) !important;
    -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4) !important;
}

.button:hover { background: #888 !important; }

.button:active, .button:focus {
	background: #777 !important;
  	box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.3) !important;
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.3) !important;
    -moz-box-shadow: inset 0 0 5pxx rgba(0, 0, 0, 0.3) !important;
  	outline: none !important;
	border: none !important;
}


fieldset.phrases, fieldset.only { display: none; }
ul.actions { display: none; }
.actions li { display: none; }


/* Team
--------------------------------------------------------- */
.sprocket-tables-price {
    font-size: 1.15em !important;
    font-weight: normal !important;
    padding: 0 10px !important;
}
.sprocket-tables-cell {
    display: block;
    padding: 10px !important;
}
.sprocket-tables-bg1, .sprocket-tables-block.highlight:hover .sprocket-tables-bg1 {
    background-color: #fbfbfb !important;
}
.sprocket-tables-bg2, .sprocket-tables-block.highlight:hover .sprocket-tables-bg2 {
    background: #f3f3f3 !important;
}
.sprocket-tables-item h4 {
  	font-size: 1.5em !important;
  	text-transform: none !important;
  	margin-bottom: 5px !important;
  	font-weight: 700;
  	color: #444 !important;
}
.sprocket-tables-link .readon {
    padding: 2px 6px !important;
    border-radius: 4px !important;
}
.sprocket-tables-link .readon {
    background: #e0e0e0 !important;
    color: #444 !important;
}