/* Copyright (C) YOOtheme GmbH, http://www.gnu.org/licenses/gpl.html GNU/GPL */



/*

 * Style Style Sheet - Defines the main look like colors and backgrounds

 * Not all style related CSS is included, only colors and backgrounds which may change for different theme styles

 */





/* Base

----------------------------------------------------------------------------------------------------*/

/* Theme Layout

----------------------------------------------------------------------------------------------------*/

html, body {

    margin:0;

    padding:0;

    height:100%

}

img {max-width:100%}





.wrapper {

	float:none;

	margin:0 auto;

  	background:#fff url(../images/right-bg.gif) 261px repeat-y;

	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 */

	/*overflow: hidden !important; /* FF Scroll-leiste */ 

	position:relative;

	-webkit-box-shadow: 0 0 10px #777;

	   -moz-box-shadow: 0 0 10px #777;

	        box-shadow: 0 0 10px #777;

}

#header {margin:0;}

#toolbar {

	margin:10px 0 20px; 

	padding-bottom:20px;

  	background:url(../images/top-bg.gif) bottom repeat-x;

}



#jp-left {

	width:260px;

	position: fixed;

	float:left;

  	background:url(../images/jp-left-bg.gif);

	z-index:1;



}

#jp-left #search {

	float:left;

	margin:14px

}

.searchbox .results {

    width: 229px;

    z-index: 110;

	left:-1px;

	top:30px;

}

#jp-left-inner .searchbox {

    background-color:#fff;

    border: none;

    height: 30px;

    padding: 0 25px;

    width: 180px;

	border: 1px solid #ccc;



}

#jp-left-inner .searchbox input {

	color:#222;

}



#socials,

#sidebar-left {

	margin:20px 0;

	width:100%;

}



#jp-left .socials {

	margin-top:40px;

	padding:20px;

}

#logo, #logo > img {

    float: left;

    margin: 0 auto;

    text-align: center;

    width: 100%;

}

a#logo {

	display:block;

}



#jp-right {

	position:relative;

	float:right;

	z-index:0;

}

#jp-right-inner {

	position:relative;

	margin:0 30px;

}

.headerbar {

	margin:20px 0 20px 0;

	background:url(../images/shadow-50.png) bottom center no-repeat;

	padding:20px 0;



}



#main,

#content{

		margin-bottom:30px;

}

#bottom-a,

#bottom-b,

#bottom-c,

#bottom-d,

#bottom-e,

#bottom-f,

#top-a,

#top-b,

#top-c,

#top-d,

#top-e,

#top-f

{

margin-bottom:20px;

background:url(../images/shadow-50.png) bottom center no-repeat;

padding-bottom:30px;

}

#footer {margin:0}



.breadcrumbs {

    padding:10px 0;

	border-bottom:1px solid #ccc;

	margin-bottom:30px;

}

/* Layout

----------------------------------------------------------------------------------------------------*/





/* Menus

----------------------------------------------------------------------------------------------------*/



#menu {

    width:100%;

	background: #f3f3f3;

	background: -moz-linear-gradient(top, #fff, #f3f3f3);    

	background: -webkit-linear-gradient(top, #eee, #fff);

	background: -ms-linear-gradient(top, #eee, #fff);

	background: -o-linear-gradient(top, #eee, #fff);

	border-top:1px solid #f3f3f3;

	position:relative;

	margin-bottom:20px;

}



.menu-dropdown li.level1 {

    margin-right:0;

	border:none;

    border-right: 1px solid #ddd;

	padding-bottom:0;

	text-shadow: none;

	float:left;



}

.menu-dropdown li.level1:hover {

	background-color:#fff;

}



.menu-dropdown li.active .level1 {

    color: #000;

	background-color:#f3f3f3;

}

.menu-dropdown a.level1, .menu-dropdown span.level1{

	padding:10px 6px;

	border:none;



}

.menu-dropdown a.level1, .menu-dropdown span.level1 {

    color: #222;

}

.menu-dropdown, .menu-dropdown .level1, .menu-dropdown .level1 > span {

    float: none;

}

.menu-dropdown {

    margin-bottom: 0;

}

.menu-dropdown .dropdown {

    border: none;

    top: 50px;

	color:#222;

}



/* Second Column */

.menu-dropdown .dropdown-bg > div {

    padding: 0 5px;

	z-index:999;

    background: rgba(255, 255, 255, .95)!important;

	border:2px solid #ddd!important;



}

.menu-dropdown a.level2, .menu-dropdown span.level2 {

    color: #222;

}

.menu-dropdown li.level2 {

    border-top: 1px solid #ededed;

    margin: 0 5px;

}

/* Modules

----------------------------------------------------------------------------------------------------*/

.module{

    margin:15px;

}

.mod-blank {

    border: none!important;

	padding:0!important;

	margin:0!important;

	background:none!important;

}

.mod-clean1,

.mod-clean2,

.mod-clean3 {

    border: none!important;

	padding:0!important;

	margin:15px!important;

	background:none!important;

}

.mod-clean1 h3 {

	color:#000;

	padding:8px 0;

	border-bottom:1px solid #ededed;

}

.mod-clean2 h3 {

	background:#000000;

	color:#FFFFFF;

	padding:8px 15px;

}

.mod-dark1 {

    border: none!important;

	padding:15px!important;

	margin:15px!important;

	background-color:#000!important;

}



.mod-box {

    border: 1px solid #efefef;

    border-radius: none;

  	background: #fdfdfd;

	border-radius: 5px 5px 5px 5px;

	-moz-border-radius: 5px 5px 5px 5px;

	-webkit-border-radius: 5px 5px 5px 5px;

	margin:15px;

}

.mod-shadow {

    border: 1px solid #fff;

    border-radius: none;

  	background: #fdfdfd;

	margin:15px;

	-moz-box-shadow: 0 0 0 5px #cbcbcb;

	-webkit-box-shadow:  0px 0px 5px 0px #cbcbcb;

    box-shadow:  0px 0px 5px 0px #cbcbcb;

}

.mod-dark {

    border: none;

  	background: #222;

	color:#999;

	padding:15px;

	margin:15px;

}

.mod-dark a:link,

.mod-dark a:visited {

	color:#fff;

}

.mod-dark a:hover {

	text-decoration:underline

}





/* Modules Left Sidebar

----------------------------------------------------------------------------------------------------*/

.mod-left {

	padding:15px;

}

.mod-left h3 {

}

.mod-left1 {

	padding:15px;

	color:#222;

	background:none;

	margin:0;

}

.mod-left1 a {

	color:#222;

}

.mod-left1 h3 {

  	background: #fff;

	color:#000000;

	padding:8px 15px;

	margin:0;

}

.mod-left2 {

	padding:15px;

	color:#222;

	background:none;

	margin:0;

}

.mod-left2 a {

	color:#fff;

}

.mod-left2 h3 {

  	background: #000;

	color:#fff;

	padding:8px 15px;

	margin:0;



}

#jp-left a.button-default:hover,

#jp-left a.button-primary:hover { background-color:#fff; color:#000!important;}



/* Tools

----------------------------------------------------------------------------------------------------*/

.img-shadow {

	-moz-box-shadow: 0 0 0 5px #999;

	-webkit-box-shadow:  0px 0px 5px 0px #999;

    box-shadow:  0px 0px 5px 0px #999;

    /* Versatz links - Versatz oben - Unschärfe - Schattenradius - Farbe */

	max-width:100%;

	-moz-border-radius: 5px;

    border-radius: 5px;



}

.img-polaroid {

	-moz-box-shadow: 0 0 0 10px #ccc;

	-webkit-box-shadow:  0px 0px 10px 0px #ccc;

    box-shadow:  0px 0px 10px 0px #ccc;

	max-width:99%!important;

	padding:1%;

	background:#fff;

	margin:10px;



}



img.align-right {

	-moz-box-shadow: 0 0 0 5px #DDD;

	-webkit-box-shadow:  0px 0px 5px 0px #DDD;

    box-shadow:  0px 0px 5px 0px #DDD;

    /* Versatz links - Versatz oben - Unschärfe - Schattenradius - Farbe */

	max-width:100%;



}

a.img-sidebar {

	margin:8px 6px;

}

a.lightbox-color {float:left; border:1px solid #ededed; padding:2px; margin:5px;}



/* System

----------------------------------------------------------------------------------------------------*/

hr.style-one { 

	border: 0; 

	height: 1px; 

	margin-bottom:40px;

	background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 

	background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 

	background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 

	background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));

}



hr.style-two { 

	padding: 0; 

	border: none; 

	border-top: medium double #333; 

	color: #333;

	text-align: center; 

	margin:40px 0;

} 

hr.style-two:after { 

	content: "SAMPLE"; 

	display: inline-block; 

	position: relative; 

	top: -0.7em; 

	font-size: 1.5em; 

	padding: 0 0.25em; 

	background: white;

 }



a.button-default,

a.button-primary

{

	-moz-border-radius: 5px;

	border-radius: 5px;

	border:none;

	padding:4px 14px;

}

#warp > h2 {

    background: none!important;

    padding: 0;

}

table.zebra th, table.zebra td {

    padding: 5px 0;

}

#system .items > .width50 .title {

    font-size: 22px;

    line-height: 120%;

}

/* Module Positions Table

----------------------------------------------------------------------------------------------------*/



table.td-outer {

    border-collapse: separate;

    border-spacing: inherit;

}

.td-inner td {background: #fff; padding:20px 0;border:1px solid #ccc; text-align:center}

.td-inner {margin:6px 0;}

.blue td {border:1px solid #8db7da}

td.blue {border:1px solid #8db7da}

td.orange {border:1px dashed #e9744c; background-color:#faf7f5}



/* Socialbar

----------------------------------------------------------------------------------------------------*/

ul.spicesocialwidget {float:left;}

ul.spicesocialwidget {float:left; padding-left:10px}

ul.spicesocialwidget li {float:left;list-style: none outside none;border:none;}

ul.spicesocialwidget li a{background-color:transparent;background-image:url('../images/spice-social-gadget-sprite.png');background-repeat:no-repeat;background-size:auto 96px;border:0 none;color:white;direction:ltr;display:block; height:32px;overflow:hidden;text-align:left;text-decoration:none;text-indent:-999em;transition:all 0.2s ease 0s;width:32px}

.ie7 ul.spicesocialwidget li a, .ie8 ul.spicesocialwidget li a{background-image:url('../images/spice-social-gadget-sprite.png' )}

ul.spicesocialwidget li.facebook a{ background-position:0 0}

ul.spicesocialwidget li.flickr a{ background-position:-32px 0}

ul.spicesocialwidget li.dribbble a{ background-position:-64px 0}

ul.spicesocialwidget li.googleplus a{ background-position:-96px 0}

ul.spicesocialwidget li.linkedin a{ background-position:-128px 0}

ul.spicesocialwidget li.pinterest a{ background-position:-160px 0}

ul.spicesocialwidget li.rss a{ background-position:-192px 0}

ul.spicesocialwidget li.skype a{ background-position:-224px 0}

ul.spicesocialwidget li.twitter a{ background-position:-256px 0}

ul.spicesocialwidget li.vimeo a{ background-position:-288px 0}

ul.spicesocialwidget li.youtube a{ background-position:-320px 0}

ul.spicesocialwidget li.facebook a:hover, #sidebar ul.spicesocialwidget li.facebook a:hover{ background-position:0 -32px}

ul.spicesocialwidget li.flickr a:hover, #sidebar ul.spicesocialwidget li.flickr a:hover{ background-position:-32px -32px}

ul.spicesocialwidget li.dribbble a:hover, #sidebar ul.spicesocialwidget li.dribbble a:hover{ background-position:-64px -32px}

ul.spicesocialwidget li.googleplus a:hover, #sidebar ul.spicesocialwidget li.googleplus a:hover{ background-position:-96px -32px}

ul.spicesocialwidget li.linkedin a:hover, #sidebar ul.spicesocialwidget li.linkedin a:hover{ background-position:-128px -32px}

ul.spicesocialwidget li.pinterest a:hover, #sidebar ul.spicesocialwidget li.pinterest a:hover{ background-position:-160px -32px}

ul.spicesocialwidget li.rss a:hover, #sidebar ul.spicesocialwidget li.rss a:hover{ background-position:-192px -32px}

ul.spicesocialwidget li.skype a:hover, #sidebar ul.spicesocialwidget li.skype a:hover{ background-position:-224px -32px}

ul.spicesocialwidget li.twitter a:hover, #sidebar ul.spicesocialwidget li.twitter a:hover{ background-position:-256px -32px}

ul.spicesocialwidget li.vimeo a:hover, #sidebar ul.spicesocialwidget li.vimeo a:hover{ background-position:-288px -32px}

ul.spicesocialwidget li.youtube a:hover, #sidebar ul.spicesocialwidget li.youtube a:hover{ background-position:-320px -32px}



/* Typo

----------------------------------------------------------------------------------------------------*/



/* Icons */

.the-icons {

    list-style: none outside none;

    margin-left: 0;

	padding-left:0;

}

.the-icons li {

    float: left;

    line-height: 25px;

    width: 49.0%;

}



/* Icon Sprites */

[class^="icon-"],

[class*=" icon-"] {

  display: inline-block;

  width: 14px;

  height: 14px;

  margin-top: 1px;

  *margin-right: .3em;

  line-height: 14px;

  vertical-align: text-top;

  background-image: url("../images/glyphicons-halflings.png");

  background-position: 14px 14px;

  background-repeat: no-repeat;

}



.icon-glass {

  background-position: 0      0;

}



.icon-music {

  background-position: -24px 0;

}



.icon-search {

  background-position: -48px 0;

}



.icon-envelope {

  background-position: -72px 0;

}



.icon-heart {

  background-position: -96px 0;

}



.icon-star {

  background-position: -120px 0;

}



.icon-star-empty {

  background-position: -144px 0;

}



.icon-user {

  background-position: -168px 0;

}



.icon-film {

  background-position: -192px 0;

}



.icon-th-large {

  background-position: -216px 0;

}



.icon-th {

  background-position: -240px 0;

}



.icon-th-list {

  background-position: -264px 0;

}



.icon-ok {

  background-position: -288px 0;

}



.icon-remove {

  background-position: -312px 0;

}



.icon-zoom-in {

  background-position: -336px 0;

}



.icon-zoom-out {

  background-position: -360px 0;

}



.icon-off {

  background-position: -384px 0;

}



.icon-signal {

  background-position: -408px 0;

}



.icon-cog {

  background-position: -432px 0;

}



.icon-trash {

  background-position: -456px 0;

}



.icon-home {

  background-position: 0 -24px;

}



.icon-file {

  background-position: -24px -24px;

}



.icon-time {

  background-position: -48px -24px;

}



.icon-road {

  background-position: -72px -24px;

}



.icon-download-alt {

  background-position: -96px -24px;

}



.icon-download {

  background-position: -120px -24px;

}



.icon-upload {

  background-position: -144px -24px;

}



.icon-inbox {

  background-position: -168px -24px;

}



.icon-play-circle {

  background-position: -192px -24px;

}



.icon-repeat {

  background-position: -216px -24px;

}



.icon-refresh {

  background-position: -240px -24px;

}



.icon-list-alt {

  background-position: -264px -24px;

}



.icon-lock {

  background-position: -287px -24px;

}



.icon-flag {

  background-position: -312px -24px;

}



.icon-headphones {

  background-position: -336px -24px;

}



.icon-volume-off {

  background-position: -360px -24px;

}



.icon-volume-down {

  background-position: -384px -24px;

}



.icon-volume-up {

  background-position: -408px -24px;

}



.icon-qrcode {

  background-position: -432px -24px;

}



.icon-barcode {

  background-position: -456px -24px;

}



.icon-tag {

  background-position: 0 -48px;

}



.icon-tags {

  background-position: -25px -48px;

}



.icon-book {

  background-position: -48px -48px;

}



.icon-bookmark {

  background-position: -72px -48px;

}



.icon-print {

  background-position: -96px -48px;

}



.icon-camera {

  background-position: -120px -48px;

}



.icon-font {

  background-position: -144px -48px;

}



.icon-bold {

  background-position: -167px -48px;

}



.icon-italic {

  background-position: -192px -48px;

}



.icon-text-height {

  background-position: -216px -48px;

}



.icon-text-width {

  background-position: -240px -48px;

}



.icon-align-left {

  background-position: -264px -48px;

}



.icon-align-center {

  background-position: -288px -48px;

}



.icon-align-right {

  background-position: -312px -48px;

}



.icon-align-justify {

  background-position: -336px -48px;

}



.icon-list {

  background-position: -360px -48px;

}



.icon-indent-left {

  background-position: -384px -48px;

}



.icon-indent-right {

  background-position: -408px -48px;

}



.icon-facetime-video {

  background-position: -432px -48px;

}



.icon-picture {

  background-position: -456px -48px;

}



.icon-pencil {

  background-position: 0 -72px;

}



.icon-map-marker {

  background-position: -24px -72px;

}



.icon-adjust {

  background-position: -48px -72px;

}



.icon-tint {

  background-position: -72px -72px;

}



.icon-edit {

  background-position: -96px -72px;

}





.icon-share {

  background-position: -120px -72px;

}



.icon-check {

  background-position: -144px -72px;

}



.icon-move {

  background-position: -168px -72px;

}



.icon-step-backward {

  background-position: -192px -72px;

}



.icon-fast-backward {

  background-position: -216px -72px;

}



.icon-backward {

  background-position: -240px -72px;

}



.icon-play {

  background-position: -264px -72px;

}



.icon-pause {

  background-position: -288px -72px;

}



.icon-stop {

  background-position: -312px -72px;

}



.icon-forward {

  background-position: -336px -72px;

}



.icon-fast-forward {

  background-position: -360px -72px;

}



.icon-step-forward {

  background-position: -384px -72px;

}



.icon-eject {

  background-position: -408px -72px;

}



.icon-chevron-left {

  background-position: -432px -72px;

}



.icon-chevron-right {

  background-position: -456px -72px;

}



.icon-plus-sign {

  background-position: 0 -96px;

}



.icon-minus-sign {

  background-position: -24px -96px;

}



.icon-remove-sign {

  background-position: -48px -96px;

}



.icon-ok-sign {

  background-position: -72px -96px;

}



.icon-question-sign {

  background-position: -96px -96px;

}



.icon-info-sign {

  background-position: -120px -96px;

}



.icon-screenshot {

  background-position: -144px -96px;

}



.icon-remove-circle {

  background-position: -168px -96px;

}



.icon-ok-circle {

  background-position: -192px -96px;

}



.icon-ban-circle {

  background-position: -216px -96px;

}



.icon-arrow-left {

  background-position: -240px -96px;

}



.icon-arrow-right {

  background-position: -264px -96px;

}



.icon-arrow-up {

  background-position: -289px -96px;

}



.icon-arrow-down {

  background-position: -312px -96px;

}



.icon-share-alt {

  background-position: -336px -96px;

}



.icon-resize-full {

  background-position: -360px -96px;

}



.icon-resize-small {

  background-position: -384px -96px;

}



.icon-plus {

  background-position: -408px -96px;

}



.icon-minus {

  background-position: -433px -96px;

}



.icon-asterisk {

  background-position: -456px -96px;

}



.icon-exclamation-sign {

  background-position: 0 -120px;

}



.icon-gift {

  background-position: -24px -120px;

}



.icon-leaf {

  background-position: -48px -120px;

}



.icon-fire {

  background-position: -72px -120px;

}



.icon-eye-open {

  background-position: -96px -120px;

}



.icon-eye-close {

  background-position: -120px -120px;

}



.icon-warning-sign {

  background-position: -144px -120px;

}



.icon-plane {

  background-position: -168px -120px;

}



.icon-calendar {

  background-position: -192px -120px;

}



.icon-random {

  width: 16px;

  background-position: -216px -120px;

}



.icon-comment {

  background-position: -240px -120px;

}



.icon-magnet {

  background-position: -264px -120px;

}



.icon-chevron-up {

  background-position: -288px -120px;

}



.icon-chevron-down {

  background-position: -313px -119px;

}



.icon-retweet {

  background-position: -336px -120px;

}



.icon-shopping-cart {

  background-position: -360px -120px;

}



.icon-folder-close {

  width: 16px;

  background-position: -384px -120px;

}



.icon-folder-open {

  width: 16px;

  background-position: -408px -120px;

}



.icon-resize-vertical {

  background-position: -432px -119px;

}



.icon-resize-horizontal {

  background-position: -456px -118px;

}



.icon-hdd {

  background-position: 0 -144px;

}



.icon-bullhorn {

  background-position: -24px -144px;

}



.icon-bell {

  background-position: -48px -144px;

}



.icon-certificate {

  background-position: -72px -144px;

}



.icon-thumbs-up {

  background-position: -96px -144px;

}



.icon-thumbs-down {

  background-position: -120px -144px;

}



.icon-hand-right {

  background-position: -144px -144px;

}



.icon-hand-left {

  background-position: -168px -144px;

}



.icon-hand-up {

  background-position: -192px -144px;

}



.icon-hand-down {

  background-position: -216px -144px;

}



.icon-circle-arrow-right {

  background-position: -240px -144px;

}



.icon-circle-arrow-left {

  background-position: -264px -144px;

}



.icon-circle-arrow-up {

  background-position: -288px -144px;

}



.icon-circle-arrow-down {

  background-position: -312px -144px;

}



.icon-globe {

  background-position: -336px -144px;

}



.icon-wrench {

  background-position: -360px -144px;

}



.icon-tasks {

  background-position: -384px -144px;

}



.icon-filter {

  background-position: -408px -144px;

}



.icon-briefcase {

  background-position: -432px -144px;

}



.icon-fullscreen {

  background-position: -456px -144px;

}

/*Eigen codes*/
.topbroze {background-color:#ff0085; color:#ffffff}
.lazy.sigProImg {position:relative; top: -21px}