/*
Theme Name: rattarium
Theme URI: http://rattarium.net/
Version: 1.0
Description: Rattenversion des deutschen WP_2.5
Author: Beate (Ed_Home) Walz
Description:Rattenspielplatz_4.0
*/
* {
 margin:0;
 padding:0;
 }
html, body {
 color:#000;
 border-spacing: 0;
 height:         100%;
 text-align:     center;
 font:100.01%/1.4  sans serif
                    Verdana, Arial, Trebuchet MS, MS;
 }
body {
 background:transparent url(grafiken/bluish1200.jpg) fixed repeat-x;
 }
#container {
 color:          #000;
 background:     cornsilk url(grafiken/bar145.gif) repeat-y;
 margin:         auto;
 text-align:     left;
 border:         solid #069;
 border-width:   0 2px;
 min-height:     96%;
 width:          85%;
 max-width:      790px;
 }   /*achtung: auf selbe FOOTER-Breite achten.*/
#container h1 {
 background:peru;
 color:#fff;
 padding-right:0px;
 text-align:right;
 font:2.5em 'Comic Sans MS'
 }
#container h1 a {
 background:transparent url('grafiken/i20.gif') no-repeat 10% 10%;
 color:#eee;
 display:block;
 text-decoration:none;
 width:auto;
 }
#container h1:hover, #container h1:focus {
 background: saddlebrown;
 color:#fff;
 }
#container h1 a:hover {color:#fff;}

 a:hover, a:focus, a:active {
 text-decoration:none;
 color:#00f
 }
.extern:before { content:url(grafiken/extern.gif)" "; }
.extern[title]:after { content:" ("attr(title)")"; color:#080; }
.top {
 text-align:right;
 border-bottom:1px solid #069;
 background:lightyellow;
 font:.8em/1.4 'Arial';
 margin:0 0 5px 5px;
 padding:0 25px 0 0;
 width:auto;
 display:block;
 }   /*TopLink*/
.top:hover {background:beige; border-bottom:1px solid #00f }

 /* Haupt- NAVIGATION */
#navi {
 border:		solid #999;
 border-width:	1px 0;
 background:	#555;
 width:          100%;
 }
#navi ul, #navi ul li {
 color:#ddd;
 background:	#222;
 font-size:      .8em;
 list-style:	none;
 }
#navi ul {
 margin:    0px auto;
 }
#navi ul li {
 font-size:	.9em;
 font-weight:	bold;
 float:		left;
 width:		8.5em;
 margin-top:	-1px;
 }
#navi a:link {
 color:          #eee;
 background:     transparent;
}
#navi a:visited {
 color:          #ccc;
 background:     transparent;
 }
#navi ul a {
 display:	block;
 padding:	.2em 0;
 text-align:	center;
 text-decoration:none;
 border:		1px solid #999;
 color:		#eee;
 }
* html ul a {/* Sorgt dafür, dass im IE Win die ganze Fläche
	anklickbar ist. \*/
 width:		100%; /* */
 }

#navi ul a:hover, #navi ul a:active, #navi ul a:focus {
 color:		#fff;
 background:	saddlebrown;
 }

/* Sonst hat die Navigation eine Höhe von null, weil fließende Elemente nicht
 * die Höhe einer nicht fließenden Box beeinflussen. Sagt Toscho.  */
#navi b {	display:block;
	clear: both;
 }
#subnavi {
 background:steelblue url(grafiken/bar145.gif) repeat-y;
 width:9em;
 float:left;
 margin:0px 0px 10px 0px;
 border:0px solid #069;

 }   /*overflow-y:scroll;
 height:500px;*/
#subnavi h3 {
 padding-left:9px;
 font-size:.9em;
 background:peru;
 color:#fff;
 width:auto;
 }
#subnavi ul li {
 list-style:none;
 font-weight:bold;
 font-size:.88em;
 margin-top: -1px;
 padding-left:3px;
 }
#subnavi ul li ul li{
 font-size:.9em;
 padding-left:9px;
 font-weight:normal
 }
#subnavi ul a {
 display:block;
 padding:0 0px 1px 0px;
 text-decoration:none;
 font-size:1em;
 border:solid #069;
 border-width:0 0 1px;
 margin:2px 0 2px 0
 }
#subnavi ul li ul a { border-width:0 0 1px 1px  }

#subnavi ul a:link {
 color:#eee;
 background:transparent url('grafiken/forward.gif') 95% 50% no-repeat;
 }
#subnavi ul a:visited {
 color:#ddd;
 background:transparent url('grafiken/visiLink.gif') 93% 50% no-repeat;
 }
#subnavi ul a:hover, #subnavi ul a:active, #subnavi ul a:focus { color:#000;
 background:lightskyblue url('grafiken/forward.gif') 99% 50% no-repeat;
 }
#subnavi li.current_page_parent a { font-style:italic;
 background:powderblue url('grafiken/folderopen.gif') 99% 50% no-repeat;
 color:#008;
 }
#subnavi li.current_page_parent ul li a { font-style:italic;
 background:powderblue url('grafiken/page.gif') 99% 50% no-repeat;
 color:#008;
 }
#subnavi li.current_page_parent ul li ul li a { font-style:italic;
 background:powderblue url('grafiken/page.gif') 99% 50% no-repeat;
 color:#008;
 }
#subnavi li.current_page_item a {
 background:#eee url('grafiken/folderopen.gif') 99% 50% no-repeat;  color:#00f;
 border:solid red;
 border-width:0px 0 1px 0;
 font-weight:bold;
 }
#subnavi li.current_page_item ul li a {
 background:#eec url('grafiken/folderclose.gif') 99% 50% no-repeat;  color:#00f;
 border:solid red;
 border-width:0px 0 1px 0;
 font-weight:bold
 }
#subnavi li.current_page_parent ul li.current_page_item  {background:red}
#subnavi li.current_page_parent ul li.current_page_item ul li {background:#000; text-align:center
 }
#subnavi li.current_page_item ul li ul li a {
 background:#eea url('grafiken/page.gif') 99% 50% no-repeat;  color:#00f;
 border:solid red;
 border-width:0px 0 1px 0;
 font-weight:bold
 }
#subnavi li.current_page_item a:hover, #subnavi li.current_page_item a:focus, #subnavi li.current_page_item a:active {
 background:#fff url('grafiken/page.gif') 99% 50% no-repeat;  color:#00f;
 border:solid red;
 border-width:0px 0 1px 0;
 font-weight:bold
 }
.current-cat {border-left: 6px solid red;
 }

#navi #aktiv, #futer #aktiv {background:#005; color:orange; text-decoration:overline}

/*#useronline-count {color: #efe}*/

/*impressum*/
.beate {background: transparent url('grafiken/bluemood.jpeg');
 width:144px; height:110px;}

/* Beginn Form Elemente */
fieldset {  border:0px solid #069;
 }

#searchform {
 display:inline;
 text-align: center;
 width: auto;
 }
#searchform #s {
 width: 7.3em;
 background:powderblue url('grafiken/search.gif') no-repeat right;
 }
#searchform #s:focus {background:#fff}
#searchform #searchsubmit {
 background:#333;
 color:#ccc;
 border:none;
 height: 1.6em;
 width: 2.8em;
 font:  .8em/1 Monospace;
 margin-bottom:0px;
 cursor:pointer;
  -moz-border-radius:13px
 }
#searchform #searchsubmit:hover, #searchform #searchsubmit:focus {color:#fff}
#comment {width:100%}
.commentlist  {background:#fff; border:1px solid #069; padding-left:5px}
.commentlist li {list-style:upper-roman}

/*Breadcrumb-Ordnerpfad*/
.brot {
 background:powderblue;
 font:.85em/1 Monospace;
 padding:1px 5px 2px 5px;
 border-bottom:1px solid #069
 }

.navigation {border: 1px ridge #eee;
             background:floralwhite;
             margin:5px 0 0px 0;
             padding:0 5px 2px 5px;
             font-size:small;
             display:block;
             width:95%;
             height:1.6em;
 }

#content hr {clear:both;
 background:transparent;
 width:0; line-height:0px;
 margin: 0; padding: 0;
 height: .1px;
 overflow: hidden;
 }

#content {margin:0 20px 0px 10.5em;}  /*test  background:gold*/
#content a {color:darkgreen}
#content a, .brot a {color:#800}
.brot a:hover, .brot a:active, .brot a:focus {
 color:#00f}

#content p, pre {
 padding:        .9em;
 font-size:      .9em
 }
#content pre, code {
 font:       .9em/1.1 'Monospace' 'Courier';
 }


 /* Inhaltsverzeichnis, SiteMap */
#inhalte h2:before {content:url('grafiken/folderopen.gif')" ";
 }
#inhalte ul li, #inhalte .pagenav {
 list-style:none;
 }
#inhalte li.page_item  {
 border: dashed #aaa;
 border-width:0 0 1px 1px;
 }
#inhalte ul li ul {
 font-size:.8em;
 padding-left:9px;
 }
#inhalte ul li ul li ul{
 font-size:1em;
 }
#inhalte ul a {
 width:auto;
 display:block;
 margin-left:0px;
 padding:0 13px 1px 2px;
 text-decoration:none;
 font-size:1em;
 font-weight:bold;
 }
#inhalte .current_page_item a {
 font-style:italic;
 background:lightyellow;
 color:#111;
 cursor:text;
 font-weight:normal
 }
#inhalte .current_page_item a:before {content:url('/wordpress/wp-content/themes/rattarium/grafiken/page.gif')" ";}
#inhalte .page_item a:link {}
#inhalte .page_item a:visited {}
#inhalte .page_item a:hover, #inhalte .page_item a:focus, #inhalte .page_item a:active {background:lightyellow; color:#00f}

#feeds_button {
        width:75px;
        height:15px;
        text-align: left;
        font-size: 10px;
        padding-left: 6px;
        padding-top:1px;
        padding-bottom: 0px;
        color: #fff;
        background:#555 url(/wordpress/wp-content/plugins/wp-feedstats.gif) no-repeat;
        margin: 5px;
}

#futer {
 background:#181C18;
 color:#fff;
 width:85%;
 max-width:790px;
 margin:0 auto 0 auto;
 text-align:center;
 font:.9em/1.6 Monospace;
 border: solid #069;
 border-width: 0 2px;
 padding:0;
 }
#futer a {color:#eee}
#futer a:focus, #futer a:hover, #futer a:active {color:#fff}
.totop {
 float:right;
 width:49%;
 background:#111;
 margin:0;
 padding:0px;
 line-height:1.3;
 }
.totop a {
 display:block;
 width:99%;
 }

/* Allgemeine Angaben */
.hide {position:absolute; top:-500px; left:-999px;
 background:transparent;
 width:0; line-height:0px;
 margin: 0; padding: 0;
 height: .1px;
 overflow: hidden;
 }

.mitte {text-align:center;}

acronym, abbr {
 cursor: help;
 border-bottom: 1px dashed #999;
 }

.flut_links {float:left; padding-right:5px;}
.flut_rechts {float:right; padding-left:5px;}


/*Gallery-Fotos
.gallery-item {
 margin: 10px;
 padding:5px ;
 border: 1px solid #aaa;
 background:aliceblue;
 float: left;
 height:250px;
 text-align: center;
 }
.gallery-item img {border:1px solid #aaa; }
.gallery-icon {border:0px solid #aaa; }
.gallery-caption  {font-size:smaller} */

/*Flexible-upload*/
.imageframe {margin: 10px; padding:5px 7px 5px 5px; border: 1px solid #aaa; background:aliceblue}
.imageframe img {border:1px solid #aaa; }
.alignleft {float: left; }
.alignright {float: right; }
.aligncenter {margin-left: auto; margin-right: auto; } /**/
.imagecaption {font-size:small}