/* Copyright (C) YOOtheme GmbH, http://www.gnu.org/licenses/gpl.html GNU/GPL */
/*
 * Style Sheet - Defines the main look like colors and backgrounds
 * Dont edit this style, please edit the CUSTOM.CSS if you want to customize the theme
 */
/* --------------------------------------------- LAYOUT -------------------------------------------------------*/

html, body {
height: 100%; /* WICHTIG!!! STRECKT ANZEIGENBEREICH AUF 100% */
}
.wrapper {
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 */
overflow: hidden !important; /* FF Scroll-leiste */ 
margin:0 auto;
}
.module, #header, #breadcrumbs, #content, #footer {
margin: 25px;
}
#toolbar {
margin:0;
padding:15px;
}
/*--------------------------------- Top Toolbar ----------------------------------------*/

.jp-toolbar-outer {
background-color:#000;
color:#999!important;
}
.jp-toolbar-outer a{
color:#999!important;
}
.jp-toolbar-outer a:hover{
color:#fff!important;
}

.jp-top-outer {
position:relative;
z-index:0;
}

#logo {
text-align:left;
float:left;
}
#banner {
position: relative;
float:right;
margin:10px 0;
right:0;
top: 0;
}

#search {
margin-right:6px;
}

.searchbox .results {
background:#FFF;
border:1px solid #DDD;
right:-3px;
top:38px;
width:300px;
}

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

.jp-main-outer {
position:relative;
margin:0 auto;
}

.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;
margin-top:2px;
border:1px solid #efefef;
}

#maininner, #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 #efefef;
}

#footer {
margin:0;
}

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

/*--------------------------------------------- MENU -------------------------------------------------------*/
#menubar {
height:40px;
}
#menubar {
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 #eee;
/*
-moz-box-shadow: 10px 10px 5px #888;
-webkit-box-shadow: 10px 10px 5px #888;
box-shadow: 2px 2px 2px #b5b5b5;
*/
}
.menu-dropdown li.level1 {
margin: 0;
padding:0;
border-right:1px solid #eee;
}
.menu-dropdown a.level1,.menu-dropdown span.level1 {
border:none;
}

.menu-dropdown a.level1 > span, .menu-dropdown span.level1 > span {
height: 40px;
line-height: 40px;
padding: 0 14px;
}
.menu-dropdown .dropdown-bg > div {
border:1px solid #efefef;
background:#fff;
background:rgba(255,255,255,0.97);
}

.menu-dropdown .dropdown {
border-top:none;
top:40px;
}
.menu-line li {
background: none;
line-height:30px;
}
/*------------------------------------------- MODULE ---------------------------------------------------------*/
.mod-box .badge {
right: 10px;
top: 6px;
}
.module {
margin:30px;
}

.mod-blank {
border:none!important;
padding:0!important;
margin:0!important;
background:none!important;
}
.mod-clean {
border:none!important;
padding:15px!important;
margin:30px!important;
background:none!important;
}

.mod-clean1,.mod-clean2,.mod-clean3 {
border:none!important;
padding:0!important;
margin:30px!important;
background:none!important;
}

.mod-clean1 h3 {
color:#222;
padding:4px 0;
border-bottom:1px solid #ddd;

}

.mod-clean2 h3 {
background: -moz-linear-gradient(bottom, #eee, #FFF);    
background: -webkit-linear-gradient(bottom, #eee, #FFF);
background: -ms-linear-gradient(bottom, #eee, #FFF);
background: -o-linear-gradient(bottom, #eee, #FFF);
padding:8px 15px;
}

.mod-box {
background: #fff;
border: 1px solid #eee;
margin:30px;
}

.mod-shadow {
border:1px solid #fff;
border-radius:none;
background:#fdfdfd;
margin:30px;
-moz-box-shadow:0 0 0 10px #ccc;
-webkit-box-shadow:0 0 10px 0 #ccc;
box-shadow:0 0 10px 0 #ccc;
}

.mod-grey {
background: #f3f3f3;
border: 1px solid #DDD;
background: -moz-linear-gradient(top, #f3f3f3, #FFF);    
background: -webkit-linear-gradient(top, #eee, #fff);
background: -ms-linear-gradient(top, #eee, #fff);
background: -o-linear-gradient(top, #eee, #fff);
box-shadow: 1px 2px 4px rgba(0,0,0, .2);
margin:30px;

}
.mod-grey h3 {
border-bottom:1px solid #ccc;
text-shadow: 0 1px 3px #FFFFFF;
padding-bottom:15px;
}



/* -------------------------------------- TOOLS --------------------------------------------------------------*/
img {
height:auto;
max-width:100%;
}

a.button-default:hover,a.button-primary:hover {
background-color:#222;
color:#fff!important;
}
.img-round {
-webkit-border-radius: 8x;
-moz-border-radius: 8px;
border-radius: 8px;
}
.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 {
border:none;
}
button { 
padding:6px 10px; 
border:none
}
/* Socialbar
----------------------------------------------------------------------------------------------------*/
ul.spicesocialwidget {float:left;padding-left:0}
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}

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