/*
Theme Name: WP-Andreas01
Theme URI: http://andreasviklund.com/wordpress-themes/
Description: Clean, simple and very functional theme that works well for many different kinds of sites. Based on the classic <a href="http://andreasviklund.com/templates/">"andreas01" website template</a> by Andreas Viklund. Add-ons, replacement images (including lots of new headers and backgrounds) and different kinds of modifications (wide version, 2-column version etc.) will soon be available on the <a href="http://andreasviklund.com/wordpress-themes/" title="WordPress themes by Andreas Viklund">WP-Andreas01 theme site</a>.
Version: 1.7
Author: Andreas Viklund
Author URI: http://andreasviklund.com/
*/

/* ===============================
   = 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:#FAF9F4;
	color:#303030;
	font-family: Arial, "Trebuchet MS", Verdana, Tahoma, 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: #C23C07; font-weight: bold;}

.clearBoth {clear: both;}
.alignright {float: right;}
.alignleft {float: left; margin: 0 10px 0 0;}

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

#wrap {background:#fff; color:#333; margin:0 auto; width:760px; position: relative; padding: 20px; padding-top: 0;}

/* Links */
a {color:#505050; font-weight:normal; text-decoration:none;}
a:hover { color:#DB6205; font-weight:normal; text-decoration:underline;}
.post a { padding-left: 15px; background: url(img/pfeil-voll.gif) 2px 3px no-repeat;}
.post a img {border: 0px;}

/* Header */
#header {margin:0; background: #fff;}
.breadcrumb {margin: 10px 0 15px 0; font-family: Georgia, serif; clear: both; display: block; border-top: 1px solid #4F4823; background: #F6F9E3; font-size: .9em; padding: 5px 5px 5px 7px;}

/* Sidebars */
#leftside {clear:left; float:left; line-height:1.4em; margin:24px 0 5px; padding:0; width:150px;}
#extras {float:right; line-height:1.4em; margin:24px 0 5px 10px; padding:0 0 0 10px; }
.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-size:1.3em; font-weight:normal; text-align:left; margin:0 0 6px;}
#leftside label, #extras label {display:none;}

#shop {border: 0!important; position: absolute; top: 145px; right: 60px; font-weight: bold; display: block; padding: 10px 15px 10px 15px; background: #fff; color: #333;}

/* Main menu */
ul.page {list-style:none; margin:0 0 20px; width:150px;}
ul.page li {display:inline; line-height:1.6em; width:150px; font-size: 1.4em; font-family: Georgia, serif;}
ul.page li a {background-color:#FAF9F4; border-left:4px solid #EFEAD1; color:#505050; float:left; font-weight:normal; margin-bottom:5px; padding:6px 1px 6px 5px; text-decoration:none; width:140px;}
ul.page li a:hover, ul.page li.current_page_item a {background-color:#EFEAD1; border-left:4px solid #EFEAD1; color:#333;}
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;}

.wp-caption {background: #FAF9F4; padding: 5px 0 5px 0; text-align: center; width: auto;}
.wp-caption img {margin: 0 auto;}
.wp-caption p {font-size: .9em;}

/* Content */
#content {line-height:1.6em; margin:0 155px 5px; padding:0;}
#contentwide {line-height:1.6em; margin:0 0 5px 170px; padding:0;  }
.wider {width: 610px;}
body #wrap .wider h2 {width: 610px;}
#content h2,#contentwide h2 {
font-size:16px; 
padding-bottom: 5px; 
font-weight: bold; 
margin:0 0 10px 0; 
border-bottom: 1px solid #ccc; 
padding: 0 0 4px 0; 
width: 435px;
}
#content h3,#contentwide h3 {font-size:1.4em; margin:0 0 8px;}
#content img,#contentwide img {border:0;}
#content ul,
#contentwide ul,
#content ol,
#contentwide ol {margin:0 0 16px 10px;}
#content ul li,
#contentwide ul li,
#content ol li,
#contentwide ol li {margin: 0 0 10px 10px;}
#content li,#contentwide li {padding:0 0 0 5px;}
#content ul ul,#contentwide ul ul,#content ol ol,#contentwide ol ol {margin:0 0 0 16px;}

/* Footer */
#footer {border-top:1px solid #e0e0e0; font-size:0.9em; clear:both; color:#777; font-weight:normal; line-height:1.4em; margin:0 auto; padding:10px 0; text-align:right; width:760px;}
#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;}

#header .textinhead { position: absolute; top: 60px; right: 60px; text-align: right; color: #fff; width: 250px;}

/* Tags */
p,ul,ol {margin:0 0 18px 0;}
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; background: #FAF9F4; margin: 20px 0 0 0; padding: 5px;}
#extras h2 {font-weight: bold; font-size: 1em;}
#leftside .dynside h2 {font-weight: bold; font-size: .9em;}

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

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

.infobox {
	background: #f0f0f0;
	border: 1px solid #ccc;
	padding: 10px;
	margin: 0 20px 15px 0;
	float: left;
	width: 270px;
}
.infobox em {font-size: 14px; font-style: normal; font-weight: bold; color: #DB6205; margin: 0 0 -10px 0; display: block;}

.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;}

	.shopitem {width: 275px; float: left; min-height: 210px; background: #f0f0f0; padding: 10px; margin: 0 10px 10px 0;}
	.shopitem img {border: 1px solid #ccc;padding: 3px; background: #fff;}
	.shopitem h3 a {text-transform: capitalize;}

	.shopnav {margin: 20px 0 20px 0; width: 600px; position: relative;}
	.shopnav ul {display: block; margin: 0 0 -1px 10px;}
	.shopnav span {margin: 0; display: block;}
	.shopnav ul li a {padding: 3px 20px 3px 20px; margin: 0 2px 0 0; background: #f0f0f0;}
	.shopnav ul li a.active,
	.shopnav ul li a:hover {background: #fff; color: #DB6205; border-bottom: 1px solid #fff; text-decoration: none;}
	.shopitem {background: #f0f0f0 url(/wp-content/themes/wp-andreas01-12/img/box-bg.gif)no-repeat;}
	.shopitem h3 a{font-weight: bold; color: #fff; font-family: Arial, sans-serif;}

.aktion {background: #EAEAEA; padding: 10px; margin: 0 0 20px 0; border: 4px solid #DB6205;}
.big,
.aktion a.big:hover {margin-top: 10px;font-size: 18px; font-weight: bold; background: none!important; padding: 0!important; display: block; color: #0000ff; text-align: right;}

.aktion ul {list-style: none; margin: 0!important; padding: 0!important;}
.aktion ul li {display: block; margin: 0; padding: 3px;}
li.alt {background: #fff;}

body #contentwide .products ul,
body .products ul li {list-style: none; margin: 0; padding: 0;}
body .products ul li {font-size: 14px; display: block; position: relative; width: 275px; padding: 10px 10px 20px 10px!important; float: left; background: #f0f0f0; border-bottom: 1px solid #ccc; margin: 0 20px 20px 0;}
body .products ul li.alt  {margin-right: 0;}

span.price {position: absolute; right: 10px; top: 10px;}