/* Add your own custom css to this file. You may wish to use css !important calls to override css from the template css files.
----------------------------------------------------------- */
body {
    color: #666;
      font-family: Optima,Segoe,"Segoe UI",Candara,Calibri,Arial,sans-serif;
  background: transparent url("https://sozialkompass-kassel.de/images/custom/bg-texture.jpg") repeat scroll 50% 0px;
}

#s5_header_wrap {display:none;}
#s5_center_column_wrap_inner, #s5_right_column_wrap, #s5_header_area_inner2{

}
#s5_header_area_inner2,#s5_menu_wrap,#s5_footer_area_inner2{
      background: #fff url("https://sozialkompass-kassel.de/images/custom/body-overlay.png") repeat scroll 0 0;
}
#s5_menu_wrap {
  border-top:1px solid #fff;
}
#s5_component_wrap, #s5_right_wrap .module_round_box{
  background:#efefef url("https://sozialkompass-kassel.de/images/custom/grau.png") repeat scroll 0 0 !important;
    border: 1px solid #fff;
     box-shadow: 0 0 0 0 #bdbdbd !important;
     border-radius: 0px !important;
}

div.item-page {
      background: rgba(0, 0, 0, 0) url("https://sozialkompass-kassel.de/images/custom/body-overlay.png") repeat scroll 0 0;
  padding:10px;
}
div.page-header h2 {
      color:#a31319;
}

#s5_nav li a, #s5_nav li a, #s5_nav li a, .btn-link {
    color: #444 !important;
}
#s5_nav li.active a, #s5_nav li.mainMenuParentBtnFocused a, #s5_nav li:hover a, .btn-link {
    color: #a31319 !important;
}

ul.lang-inline  li{
display: inline !important;
list-style-type: none;
}
ul.lang-inline  li a{
  padding-left:7px;
}

.module_round_box ul.menu a {
  font-size:120%;
  color:#a31319;
  text-decoration:none;
}
.module_round_box ul.menu a:hover {
  background:#efefef url("https://sozialkompass-kassel.de/images/custom/contrast-overlay2.png") repeat scroll 0 0 !important;
  text-decoration:none;
}

/* k2*/
div.itemContainer {
 margin-bottom:10px;
  padding-bottom:10px;
}
div.itemListCategory {
  background: transparent;
}

div.catItemView{
   background:#fff; 
  padding:10px;
  margin:10px;
}

div.itemView {
  padding:10px !important;
}
#k2Container .groupPrimary, div.itemView {
    background: rgba(0, 0, 0, 0) url("https://sozialkompass-kassel.de/images/custom/body-overlay.png") repeat scroll 0 0;
    border: 1px solid #ddd;
}

div.catItemReadMore{
  margin-top:5px;
}
div.catItemHeader, div.itemHeader {
    background: rgba(0, 0, 0, 0) url("https://sozialkompass-kassel.de/images/custom/bevel-div.png") repeat-x scroll 50% 100%;
  padding-bottom:15px;
}


div.catItemHeader h3.catItemTitle  {
  margin-top:0px;
}
div.catItemIntroText {
    word-wrap: break-word;
}
h3.catItemTitle a, h2.itemTitle  {
    color:#a31319;
  text-decoration:none;
    word-break:break-all;
  word-wrap: break-word;
}

h3.catItemTitle a:hover {
    color:#444;
  text-decoration:none;
}

.catItemCommentsLink a, .catItemReadMore a, div.itemCommentsForm form input#submitCommentButton, .k2ReadMore {
    background: transparent none repeat scroll 0 0;
    color: #a31319;
  font-size:1.2em;
}

.catItemCommentsLink a:hover, .catItemReadMore a:hover, div.itemCommentsForm form input#submitCommentButton:hover {
    background: transparent none repeat scroll 0 0;
    color: #444;
}
div.catItemLinks {
  margin-bottom:10px;
}

div.catItemExtraFields li, div.itemExtraFields li{
 border: 0px solid #fff;
  margin-bottom:2px;
  font-size:1em;
  padding:5px;
}
div.catItemExtraFields h4{
  color:#444;
  font-size:1.2em;
}

.contact input {width:10% !important;}