/*
Theme Name: Kwabsos
Theme URI: http://www.kwabsos.de
Description: 
Version: 1.0
Author: Stefan Metzner
Author URI: http://www.spezial-kommunikation.de
Tags: 
*/
html, body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
}
body {
  font-family: Arial;
  font-size: 11px;
  background: #5890f2 url('images/bg.jpg');
}
#page {
  width: 1054px;
  height: 100%;
  margin: 0 auto;
}
#header {
  width: 100%;
  height: 238px;
  position: relative;
}
#header #logo {
  position: absolute;
  width: 164px; /* 139px; */
  height: 204px; /* 62px; */
  background: url('images/logo.png') no-repeat;
  cursor: pointer;
  left: 60px;
  top:  50px;
}
#header #logo h1 {
  display: none;
}
/*
    SHORTNAVI
*/
#header #shortnavi {
  position: absolute;
  top: 153px;
  left: 70px;
  width: 139px;
  height: 85px;
  background: url('images/shortnavi.jpg') no-repeat;
}
#header #shortnavi ul {
  margin: 0;
  padding: 0;
  /* list-style-type: none; */
}
#header #shortnavi ul li {
  float: left;
  width: 100%;
  height: 30px;
}
#header #shortnavi a {
  display: block;
  width: 100%;
  height: 100%;
  font-size: 0;
  line-height: 0;
  visibility:hidden;
}
#header #jump {
  position: absolute;
  top: 22px;
  left: 403px;
  width: 251px;
  height: 184px;
  background: url('images/jump.jpg') no-repeat;
}
#header #stone1 {
  position: absolute;
  bottom: 0;
  right: 623px;
  background: url('images/stone1.jpg') no-repeat;
  width: 156px;
  height: 31px;
}
#header #stone2 {
  position: absolute;
  bottom: 0;
  right: 0;
  background: url('images/stone2.jpg') no-repeat;
  width: 364px;
  height: 31px;
}
/*
    NAVI
*/
#page #navi {
  float: left;
  width: 258px;
  height: 100%;
  position: relative;
}
/* 
1st level 
*/
#page #navi ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  position: absolute;
  right: 8px;
  top: 60px;
  width: 200px;
}
#page #navi ul li {
  min-height: 30px;
  padding-left: 10px;
  line-height: 25px;
  background: url('images/ul_li_deep1_act.jpg') repeat-X;
  background-position: 50px 20px;
}
#page #navi ul li, #page #navi ul li a {
  font-size: 16px;
  color: #FFF;
  text-decoration: none;
}
#page #navi ul li a {
  display: block;
}
#page #navi ul li.current_page_item {
  background: url('images/ul_li_deep1_act.jpg') repeat-X;
  background-position: 50px 20px;
}
#page #navi ul li.current_page_item a, #page #navi ul li.current_page_ancestor a {
  color: #f08d00;
}
/* 
2nd level 
*/
#page #navi ul li ul {
  margin-top: 0;
  list-style-type: disc !important;
  list-style-position: inside;
  /* background-color: #3d7eda !important;   */
  position: static;
  width: 220px;
}
#page #navi ul li ul li {
  margin: 0 0 2px 0;
  padding-left: 10px;
  background-image: none;
  background-color: #3d7eda !important;
}
#page #navi ul li ul li.current_page_item {
  margin: 0 0 2px 0;
  padding-left: 10px;
  background-image: none;
  /* background-color: #3d7eda; */
  color: #f08d00;
}
#page #navi ul li ul li, #page #navi ul li ul li a,
#page #navi ul li.current_page_item ul li, #page #navi ul li.current_page_item ul li a,
#page #navi ul li.current_page_ancestor ul li, #page #navi ul li.current_page_ancestor ul li a {
  color: #FFF;
  font-size: 9px;
  text-decoration: none;
  font-weight: normal;
  letter-spacing: 0.1em;
  line-height: 30px;
}
#page #navi ul li ul li a {
  display: inline;
}
/* 
3rd level 
*/
#page #navi ul li ul li ul {
  position: static;
  list-style-type: none !important;
  width: auto;
}
#page #navi ul li ul li ul li, #page #navi ul li.current_page_ancestor ul li.current_page_ancestor ul li.current_page_item  {
  margin: 0 0 0 10px;
  padding: 0 0 0 13px;
  height: 30px;
  background-color: transparent;
  background-image: url('images/ul_li_deep3.png'); 
  background-repeat: no-repeat;
  background-position: left top;
}
#page #navi ul li ul li ul li:hover, #page #navi ul li.current_page_ancestor ul li.current_page_ancestor ul li.current_page_item {
  background-position: left bottom;
}
#page #navi ul li.current_page_ancestor ul li.current_page_ancestor ul li:hover a {
  color: #f08d00;
}
#page #navi ul li ul li.current_page_item ul li, #page #navi ul li ul li.current_page_item ul li a {
  color: #FFF;
}
#page #navi ul li.current_page_ancestor ul li.current_page_item ul li,
#page #navi ul li.current_page_ancestor ul li.current_page_item ul li a {
  color: #FFFFFF;
}
/* 
rest 
*/
#page #navi ul li.current_page_ancestor ul li.current_page_item,
#page #navi ul li.current_page_ancestor ul li.current_page_item a,
#page #navi ul li.current_page_ancestor ul li.current_page_ancestor,
#page #navi ul li.current_page_ancestor ul li.current_page_ancestor a,
#page #navi ul li.current_page_ancestor ul li.current_page_ancestor ul li.current_page_item,
#page #navi ul li.current_page_ancestor ul li.current_page_ancestor ul li.current_page_item a {
  color: #f08d00;
}
#page #navi ul li.current_page_ancestor ul li.current_page_ancestor ul li,
#page #navi ul li.current_page_ancestor ul li.current_page_ancestor ul li a {
  color:#FFFFFF;
}
/*
    SUB NAVI
*/
#page #subnavi {
  float: right;
  width: 780px; /* 790 */
  height: 30px;
  padding-left: 10px;
  background: #006bb3 url('images/content_lside.jpg') repeat-Y;
  position: relative;
}
#page #subnavi ul {
  position: absolute;
  right: 0;
  top: 0;
  margin: 0;
  padding: 0;
  height: 33px;
 /*  list-style-type: none; */
  background-color: transparent;
  background-image: transparent;
}
#page #subnavi ul li {
  float: left;
  display: inline;
  background-color: transparent;
  background-image: transparent;
}
#page #subnavi ul li.startseite, #page #subnavi ul li.page-item-2 a {
  width: 70px;
  height: 33px;
  background: url('images/subnavi_startseite.jpg') no-repeat top;
}
#page #subnavi ul li.kontakt, #page #subnavi ul li.page-item-11 a {
  width: 71px;
  height: 33px;
  background: url('images/subnavi_kontakt.jpg') no-repeat top;
}
#page #subnavi ul li.downloads, #page #subnavi ul li.page-item-13 a {
  width: 76px;
  height: 33px;
  background: url('images/subnavi_impressum.jpg') no-repeat top;
}
#page #subnavi ul li.impressum, #page #subnavi ul li.page-item-15 a {
  width: 76px;
  height: 33px;
  background: url('images/subnavi_downloads.jpg') no-repeat top;
}
#page #subnavi ul li a:hover, #page #subnavi ul li.current_page_item a {
  background-position: bottom;
}
#page #subnavi ul li a {
  font-size: 0;
  line-height: 0;
  text-transform: uppercase;
  color: #FFF;
  text-decoration: none;
  display: block;
}

#page #subnavi ul li a  span {
  visibility: hidden;
}

#page #subnavi ul li.current_page_item a {
  color: #f08d00;
}
#page #subnavi #contentcorner {
  position: absolute;
  top: 0;
  left: 0;
  width: 9px;
  height: 9px;
  background: url('images/content_corner.jpg') no-repeat;
}
#page #spacer {
  float: right;
  width: 780px;
  height: 3px;
  padding-left: 10px;
  background: #f08d00 url('images/content_lside.jpg') repeat-Y;
}
/*
  CONTENT
*/
#page #content, #page #content2 {
  float: right;
  width: 670px; /* 790 */
  min-height: 500px;
  padding: 20px 60px 0 60px;
  color: #0055a4;
  line-height: 17px;
  background: #FFFFFF url('images/content_lside.jpg') repeat-Y;
  position: relative;
}
#page #content2 {
  width: 470px;
  padding: 20px 260px 0 60px;
}
#page #content h2,#page #content2 h2 {
  color: #f08d00;
}
#page #content a,#page #content2 a {
  color: #0055a4;
  text-decoration: none;
}
#page #content a:hover, #page #content a:active,
#page #content2 a:hover, #page #content2 a:active {
  color: #f08d00;
  text-decoration: underline;
}
#page #content ul#breadcrumb, #page #content2 ul#breadcrumb {
  padding: 0;
  margin: 0 0 40px 0;
  list-style-position: inside;
}
#page #content ul#breadcrumb li, #page #content2 ul#breadcrumb li {
}
#page #content2 #gallery {
  position: absolute;
  right: 0;
  top: 60px;
  width: 200px;
  border: 0px solid;
}
/*
    CLASS
*/
.color_orange {
  color: #f08d00;
}