/*
theme name: Piano3
theme uri: http://www.piano3.de/
description: Piano3 CMS Webdesign Suchmaschinenoptimierung Bremen
version: 1.0
author: klaus oppermann
author uri: http://www.klausoppermann.de/
*/
a, abbr, acronym, address, applet,
big, blockquote, body,
caption, cite, code,
dd, del, dfn, div, dl, dt, em,
fieldset, font, form,
h1, h2, h3, h4, h5, h6, html, hr,
iframe, img, ins,
kbd, label, legend,
object, p, pre, q,
s, samp, small, span, strike, strong, sub, sup,
table, tbody, td, tfoot, th, thead, tr, tt,
ul, var {
  border: 0;
  font-style: inherit;
  font-weight: inherit;
  list-style: none;
  margin: 0;
  outline: 0;
  padding: 0;
  text-decoration: none;
  vertical-align: baseline;
}

label,
select,
input[type=checkbox],
input[type=radio],
input[type=button],
input[type=submit] {
  cursor: pointer;
}

a {
  color: #000;
}

a:hover,
a:focus {
  color: #444;
}

address {
  color: #000;
  margin: 15px 0;
}

body {
  background: #F3F3F3;
  color: #333;
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 62.5%;
  margin: 0;
  padding: 0;
  text-align: center;
}

cite,
em {
  font-style: italic;
}

h1, h2, h3, h4, h5, h6 {
  color: #EA1801;
  font-family: georgia, "times new roman", times, verdana, arial, helvetica, serif;
  font-weight: 700;
  letter-spacing: 1.0px;
  line-height: 1.2em;
  margin: 25px 0 10px 0;
}

h2 {
  font-size: 1.7em;
}

h3 {
  font-size: 1.5em;
}


h4, h5, h6 {
  font-size: 1.4em;
}

hr {
  border: none;
  border-top: 1px solid #fff;
  clear: both;
  height: 1px;
  margin: 0;
}

small {
  font-size: 0.8em;
  line-height: 1.4em;
}

strong {
  color: #EA1801;
  font-weight: 700;
}

#page {
  background: url(images/page.png) repeat-y 50% 0;
  padding: 0;
  position: relative;
}

#wrapheader {
  background: url(images/header.png) no-repeat 50% 0;
  position: relative;
}

#header {
  height: auto;
  margin: 0 auto;
  padding-top: 110px;
  position: relative;
  width: 980px;
}

#header h1 {
  font-size: 3em;
  letter-spacing: 2.5px;
  margin: 0;
  padding: 0;
}

#header h1.logo,
#header h1 a,
#header h1 a:hover {
  background: url(images/logo-barcode2.png) no-repeat 0 0;
  display: block;
  height: 80px;
  left: 20px;
  position: absolute;
  top: 30px;
  width: 141px;
  z-index: 5000;
}

#header h2 {
  color: #aaa;
  font-style: italic;
  left: 170px;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 60px;
}

#header div.headerbox {
  background: #fff url(images/teaser1.jpg) no-repeat 0 0;
  border: 1px solid #ddd;
  -moz-border-radius: 10px;
  -khtml-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  clear: both;
  height: 280px;
  margin: 15px auto;
  padding: 0;
  position: relative;
  width: 930px;
  -webkit-box-shadow: 1px 1px 7px #eee;
  -moz-box-shadow: 1px 1px 5px #eee;
  box-shadow: 1px 1px 7px #eee;
}

body.page-id-4 #header div.headerbox {
  background: #fff url(images/teaser4.jpg) no-repeat 0 0;
}

body.page-id-5 #header div.headerbox {
  background: #fff url(images/teaser5.jpg) no-repeat 0 0;
}

body.page-id-6 #header div.headerbox {
  background: #fff url(images/teaser6.jpg) no-repeat 0 0;
}

body.page-id-7 #header div.headerbox {
  background: #fff url(images/teaser7.jpg) no-repeat 0 0;
}

body.page-id-8 #header div.headerbox {
  background: #fff url(images/teaser8.jpg) no-repeat 0 0;
}

body.page-id-13 #header div.headerbox {
  background: #fff url(images/teaser-wp.jpg) no-repeat 0 0;
}

body.page-id-14 #header div.headerbox {
  background: #fff url(images/teaser-joomla.jpg) no-repeat 0 0;
}

body.page-id-15 #header div.headerbox {
  background: #fff url(images/teaser-drupal.jpg) no-repeat 0 0;
}

body.page-id-16 #header div.headerbox {
  background: #fff url(images/teaser-typo3.jpg) no-repeat 0 0;
}

#header div.headerbox div.text {
  background: url(images/trans1.png);
  -moz-border-radius-bottomright: 10px;
  -webkit-border-bottom-right-radius: 10px;
  border-bottom-right-radius: 10px;
  -moz-border-radius-topright: 10px;
  -webkit-border-top-right-radius: 10px;
  border-top-right-radius: 10px;
  height: 280px;
  position: absolute;
  top: 0;
  right: 0;
  text-align: left;
  text-shadow: none;
  width: 250px;
}

#header div.headerbox div.text p {
  color: #fff;
  font-size: 1.6em;
  font-weight: 700;
  line-height: 1.6em;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 80px;
  right: 10px;
  width: 230px;
}

#header ul.cms {
  position: absolute;
  top: 45px;
  right: 20px;
  width: 270px;
}

#header ul.cms li {
  display: inline;
  float: left;
  width: auto;
}

#header ul.cms li a,
#header ul.cms li a:hover,
#header ul.cms li a:focus {
  background: url(images/cms2.png) no-repeat 0 -40px;
  display: block;
  float: left;
  height: 40px;
  margin: 0 0 0 20px;
  width: 40px;
}


#header ul.cms li a:hover,
#header ul.cms li a:focus {
  background: url(images/cms2.png) no-repeat 0 0;
}

#header ul.cms li a.drupal {
  background: url(images/cms2.png) no-repeat -40px -40px;
}

#header ul.cms li a.drupal:hover,
#header ul.cms li a.drupal:focus {
  background: url(images/cms2.png) no-repeat -40px 0;
}

#header ul.cms li a.typo3 {
  background: url(images/cms2.png) no-repeat -120px -40px;
}

#header ul.cms li a.typo3:hover,
#header ul.cms li a.typo3:focus {
  background: url(images/cms2.png) no-repeat -120px 0;
}

#header ul.cms li a.joomla {
  background: url(images/cms2.png) no-repeat -80px -40px;
}

#header ul.cms li a.joomla:hover,
#header ul.cms li a.joomla:focus {
  background: url(images/cms2.png) no-repeat -80px 0;
}

#navigation {
  clear: both;
  font-size: 1.2em;
  margin: 15px auto;
  padding: 0;
  position: relative;
  width: 930px;
  z-index: 5000;
}

#nav,
#nav ul {
  padding: 0;
  margin: 0;
  list-style: none;
  line-height: 1;
}

#nav a,
#nav a:hover,
#nav a:focus {
  background: #f7f7f7;
  border: 1px solid #fff;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  color: #333;
  display: block;
  font-variant: small-caps;
  font-weight: 700;
  letter-spacing: 0.5px;
  margin: 0 3px 0 0;
  padding: 10px 15px;
  width: auto;
}

#nav li.current-cat a,
#nav li.current-cat-parent a,
#nav li.current_page_item a,
#nav a:hover,
#nav a:focus {
  background: #ddd url(images/verlauf2.png) repeat-x 0 100%;
  border: 1px solid #ddd;
  color: #000;
  -webkit-box-shadow: 1px 1px 7px #eee;
  -moz-box-shadow: 1px 1px 5px #eee;
  box-shadow: 1px 1px 7px #eee;
}

#nav li:hover a,
#nav li.sfhover a {
  background: #eee url(images/verlauf2.png) repeat-x 0 100%;
  border: 1px solid #ddd;
}

#nav li {
  float: left;
  position: relative;
  width: auto;
}

#nav li ul {
  position: absolute;
  background: #fff;
  border: 1px solid #ddd;
  left: -999em;
  padding: 5px;
  width: 200px;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 1px 1px 7px #eee;
  -moz-box-shadow: 1px 1px 5px #eee;
  box-shadow: 1px 1px 7px #eee;
}

#nav li ul a,
#nav li ul a:hover,
#nav li ul a:focus {
  background: #fff;
  border: none;
  color: #777;
  font-variant: normal;
  font-weight: 200;
  letter-spacing: 0;
  margin: 0 0 2px 0;
  padding: 5px 15px;
  text-align: left;
  width: auto;
}

#nav li:hover li a,
#nav li.sfhover li a {
  background: #fff;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

#nav li ul a:hover,
#nav li ul a:focus,
#nav li ul li.current-cat a {
  background: #eee;
  color: #000;
}

#nav li ul li.current_page_item a {
  font-weight: 700;
}

#nav li:hover ul,
#nav li.sfhover ul {
  left: 0;
}

#nav li:hover ul li {
  clear: left;
  float: none;
  padding: 0;
  position: relative;
}

#wrapper {
  background: #fff;
  clear: both;
  margin: 0 auto;
  padding: 0;
  text-align: left;
  position: relative;
  width: 980px;
}

#wrapcontent {
  float: left;
  font-size: 1.2em;
  line-height: 1.6em;
  margin: 0;
  padding: 0;
  position: relative;
  width: 680px;
}

#content {
  padding: 0 20px;
}

#content a,
#content a:hover,
#content a:focus {
  color: #EA1801;
  font-weight: 700;
  text-decoration: underline;
}

#content a:hover,
#content a:focus {
  color: #444;
  text-decoration: none;
}

#content dl.referenzen {
  border: 1px solid #ddd;
  margin: 15px auto;
  padding: 10px;
  width: 600px;
  -moz-border-radius: 10px;
  -khtml-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: 1px 1px 5px #eee;
  -moz-box-shadow: 1px 1px 5px #eee;
  box-shadow: 1px 1px 5px #eee;
}

#content dl.referenzen dt {
  text-align: center;
}

#content dl.referenzen dt img {
  border: 1px solid #ddd;
  -webkit-box-shadow: 1px 1px 5px #eee;
  -moz-box-shadow: 1px 1px 5px #eee;
  box-shadow: 1px 1px 5px #eee;
}

#content dl.referenzen h3 a,
#content dl.referenzen h3 a:hover,
#content dl.referenzen h3 a:focus {
  text-decoration: none;
}

#content p {
  margin: 10px 0 15px 0;
}

#content p.center {
  clear: both;
  text-align: center;
}

#content blockquote {
  background: #fff;
  border: 1px dotted #ddd;
  border-left: 10px solid #ddd;
  color: #000;
  margin: 15px 0;
  padding: 10px;
}

#content blockquote p {
  margin: 0;
  padding: 0;
  text-indent: 0;
}

#content blockquote h3 {
  background: #f7f7f7;
  border: none;
  font-size: 1.6em;
  padding: 0;
  margin: 0 0 10px 0;
  text-indent: 0;
}

#content ul,
#content ol {
  margin: 10px;
  padding: 0;
}

#content ol {
  list-style: decimal;
}

#content ol li {
  margin-left: 20px;
}

#content ul li {
  background: url(images/liste.png) no-repeat 0 7px;
  padding: 5px 5px 5px 25px;
}

#content ul ul {
  margin: 0 12px;
}

#content ul ul li {
  background-image: none;
  padding: 5px;
  list-style: square;
}

#content div.post {
  border-top: 2px solid #ddd;
  margin: 15px 0 50px 0;
  padding: 0;
  position: relative;
}

#content div.post p {
  margin: 10px 0;
  padding: 0;
}

#content div.post p.postmetadata {
  border-top: 1px solid #ccc;
  border-bottom: none;
  clear: both;
  font-style: italic;
  font-size: 0.9em;
  line-height: 1.6em;
  margin: 10px 0;
  padding: 10px 0 0 0;
}

#content div.post p.postmetadata span.datum {
  background: url(images/date.png) no-repeat 0 50%;
  padding: 2px 0 2px 20px;
}

#content div.post p.postmetadata span.kategorie {
  background: url(images/folder.png) no-repeat 0 50%;
  padding: 2px 0 2px 20px;
}

#content div.post p.postmetadata span.tags {
  background: url(images/tag_blue.png) no-repeat 0 50%;
  padding: 2px 0 2px 20px;
}

#content div.post p.postmetadata span.comments {
  background: url(images/comment.png) no-repeat 0 50%;
  margin: 0;
  padding: 0 0 0 20px;
  position: absolute;
  top: 25px;
  right: 0;
}

#content div.post h2 a,
#content div.post h2 a:hover,
#content div.post h2 a:focus {
  color: #000;
  margin-right: 30px;
  text-decoration: none;
}

#content div.post h2 a:hover,
#content div.post h2 a:focus {
  color: #5f5f5f;
}

#content ul.socialbookmarks {
  margin: 10px 0;
  padding: 10px 0;
}

#content ul.socialbookmarks li {
  background-image: none;
  display: inline;
  padding: 0;
}

#content ul.socialbookmarks li a,
#content ul.socialbookmarks li a:hover,
#content ul.socialbookmarks li a:focus {
  margin: 0;
  padding: 0;
}

#content ul.socialbookmarks li a img,
#content ul.socialbookmarks li a:hover img,
#content ul.socialbookmarks li a:focus img {
  background: #fff;
  border: 1px solid #ddd;
  height: 16px;
  margin: 0 5px 5px 0;
  padding: 3px;
  width: 16px;
  -moz-border-radius: 3px;
  -khtml-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

#content ul.socialbookmarks li a:hover img,
#content ul.socialbookmarks li a:focus img {
  border: 1px solid #aaa;
}

#content img.size-full,
#content img.size-medium,
#content img.size-thumbnail,
#content div.gallery img {
  background: #fff;
  border: 1px solid #ddd;
  margin: 5px;
  padding: 5px;
}

#content img.size-full {
  margin: 10px;
  padding: 10px;
}

#content  .wp-caption {
  border: 1px solid #ddd;
  text-align: center;
  background-color: #f7f7f7;
  padding-top: 5px;
  margin: 0 10px;
  /* optional rounded corners for browsers that support it */
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

#content .wp-caption img {
  margin: 0;
  padding: 0;
  border: 0 none;
}

#content .wp-caption p.wp-caption-text {
  font-size: 1.0em;
  line-height: 1.4em;
  padding: 5px;
  margin: 0;
}

#content .aligncenter,
#content div.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

#content .alignleft {
  float: left;
  margin: 0 10px 5px 0;
}

#content .alignright {
  float: right;
  margin: 0 0 5px 10px;
}

#content .gallery {
  margin: auto;
  /* gallery clearing*/
  overflow: hidden;
  width: 100%;
}

#content .gallery .gallery-item {
  float: left;
  margin-top: 10px;
  text-align: center;
}

#content .gallery img {
  border: 1px solid #ddd;
}

#content .gallery .gallery-caption {
  margin-left: 0;
}

.gallery br {
  clear: both
}

/* available columns */

.col-2 { width: 50% }
.col-3 { width: 33.333% }
.col-4 { width: 25% }
.col-5 { width: 20% }
.col-6 { width: 16.666% }
.col-7 { width: 14.285% }
.col-8 { width: 12.5% }
.col-9 { width: 11.111% }


#content .breadcrumb {
  color: #7f7f7f;
  font-size: 0.9em;
  font-style: italic;
  margin: 5px 0;
}

#content .breadcrumb a,
#content .breadcrumb a:hover,
#content .breadcrumb a:focus {
  color: #7f7f7f;
}

#content .breadcrumb a:hover,
#content .breadcrumb a:focus {
  color: #000;
}

#content p.button,
#sidebar p.button {
  outline: none;
  cursor: pointer;
  text-decoration: none;
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 1.0em;
  letter-spacing: 1px;
  line-height: 1.4em;
  margin: 20px auto;
  padding: 10px;
  text-align: center;
  width: 380px;
  text-shadow: 0 1px 1px #777;
  -webkit-border-radius: .9em;
  -moz-border-radius: .9em;
  border-radius: .9em;
  -webkit-box-shadow: 0 1px 2px #bbb;
  -moz-box-shadow: 0 1px 2px #bbb;
  box-shadow: 0 1px 2px #bbb;
}

#sidebar p.button {
  width: auto;
}

#content p.button a,
#content p.button a:hover,
#content p.button a:focus,
#sidebar p.button a,
#sidebar p.button a:hover,
#sidebar p.button a:focus {
  background: transparent;
  color: #fff;
  font-weight: 700;
  text-decoration: none;
}

#content p.button:hover,
#sidebar p.button:hover {
  text-decoration: none;
}

#content p.button:active,
#sidebar p.button:active {
  position: relative;
  top: 1px;
}

#content p.orange,
#sidebar p.orange {
  color: #fff;
  border: none;
  background: #BF7900;
  background: -webkit-gradient(linear, left top, left bottom, from(#DCB674), to(#BF7900));
  background: -moz-linear-gradient(top,  #DCB674,  #BF7900);
}

#content p.orange:hover,
#content p.orange:active,
#sidebar p.orange:hover,
#sidebar p.orange:active {
  background: #63460D;
  background: -webkit-gradient(linear, left top, left bottom, from(#8F7835), to(#63460D));
  background: -moz-linear-gradient(top,  #8F7835,  #63460D);
}

#wrapsidebar {
  float: right;
  font-size: 1.2em;
  line-height: 1.4em;
  margin: 0;
  padding: 0;
  position: relative;
  width: 300px;
}

#sidebar {
  margin: 0;
  padding: 15px 25px;
  text-align: left;
  position: relative;
}

#sidebar a,
#sidebar a:hover,
#sidebar a:focus {
  color: #EA1801;
}

#sidebar a:hover,
#sidebar a:focus {
  color: #333;
}

#sidebar h2 {
  font-size: 1.3em;
  text-align: center;
}


#sidebar address {
  background: #eee url(images/verlaufb.png) repeat-x 0 100%;
  color: #444;
  font-weight: 700;
  margin: 0;
  padding: 10px;
  width: auto;
  -moz-border-radius-bottomright: 10px;
  -webkit-border-bottom-right-radius: 10px;
  border-bottom-right-radius: 10px;
  -moz-border-radius-bottomleft: 10px;
  -webkit-border-bottom-left-radius: 10px;
  border-bottom-left-radius: 10px;
}

#sidebar .box h3 {
  background: #ddd url(images/verlauf2.png) repeat-x 0 150%;
  color: #444;
  font-size: 1.2em;
  margin: 0;
  padding: 5px 10px;
  -moz-border-radius-topright: 10px;
  -webkit-border-top-right-radius: 10px;
  border-top-right-radius: 10px;
  -moz-border-radius-topleft: 10px;
  -webkit-border-top-left-radius: 10px;
  border-top-left-radius: 10px;
}

#sidebar .box p {
  background: #eee;
  padding: 5px;
  -moz-border-radius-bottomright: 10px;
  -webkit-border-bottom-right-radius: 10px;
  border-bottom-right-radius: 10px;
  -moz-border-radius-bottomleft: 10px;
  -webkit-border-bottom-left-radius: 10px;
  border-bottom-left-radius: 10px;
}

#sidebar .box p a,
#sidebar .box p a:hover,
#sidebar .box p a:focus {
  background: #eee;
  color: #444;
  display: block;
  font-weight: 700;
  margin: 0;
  padding: 10px;
  -moz-border-radius: 10px;
  -khtml-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

#sidebar .box p a:hover,
#sidebar .box p a:focus {
  background: #fff;
  color: #000;
}

#sidebar dl {
  border: 1px solid #ddd;
  margin: 15px auto;
  padding: 10px;
  width: 220px;
  -moz-border-radius: 10px;
  -khtml-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

#sidebar dl dt {
  text-align: center;
}

#sidebar dl dt a img,
#sidebar dl dt a:hover img,
#sidebar dl dt a:focus img {
  border: 1px solid #ddd;
}

#sidebar dl dt a:hover img,
#sidebar dl dt a:focus img {
  border: 1px solid #aaa;
}

#sidebar dl h3 {
  font-size: 0.9em;
  margin: 5px 0;
  padding: 0;
  text-align: center;
}

#sidebar dl dd {
  padding: 0;
}

#sidebar ul {
  background: #ddd;
  margin: 0;
  padding: 5px;
  -moz-border-radius-bottomright: 10px;
  -webkit-border-bottom-right-radius: 10px;
  border-bottom-right-radius: 10px;
  -moz-border-radius-bottomleft: 10px;
  -webkit-border-bottom-left-radius: 10px;
  border-bottom-left-radius: 10px;
}

#sidebar ul li a,
#sidebar ul li a:hover,
#sidebar ul li a:focus {
  background: #eee;
  color: #444;
  display: block;
  font-weight: 700;
  margin: 0;
  padding: 7px 10px;
  -moz-border-radius: 10px;
  -khtml-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

#sidebar ul li a:hover,
#sidebar ul li a:focus,
#sidebar ul li.current_page_item a,
#sidebar ul li.current_page_parent a {
  background: #fff;
  color: #000;
}

#sidebar div.box {
  margin: 15px auto;
}


#footer {
  background: url(images/footer.png) no-repeat 50% 0;
  clear: both;
  color: #666;
  margin: 0 auto;
  padding: 10px;
  text-align: center;
  font-size: 1.2em;
  line-height: 1.0em;
  position: relative;
}

#footer a,
#footer a:focus,
#footer a:hover,
#footer strong {
  color: #666;
  padding: 0 3px;
  text-decoration: underline;
}

#footer a:focus,
#footer a:hover,
#footer strong,
#footer li.current_page_item a,
#footer li.current_page_parent a {
  color: #000;
  text-decoration: none;
}

#footer ul {
  margin: 10px 0;
  padding: 0;
}

#footer ul li {
  display: inline;
  padding: 0 0 0 3px;
}

#footer li+li {
  border-left: 1px solid #666;
}

/* sonstiges */

.nix,
#header h1 span,
#header a.twitter span,
#header ul.cms span {
  display: inline;
  height: 0;
  left: -1000px;
  overflow: hidden;
  position: absolute;
  top: -1000px;
  width: 0;
}

.clear {
  clear: both;
}

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

#form {
  border: none;
}

fieldset {
  border: none;
  color: #5f5f5f;
  margin: 0;
  padding: 0;
}

label,
select,
input[type=checkbox],
input[type=radio],
input[type=button],
input[type=submit] {
  cursor: pointer;
}

label {
  font-weight: 700;
  margin: 0;
  padding: 0;
}

input,
textarea {
  background: #fff;
  border: 1px solid #ddd;
  color: #000;
  margin: 5px 0;
  padding: 5px;
  width: 80%;
  /* optional rounded corners for browsers that support it */
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

input:hover,
textarea:hover {
  background: #fff;
  border: 1px solid #aaa;
  color: #000;
}

textarea {
  overflow: auto;
}

label {
  font-weight: 300;
}

input[type=checkbox],
input class.wpcf7-acceptance {
  float: left;
  width: 1.5em;
}

input[type=submit] {
  background: #eee;
  border: 1px solid #ccc;
  clear: left;
  color: #666;
  display: block;
  font-weight: 700;
  height: 30px;
  margin: 15px 0;
  padding: 0;
  width: 180px;
}

input:hover[type=submit] {
  clear: left;
  background: #ddd;
  color: #000;
}


#searchform {
  position: absolute;
  top: 5px;
  right: 50px;
  z-index: 6000;
}

#searchform form {
  margin: 0;
  padding: 0;
  position: relative;
}

#searchform form p {
  margin: 0;
  padding: 0;
}

#searchform form input {
  margin: 0;
  padding: 5px 5px 5px 22px;
  color: #000;
  background: #fff url(images/magnifier.png) no-repeat 2px 50%;
  border: 1px solid #ccc;
  width: 125px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -khtml-border-radius: 3px;
}

#searchform form input:hover,
#searchform form input:focus {
  color: #000;
  border: 1px solid #aaa;
}

#searchform form input.bu {
  margin: 0;
  padding: 3px 5px;
  color: #fff;
  background: #000;
  border: 0 none;
  line-height: 1.0em;
  width: auto;
}

#searchform form .bu:hover,
#searchform form .bu:focus {
  background: #3f3f3f;
  border: 0 none;
}

/* kommentare */

#content #comments form input,
#content #comments fieldset#comment-text textarea {
  border: 1px solid #ccc;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  padding: 3px 5px;
}

#content #comments form input:hover,
#content #comments fieldset#comment-text textarea:hover {
  border: 1px solid #aaa;
}

#content #comments form input[type=submit],
#content #comments form input[type=submit]:hover {
  background: #ddd;
  border: 1px solid #ccc;
  font-weight: 700;
  padding: 5px 10px;
}

#content #comments form input[type=submit]:hover {
  background: #eee;
  border: 1px solid #aaa;
}

#content ol.commentlist {
  list-style-type: none;
  list-style-position: outside;
  margin: 0;
  padding: 0;
  text-indent: 0;
}

#content ol.commentlist li  {
  font-size: 1.0em;
  border: 1px solid #ddd;
  color: #000;
  margin: 10px 0;
  padding: 10px 10px 10px 100px;
  position: relative;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
}

#content ol.commentlist li.alt {
}

#content ol.commentlist li.bypostauthor {
}

#content ol.commentlist li.comment-author-admin {
}

#content ol.commentlist li.comment {

}

#content ol.commentlist li.comment div.comment-author {
}

#content ol.commentlist li.comment div.vcard {
}

#content ol.commentlist li.comment div.vcard cite.fn {
  font-style: normal;
}

#content ol.commentlist li.comment div.vcard cite.fn a.url {
}

#content ol.commentlist li.comment div.vcard img.avatar {
  background: #fff;
  border: 1px solid #ccc;
  left: 10px;
  margin: 0;
  padding: 3px;
  position: absolute;
  top: 10px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -khtml-border-radius: 3px;
}

#content ol.commentlist li.comment div.vcard img.avatar-32 {
}

#content ol.commentlist li.comment div.vcard img.photo {
}

#content ol.commentlist li.comment div.vcard span.says {
}

ol.commentlist li.comment div.commentmetadata {
}

#content ol.commentlist li.comment div.comment-meta {
  font-size: 0.8em;
}

#content ol.commentlist li.comment div.comment-meta a {
  color: #000;
}

#content ol.commentlist li.comment p {
  margin: 10px 0;
  padding: 0;
}

#content ol.commentlist li.comment ul {
  list-style: none;
}

#content ol.commentlist li.comment ul li {
  list-style: none;
}

#content ol.commentlist li.comment div.reply {
  text-align: right;
}

#content ol.commentlist li.comment div.reply a {
  font-size: 0.9em;
  font-weight: 200;
}

#content ol.commentlist li.comment ul.children {
  list-style: none;
  margin: 0;
  text-indent: 0;
}

#content ol.commentlist li.comment ul.children li {
}

#content ol.commentlist li.comment ul.children li.alt {
}

#content ol.commentlist li.comment ul.children li.bypostauthor {
}

#content ol.commentlist li.comment ul.children li.byuser {
}

#content ol.commentlist li.comment ul.children li.comment {
}

#content ol.commentlist li.comment ul.children li.comment-author-admin {
}

#content ol.commentlist li.comment ul.children li.depth-2,
#content ol.commentlist li.comment ul.children li.depth-3,
#content ol.commentlist li.comment ul.children li.depth-4,
#content ol.commentlist li.comment ul.children li.depth-5 {
  background: #eee;
  border: 1px solid #fff;
  margin: 10px 0;
}

#content ol.commentlist li.comment ul.children li.odd {
  background: #f7f7f7;
}

#content ol.commentlist li.even {
  background: #eee;
}

#content ol.commentlist li.odd {
  background: #f7f7f7;
}

#content ol.commentlist li.parent {

}

#content ol.commentlist li.thread-alt {
}

#content ol.commentlist li.thread-even {
}

#content ol.commentlist li.thread-odd {
}

#content ol.commentlist li.byuser {
  background: #eee !important;
}

#content fieldset label {
  display: block;
  margin: 5px 0 0 0;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
#navigation ul li a,
#navigation ul li a:hover,
#navigation ul li a:focus,
#navigation ul li strong { font-size: 1.2em; }
}