/* 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
----------------------------------------------------------------------------------------------------*/
body {
background:#f7f7f7;
}

/* Layout
----------------------------------------------------------------------------------------------------*/
.jp-toolbar-outer {
background:#333;
border-bottom:1px solid #999;
}

#toolbar {
margin:5px 0;
padding:5px 0;
color:#999;
}

#toolbar a,#toolbar a:visited {
color:#ccc;
}

#toolbar a:hover {
color:#fff;
}

.jp-top-outer {
background:#eee url(../images/body-bg.gif) top repeat-x;
position:relative;
z-index:0;

}

#logo {
text-align:center;
float:none;
}

#jp-slider {
position:relative;
margin:0 auto;
margin:30px auto;
}

.jp-menu-outer {
padding:10px 0;
background:#eee;
}

.jp-main-outer {
padding:30px 0 20px 0;
border-top:4px solid #ccc;
border-bottom: 1px solid #FFFFFF;
box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15) inset;

}
.jp-bottom-c-outer {
position:relative;
z-index:0;
background-color:#eee;
padding:20px 0;
}

.jp-footer-outer {
background:#222;
border-top:1px solid #fff;
color:#ccc;
padding:20px 0;
}

.jp-footer-outer a,.jp-footer-outer a:visited {
color:#ccc;
}

.jp-footer-outer a:hover {
color:#fff;
}

.searchbox {
background-color:#FFF;
}
#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;
padding-bottom:20px;
border-bottom: 1px solid #FFFFFF;
box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15) inset;
}
#footer {margin:0}

.breadcrumbs {
    padding:10px 0;
border-bottom: 1px solid #FFFFFF;
box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15) inset;
	margin-bottom:30px;
}

/* Drop Shadow Slider */
.slider-shadow{
padding:15px;
background-color:#fff;
}

.slider-shadow:before,.slider-shadow:after {
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #555;
  -webkit-box-shadow: 0 15px 10px #555;
  -moz-box-shadow: 0 15px 10px #555;
  box-shadow: 0 15px 10px #555;
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}

.slider-shadow:after {
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  right: 10px;
  left: auto;
}
/* Menus
----------------------------------------------------------------------------------------------------*/
.menu-dropdown li.level1 {
margin-right:0;
border:none;
background:url(../images/menu-divider.gif) no-repeat right 7px;
padding-bottom:0;
text-shadow:0 1px 0 #FFF;
}

.menu-dropdown a.level1,.menu-dropdown span.level1 {
border:none;
}

.menu-dropdown a.level1 > span,.menu-dropdown span.level1 > span {
padding:0 14px;
}

.menu-dropdown .dropdown-bg > div {
border:1px solid #ccc;
background:#fdfdfd;

}
.menu-dropdown .dropdown {
    border-top: none;
    top: 42px;

}

/* 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-box {
    border: 1px solid #efefef;
    border-radius: none;
  	background: #fdfdfd;
    -moz-border-radius: none;
	margin:15px;
}
.mod-shadow {
    border: 1px solid #fff;
    border-radius: none;
  	background: #fdfdfd;
    -moz-border-radius: none;
	margin:15px;
	-moz-box-shadow: 0 0 0 10px #ccc;
	-webkit-box-shadow:  0px 0px 10px 0px #ccc;
    box-shadow:  0px 0px 10px 0px #ccc;
}

.mod-black {
	border:none;
	background:#222;
	color:#999;
	border-radius:5px 5px 5px 5px;
	padding:15px;
}

.mod-black a:link,.mod-black a:visited {
	color:#fff;
}

.mod-black a:hover {
	text-decoration:underline;
}
.mod-black h1,
.mod-black h2,
.mod-black h3,
.mod-black h4,
.mod-black h5,
.mod-black h6 {color:#fff}

/* Tools
----------------------------------------------------------------------------------------------------*/
img {
    height: auto;
    max-width: 100%;
}
a.button-default:hover,
a.button-primary:hover { background-color:#222; color:#fff!important;}

.img-shadow {
-moz-box-shadow:0 0 0 5px #999;
-webkit-box-shadow:0 0 5px 0 #999;
box-shadow:0 0 5px 0 #999;
/* Versatz links - Versatz oben - Unschärfe - Schattenradius - Farbe */
max-width:100%;
}

.img-polaroid {
-moz-box-shadow:0 0 0 10px #ccc;
-webkit-box-shadow:0 0 10px 0 #ccc;
box-shadow:0 0 10px 0 #ccc;
max-width:100%;
padding:5px;
margin:5px;
background:#fff;
}

img.align-right {
-moz-box-shadow:0 0 0 5px #DDD;
-webkit-box-shadow:0 0 5px 0 #DDD;
box-shadow:0 0 5px 0 #DDD;
/* Versatz links - Versatz oben - Unschärfe - Schattenradius - Farbe */
max-width:100%;
}

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

a.button-default,a.button-primary {
-moz-border-radius:5px;
border-radius:5px;
border:none;
}

/* System
----------------------------------------------------------------------------------------------------*/