/* core.css + skeleton.css + header.css + header-bar.css + content.css +
   menubox.css + dynamic.css + footer.css */

/* generic */

/* sections */

html, body {
	margin: 0;
	padding: 0;
	height: 100%;
	width: 100%;
}

body {
  font-family: Verdana;
  font-size: 100%;
  line-height: 1.125em;
  color: #282623;
  background-color: white;
}

h1, h2, h3, h4, h5, h6 {
  font-size: 1em;
  padding: 0;
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0;
  line-height: 1em;
}

h1 { font-size: 2.125em; }
h2 { font-size: 1.125em; }
h3 { font-size: 1.0em; }
h4 { font-size: 0.687em; }
h5 { font-size: 0.6em; }
h6 { font-size: 0.5em; }

.nav {
  padding: 0;
  margin: 0;
}
.article {}
.header {}
.section {}
.aside{
  padding: 0;
  margin: 0;
  list-style-type: none;
  padding: 10px 0 0 0;
  vertical-align: top;
  display: table-cell;
}
.footer{
  clear: both;
}

/* grouping content */

p {
	padding: 0;
	margin: 0;
}
hr {
  height: 5px;
  border: 0;
  padding: 0;
  margin: 1.0em 0;
  background-color: #edecea;
}

code, pre {
  border:1px solid #dfecf1;
  color:#25221d;
  padding:10px;
  overflow: auto;
  display: block;
  font-family:"Courier New", monospace;
}

.dialog {}

.dialog dt {
  font-weight: bold;
}

.dialog dt:after {
  content: ':';
}

.dialog dd {
  font-style: italic;
}

ul {
  list-style-type: square;
}

dt {}
dd {}


/* text-level semantics */

a:link { }
a:visited { }
a:hover, a:active {}

small {}
sup {}
sub {}
abbr {}
q {}
cite {}
em {}
strong {}

.time {}
.warning {
  border-top: 1px solid #cc0000;
  border-bottom: 1px solid #cc0000;
  background-color: #ff9999;
  padding: 2px 1px;
}
.accesskey { text-decoration:underline; }
.details {}
.progress {}
.meter {}
.section {}
.mark {
  background-color: #ffffaa;
  padding: 2px 1px;
}

/* text edit */

ins {}
del {}

/* embed */

img.pic {
  padding: 3px;
  margin: 5px;
}
img.border {
  border:1px solid #dfecf1;
  color:#25221d;
}
a img { border: none; }
iframe {}
object {}
embed {}
video {}
audio {}
.figure {
  border:1px solid #dfecf1;
  color:#25221d;
  display: inline-block;
  padding: 3px;
  margin: 5px;
}

.figure .legend {
  font-size: 0.9em;
  font-style: italic;
}

.figure img {
  display: block;
}

/* tables */

/* forms */

form {
  padding: 0;
  margin: 0;
  display: inline;
}

/* interactive elements */

/* miscellaneous elements */

/* others */

.hide { display: none; }
.clear { clear: both; }

a.system { text-decoration: none; }

a.inner { text-decoration: none; }
a.inner:hover { text-decoration: underline; }

/* link list */

.linklist {
  list-style-type: none;
  padding: 5px 0;
  display: inline;
}

.linklist li {
  display: inline;
  padding: 0;
  margin: 0;
}

.linklist li:before {
  content: " | ";
}

.linklist li:first-child:before {
  content: "";
}

.doc {
  width: 100%; /* 1024px vs 100%  max-width: 1024px; */
  margin: 0 auto;
}

#nav-access { display: none; }

#header-bar {
  position: absolute;
  top:0;
  z-index: 10;
  min-width: 100%;
}

#header,
#header .doc {
  height: 228px;
}

#middle {
  display: table;
  table-layout: fixed;
}

#middle > .row {
  display: table-row;
}

#left-menu {
  width: 200px;
  display: none;
}

#right-menu {
  width: 209px;
}

#content {
  display: table-cell;
  vertical-align: top;
  /* width: 815px; */
}

#content > .article,
#content > .articlelist li {
  padding-left: 0px;
}

#blogheader {
  padding-left: 0px;
}

/* header */

#header, #header .doc {
  background-position: bottom;
}

#header .doc {
  position: relative;
}

#header a {
  text-decoration: none;
}

#header #title {
  position: absolute;
  top: 91px;
  left: 200px;
  font-weight: bold;
  font-size: 2.5em;
  font-family: FontMB, Verdana, Arial;
  line-height: 1.125em;
}

#header #sub-title {
  position: absolute;
  top: 141px;
  left: 201px;
  font-size: 1.5em;
  font-family: Georgia;
  font-style: italic;
}

#header #logo {
  width: 110px;
  height: 105px;
  position: absolute;
  left: 22px;
  top: 67px;
}

#header .nav {
  height: 30px;
  position: absolute;
  bottom: 0;
  display: inline-table;
  table-layout: fixed;
  width: 100%;
}

#header .nav li {
  margin: 0;
  padding: 0;
  list-style: none;
  display: table-cell;
  height: 30px;
  text-align: center;
  font-family: Tahoma;
  font-size: 14px;
  width: 16%; /* 100/6 */
  padding-left: 5px;
  padding-right: 5px;
}


#header .nav li, #header .nav li a {
  color: #f7fafc;
  font-weight: bold;
  text-decoration: none;
  border-top-left-radius: 1em;
  border-top-right-radius: 1em;
  -khtml-border-radius-topleft: 1em;
  -khtml-border-radius-topright: 1em;
}

#header .nav li a {
  display: block;
  margin: 0 auto;
  height: 30px;
  vertical-align: middle;
  text-align: center;
  line-height: 30px;
}

/* header bar */

#header-bar {
  height: 41px;
  line-height: 41px;
  color: white;
}

#header-bar .nav {
  display: block;
  float: right;
  font-size: 0.687em;
}

#header-bar .nav a[href] {
  color: white;
}

#header-bar .nav li {
  display: inline;
  margin: 0 5px;
}

#header-bar .nav #hb-search-box input#hb-searchinput {
  font-size: 1.1em;
}

#hb-search-box input#hb-searchinput {
  height: 1.3em; 
  border: 1px solid #4e708b;
  vertical-align: middle;
  color: #999999;
  padding: 0 5px;
  width: 12em;
  background:#e6f4ff url(http://www.sunbird-kalender.de/blog/wp-content/themes/img/hb/bg_search.png) no-repeat scroll right 0px;
}

#hb-search-box input#hb-searchbutton,
#hb-search-box input.hb-searchbutton {
  display: inline-block;
  font-size: 0.8em;
  height: 1.8em;
  width: 1.8em;
  line-height: 1.8em;
  border: 1px solid #487698;
  vertical-align: middle;
  color: white;
  background-color: #326c91;
  cursor: pointer;
  padding: 0;
  margin: 0;
}

#hb-search-box input.hb-searchbutton {
  width: auto;
}

#hb-search-box form:hover input#hb-searchinput,
#hb-search-box input#hb-searchinput:focus {
  color: #282623;
  background:#e6f4ff url(http://www.sunbird-kalender.de/blog/wp-content/themes/img/hb/bg_search.png) no-repeat scroll right -16px;
}

#hb-search-box input#hb-searchinput.working,
#hb-search-box form:hover input#hb-searchinput.working{
  background:#e6f4ff url(http://www.sunbird-kalender.de/blog/wp-content/themes/img/loading-anim-10.gif) no-repeat scroll 140px 3px;
}

#header-bar .logo {
  float: left;
  position: relative;
}

#header-bar .logo .dino {
  vertical-align: middle;
}

#header-bar .logo .mcs-logo-dark {
  vertical-align: middle;
}

#header-bar .logo .mozilla {
  vertical-align: middle;
  margin-left: 6px;
}

#header-bar .logo span {
  font-style: italic;
  font-size: 0.875em;
  color: white;
  font-family: Arial;
  font-weight: bold;
  vertical-align: middle;
}

#header-bar form div {
  display: inline;
}

#content { /* Style Guide: Body Copy (Option 04) */
  padding: 30px 20px 30px 30px;
  color: #282623;
  font-family: Georgia;
  font-size: .875em; /* 14px */
  line-height: 1.643em; /* 23px */
}

#content h1 a,
#content h2 a,
#content h3 a,
#content h4 a {
  text-decoration: none;
}

#content h1 { /* Style Guide: Content Headline */
  font-family: Georgia;
  font-weight: normal;
  color: #6e685e;
  font-size: 2.286em; /* 32px */
  line-height: 1.125em; /* 36px */
}

#content h2 { /* Style Guide: Article Headline */
  margin-top: 1em;
  font-family: Georgia;
  font-weight: normal;
  color: #6e685e;
  font-size: 1.286em; /* 18px */
  line-height: 1.222em; /* 22px */
}

#content h3 {
  margin-top: 1em;
  font-family: Georgia;
  font-weight: normal;
  color: #5e584e;
  font-size: 1.143em; /* 16px */
  line-height: 1.25em; /* 20px */
}

#content ul.articlelist {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

#content .title {
  color: #898378;
  font-family: Georgia;
  font-weight: normal;
  margin: 5px 0 5px 0;
  line-height: 1.125em;
  font-size: 1.636em;
}

#content .meta { /* Style Guide: Caption/ Blog Posting Dates/... */
  font-family: Verdana;
  font-weight: normal;
  color: #6e685e;
  font-size: .786em; /* 11px */
  line-height: 1.364em; /* 15px */
}

#content p,
#content ul,
#content ol,
#content dl {
  margin: .5em 0;
}

#content p {
  text-align: justify;
}

#content .subheadline {
  color: #898378;
  font-family: Georgia;
  font-weight: normal;
  margin: 5px 0 5px 0;
  line-height:1.125em;
  font-size: 16px;
}

#content .altrow {
  background-color: #eeeeee;
}

#content .alignleft {
  float: left;
}

#content .alignright {
  float: right;
}

#content pre {
  white-space: pre-wrap;
}

/*
 This box is used in #content for presenting meta data
*/
#content .metabox {
	background-color: #f6f6f6;
	border: 1px solid #d7d3ca;
	color: #787167;
	padding: 15px 20px;
	font-size: 12px;
  margin: 0 0 20px 0;
}

#content .metabox p {
	color: #2b2925;
  line-height: 1.3em;
}

#content .metabox > h3,
#content .metabox > h3 a[href]:link {
	font-size: 14px;
	font-weight: normal;
	color: #9b978f;
	text-decoration: none;
  margin-bottom: 10px;
}

#content fieldset {
  padding: 10px 15px;
  margin: 0;
}

/* tabbox */

#content .tabbox .tabs {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

#content .tabbox > .tabs > li {
  display: inline;
  background-color: #ddd;
  padding: 0 10px;
  margin: 0;
  cursor: pointer;
}

#content .tabbox > .tabs > li.current {
  background-color: #999;
}

#content .tabbox > .content {
  border: 1px solid #ccc;
  padding: 0;
  margin: 0;
  list-style-type: none;
}

#content .tabbox > .content > li {
  display: none;
	padding: 15px 20px;
  list-style-type: none;
}

#content .tabbox > .content > li .h3 {
	font-size: 14px;
	font-weight: normal;
	text-decoration: none;
  margin-bottom: 10px;
}

/* breadcrumbs */

#content .breadcrumbs {
  list-style-type: none;
  padding: 0;
  margin: 0;
  display: inline;
}

#content .breadcrumbs > li {
  display: inline;
}

#content .breadcrumbs > li:before {
  content: "\0020 \00BB \0020";
}

#content .breadcrumbs > li:first-child:before {
  content: "";
}

/* Menu box */

.aside .box {
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 30px;
  margin: 5px 0px 25px 0px;
  font-size: 0.625em;
  line-height: 2.2em;
  font-family: Verdana;
}

.aside .box.border {
  border: 1px solid #eae7de;
}

.aside .box.color {
  background-color: #f4f1ee;
  margin: 0px 0px 20px 0px;
}


.aside .box h3 {
  font-size: 1.4em;
  line-height: 2.285em;
  padding-top: 4px;
  color: #6e685e;
  font-family: Georgia;
  font-weight: bold;
  margin: 0px;
}

.aside .box.color h3 {
  border-bottom: 1px solid white;
}

.aside .box ul {
  margin-left: 0;
  padding-left: 2em;
}

/* Menu box toc */

.aside .box.toc h3 {
  font-size: 2.2em;
  line-height: 2em;
  color: #6e685e;
  font-family: Georgia;
  padding-top: 0px;
}

.aside .box.toc ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

.aside .box.toc ul ul {
  padding-left: 15px;
}

.aside .box.toc li {
  border-top: 1px solid #eae7de;
  padding: 0;
  margin: 0;
}

.aside .box.toc li a {
  text-decoration: none;
  display: block;
}



.aside .box.toc li a.active {
  font-weight: bold;
}

/* Menu box poll */

.aside .box.poll p.question {
  color: #4f483c;
  font-style: italic;
  margin: 0;
  font-size: 1.4em;
  line-height: 2.285em;
  font-family: Georgia;
}

.aside .box.poll ol {
  list-style: none;
  margin: 0;
  padding: 0;
}

.aside .box.poll li {
  margin: 0;
  padding: 0;
  color: #6b6456;
  text-align: right;
  font-size: 1.1em;
  line-height: 1.7em;
}

.aside .box.poll li span.desc {
  float: left;
}

.aside .box.poll li .valuebar {
  vertical-align: middle;
  padding-right: 5px;
}

.aside .box.poll li .valuebar img {
  vertical-align: middle;
}

.aside .box.poll li span.value {
  text-align: right;
  font-weight: bold;
}

.aside .box.poll p.seemore {
  margin: 0;
  line-height: 3em;
  font-size: 1em;
}

/* Menu box download */

.aside .box.download ul {
  margin: 0;
  padding: 0;
}

.aside .box.download li {
  font-size: 1em;
  list-style-type: square;
  list-style-position: inside;
  color: #a39689;
}

/* Logo */
#logo2 {
  display: none;
  text-align: center;
  margin-top: -20px;
  margin-bottom: 30px;
}


/* Login box */

.mcs-login-box {
  width: 136px;
  height: 85px;
  position: absolute;
  top: 0px;
  left: 0px;
  background-color: #0c2d41;
  -moz-border-radius: 0px 0px 5px 5px;
  z-index: 3;
  font-size: 10px;
  padding: 0px 13px 6px 13px;
  color: white;
  display:none;
  text-align: center;
}
.mcs-login-box .submit {
  display: none;
}

.mcs-login-box .openid,
.mcs-login-box .openid input,
.mcs-login-box .openid label {
  cursor: pointer;
}

.mcs-login-box .openid {
  font-size: 8px;
  line-height: 16px;
  padding: 0;
  padding-right: 2px;
  margin: 0;
  color: #cccccc;
  text-align: right;
}

.mcs-login-box .openid:hover,
.mcs-login-box .openid.current {
  color: white;
}

.mcs-login-box div {
  display: none;
}

.mcs-login-box div.current {
  display: block;
}

.mcs-login-box a.create-account {
  color: #cccccc;
  text-decoration: none;
  display: block;
  float: left;
  width: 85px;
  padding-top: 9px;
  cursor: pointer;
}

.mcs-login-box a.create-account:hover {
  text-decoration: underline;
  color: white;
}

.mcs-login-box .openid input {
  width: 8px;
  height: 8px;
  margin-right: 3px;
  line-height: 16px;
  vertical-align: middle;
}

.mcs-login-box .normal-login,
.mcs-login-box .openid-login {
  width: 136px;
}

.mcs-login-box .openid-login {
  display: none;
}

.mcs-login-box #mcs-login-box-openid {
   background: url(../../../../../img/openid-inputicon.gif) no-repeat;
   background-color: #fff;
   background-position: 0 50%;
   padding-left: 18px;
   width: 116px;
}

.mcs-login-box input {
  height: 14px;
  width: 129px;
  font-size: 10px;
  color: #0c2d41;
  font-weight: bold;
  border: 1px solid #3d7c9f;
  padding: 1px 0px 1px 5px;
  margin: 0;
}

.mcs-login-box .working-icon {
  position: absolute;
  top: 20px;
  left: 70px;
  display: none;
}

.mcs-login-box .button {
  display: block;
  width: 33px;
  height: 18px;
  padding: 0;
  text-align: center;
  border: 1px solid #404E6D;
  color: #0c2d41;
  cursor: pointer;
  background-color: white;
  float: right;
  font-weight: bold;
  font-size: 10px;
  -moz-border-radius: 2px 2px 2px 2px;
  margin-top: 4px;
  text-transform: uppercase;
}

.mcs-login-box.working, .mcs-login-box.working * {
  cursor: wait;
}

.mcs-login-box.working .working-icon {
  display: block;
}

.mcs-login-box.working .button {
  background-color: #dddddd;
  cursor: wait;
}

.mcs-login-box .logout span.username {
  font-weight: bold;
}

.mcs-login-box .logout button {
  margin-top: 8px;
}

/* Search box */

.mcs-search-box {
  width: 186px;
  height: 110px;
  position: absolute;
  top: 0px;
  left: 0px;
  background-color: #0c2d41;
  -moz-border-radius: 0px 0px 5px 5px;
  z-index: 3;
  font-size: 10px;
  padding: 6px 13px;
  color: white;
  display:none;
  text-align: center;
  margin: 0;
  list-style-type: none;
}

.mcs-search-box li {
  padding: 0;
  margin: 0;
  height: 18px;
  text-align: left;
  display: none;
}

.mcs-search-box li a {
  color: #cccccc;
  text-decoration: none;
  display: block;
}

.mcs-search-box li a:hover {
  text-decoration: underline;
  color: white;
}

.mcs-search-box li.more {
  text-align: right;
  display: list-item;
}

.mcs-search-box li.more a {
  display: inline;
}

/* footer */

#footer {
  background-color: #f0f0f0;
  padding: 0.909em;
  padding-top: 1.818em;
  font-size: 0.6875em;
  font-family: Tahoma;
  color: #1a1a1a;
  border-top: 1px solid #eae7de;
  color: #898378;
}

#footer.bg2 {
  border-top: 3px solid #edecea;
  background-color: transparent;
  padding-top: 0;
  margin-bottom: 10px;
}


#footer a {
  color: #898378;
  text-decoration: none;
}

#footer a:hover {
  text-decoration: underline;
}

#footer p {
  margin: 0;
  padding: 0;
  clear: both;
  font-size: 1em;
  /* padding-top: 20px; */
}

#footer p span {
  display: block;
  line-height: 18px;
}

#footer .grid {
  list-style-type:none;
  margin: 0 auto;
  width: 600px;
}

#footer .grid li {
  display:inline;
  font-weight:bold;
  list-style-type:none;
  margin:0 15px 0 0;
  padding:0;
  position:relative;
  width:105px;
  float: left;
}

#footer .grid  li  ul {
  list-style-type:none;
  margin:0;
  padding:0;
}

#footer .grid  ul  li {
  display:block;
  float:none;
  font-size:85%;
  font-weight:normal;
  margin:0;
  padding:0 0 0.4em;
  width:auto;
  line-height:1.231;
}

#footer .list {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

#footer .list li {
  display: inline;
}

#footer .list li:before {
  content: " | ";
}

#footer .list li:first-child:before {
  content: "";
}