/*  
Theme Name: Greifling
Theme URI: http://greifling.de/
Description: Highly customized theme with jquery
Version: 1.0
Author: Ulf Mayer
Author URI: http://greifling.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:#fff url(images/fade.gif) repeat-x;
	color:#6e6e6e;
	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: #417EAF; font-weight: bold;}

.clearBoth {clear: both;}

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

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

#wrap {background:#fff; color:#6e6e6e; margin:80px auto; margin-bottom: 20px; border: 3px solid #5081c0; padding: 30px 30px 20px 30px; width:715px; position: relative;}
.inhead {display: none;}

#nav {position: absolute; top: 35px; right: 30px; background: #fff url(images/fade.gif) repeat-x; list-style: none; margin: 0; padding: 0; display: block;}
#nav li {margin: 0; padding: 0; display: inline;}

#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; padding: 0 6px 0 6px; margin: 0 0 0 5px; text-decoration: none;}

.sidebar {position: absolute; top: 115px; right: 30px;}

#content {min-height: 400px; padding-top: 10px; line-height: 18px; width: 500px;}
#wrap .widecolumn {width: 715px;}
#footer {margin-top: 20px; text-align: center;}
#footer .inner {font-size: .9em; color: #ccc; display: inline; text-align: center;}
#footer .inner p {margin: 0; padding: 0; display: inline;}
.breadcrumb a,
#footer .inner a {color: #ccc;}
.breadcrumb {font-size: .9em; color: #ccc;display: inline; }

input, textarea, select {padding: 2px; border: 1px solid #ccc;}
input, textarea, select, table, td {font: inherit;}
table th,
table td {text-align: left;}

small,
sup {font-size: .9em;}
/* ===============================
   = Menu
=============================== */

.lavaLamp li{float:left;list-style:none;}
.lavaLamp .backLava{background-color:#A9BDD9;width:9px;height:30px;z-index:8;position:absolute;}
.lavaLamp li a{color:#fff;outline:none;text-align:center;z-index:10;display:block;float:left;position:relative;overflow:hidden;padding:7px 13px;font-size:15px;}
.lavaLamp li.current_page_item a,.lavaLamp li a:hover,.lavaLamp li a:active{color:#fff;}
.lavaLamp li a:hover,.lavaLamp li a:active,.lavaLamp li a:visited{}

.products  {border-collapse: collapse;}
.products td {vertical-align: top; width: 50%; background: #f0f0f0; border-bottom: 2px solid #fff; border-right: 2px solid #fff; padding: 10px;}

.products td a.image { display: block; min-height: 180px; background: #fff; text-align: center; padding: 5px 0;}
.products h3 {margin: 0 0 10px 0;}

.products ul {margin: 0; padding: 0; list-style: square;}
.products ul li {margin: 0 0 0 15px;}

.products a {text-align: center; display: block; font-size: 15px; padding: 10px 10px; text-decoration: underline;}
.products td .small {font-size: .75em; color: #aaa;}
.price { display: block; font-size: 1.2em;}
#content ol.faqlist,
#content ol.faqlist li {list-style: none; margin: 0; padding: 0; background: none;}
#content ol.faqlist li a {margin: 0; padding: 5px 0 5px 5px; font-size: 14px; border-bottom: 1px solid #417EAF; font-weight: normal; display: block; color: #417EAF;}
#content ol.faqlist li a:hover {background: #f0f0f0;}

#content ol.faqlist {margin-top: 30px;}
#content ol.faqlist { border-top: 1px solid #417EAF; padding: 0 0 0 0;}

.wp-caption {background: #f0f0f0; line-height: normal;}
.wp-caption img {margin: 5px!important;}
.wp-caption p {margin: 0 0 5px 5px; font-size: .9em; color: #585858; text-align: center;}

.extra li,
.extra {list-style: none; margin: 0; padding: 0; display: inline;}
.extra li a {font-size: .9em;}
.extra {displaY: block; text-align: center;}