/*
Theme Name: Schulranzen
Theme URI: http://schulranzen-magazin.de/
Description: Strict, clean and professional Schulranzen Theme
Version: 1.0
Author: Ulf Mayer
Author URI: http://schulranzen-magazin.de/
*/

/* ===============================
   = 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:#D8D8D8; 
	color:#303030;
	font-family: Arial, sans-serif;
}

.screenreader {display: none;}

h1 {font-size: 1.6em; margin: 0 0 10px 0;}
h2 {font-size: 1.4em; margin: 0 0 15px 0;}
h3 {font-size: 1.2em; margin: 0 0 16px 0;}
h4 {font-size: 1em; margin: 0 0 14px 0;}

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

a {color: #941619; 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 {background:#fff; color:#333; margin:0 auto; padding: 0 30px 0 30px; width:884px; position: relative;}

.textinhead {position: absolute; top: 130px; left: 40px; font-family: Georgia, serif!important;}
/* Links */
a {color:#FF6600; font-weight:normal; text-decoration:none;}
a:hover { color:#EF5F00; font-weight:normal; text-decoration:underline;}
.post a {}
.post a img {border: 0px;}

.textinhead h1 {font-weight: normal;}
.textinhead p {font-size: 11px; font-weight: bold;}

/* Header */
#header {margin:0; background: #fff;}
.breadcrumb {margin: 10px 0 0px 0; clear: both; color: #5B5C60; padding: 5px 0 33px 10px; display: block; background: #EFF0F1 url(img/bg-fade.gif) left bottom repeat-x;}
.breadcrumb a {color: #5B5C60;}


/* Sidebars */
#leftside {clear:left; float:left; line-height:1.4em; margin:0 0 5px; padding:0; width:190px;}
.adbox {float: right; padding: 0 0 0 10px; display: block; width: 160px;}
.infobox {float:left; line-height:1.4em; margin:0 0 5px 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; margin:0 0 20px; width:180px;}
ul.page li {font-family: Georgia; display:inline; font-size: 1em;}
ul.page li a { background: #F0F0F0; color:#333; font-weight:bold; margin-bottom:1px; padding:6px 1px 6px 10px; text-decoration:none; display: block;}
ul.page li a:hover, ul.page li.current_page_item a { background: #FF6600; color:#fff;}
ul.page ul {font-size:1em; margin:0 0 0 15px; padding:0 0 5px; width:125px;}
ul.page ul a {padding:3px 1px 3px 5px; width:115px;}
ul.page ul ul {width:113px;}
ul.page ul ul a {width:100px;}

/* Content */
#content {line-height:1.6em; margin:0 200px 5px; padding:0;}
#contentwide {line-height:1.6em; margin:0 0 5px 200px; padding:0; width: 490px;}
body div#wrap div.wider {width: 680px;}
#content h2,#contentwide h2 {font-family: Arial; font-weight: normal; border-bottom: 1px solid #ccc; font-size:1.8em; margin:0 0 10px; padding: 0 0 6px 0;}
#content h3,#contentwide h3 {font-size:1.4em; margin:0 0 8px;}
#content img,#contentwide img {border:0; margin:3px 10px 3px 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; font-size:0.9em; clear:both; color:#777; font-weight:normal; line-height:1.4em; margin:0 auto; padding:10px 0; 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;}

a.wp-caption-dd {color: #FF6600; 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;}

.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: #f0f0f0; 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;}

.edit a {clear: both; display: block; width: 120px; border: 1px solid #ccc; border-color: #e9e9e9 #888 #888 #e9e9e9; color: #333; background: #f0f0f0; text-align: center; font-weight: bold;}

/* Vergleichstabelle */
table.comparison {border-collapse: collapse; width: 100%; border: 0!important;}
table.comparison a {color: #464646; font-weight: bold; text-decoration: underline;}
table.comparison th.white {background: #fff;}
table.comparison th,
table.comparison td {vertical-align: top;  color: #464646;  text-align: left; border-bottom: 1px solid #cacaca; border-right: 1px solid #cacaca; font-size: 12px; padding: 8px; background: #f0f0f0;}
table.comparison th {font-size: 14px; color: #464646; background: #f0f0f0; vertical-align: middle; font-weight: bold;line-height: normal; text-align: center; padding: 10px;}
tr.odd td {background: #e9e9e9;}
/*
tr.opt1 td {background: #E0FFCF url(img/fade-green.gif) right bottom no-repeat;}
tr.opt2 td {background: #E0FFCF url(img/fade-green.gif) right bottom no-repeat;}
tr.opt3 td {background: #E0FFCF url(img/fade-green.gif) right bottom no-repeat;}
*/
td.center {text-align: center!important;}
td.pricetag {vertical-align: middle!important;}
/*.optimize {font-weight: bold;}*/

.origin {text-align: right; color: #a0a0a0;}

/* Einzelprodukt */
.product {-moz-border-radius: 10px; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; padding: 10px; background: #f0f0f0; width: 214px; min-height: 345px; float: left; margin: 0 0 20px 0; position: relative;}
.product h3,
.product h3 a {text-decoration: none; font-size: 14px; color: #585858; font-weight: bold; font-family: Georgia, serif; margin: 0 0 10px 0; border-bottom: 0px solid #ccc; padding: 0 0 5px 0;}
.rights {margin-right: 20px;}
.product table {background: #fff; border-collapse: collapse; width: 100%; border-top: 1px solid #ccc;}
.product table td {background: #fff; vertical-align: top; padding: 5px;}
.product table td.second {text-align: right;}
.price {font-size: 14px; color: #333; font-family: Georgia, serif; display: block;}
.buy,
.buy:hover {font-weight: bold;}

.brands {clear: both;}
#contentwide .brands ul,
#contentwide .brands ul li {list-style: none; margin: 0; padding: 0; display: inline; background: none;}

/* Marken Vergleich */

.ranzenvergleich table { border-bottom: 1px solid #333; border-collapse: collapse; margin-bottom: 50px;} 
.ranzenvergleich table td {vertical-align: top; background: #f0f0f0; padding: 10px; border: 1px solid #fff;}
.ranzenvergleich table tr.imagebar td {background: #fff; border-bottom: 1px solid #333; text-align: center; vertical-align: middle;}
.ranzenvergleich table tr.imagebar td img {max-width: 140px;}
.ranzenvergleich table td div { position: relative;}
.ranzenvergleich .test {position: absolute; bottom: 0; right: 0; border: 2px solid #fff;}
.ranzenvergleich table tr.more td {background: #fff;}
.ranzenvergleich table tr.more td a {font-weight: bold;}

#advisor {background: url(img/bg-advisor.jpg) no-repeat; height: 298px; padding: 25px 100px 25px 25px;}
#advisor p {line-height: normal;}
#advisor ol,
#advisor ol li {background: none; margin: 0; padding: 0; list-style: none;}
#advisor ol li {margin: 0 0 5px 0;}
#advisor h3 {background: none; border: 0; padding: 0; font-size: 20px; color: #333; font-weight: normal;}
#advisor label {font-size: 1em; font-weight: normal; color: #000;}
#advisor button {background: url(img/button-submit.gif) no-repeat; border: 0; cursor: pointer; padding: 9px 30px 9px 30px; text-align: center; color: #fff; font-weight: bold;}
#advisor select option {padding: 1px;}
#advisor select,
#advisor input.text {width: 170px; padding: 2px;}
label.first {width: 90px; display: block; float: left;}
span.indent {width:140px; display: block; float: left;}
.left140 {margin: 0 0 0 140px;}
#advisor input.text {font-style: italic; color: #333; margin-top: 5px; margin-bottom: 5px;}

select, input, radio, button {font: inherit; color: #333;}
label {cursor: pointer;}

.resultbox {background: #fff; border-bottom: 1px solid #ccc; padding: 0 0 10px 0; margin: 10px 0 10px 0;}
.active {background: green;}
.even {margin-right: 20px;}
body #contentwide .highlight h3 {background: url(img/star.gif) 0px 2px no-repeat; padding: 1px 0 1px 23px;}