/*  
Theme Name: uh_see_online
Theme URI: 
Description: see-online.info Theme fuer die Onlinezeitung. Eingesetzt werden so wenige widgets wie moeglich. Die meisten Funktionalitaeten werden direkt übers Theme geloest. Wenige Plugins und Widgets machen die trafficlastigen Seiten schneller. 
Version: 1.0
Author: Ute Hauth www.miradlo.com 
Author URI: http://www.miradlo.com/ alt #365264
Farben: weiss nach dunkelstem Blau:    background-color:#748a97;
    #fff
    #e9ecee
    #d2d7db
    #bbc4cb
    #a5b1ba
    #8f9ea9
    #798b97
    #627886
    #5a7484 logo_bg
    #4c6475
    #365264
    #223542 schrift
Calibri, Helvetica, Arial, sans-serif;
 */
/***** Rueckstellungen *****/
html, body, div, p, ul, ol,h1, h2, h3, h4, h5, span, a, table, td, form, img, li, textarea, input{
    margin:0;
    padding:0;
    font-family: calibri, "dejavu sans", "Lucida Sans Unicode", "lucida sans", "Myriad Pro", helvetica, "Trebuchet MS", arial, sans-serif;
}
*{
    font-size:100.01%;
    border:none;
    color:#223542;
}
html>body{
    height:auto;
}
html{
    background-color:#e9ecee;
    font-size:.95em;
}
body{
    margin:0 0 0 0;
/*    background-color:#5a7484;*/
    font-size:1em;
}
img{
   border:0;
}
/****  Basiselemente *****/
h1, h2, h3, h4, h5{
    margin:.3em 0 .2em 0;
    padding:.5em 0 .3em 10px;
    color:#5a6c78;
    font-family: constantia, didot, baskerville, palatino, georgia, gentium, garamond, "book antiqua", "nimbus roman", "Times New Roman", times, utopia, serif;
    font-weight:bold;
}
h2{
   font-size:1.5em;
}
h3, caption, h2.akahx{
    font-size:1.2em;
}
h4{
   font-size:1.2em;
   text-align:left;
}
h5{
   font-size:1.1em;
   text-align:left;
}
p{
   padding:.5em 1em 1em 1em;
   font-size:1em;
   line-height:1.4;
}
ul, ol{
   font-size:1em;
   padding:.5em 1em 1em 10px;
}
ol, ol li{
    list-style-type:decimal;
}
ol ul li{
    list-style-type:disc !important;
}
ul ul{
    
}
li{
   list-style-type:disc;
   margin-left:1.8em;
   padding-top:.4em;
}
a{
   padding:0 .3em 0 5px;
   font-size:.95em;
   font-weight:bold;
/* Konqui und co stellt sonst kein underline dar*/
   text-decoration:underline;
}
a:visited{
   color:#808bad;
}
a:focus, a:hover, a:active{
    color:#fff;
    background-color:#798b97;
    opacity:.4; 
    filter:alpha(opacity=40);
}
h2 a{
    color:#5a6c78;
    font-family: constantia, baskerville, palatino, georgia, gentium, garamond, "nimbus roman", "Times New Roman", times, utopia, serif;
}
table{
   font-size:.8em;
   width:95%;
   border-collapse:collapse;
   padding:20px;
   border-top:1px #e0e4ff outset;
   border-right:2px #e0e4ff outset;
   border-bottom:2px #e0e4ff outset;
   border-left:1px #e0e4ff outset;
}
th{
   margin:0;
   padding:.3em;
   font-weight:bold;
   border-width:2px;
   border-color:#e0e4ff;
   border-style:double outset groove outset;
}
td{
   padding:.2em;
   border:1px #e0e4ff outset;
}
/*Definitionsliste Texte*/
dl{
   list-style-type:none;
   padding:.5em 1em 1em 10px;
}
dt{
   margin:1em 0 0 1em;
   font-weight:bold;
}
dd{
   margin:1em 0 0 1em;
}
fieldset{
/*   width:38em;
   max-width:630px;*/
   margin:1em 0 .5em 20px;
   padding:.5em;
   border:none;
}
legend{
   font-size:100.01%;
   font-weight: bold;
   padding:1em;
   margin-top:.7em;
   color:#fff;
   background-color:#365264;
}
label{
   color:#14212b;
   text-align:right;
   font-weight:bold;
   line-height:1.4em;
}
input{
    margin:0 0 .5em 0;
    padding:.2em;
    background:#fff;
    font-family: inherit;
    font-size:.95em;
    font-weight:bold;
    text-align:left;
    border:2px outset #fff;
}
select{
/*   color:#494d4f;
   background-color:#e9ecee;*/
    line-height:1.3em;
    width:9em;
    overflow:visible;
}
textarea{
    width:80%;
/*    background-color:#e9ecee;*/
    font-size:.95em;
    text-align:left;
    border:2px outset #e9ecee;
}
input:focus, input:hover, input:active, input.submit:focus, input.submit:hover{
    color:#fff;
    background-color:#798b97;
/*    opacity:.4; 
    filter:alpha(opacity=40);*/
}
textarea:focus{
    color:#fff;
    background-color:#798b97;
}
code, pre{
   margin-left:2em;
   margin-right:2em;
   padding:.2em 0 .2em  20px;
   display:inline;
   color:#036;
   font-family: "Lucida Console", "Lucida Sans Typewriter", "Courier New", Courier, "Adobe Courier", monospace;
   font-size:1em;
}
sup{
   font-size:.85em;
}
blockquote{
    font-style:italic;
    background:#fff;
}
blockquote p{
}
blockquote cite{
    font-weight:bold;
}
acronym, abbr, span.caps{
    cursor: help;
}
b, strong{
    font-weight:bold;
}
i,em{
    font-style:italic;
}
address{
}
img{
}
/*****                                       Layout                                                           *****/
#wrapper {
    position:relative;
    margin:0 0 0 -30px;
    padding:.3em 0 0 30px;
    background-color:#a5b1ba;

/*    background-color:#fff;*/
}
#header{
    position:relative;
    width:100%;
    max-width:100%;
    min-width:800px;
    margin:30px auto 1em auto;
    padding:0 0 0 0;
    background-color:#5a7484;
}
h1{
    position:relative;
    width:800px;
    margin:0 auto;
    padding:0px 0 0 0;
    background:transparent url(images/seeonlineHeader_800.png) no-repeat left center;
    font-size:1.5em;
}
.description h3{
    width:800px;
    margin:0 auto 5px auto;
    padding:0 0 0 10px;
    color:#fff;
    font-size:1.4em;
}
#header a{
    display:block;
    margin:0 auto;
    text-decoration:none;
}
#header h1 a{
    width:800px;
    height:205px;
    margin:-15px 0 0 -15px;
}
#headernavi{
    position:relative;
    top:10px;
    right:0;
    left:0;
    width:83em;
    max-width:98%;
    min-width:800px;
    margin:0 auto;
    padding:0;
    z-index:100;
    background-color:transparent;
    text-align:center;
    font-size:.8em;
}
#main{
    position:relative;
    width:86em;
    max-width:100%;
    min-width:50em;
/* margin-top fürs catmenue */
    margin:4em auto 0 auto;
    padding:1em 1.5em 0 1em;
/*    background:#284156 url(/images/logos/verlauf_header_hks38.jpg) repeat-y;*/
/*    background-color:green;*/
    background-color:#5a7484;
    border:2px ridge #fff;
/*border-bottom:3px double #5a7484;*/
}
#navi{
    position:absolute;
/*hoehe p breadcrumb + padding main*/
    top:3em;
    right:1em;
    min-width:285px;
    width:21em;
    margin:25px 0 0 0;
    padding:0;
/*   background:#8e9ba3 url(/images/logos/navi_bg_verlauf.jpg) repeat-y;*/
/*    background-color:red;*/
    /*gegen ueberfluessige Scrollbalken bei langen Links*/
    overflow:hidden;
}
#rightsidebar{
/*    position:absolute;
    top:3em;
    right:1em;
    width:16em;
    margin:1.7em 0 0 0;
    padding:0;*/
/*    background:black;*/
}
#content{
    margin:0 24.5em 0 10px;
    background-color:#fff;

}
#inner{
    margin:25px 4em 5px 1em;
    padding:20px 0 0 20px;
/*    background:#dfe8ed url(/images/logos/bg_soft_dblau_fff_dblau.jpg)  0 0 repeat;*/
    min-height:257em;
    background-color:#fff;
}
#sticky{
    margin:0 0 .5em 12px;
    padding:0;
    color:#fff;
    background-color:#5a7484;
    border:2px ridge #5a7484;
}
#sticky h2 a{
    color:#e9ecee;
    text-decoration:none;
}
#sticky h2, #sticky h3, #sticky h4, #sticky h5{
    color:#fff;
}
#sticky p{
    color:#fff;
}
#footer{
    width:86em;
    max-width:100%;
    min-width:50em;
    margin:0 auto 1em auto;
    padding:0 1.5em 0 1em;
    font-size:.8em;
    text-align:center;

}
/* Logotext ausblenden */
h1 span{
   position: absolute;
   left: -2500px;
   top: -2000px;
}
/* Links oder Texte fuer Screenreader */
#skip{
   display:inline;
   position: absolute;
   left:-2500px;
   top:-2000px;
   width:0;
   height:0;
}
#skip a.skipa:focus, #skip a.skipa:active{
   display:inline;
   position: absolute;
   left:2720px;
   top:2000px;
   width:13em;
   height:1.3em;
   font-size:.95em;
   padding-left:1em;
   color:#494d4f;
   background-color:#fff;
   border:3px solid #b80662;
}
/***********                             Spezielles                       *************************/
.breadcrumb{
    color:#fff;
    margin:0 0 0 1em;
    padding:.5em 0 0 0;
    font-size:1em;
    line-height:1.5;
    font-weight:bold;
}
.breadcrumb a{
    display:inline;
    color:#fff !important;
    font-weight:bold;
}
.breadcrumb a:focus, .breadcrumb a:hover, .breadcrumb a:active{
   background:#e9ecee url(/images/logos/bg_form.jpg) 0 0 repeat;
   color:#365264;
}
#headernavi ul{
/*    margin:-3em 0 2em 18.5em;
    font-size:1.25em;
    border-bottom:3px dotted #233c4c;
    list-style-type:none;*/
/*    position: relative;
    width:83em;
    max-width:85%;
    min-width:52em;
    margin: .5em auto .5em auto;
    padding: 2px 0;
    background:magenta;*/
}
#headernavi li{
/*    margin:-3em 0 2em 18.5em;
    font-size:1.25em;
    border-bottom:3px dotted #233c4c;
    list-style-type:none;*/
   list-style-type:none;
}
/* sucker mit js angepasst laut http://pfirsichmelba.de */
#quernavi, #quernavi ul{
    position: absolute;
    width: 83em;
    margin: 0 0 1em 0;
    padding: 0;
    background: #fff;
    list-style: none;
    font-weight: bold;
    line-height: 1;
    border: solid #ccc;
    border-width: 1px 0;
}
#quernavi a{
    display: block;
    padding: .25em 2em;
/*    color: #644f34;*/
    text-decoration: none;
}
#quernavi li{
    float: left;
    width: 10em;
    padding: 0;
    list-style-type:none;
}
#quernavi li ul{
    position: absolute;
    left: -999em;
    width: 13.9em;
    height: auto;
    margin: 0;
/*    padding: 0;*/
    font-weight: normal;
    text-align:left;
    border-width: 0.25em;
}
#quernavi li li{
    width: 13.9em;
    margin: 0;
    padding: 0;
/*text-align:left;*/
}
#quernavi li ul ul{
    margin: -1.75em 0 0 14em;
}
#quernavi li:hover ul ul, #quernavi li:hover ul ul ul,
#headernavi .navfxenabled li:hover ul, #headernavi .navfxenabled li:hover ul ul, #headernavi .navfxenabled li:hover ul ul ul,
#headernavi .navfxenabled li.over ul ul,#headernavi .navfxenabled li.over ul ul ul{
    left: -999em;
}
#quernavi li:hover ul, #headernavi .navfxenabled li.over ul{
    left: auto;
}
#quernavi li li:hover ul, #quernavi li li li:hover ul,
#headernavi .navfxenabled li li.over ul, #headernavi .navfxenabled li li li.over ul{
    left: -22px;
}
#headernavi li li.over ul.leftover, #headernavi .navfxenabled li li li.over ul.leftover, #headernavi .navfxenabled li li li li.over ul.leftover{
    left: -28.44em;
}
#headernavi #quernavi li.over,#quernavi li:hover{
    background: #bbc4cb;
}
#navi li{
    list-style-type:none;
}
#navi h2, #navi h3, #navi h4, #navi  h5, #navi  p, #navi  div{
    color:#fff;
}
#navi a{
    color:#fff;
}
/*        banner          */
ul#banner, ul#bannerartikel0, ul#bannerartikel1{
    margin:0 auto;
    padding:0 0 0 0;
}
#banner li, #bannerartikel0 li, #bannerartikel1 li{
    margin:10px 15px;
    padding:2% 1%;
    list-style-type:none;
    background-color:#fff;
    border:2px ridge #fff;
}
#banner a, #bannerartikel0 a, #bannerartikel1 a{
    display:block;
}
#banner a img, #bannerartikel0 a img, #bannerartikel1 a img{
    display:block;
    margin:0 auto;
    padding:0 3px 0 0;
}
.wpff_nav{
    font-size:1em;
    font-weight:bold;
}
.socials{
    margin-left:60px;
}
#footer ul{
/*width:100%;*/
/*clear:both;*/
    float:left;
    margin:0 auto;
/*    background:#fff;*/
/*    margin:0 auto;
    padding:.5em 0 0 .5em;*/
}
#footer li{
   float:left;
/*    margin:.5em;*/
   list-style-type:none;
}
#footer li a{
/*width:5em;*/
   display:block;
   padding:0 0 0 .5em;
   text-decoration:none;
}
/*--------------------werbebanner innerhalb des Inhalts--------------------*/
.werbebanner{
	clear:both;
    margin:5px auto;
    padding:1%;
}
.fremdbanner{
	width:470px;
    margin:5px auto;
    padding:1%;
}
.vorrueck, .small{
    font-weight:normal;
    font-size:x-small;
    text-align:justify;
}
.datum{
    color:#5a7484;
    font-style:italic;
    font-size:x-small;
}

input#s{
    width:18em;
}

input#searchsubmit{
    cursor:pointer;
}

fieldset.searchform{
/*    margin:1em 0 .5em 0;
    padding:.5em 0;
    border:none;
    cursor:pointer;
    width:15em;
    background:transparent;*/
}
 
/*------alle oben genannten class wiederholen sich auch unter ul children------*/

#commentform #submit{
    cursor:pointer;
	 
}
/*------------bilder-------*/
/*WP braucht fuer seine Klassen folgendes:*/
img.wp-post-image, img.size-medium{
float:left; 
margin:20px 1em 1em 10px;
}
img.alignright, a img.alignright{
float:right; 
margin:0 0 1em 2.3em; 
}
img.alignleft, a img.alignleft{
float:left; 
margin:0 2.3em 1em 0;
}
img.aligncenter, a img.aligncenter{
display: block; 
margin-left: auto; 
margin-right: auto; 
}
/*empfohlen wird ausserdem:*/
p img{ 
padding: 0; 
max-width: 100%; 
}
img.right{ 
padding: 4px; 
margin: 0 0 2px 7px; 
display: inline; 
}
img.left{ 
padding: 4px; 
margin: 0 7px 2px 0; 
display: inline; 
}
.clear{
    clear:both;
}