/*
Theme Name: Staubsauger
Theme URI: http://staubsauger-test.info/
Description: Functional Theme for staubsauger-test.info
Version: 1.0
Author: Ulf Mayer
Author URI: http://staubsauger-test.info/
*/

/* ===============================
   = Undohtml
=============================== */

:link,:visited { text-decoration:none }
ul,ol { list-style:none }
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }
h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input { margin:0; padding:0 }
a img,:link img,:visited img { border:none }
address { font-style:normal }
dl {margin: 0 0 0 .8em;}
dl dt {margin: 0 0 .5em 0;}
dl dd+dt {margin-top: 1.5em;}
dl dd {margin: 0 0 1em 2em;}
ol {list-style: decimal;}
ol li {margin: 0 0 1em 2.5em;}
ol li ol {margin: 1em 0 1em 1em;}
ol li ul {margin: 1em 0 1em 1em;}
p {margin-bottom: 1em;}
ul {list-style: circle;}
ul li {margin: 0 0 0 2em;}
ul li ul {margin: 1em 0 1em 1em; list-style: square;}
ul li ol {margin: 1em 0 1em 1em;}

/* ===============================
   = General Styling
=============================== */

* { font-size: 1em; /* don't edit! */ }
html { font-size: 62.51%; /* don't edit */ }
body {
	font-size: 1.2em; /* edit here to change font size globaly 1em = 10px */
	background: #fff url(img/bg.jpg) repeat-x;
	color:#303030;
	font-family: Arial, sans-serif;
}

.screenreader {display: none;}

h1 {font-size: 1.6em; margin: 0 0 10px 0; font-family: Tahoma, arial, sans-serif;}
h2 {font-size: 1.6em; margin: 0 0 15px 0; font-family: Tahoma, arial, sans-serif;}
h3 {font-size: 1.2em; margin: 0 0 16px 0; font-family: Tahoma, arial, sans-serif;}
h4 {font-size: 1em; margin: 0 0 14px 0; font-family: Tahoma, arial, sans-serif;}

fieldset {border: 0;margin: 0;padding: 0;}
legend {display: none;}

a {color: #C23C07; font-weight: bold;}

.clearBoth {clear: both;}

.alignleft {float: left;}
.alignright {float: right;}

body #contentwide div.post img.bordered {border: 1px solid #c1c1c1; padding: 2px; background: #fff;}

/* ===============================
   = DIV-Container
=============================== */

#wrap {color:#333; margin: 10px 0; padding: 30px 30px 0 30px; width:870px;}

/* Links */
a {color:#FF6600; font-weight:normal; text-decoration:none;}
a:hover { color:#FF6600; font-weight:normal; text-decoration:underline;}
.post a {}
.post a img {border: 0px;}

/* Header */
#header {margin:0; padding:0 0 10px 0; height: 80px; color: #000;}
.breadcrumb {margin: 40px 0 20px 0; -moz-border-radius: 5px; clear: both; font-size: .9em; color: #343434; padding: 0; display: block;}
.breadcrumb a {color: #343434;}
.textinhead {position: absolute; background: #666666; top: 0px; left: 30px; padding: 15px 15px 10px 15px; font-family: Arial; font-weight: normal;}
.textinhead h1 {margin: 0;}
.textinhead h1 a {margin: 0 0 5px 0; color: #fff; font-size: 24px; font-weight: bold;}
.textinhead h1 a:hover {text-decoration: none;}
.textinhead p {font-size: 14px; display: block; width: 335px; color: #fff;}



/* Sidebars */
#leftside {}
.adbox {float: right; border-left: 0px solid #ccc; padding: 0 0 0 10px; display: block; width: 120px;}
.ad { border: 1px solid #5795C8; padding: 10px; color: #585858; background: #EFF0F1; font-size: .9em;}
.infobox {line-height:1.4em; margin:0 0 20px 0; padding:10px; width:160px; background: #f0f0f0;}

.post ul,
.post ol,
#leftside ul {margin: 0; padding: 0;}
#leftside p, #leftside ul, #leftside div.textwidget, #extras p, #extras ul, #extras div.textwidget {font-size:0.9em; margin:0 0 18px;}
#leftside li, #extras li {line-height:1.2em; list-style:none; margin:0 0 6px;}
#leftside ul ul, #extras ul ul {margin:6px 0 0 10px;}
#leftside ul ul li, #extras ul ul li {margin:0 0 4px;}
#leftside ul ul li a, #extras ul ul li a {font-weight:normal;}
#leftside ul.linklist, #extras ul.linklist {font-size:1em;}
#leftside ul.linklist ul, #extras ul.linklist ul {margin:0 0 20px;}
#leftside ul.linklist ul li a, #extras ul.linklist ul li a {font-weight:bold;}
#leftside h2, #leftside ul.linklist li h2, #leftside h3, #extras h2, #extras ul.linklist li h2, #extras h3, 
table#wp-calendar caption {background-color:inherit; color:#505050; font-weight:normal; text-align:left; margin:0 0 6px;}
#leftside label, #extras label {display:none;}

/* Main menu */
ul.page {list-style:none; position: absolute; top: 120px; left: 30px; border-left: 1px solid #fff; line-height: normal;}
ul.page li {font-family: Arial; display:block; float: left; font-size: 1.8em;}
ul.page li a { color:#fff; font-weight:bold; padding: 5px 10px 9px 10px; border-right: 1px solid #fff; text-decoration:none; display: block;}
ul.page li a:hover, ul.page li.current_page_item a { color:#fff; background: #FF6600;}

/* Content */
#content {line-height:1.6em; margin:0 0px 5px; padding:0;}
#contentwide {line-height:1.6em; margin:0 200px 5px 0; padding:0; width: 670px;}
#content h2,#contentwide h2 {font-family: tahoma, Arial, sans-serif; font-weight: bold; font-size:1.8em; margin:0 0 10px; color: #666; padding: 0 0 4px 0;}
#content h3,#contentwide h3 {font-size:1.4em; margin:0 0 8px;}
#content img,#contentwide img {border:0; margin:0; padding: 5px; padding-top: 0;}
#content ul,#contentwide ul,#content ol,#contentwide ol {margin:0 0 16px 20px;}
#content ul,#contentwide ul {list-style: none; margin: 0 0 20px 0!important; padding: 0;}
#content li,#contentwide li {padding:0 0 0 18px; background: url(img/bullet.gif) 0 4px no-repeat; margin: 0 0 0 10px;}
#content ul ul,#contentwide ul ul,#content ol ol,#contentwide ol ol {margin:0 0 0 16px;}

/* Footer */
#footer {border-top: 1px solid #EFF0F1; background: #f0f0f0; font-size:0.9em; clear:both; color:#777; font-weight:normal; line-height:1.4em; margin:0 auto; padding:20px; text-align:right; }
#footer p {margin:0; padding:0;}
#footer a {color:#777; font-weight:normal; text-decoration:none;}
#footer a:hover {color:#555; text-decoration:underline;}
#footer strong a {font-weight:bold;}
#footer span.credits {font-size:1.1em;}

#footer ul {list-style: none;}

a.wp-caption-dd {color: #68A0CE; background: url(img/more.gif) 0 4px no-repeat; padding: 0 0 0 8px;}

/* Tags */
p,ul,ol {margin:0 0 18px;}
blockquote {border-left:4px solid #e0e0e0; margin:20px; padding:8px 8px 8px 15px;}
blockquote p {background-color:inherit; color:#505050; font-size:0.9em; line-height:1.3em;}
label {background-color:inherit; color:#606060; font-size:0.9em; font-weight:bold;}
table#wp-calendar {margin:0 0 20px; width:140px;}
code {font-size:1.2em; display:block; padding:5px 5px 5px 8px; background-color:#f4f4f4; margin:5px 0 15px 0;border-left:4px solid #cccccc;}

/* Forms */
#s,#submit {background-color:#ffffff; border:1px solid #cccccc; color:#505050; font-size:0.9em; margin:0 0 16px; padding:4px; width:130px;}
#author,#email,#url,#comment {border:1px solid #cccccc; font-family:Verdana,Tahoma,Arial,Sans-Serif; font-size:1em; margin:0; padding:4px;}
#commentsection {margin:25px 0 0;}
#commentsection p {margin:0 0 6px;}

/* Float fix */
.contenttext {overflow:hidden;}
* html .contenttext {height:1px; overflow:visible;}
* html .contenttext p {overflow:hidden; width:99%;}

/* Various classes */
.left {border:1px solid #cccccc; float:left; margin:10px 15px 10px 0;}
.right {border:1px solid #cccccc; float:right; margin:10px 0 5px 10px;}
.center {border:1px solid #aaaaaa; margin:5px auto 12px; text-align:center;}
.textright {text-align:right;}
.small {font-size:0.8em;}
.bold {font-weight:bold;}
.hide {display:none;}
.post {margin:0 0 25px;}
.postinfo {background-color:#f4f4f4; border-left:4px solid #cccccc; color:#606060; font-size:0.9em; font-weight:bold; line-height:1.5em; margin:1px 0 40px; padding:8px 5px 8px 8px;}
.comment {background-color:#f4f4f4; border-left:4px solid #cccccc; color:#606060; margin:0 0 10px; padding:8px 5px 0 8px;}
.comment p.commenthead {line-height:1.6em;}
.comment p {font-size:0.9em; line-height:1.3em; margin:0 0 6px; padding-bottom:5px;}
.navigation {display:block; margin:10px 0; padding:0 0 15px; text-align:center;}
.navigation p {margin:0; padding:0;}
.prevlink {margin-right:20px;}
.nextlink {margin-left:20px;}

#extras {float: right;}
.dynside {clear: both; margin: 20px 0 0 0; padding: 10px;}
#extras h2 {font-weight: bold; font-size: 1em;}
#leftside .dynside h2 {font-weight: bold; font-size: 1em;}

.shopnav a,
.shopitem a,
.post a.noarrow {background: none; padding-left: 0;}

a.ordernow {color: #DB6205; font-size: 14px;}

.floatLeft {float: left; margin: 0 20px 0 0;}
.shopitem {border-bottom: 1px solid #ccc; width: 445px; padding: 0 0 20px 0;}

a.noborder {border: 0!important; padding: 0; color: #fff;}

sup {font-size: .8em;}
#contentwide h3 {font-size: 14px; background: #F5F3F0; border-bottom: 1px solid #ccc; padding: 1px 3px 1px 4px;}


#contentwide ol.faqlist,
#contentwide ol.faqlist li {list-style: none; margin: 0; padding: 0;}
#contentwide ol.faqlist li a {padding: 7px; margin: 0 0 10px 0; font: 14px; font-weight: normal; display: block;}
#contentwide ol.faqlist li.alt {background: #f0f0f0;}

#contentwide ol.faqlist {margin-top: 30px;}

small {font-size: .9em;}

#login {position: absolute; top: 10px; right: 30px;}
#login a {display: block; background: #f0f0f0; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; float: right; color: #333; -moz-border-radius: 2px; padding: 0 6px 0 6px; margin: 0 0 0 5px; text-decoration: none;}


.comparison {border-collapse: collapse; width: 670px; border-left: 1px solid #aaa;}
.comparison caption {font-size: .9em; text-align: left; margin: 0 0 5px 0; color: #aaa;}
.comparison td {vertical-align: top; padding: 10px; border-right: 1px solid #aaa; border-bottom: 1px solid #aaa;}
.comparison th {text-align: left; background: #F5F3F0; border-right: 1px solid #aaa; border-bottom: 1px solid #aaa; padding: 5px 10px; vertical-align: top;}

.strong a {font-weight: bold;}


.strong,
.first {text-align: center;}

.comparison tr.odd td {background: #fff;}
.comparison tr td {background: #F5F3F0;}

body table.comparison .super td {background: #e4f3cc; border-color: #aaa;}

.alignleft {float: left; margin: 0 10px 10px 0;}
.alignright {float: right; margin: 0 0 10px 10px;}
.aligncenter {text-align: center; margin: 0 auto;}
.wp-caption {background: #f0f0f0; padding-top: 5px; -moz-border-radius: 3px;}
#contentwide .wp-caption img {margin: 0; padding-bottom: 0;}
.wp-caption p.wp-caption-text { text-align: center; font-size: .9em; background: #f0f0f0; padding: 0 5px 5px 5px; display: block; margin: 0;}

#contentwide ol li {background: none; padding-left: 0;}
body #extras .infobox h3 {display: block; background: #B3B3B3; color: #fff; font-weight: bold; padding: 5px; margin: -10px; margin-bottom: 10px;}
.infobox ul {font-size: 1.1em; list-style: none; margin: 0; padding: 0;}
.infobox ul li {margin: 0; padding: 0;}
.infobox ul li a {font-size: 1.1em; font-weight: bold;}


#searchWidget {-moz-border-radius: 20px; width: 500px; font-size: 12px; font-family: Arial, sans-serif; background: #f0f0f0; padding: 30px; margin: 20px auto;}
#searchWidget h1 {font-size: 24px; font-weight: normal; margin: 0;}
#searchWidget form ol {list-style: none; margin: 0; padding: 0;}
#searchWidget form ol li {margin: 0 0 20px 0; padding: 0;}
#searchWidget form fieldset {border: 0; margin: 0; padding: 0;}
#searchWidget form fieldset legend {display: none;}
#searchWidget form fieldset label {cursor: pointer;}
#searchWidget input, #searchWidget select, #searchWidget textarea, #searchWidget button {font: inherit;}
#searchWidget button { font-size: 16px;padding: 3px 10px; }
#searchWidget select {padding: 3px; width: 300px; font-size: 16px; margin: 3px 0;}
#searchWidget .type {font-size: 24px; background:#fff; text-align: center; color: #444; padding: 10px; display: block; margin-top: 10px; border-top: 1px solid #ccc;}