/*
  Theme Name: '8020'
  Theme URL: http://www.lokalnetz.com/themes/8020/
  Description: '8020' is a modern theme created for WordPress.
  Author: Thomas Meschke
  Author URI: http://www.lokalnetz.com
  Version: 0.5

  The CSS, XHTML and design is released under GPL:
  http://www.opensource.org/licenses/gpl-license.php

  Changelog:

  v. 0.2b - 26.07.2010
  - Menu changed
  - Page-Backgroundimage removed

  v. 0.1b - 04.01.2010
  First Release of '8020'
*/

/************************************************
#_Basics
************************************************/
* {
font-family:inherit;
font-size:100.01%;
font-style:inherit;
font-weight:inherit;
margin:0;
padding:0;
text-decoration:none;
vertical-align:baseline;
}

html {
overflow-x:hidden;
}

html,body {
height:100% !important;
}

body {
background:#ffffff;
color:#333333;
font:normal 90% Corbel,'Trebuchet MS','Helvetica Neue',Helvetica,Arial,Myriad,Tahoma,sans-serif;
line-height:16px;
text-align:center;
}

a,a:visited {
color:#397BB5;
text-decoration:none;
}

a img {
border:none;
}

ol li,ul li {
list-style-type:none;
margin:0;
padding:0;
}

hr {
background:transparent;
border:0;
border-bottom:1px #DDDDDD solid;
margin:5px 0 15px;
}

img {
 image-rendering: optimizeQuality;  /* Firefox 3.6 */
 -ms-interpolation-mode: bicubic;   /* Internet Explorer 7.0+ */
}

/************************************************
#_Headers     							                          	*
************************************************/
h1,h2,h3,h4,h5,h6 {
color:#397BB5;
font-family:"Century Gothic", "Trebuchet MS", sans-serif;
font-weight:normal;
letter-spacing:0.2em;
line-height:130%;
margin:0.8em 0;
}

h1 {
background:url('images/stripe3.gif') repeat-x scroll center bottom;
font-size:1.6em;
letter-spacing:.1em;
line-height:16px;
margin-top:20px 0 30px 0;
padding:0 0 15px;
}

h2 {
font-size:1.2em;
margin:20px 0 10px;
padding:0;
}

h3 {
font-size:1em;
margin:10px 0 0;
padding:0 0 20px;
}

/************************************************
#_Logo
************************************************/
#logo {
margin: 20px 0 0 20px;
float: left;
width: 313px;
height: 80px;
position: relative;
background: transparent url('images/logo.png') no-repeat left top;
}

/************************************************
#_Layout
************************************************/

#header {
background: #555555;
height: 130px;
overflow: hidden;
padding: 0px;
}

#container {
min-height: 100%;
height: auto!important;
height: 100%;
margin: 0 auto -51px;
text-align: left;
z-index: -99;
}

#push {
height: 51px;
width: 960px;
margin: 0px auto 0px;
}

#bloginfo {
display: none;
}

/************************************************
#_Colors
************************************************/
.blue {
color: #397BB5 !important;
}
/************************************************
#_Icons
************************************************/
.mobilephone {
background: url('images/mobile-phone.png') no-repeat 0px 1px;
}
.email {
background: url('images/mail.png') no-repeat 0px 1px;
}
.postaddress {
background: url('images/card-address.png') no-repeat 0px 1px;
}
.adressplus {
background: url('images/address-book--plus.png') no-repeat 0px 1px;
}
.icq_off {
background: url('images/icq_offline.png') no-repeat 0px 1px;
}
/************************************************
#_Menu
************************************************/
#menu {
height: 40px;
border-bottom: 1px solid #000;
background: #555;
color: #FFF;
}
#menu ul {
margin: 0px auto;
padding-left: 20px;
}
#menu li {
float: left;
margin: 0px 0px 0px 0px;
padding: 0px;
list-style: none;
}
#menu li a {
display: block;
float: left;
height: 27px;
text-decoration: none;
padding: 11px 19px 2px 19px;
text-transform: uppercase;
background: transparent;
color: #E2E2E2;
border-color: #6C6C6C;
text-shadow:0 1px 0 #222;
}
#menu li a:hover,
#menu li.current_page_item a,
#menu li.current_page_item a:hover {
color: #1798E9 !important;
}
#menu li.current_page_item a {
-moz-border-radius-topleft:3px;
-moz-border-radius-topright:3px;
border-color:#000 #000 -moz-use-text-color;
border-style:solid solid none;
border-width:1px 1px medium;
color:#555555;
margin-top:0px;
background: #FFF;
text-shadow:0 1px 0 #DDD;
}

/************************************************
#_Content
************************************************/

#content {
width: 960px;
margin: 0px auto 30px;
padding: 0px 0px 0px 0px;
overflow: hidden;
}

#content img a{
margin: 0px;
border: none;
float: left;
}

#content h1 a:hover {
color: #BE0C0C;
text-decoration: none;
}

#content h2 a, #content h2 a:visited  {
color: #333333;
text-decoration: none;
}

#content h2 a:hover {
color: #BE0C0C;
text-decoration: none;
}

#content img.wp-smiley {
float: none;
border: none;
padding: 0px;
margin: 0px;
}

#content img.wp-wink {
float: none;
border: none;
padding: 0px;
margin: 0px;
}

#contentleft {
display: inline;
float: left;
width: 480px;
margin: 0px 20px 0px 0px;
padding: 20px 0px 0px 0px;
}

#contentleft p{
padding: 0px 0px 15px 0px;
margin: 0px;
line-height: 17px;
}

#contentleft ol{
margin: 0px 0px 0px 20px;
padding: 0px 0px 10px 0px;
}

#contentleft ol li{
margin: 0px 0px 0px 20px;
padding: 0px 0px 5px 0px;
}

#contentleft ul{
list-style-type: square;
margin: 0px 0px 0px 20px;
padding: 0px 0px 10px 0px;
}

#contentleft ul li{
list-style-type: square;
margin: 0px 0px 0px 20px;
padding: 0px 0px 5px 0px;
}

blockquote{
margin: 0px 25px 15px 25px;
padding: 0px 25px 0px 10px;
background: #E8E8E8;
border-top: 2px solid #000000;
border-bottom: 1px solid #000000;
}

#content blockquote p{
margin: 0px 0px 10px 0px;
padding: 10px 0px 0px 0px;
}

.postinfo {
font-size: 10px;
margin: 0 0 2em 0;
padding: 0.8em 0;
border-top: 1px solid #CFCFCF;
}

h3.reset {
margin: -14px 0 5px 0;
padding: 0;
background: #FFFFFF;
border: none;
}

/************************************************
#_Global classes
************************************************/
.alignleft {
float: left;
}
.alignright {
float: right;
}
.alignnone {
float: none;
}
.imgframe {
margin: 4px 10px 0 0;
padding: 4px;
background: #FFFFFF;
border: 1px solid #CCCCCC;
}
.externallink {
background: url('images/external_link.png') no-repeat 0px 1px;
padding: 0 0 0 18px;
line-height: 25px;
}
.spacer {
margin: 10px 0;
}
.divider {
border-top: 1px solid #CCCCCC;
}
.clearer {
clear: both;
}
/************************************************
#_Sidebar left
************************************************/
#l_sidebar {
display: inline;
float: left;
width: 198px;
margin: 16px 20px 0px 0px;
padding: 0px 20px 10px 20px;
}
#l_sidebar p{
padding: 5px 0px 0px 0px;
line-height: 17px;
}
#l_sidebar ul {
list-style: none;
}
#l_sidebar ul li {
display: inline;
}
#l_sidebar ul li a, #l_sidebar ul li a:visited {
display: block;
padding: 5px 0px 5px 19px;
background: transparent url('images/arrow.png') no-repeat 0px 8px;
color: #555;
}
#l_sidebar ul li a:hover {
background: transparent url('images/blue_arrow.png') no-repeat 0px 8px;
}

/************************************************
#_Sidebar right
************************************************/

#r_sidebar {
color: #333333;
float: right;
width: 200px;
margin: 11px 0px 0px 0px;
padding: 0px 0px 10px 0px;
}

#r_sidebar img a{
margin: 0px;
border: none;
}

#r_sidebar ul li {
color: #333333;
padding: 5px 0px 5px 19px;
}

#r_sidebar ul li a:hover {
background: #EAEAEA;
color: #BE0C0C;
}

#r_sidebar ul li ul li {
font-size: 0.92em;
font-family: "Century Gothic", "Trebuchet MS", sans-serif;
}

#r_sidebar #kontakt li {
color: #666666;
padding: 2px 0px 2px 25px;
}

/************************************************
#_Footer
************************************************/
#footer {
border-top: 1px solid #33A8E5;
width: 100%;
height: 50px;
background: #313032;
color: #FFFFFF;
margin: 0px auto 0px ;
line-height: 17px;
text-align: center;
}

#footer p {
color: #FFFFFF;
padding: 8px 0 0 0;
margin: 0px;
font-size: 11px;
}

#footer a {
color: #BBBBBB;
text-decoration: none;
}

#footer a:hover {
color: #FFFFFF;
text-decoration: underline;
}

#return_top {
position:absolute;
position:fixed;
right:15px;
bottom:65px;
width:18px;
height:99px;
display:block;
background:url('images/return_top.png') no-repeat left top;
}

#return_top:hover {
background:url('images/return_top.png') no-repeat right top;
}

/************************************************
#_Messages Boxes
************************************************/
.info {
background: #FFFFE0;
border: 1px solid #E6DB55;
-moz-border-radius: 4px;
}

/************************************************
*	#_Search Form
************************************************/
#search_area {
margin:0 auto;
width:960px;
}

#search_area form {
height:27px;
margin:137px 0 7px 760px;
position:absolute;
width:200px;
}

#search_input {
background:transparent;
border:1px solid #6c6c6c;
color:#999;
display:inline;
float:left;
font-size:11px;
height:17px;
margin:0;
padding:5px 4px;
width:190px;
}

#search_button {
height:16px;
margin:8px 0 0 -25px;
width:16px;
}

#search_input:hover,#search_input:focus {
border:1px solid #397BB5;
}

/************************************************
#_Comments     							                         	*
************************************************/
#comments .commentlist {
list-style-type:none;
margin:0;
padding:0;
}

#comments .comment {
border:1px solid #ccc;
color:#777;
margin:15px 0;
padding:15px 0 3px;
}

.even_comment,.odd_comment_children {
background:#f5f5f5;
}

.odd_comment,.even_comment_children {
background:#fdfdfd;
}

.comment-meta {
height:56px;
position:relative;
}

.comment-meta-left {
left:15px;
position:absolute;
top:0;
}

.avatar {
background:#fff;
border:1px solid #ccc;
display:inline;
float:left;
height:37px;
padding:2px;
width:37px;
}

#comments .comment-name-date {
float:left;
}

#comments .comment-name-date li {
list-style-type:none;
}

.commentlist a,.commentlist a:visited,.comment-name {
color:#2d96bd;
}

.commentlist a:hover {
color:#ef3982;
}

.comment-date {
font-size:11px;
}

.comment-act {
background:url('images/arrow2.gif') no-repeat left 5px;
font-size:10px;
padding:0;
position:absolute;
right:10px;
top:-10px;
}

.comment-act li {
display:inline;
}

.comment-content {
clear:both;
margin:0 15px;
padding:0;
}

.comment blockquote span {
display:block;
margin:0 0 -1em;
}

.comment-note {
background:#d6f4f0;
border:1px solid #94ddd4;
color:#33a8e5;
display:block;
font-size:11px;
margin:0 0 1em;
padding:10px 15px;
}

.comment_closed {
background:#fff url('img/stripe3.gif') left top;
border:1px solid #ccc;
margin:0 15px 15px;
padding:15px;
text-align:center;
}

.comment_form_wrapper {
background:#fff url('images/stripe3.gif') left top;
border:1px solid #ccc;
padding:15px;
}

#cancel_comment_reply {
background:url('images/arrow2.gif') no-repeat left center;
margin:0 0 1em;
padding:0 0 0 11px;
}

#comment_user_login p {
line-height:100%;
margin:0;
padding:0 0 0 1px;
}

#comment_user_login span {
margin:0 0 0 40px;
}

#comment_login {
background:url('img/comment-area-bottom.gif') no-repeat left bottom;
margin:0;
padding:3px 30px 10px;
}

#comment_login p {
background:url('images/warning.gif') no-repeat left 4px;
line-height:100%;
margin:0;
padding:12px 0 11px 36px;
}

#comment_login a {
background:url('images/arrow1.gif') no-repeat 10px 3px;
margin:0 0 0 20px;
padding:0 0 0 20px;
}

#guest_info {
padding:0;
width:98%;
}

#guest_info div {
margin:0 0 12px;
text-align:left;
}

#guest_info input {
background:#fff;
border:1px solid #ccc;
color:#777;
margin:0;
padding:3px 5px;
width:70%;
}

#guest_info label {
color:#888;
display:block;
font-size:11px;
margin:0 0 5px;
padding:0;
}

#guest_info span {
color:#666;
margin:0 10px 0 0;
}

#comments textarea {
background:#fff;
border:1px solid #ccc;
color:#777;
font-size:11px;
height:150px;
margin:15px 0 0;
overflow:auto;
padding:15px;
width:90%;
}

#submit_comment {
background:#fff;
border:1px solid #ccc;
color:#666;
cursor:pointer;
display:block;
margin:30px auto 0;
padding:4px 0;
width:200px;
}

#submit_comment:hover {
border:1px solid #33a8e5;
color:#33a8e5;
}

.nocomments {
background:#fff url('images/stripe3.gif') left top;
border:1px solid #ccc;
color:#e2415b;
padding:20px 15px !important;
text-align:center;
}

#piebox {
position: relative;
border: 1px solid #666;
padding: 60px 0;
text-align: center;
width: 200px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
-webkit-box-shadow: #666 0px 2px 3px;
-moz-box-shadow: #666 0px 2px 3px;
box-shadow: #666 0px 2px 3px;
background: #EEE;
behavior: url(../PIE.htc);
}