/* 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 -------------------------------------------------------*/
body {
background:#fff url(../images/body-bg.gif) top repeat-x;
}
.jp-toolbar-outer {
background-color:#f2f2f2;
border-bottom:1px solid #fff;
-moz-box-shadow: 10px 10px 5px #888;
-webkit-box-shadow: 10px 10px 5px #888;
box-shadow: 2px 2px 2px #b5b5b5;

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

}

.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;
}
#menubar {
margin:0 0 30px 0;
-webkit-border-radius: 8x;
-moz-border-radius: 8px;
border-radius: 8px;
height:38px;
}

#search {
margin-right:6px;
}

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

.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;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
margin-top:4px;
border:1px solid #ccc;
}

#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 {
padding:3px 0;
}
.menu-dropdown li.level1 {
margin-right:0;
border:none;
margin-top:4px;
background: url(../images/menu-divider.gif) right top no-repeat;

}

.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 #efefef;
background:#fff;
background:rgba(255,255,255,0.97);
-moz-border-radius-bottomright: 8px;
border-bottom-right-radius: 8px;
-moz-border-radius-bottomleft: 8px;
border-bottom-left-radius: 8px;

}

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

.mod-blank {
border:none!important;
padding:0!important;
margin:0!important;
background:none!important;
}
.mod-clean {
border:none!important;
padding:15px!important;
margin:15px!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:#222;
padding:8px 0;
border-bottom:1px solid #ddd;

}

.mod-clean2 h3 {
background:#f9f9f9;
padding:8px 15px;
-webkit-border-radius: 8x;
-moz-border-radius: 8px;
border-radius: 8px;

}

.mod-box {
border:1px solid #efefef;
border-radius:none;
background:#fff;
-webkit-border-radius: 8x;
-moz-border-radius: 8px;
border-radius: 8px;
margin:15px;
}

.mod-shadow {
border:1px solid #fff;
border-radius:none;
background:#fdfdfd;
-webkit-border-radius: 8x;
-moz-border-radius: 8px;
border-radius: 8px;
margin:15px;
-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 {
border:1px solid #f9f9f9;
background-color: #f3f3f3;
background-image: -moz-linear-gradient(center top , #f9f9f9, #f3f3f3);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f9f9f9), to(#f3f3f3));
background-image: -webkit-linear-gradient(top, #f9f9f9, #f3f3f3);
background-image: -o-linear-gradient(top, #f9f9f9, #f3f3f3);
background-image: linear-gradient(to bottom, #f9f9f9, #f3f3f3);
background-repeat: repeat-x;
border:1px solid #eee;
padding:15px;
-webkit-border-radius: 8x;
-moz-border-radius: 8px;
border-radius: 8px;

}
.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
}
/* System
----------------------------------------------------------------------------------------------------*/