/*          Theme Name: o2
        Theme URI: http://blog.eches.net
        Description: Get More Free Wordpress Themes By Visiting <a href="http://www.wordpressthemes.pro">Free Wordpress Themes</a>
        Version: 2.0
        Author: eches
        Author URI: http://blog.eches.net/
	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

body, h1, h2, h3, h4, h5, h6, p, form {
	margin: 0;
	padding: 0;
}

body {
	margin: 0;
	font-family: verdana;
	font-size: 12px; 
	vertical-align: top;
	background: #7fcbe3;
}    



img
{
    background:url(images/shadow.gif) no-repeat right bottom;
    padding:4px 10px 10px 4px;    
    border:0;
    border-top:#eee 1px solid;
    border-left:#eee 1px solid;    


}
img.right {
    float: right;
    margin:10px 0 0 10px;        
}
img.left {
    float: left;
    margin:0 10px 10px 0;    



}
a:link img,
a:visited img,
a:hover img,
a:active img {
    border:none;
    background:none;
    /*padding:none;*/
    background:url(images/shadow.gif) no-repeat right bottom;
    padding:4px 10px 10px 4px;    
    border-top:#eee 1px solid;
    border-left:#eee 1px solid;   


}
img.wp-smiley, #wpstats, img.noborder, a img.noborder {
    background: none;
    border: 0;
    padding: 0;
}


.clear {
	clear:both;
	height:20px;

}


h1 {
	font-family: georgia;
	font-size: 20px;
	padding: 0 0 5px 0;
text-transform: uppercase;
}

h2 {font-family: georgia;
	font-size: 17px;
color: #009999;
        margin:0 5px;
        text-align:left;
        text-transform:uppercase;

}

h4 {font-family: Verdana;
	font-size: 11px;
        background: url('') no-repeat 3px 3px;
border-bottom:#963 1px dashed;
        margin:0; padding:7px 0 0 8px;
        height:20px;width:377px;
        color: #009999;
        text-transform:uppercase;
}

#sidebar_link {
             background:url('') repeat-x;
        width: 369px;
               text-align:justify;
        border: none;
        font-size: 10px;
        font-family: Verdana;
line-height: 1.3em;
	margin: 3px 0 5px 0;

}

a:link, a:visited {
	color: #009999;
text-decoration: none;
}

a:hover, a:active, a:visited {
	
color:#4E6B55;
text-decoration: none;
}



p {
	padding: 10px 0 0 0;
}
#outer {
        width:970px;
        background:#fff;
        margin: 5px auto 1px auto;
        padding: 0 0 1px 0;
}

#wrapper{
	margin: 0 auto 0px auto;
	width: 966px;
	text-align: left;

}

#nextpost {
float: right;
}

#prevpost {
float: left;

}

.subscribers {
font-weight: bold;
text-decoration: underline;
color: #009999;
}


#subscribe{float:left !important; }

.liperbox {border: 1px solid black; margin: 4px; }


/*++++++++++++++++++++++++++++++ Twitter +++++++++++++++++++++++++++++++++*/


/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.menu       {width:800px; 
             height:32px; 
             font-size:0.85em; 
             position:relative; 
             z-index:100;
             border-right:0px solid white; 
             padding-top:220px;
             }
/* hack to correct IE5.5 faulty box model */
* html .menu {width:801px; 
              w\idth:800px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;
          margin:0;
          list-style-type:none;}
.menu ul ul {width:149px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li     {float:left;
              width:100px;
              position:relative;
              display: inline;}
/* style the links for the top level */
.menu a, .menu a:visited 
              {display:block;
              font-size:11px;
              text-decoration:none; 
              color:#009999; 
              width:100px; 
              height:30px; 
              border:1px solid white; 
              border-width:1px 0 1px 1px; 
              background:#B6D0F1; 
              padding-left:10px; 
              line-height:29px;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:100px; w\idth:100px;}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#d4d8bd url(images/drop.gif) bottom right no-repeat;}
/* style the second level hover */
.menu ul ul a.drop:hover{background:#c9ba65 url(images/drop.gif) bottom right no-repeat;}
.menu ul ul :hover > a.drop {background:#c9ba65 url(images/drop.gif) bottom right no-repeat;}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#e2dfa8;}
/* style the third level hover */
.menu ul ul ul a:hover {background:#b2ab9b;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:31px;left:0; width:149px;border-top:1px solid #000;}
/* another hack for IE5.5 */
* html .menu ul ul {top:30px;t\op:31px;}

/* position the third level flyout menu */
.menu ul ul ul{left:149px; top:-1px; width:149px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-149px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background:#B6D0F1; color:#009999; height:auto; line-height:1em; padding:5px 10px; width:128px;border-width:0 1px 1px 1px;}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:150px;w\idth:128px;}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#fff; background:#009999;}
.menu :hover > a, .menu ul ul :hover > a {color:#fff;background:#009999;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}


/* ================================================================ 
   This CSS is further CSS I have created specifically for Wordpress
   so that the current page is highlighted in two levels.
   If you want it in three levels let me know.

   Author: Isaac Rowntree
   Website: www.zackdesign.biz
=================================================================== */


.menu ul ul .current_page_item a {
  color: white;
  background: #009999;
  border-left: 1px solid black;
}

.menu .current_page_item a {
  color: white;
  font-weight: normal;
  background: #009999;
}

.menu ul .current_page_item ul a {
  color: #009999;
  font-weight: normal;
  background: #B6D0F1;
}

.menu ul .current_page_item ul a:hover {
  background: #009999;
 color: white;
  font-weight: normal;
}

.menu .current_page_item a:hover {
  background: #009999;
}




/*++++++++++++++++++++++++++++++ Header +++++++++++++++++++++++++++++++++*/

#header {clear: both;
        background: #0099cb; 
        width: 940px;
        height: 222px;
        margin:10px 5px 32px;
        padding: 2px 0 2px 8px;
        text-decoration:none;
        background:url(images/misty3.jpg) no-repeat;
}

#header_l {
        float:left;
        width:400px;height:0px;
        margin-bottom:0px; padding:0;
        background-image:url();
}

#header_r {
        float:right;height:0px;width:506px;
        margin:0; padding:0;
        background-image:url();
}

/*++++++++++++++++++++++++ 468x60 banner zone +++++++++++++++++++++++++++*/

#header_r_ads {
        margin:0px 0 0 0px; padding:0;
        width:0px;
        height:0px;          
}

/*+++++++++++++++++++++++ Main menu & rss feed ++++++++++++++++++++++++++*/

#nav {
        clear:both;
        margin:1px auto 1px auto;
        width: 964px;
        height:31px;
        background: url(images/topmenu.jpg) repeat-x;
        overflow:hidden; 
border:1px solid #91d3e9;

}

#nav_l {
        float:left;
        width:966px;  
        margin:0px; padding:0px; 
        overflow:hidden;
        height:31px; 
}




#subscribe {
        float: right;
        width:92px;
        height:32px;
        margin:4px 4px 3px 4px;
}

.rss { 
        float:right;
        margin:7px 5px 5px 0px;
        width:230px; 
}

.rss ul { 
        margin: 0; padding: 0 2px;


}

.rss dd { 
        background: url(images/rss.gif) no-repeat 13px 0;
        margin: 0 2px 0 0; 
        padding: 3px 0 3px 20px; 
      
        font-size: 12px; color:#f5153a; 
        display: inline; font-weight: bold;
}
.rss dd a {
        font-size: 12px; color:#000; 
}

/*++++++++++++++++++++++++++++++ Search +++++++++++++++++++++++++++++++++*/

#search { 
        height:20px;
        float:right;
        margin:4px 4px 0 0;
        
}

#search #s { 
        font-size:8pt;
        padding-left:3px;
        padding-bottom:3px; 
padding-top:3px;
        width:100px;
        margin-top:219px;

}

input#s { 
        color:#000;
        border:2px solid #7fcbe3;
        background:#fcfcfc;
}

#suche {
width: 100px;
margin-left: 853px
}

/*+++++++++++++++++++++++++++ Main Column +++++++++++++++++++++++++++++++*/

#container{
	float: left;
	width: 500px;
        padding: 6px 50px 10px 10px;
        text-align:justify;
        background: #fff;
        margin:0 auto 1px auto;
}

.entry ul, .entry ol, .entry li{
margin:0.1em;
padding:0.1em 0.1em 0.1em 12px;
margin-bottom: 0.1em;
margin-top: 5px;
/*list-style-margin-top: 5px;*/
list-style-image:url(images/bullet.png); 
}


.post{
	padding: 2px 6px 10px 6px;
}

.post h2{
	font-family: georgia;
	font-size: 17px;
        margin:0 5px;
        text-align:left;
        text-transform:uppercase;     
background: none;
border: 0;
}

.entry{

	font-family: Verdana;
	font-size: 10px;
	line-height: 1.3em;
	margin: 3px 0 5px 0;
}

p.postmetadata{
	clear:both;
	font-size:0.9em;
	color:#999;
	margin:0;
	padding:0;	
}

.navigation{
	padding: 10px 0 0 0;
	font-size: 14px;
	font-weight: bold;
	line-height: 18px;
}

.navleft{
        margin:0;padding:0;
        float:left; 
}

.navright{
        margin:0;padding:0;
        float:right; 
}

blockquote {
        margin:5px 10px;
        padding:4px 7px 10px 7px;
        font-size:10px;
        color: #336699;  
        border:1px dashed #40a9c9;
        background: #d8eaee url(images/quote.gif) no-repeat 10px 4px;        
}

blockquote blockquote {
        margin:5px 10px;
        padding:4px 7px 10px 7px;
        font-size:10px;
        background:#bac9cc; 
        color:#336699;  
        border:1px dashed #40a9c9;
        background: #d8eaee url(images/quote.gif) no-repeat 10px 4px;      
}

/*+++++++++++++++++++++++++++ Post Header +++++++++++++++++++++++++++++++*/

.post_header {
        margin:0; padding:0;
        height:60px;
        background:#fff;

}

.post_headerr {
        margin:0; padding:0;


}

.post_title {
        margin:0 5px; padding:2px 0 0 0;

}

.details {
        margin:0; padding:4px 0;
        border-top:1px dashed #bc581c;
}

.postmetadata2 {
        margin:0; padding:4px 0;
        border-bottom:1px dashed #bc581c;

}
.files {
        background:url(images/folder.gif) no-repeat;
        margin:0; padding:0 0 0 20px;
}

.comment_list {
        background:url(images/list_comments.gif) no-repeat;
        margin:0; padding:0 0 0 20px;
}

.edit {
        background:url(images/edit.gif) no-repeat;
        margin:0; padding:0 0 0 20px;
}

/*++++++++++++++++++++++++++++ Post Date ++++++++++++++++++++++++++++++++*/

.the_date {
        display:block;
        text-align: center;
        float:left;height:65px;
        font-family: verdana;
        width:62px;
        margin:0px 5px 0 0;
        background:url(images/calendar.jpg);
}

.date_m {
        
        font-size: 0.9em;
        margin:0;
        padding-top:5px;
        color:#fff;
        font-weight: bold;
        text-align:center;
}

.date_d {
        display:block;
        font-size:1.2em;
        margin:0;
        color:#336699;
        font-weight: bold;
        padding:0.7em 0 1.1em 0;
        text-align: center;
}

/*+++++++++++++++++++++++++++++ Comment +++++++++++++++++++++++++++++++++*/

  


#commentsbox { 
        margin: 0px; padding: 0px; 
        float: left; 
        width: 450px; 
        font-size:10px;
font-family: verdana;

}


#comments h2 { 
        margin:5px 0 0 0; 
        padding:0; 
        color:#ff5c00; 
        font-size:14px; 
        font-weight:normal;
}
h3 #respond  {


        margin:10px 0; 
        padding:0; 
        color:#ff5c00; 
        font-size:14px; 
        font-weight:normal;
}

.boxcomments { 
        margin-bottom:20px;
        width:520px;
}
#commentform { 
        border-top:1px solid #eee;
        margin:0;padding:15px 15px 1px;
}

#commentform label { 
        display:block;
        margin:0;
}

#commentform input { 
        width:170px;
        margin:0 5px 10px 0;
        padding:1px;

}

#commentform textarea { 
        width:400px;margin:0 0 10px;
        padding:0;
        }

#commentform #submit { 
        margin:0 0 20px;
}




#commentform p { 






        margin:5px 0; 
}



ol.commentlist { 
        margin:0 0 1px;
        padding:0;
}

ol.commentlist li { 
        border:1px dashed #999;
        display:block;
        list-style:none;margin:5px 0;
        padding:6px 15px 12px 15px; 
        background:url() repeat-x;
background: #cccccc;

}

ol.commentlist li.mycomment { 
        border:1px dashed #009999;
        display:block;
        list-style:none;margin:5px 0;
        padding:6px 15px 12px 15px; 
        background:url() repeat-x;
background: #b6d0f1; 

}

ol.commentlist li.commenthead { 
        display:block;
        list-style:none;
        margin:0;padding:5px 15px;
}

ol.tblist { 
        list-style:none;
        margin:0 0 1px;
        padding:0;
}
ol.tblist li { 
        display:block;
        list-style:none;
        padding:10px 5px 10px 5px;
        margin:0 0 5px; 
        border:1px dashed #999;
}

input#url,input#author,input#email, input#atf_twitter_id,textarea { 
        color:#666;
        width:40%;
        border:1px solid #cbcbcb;
        margin-bottom:0.6em;
        background:#fcfcfc;
        margin-top:2px;padding:3px;
}

#avatar img {float: left;
margin-right: 10px;
margin-top: -25px;
background: none;
border: none;
                  

}
#avatar2 img {float: right;
margin-left: 10px;
margin-top: -25px;
background: none;
border: none;
}











/*++++++++++++++++++++++++++++++ Sidebar +++++++++++++++++++++++++++++++++*/

.sidebar{
	float: left;
	width: 386px;
	margin: 1px 0 0 2px;
        background:#fff;
}

.sidebar ul{
	list-style: none;
	margin: 0;
	padding: 0 10px 0 10px;

}

.sidebar ul li{
	padding: 10px 0;
}

.sidebar ul li h2{
	font-family: verdana;
	font-size: 14px;

}

.sidebar ul ul li{
	padding: 0;
	line-height: 24px;
}

/*+++++++++++++++++++++++ Sidebar: Top component ++++++++++++++++++++++++++*/

#sidebar_top {
        margin:6px 0 0 0;padding:8px;
        background:url(images/sidebar_top.jpg) repeat-x;
        width: 369px;
        line-height:12px;
        text-align:justify;
        border:1px solid #91d3e9;
        font-size:10px;
        font-family:verdana;
}

#sidebar_top h4 {
        color:#0e5268;
        margin-bottom:3px;
        font-size:14px;
}

/*++++++++++++++++++++++ Sidebar: Left component +++++++++++++++++++++++++*/

.lsidebar {
        margin:0;padding:0;
        float:left;
        width:184px;
}

.lsidebar ul{
	list-style: none;
	margin: 0;
	padding: 0 1px 0 0;

}

.lsidebar ul li{
	padding: 10px 0 4px 0;
	font-family: verdana;
	font-size: 11px;
        color: #7a888c;
	margin:0;
     
}

.lsidebar ul li a:link, .lsidebar ul li a:visited  {
        color: #009999;
font-weight:bold;
        
}

.lsidebar ul li a:hover, .lsidebar ul li a:active  {
        color: #4E6B55;
font-weight:bold;
        
}

.lsidebar ul li h2{
	font-family: Verdana;
	font-size: 11px;
        background: url('') no-repeat 3px 3px;
border-bottom:#963 1px dashed;
        margin:0; padding:7px 0 0 8px;
        height:20px;width:182px;
        color: #009999;
        text-transform:uppercase;
}

.lsidebar ul ul li{
	padding: 0 0 0 20px;

	line-height: 18px;
	font-family: verdana;
        background:url(images/arrow_blue.jpg) no-repeat 0px 0px; 
}

.lsidebar ul ul ul li{
	padding: 0 0 0 14px;
	line-height: 18px;
	font-family: verdana;
        font-size:11px;
        background:url(images/sub-cat.jpg) no-repeat 3px 3px;
}

.lsidebar ul ul ul li a:link, .lsidebar ul ul ul li a:visited {
        color: #72A3DE;
font-weight:bold;
        
}

.lsidebar ul ul ul li a:hover, .lsidebar ul ul ul li a:active {
        color: #4E6B55;
font-weight:bold;
        
}

/*++++++++++++++++++++++ Sidebar: Right component +++++++++++++++++++++++++*/

.rsidebar {
        margin:0;padding:0;
        float:right;
        width:181px;
}

.rsidebar ul{
	list-style: none;
	margin: 0;
	padding: 0 1px 0 0;


}


.rsidebar ul li{
	padding: 10px 0 4px 0;
	font-family: verdana;
	font-size: 11px;
        color:#7a888c;
	margin:0;
}

.rsidebar ul li a:link, .rsidebar ul li a:visited {
        color: #009999;
font-weight:bold;
        
}

.rsidebar ul li a:hover, .rsidebar ul li a:active {
        color: #4E6B55;
font-weight:bold;
        
}

.rsidebar ul li h2{
	font-family: Verdana;
	font-size: 11px;
        background:url() no-repeat top left;


        margin:0; padding:7px 0 0 8px;
border-bottom:#963 1px dashed;
        height:20px;width:182px;



        color: #009999;
        text-transform:uppercase;
}
.rsidebar ul ul li{
	padding: 0 0 0 22px;
	line-height: 18px;
	font-family: verdana;
        background:url(images/arrow_blue.jpg) no-repeat 2px 0px; 
}

.rsidebar ul ul ul li{
	padding: 0 0 0 14px;
	line-height: 18px;
	font-family: verdana;
        font-size:11px;
        background:url(images/sub-cat.jpg) no-repeat 3px 3px;
        border-bottom:none;
}

.rsidebar ul ul ul li a:link, .rsidebar ul ul ul li a:visited {
        color: #72A3DE;
        font-weight:bold;
}

.rsidebar ul ul ul li a:hover, .rsidebar ul ul ul li a:active {
        color: #4E6B55;
        font-weight:bold;
}

/*+++++++++++++++++++++++++ Sidebar Calendar ++++++++++++++++++++++++++++++*/

table#wp-calendar{
	width: 90%;
        margin:0px auto;
}

/*++++++++++++++++++++++++++++++ Footer +++++++++++++++++++++++++++++++++++*/

#footer{
	clear: both;
	width: 964px;

        background:url() repeat-x;
        padding:10px 0;
        margin:0;
border:none;

}
#footer p {

text-align:left;
clear:both;
	font-size:0.9em;
	color:#999;
	margin:0;
	padding:0;	

}

#footer a:link, a:visited, a:active {
        color: #009999;
}

#footer a:hover {
       color:  #4E6B55;
}

#footer1{
	clear: both;
	width: 964px;

        background:url(images/footer.jpg) repeat-x;
        padding:10px 0;
        margin:0;
border:1px solid #91d3e9;

}
#footer1 p {

text-align:center;
clear:both;
	font-size:0.9em;
	color:#999;
	margin:0;
	padding:0;	

}

#footer1 a:link, a:visited, a:active {
        color: #009999;
}

#footer1 a:hover {
        color: #4E6B55;
}

#footer2{
	clear: both;
	width: 964px;

        background:url(images/sidebar_top.jpg) repeat-x;
        padding:10px 0;
        margin:0;
border:1px solid #91d3e9;
}

#footer2 p {

text-align:center;
clear:both;
	font-size:0.9em;
	color:#999;
	margin:0;
	padding:0;	

}




/* For Link Indication plugin */
a.liexternal { padding-right: 12px; background: url('http://stephness.de.dd21318.kasserver.com/wordpress/wp-content/themes/o2-20/images/link-icon_external_09.png') no-repeat right; }
a.liwikipedia { padding-right: 14px; background: url('http://stephness.de.dd21318.kasserver.com/wordpress/wp-content/themes/o2-20/images/link-icon_wikipedia.gif') no-repeat right; }
a.liimdb { padding-right: 18px; background: url('http://stephness.de.dd21318.kasserver.com/wordpress/wp-content/themes/o2-20/images/link-icon_imdb_01.png') no-repeat right; }
a.liftp { padding-right: 18px; background: url('http://stephness.de.dd21318.kasserver.com/wordpress/wp-content/themes/o2-20/images/link-icon_external_09.png') no-repeat right; }
a.limailto { padding-right: 18px; background: url('http://stephness.de.dd21318.kasserver.com/wordpress/wp-content/themes/o2-20/images/link-icon_mail_01.png') no-repeat right; }
a.lipdf { padding-right: 12px; background: url('http://stephness.de.dd21318.kasserver.com/wordpress/wp-content/themes/o2-20/images/link-icon_pdf_05.png') no-repeat right;  }
a.lizip { padding-right: 12px; background: url('http://stephness.de.dd21318.kasserver.com/wordpress/wp-content/themes/o2-20/images/link-icon_zip_01.png') no-repeat right;  }


/*++++++++++++++++++++++++++++++ Eckbanner +++++++++++++++++++++++++++++++++++*/


a#eckbutton {
position: fixed;
right: 0;
bottom: 0;
text-decoration: none;
text-indent: -999em;
height: 100px;
width: 100px;
background: url('http://stephness.de/pictures/verlinktes/bannerecke.png') bottom right no-repeat;
display: block;
}