/*  
Theme Name: Taktiktafel
Theme URI: http://taktiktafel.info/
Description: Great Theme
Version: 1.0
Author: 
Author URI: http://taktiktafel.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:#f0f0f0;
	color:#444;
	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 0 0;}
h4 {font-size: 1em; margin: 0 0 14px 0;}

fieldset {border: 0;margin: 0;padding: 0;}
legend {color: #aaa; font-size: .9em; display: inline; padding: 0; margin: 0;}

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

.clearBoth {clear: both;}

.alignleft {float: left;margin: 4px 10px 5px 0;}
.alignright {float: right;margin: 4px 0 5px 10px;}

h1 {font-family: Arial, sans-serif; font-size: 32px;  font-weight: normal; margin: 0 0 10px 0px; padding-top: 110px; color: #f9e198;}
h1 a {font-weight: normal;}
hr {display: none;}
/* ===============================
   = DIV-Container
=============================== */

#page {width: 600px; background: #fff; padding: 30px; margin: 0 auto; margin-bottom: 20px; position: relative; border: 1px solid #ccc; border-top-width: 0;}
#header {height: 290px;}
#headerimg img.keyvisual {position: absolute; top: 0; right: 0; z-index: 9;}
#headerimg .description {width: 190px; display: block; padding-top: 160px;}
#headerimg h1 {position: absolute; top: 40px; left: 30px; z-index: 10;}

#content {clear: both;}
#content h3 {margin:22px 0 7px 0; font-weight: normal;}
#content p {text-align: left; line-height: 18px; margin: 0 0 10px 0;}

#footer {font-size: .9em;}
#footer p {display: inline;}

#nav,
#nav li {list-style: none; margin: 0; padding: 0; display: inline;}
#nav li a {color: #ccc;}

#content p.buy {background: #f1f4e2; padding: 20px; display: block; text-align: center;}

.nav {display: block; font-size: .9em; margin: 0 0 0 295px; border: 1px solid #ccc; border-width: 0px 1px 1px 1px; text-align: center; width: 150px; padding: 3px 10px;}
.line {display: block; width: 580px; z-index: 100; position: absolute; top: 0; left: 30px;}

.extra {list-style: none; margin: 0 0 10px 0; padding: 0; display: block; height: 22px; width: 600px; border-bottom: 1px solid #ccc;}
.extra li {list-style: none; margin: 0; padding: 0; display: inline;}
.extra li a {display: block; padding: 3px 10px; margin: 0 2px 0 0; float: left; border: 1px solid #ccc; border-bottom-width: 0px; }
.extra li.current_page_item a {background: #ccc; color: #fff;}