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

@import url(../warp/css/layout.css);




/* Spacing
----------------------------------------------------------------------------------------------------*/

.module,
#header,
#breadcrumbs,
#content,
#footer { margin: 0px; }

#header{ margin-top: 0px;}

#menu .module { margin: 0; }

#menu {position: absolute; bottom: 0px; right: 0;}

#footer .module { margin: 0; }

#toolbar,
#headerbar {  }


/* Layout
----------------------------------------------------------------------------------------------------*/

#totop-scroller {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  width: 20px;
  height: 20px;
  background: url(../images/totop_scroller.png) 50% 50% no-repeat;
  text-decoration: none;
}



div.header_wrap { 
background: #2B74AB; 
margin-bottom: 12px; 
-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
-moz-box-shadow:    0px 1px 2px rgba(0, 0, 0, 0.3);
box-shadow:         0px 1px 2px rgba(0, 0, 0, 0.3);
}


#logo, #logo > img {
    width: 100%;
}

#logo {
    text-align: center;
    vertical-align: middle;
    float:left;
    width: 25%;  
}

#logo + div {
    width:auto;
    float:right;
    padding-top: 20px;
}

.wrapper {padding: 0 8px;}

.sidebar-b-right .width66 > div, .sidebar-b-right #maininner > section, div.facebookhome { margin:4px 4px 4px 0;}
.sidebar-b-right .width33 > div, .sidebar-b-right #sidebar-b div.grid-box, div.phrase {margin: 4px 0 4px 4px;}

article.item, .membership_form, .item.event { background: #fff; margin:0 0 8px 8px; padding: 8px 8px 24px 8px;
-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
-moz-box-shadow:    0px 1px 2px rgba(0, 0, 0, 0.3);
box-shadow:         0px 1px 2px rgba(0, 0, 0, 0.3);
}

.people-default .employee {
 background: #fff; margin:0 0 8px 0px; padding: 8px 8px 24px 8px;
-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
-moz-box-shadow:    0px 1px 2px rgba(0, 0, 0, 0.3);
box-shadow:         0px 1px 2px rgba(0, 0, 0, 0.3);

}





#yoo-zoo .categories h2.title{ 
  padding: 8px; margin:8px 0 8px;
  font-size: 14px;
display: block;  
-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
-moz-box-shadow:    0px 1px 2px rgba(0, 0, 0, 0.3);
box-shadow:         0px 1px 2px rgba(0, 0, 0, 0.3);
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
  background:  rgb(95, 161, 211) url(../images/right_arrow2.png) right top no-repeat;
  background-image:url(../images/right_arrow2.png), -moz-linear-gradient(97deg, rgb(95, 161, 211) 30%, rgb(58, 136, 196) 70%);
  background-image:url(../images/right_arrow2.png), -webkit-linear-gradient(97deg, rgb(95, 161, 211) 30%, rgb(58, 136, 196) 70%);
  background-image:url(../images/right_arrow2.png), -o-linear-gradient(97deg, rgb(95, 161, 211) 30%, rgb(58, 136, 196) 70%);
  background-image:url(../images/right_arrow2.png), -ms-linear-gradient(97deg, rgb(95, 161, 211) 30%, rgb(58, 136, 196) 70%);
  background-image:url(../images/right_arrow2.png), linear-gradient(97deg, rgb(95, 161, 211) 30%, rgb(58, 136, 196) 70%);
  color: #fff;
  cursor: pointer;
  border: 0;
  height: 22px;
  line-height: 24px;
}

#yoo-zoo .categories h2.title span { color: #fff; font-size: 14px;}

#yoo-zoo .category h2.title a{ color: #fff; font-size: 14px; display: block;
}

#yoo-zoo div.items-separator { border-top:0; background: url(../images/dots.png) top center repeat-x; padding-top: 11px;}

#yoo-zoo div.items-separator2 { border-top:0; background: url(../images/dots.png) top center repeat-x; padding-top: 11px; margin-top: 8px;}


#yoo-zoo .category h2.title a:hover { font-weight: bold;}


#yoo-zoo .categories .category { padding:0; margin: 0;}

#yoo-zoo .categories .first .category {margin-right: 8px;}
#yoo-zoo .categories .last .category {margin-left: 0px;}

#yoo-zoo .categories { margin: 0;}

#yoo-zoo .employee div.pos-sidebar {
    width: auto;
}

.people-default .teaser-item h2.pos-title { padding:2px 0 10px 0;}


.people-default .teaser-item .pos-subtitle { font-size: 12px; line-height: 1.3;}

#yoo-zoo .employee .pos-description, #yoo-zoo .employee .pos-contact  { padding: 8px 16px;}



#yoo-zoo .employee div.pos-sidebar .element-image > * {

    line-height: 0;
}

#yoo-zoo .employee div.sidebar-right {
    float: right;
    margin:2px 0 30px 20px;
    width: 320px;
}


.yoo-zoo .employee div.sidebar-right img {

}

ul.pos-subtitle { margin:24px 16px 16px 16px; padding:0; list-style-type: none;}

ul.pos-subtitle li { font-size: 16px; color: #2B74AB; font-weight: 300;  padding:0px 0px 0px 20px; line-height: 26px; background: url(../images/star_icon.png) 0px 8px no-repeat; }

#yoo-zoo .details { background: #fff; margin:0; padding: 8px; border: 0;
-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
-moz-box-shadow:    0px 1px 2px rgba(0, 0, 0, 0.3);
box-shadow:         0px 1px 2px rgba(0, 0, 0, 0.3);}


#yoo-zoo .first-item div.teaser-item { margin-right: 8px;}
#yoo-zoo .items div.teaser-item {  background: #fff; padding: 8px; border: 0;
-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
-moz-box-shadow:    0px 1px 2px rgba(0, 0, 0, 0.3);
box-shadow:         0px 1px 2px rgba(0, 0, 0, 0.3);}


#yoo-zoo .items .row { padding: 0 0 8px 0;}

#yoo-zoo .items h2.pos-title { font-size: 20px;}


article.item div.content { padding:8px 16px;} 

section#breadcrumbs { margin-bottom: 8px;}

#system div.items-col-1 { margin-left: -2px;}

.footer_wrap { width: 100%; background: #fff; border-top: solid 1px #ADCCE8; margin-top: 24px; padding-top: 8px; }

footer#footer {padding:36px 0px; } 


footer#footer .footerlogo img { width: 70%;}

footer#footer .footerlogo, footer#footer .footermenu  { text-align: left; padding: 8px 24px;}

footer#footer .footermenu { border-left: solid 1px #89C0E9;}

.footermenu li.level1 { font-size: 22px; text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2); display: block; padding:0 0 16px 0; margin: 0; height: auto; width: auto;}
.footermenu li.level1 > a > span { padding-bottom: 8px;}
.footermenu li.level1 li.level2 { font-size: 12px;  display: block; padding:4px 0; margin: 0; height: auto; width: auto;}
.footermenu li.level1 li.level2 a {color:#2B74AB;}
.footermenu li.level1 a, .footermenu li.level2 a {display: block;}

li.level1 li.level2 a:hover { color:#00508D; }

.phrasewrap ul li div.layout-default div.element div {padding:19px 30px;}
.phrasewrap ul li div.layout-default div.element div p { margin: 0}

#yoo-zoo .employee div.pos-sidebar .element-image {
padding: 6px;
border: 1px solid #ccc;
background: #f9f9f9;
}



#yoo-zoo .items div.pos-media {
padding: 3px;
border: 1px solid #ccc;
background: #f9f9f9;
}

#yoo-zoo .items div.pos-media > * {
border: 0;
background: #f9f9f9;
}

.histtable td { border-bottom: 1px solid #ccc}