/* einfach-persoenlich - strategie-b
   (c) 2009 Dipl.-Ing. Joerg Petermann   */

*{
margin:0;
padding:0;
}

body{
margin:0 auto;
text-align:center;
font:13px/1.4em arial, "Times New Roman", Times, serif;
color: #444; /* default font color */
background:#eee;
}

a{
color:#039; 
font-weight:bold;
outline:none;
}

a:hover{
color:#36c;
}

p,table,td,ul,ol,blockqoute,h1,h2,h3,h4,input,textarea{
margin-bottom:1em;
}

h1,h2,h3,h4{
margin-bottom:.2em;
color:#039; 
font-family: arial, "Times New Roman", Times, verdana, georgia, serif;
}

ul, ul li{
list-style:none;
}

.scfl:after{
content:" ";  
display:block; 
visibility:hidden;
clear:both; 
height: 0.1px;
font-size: 0.1em;
line-height: 0;
}

* html .scfl { display:inline-block; }
/*  \*/
* html .scfl { height:1%; }
.scfl{ display:block;}
/*  */

/******************************************/


#seite{
margin:10px 0 10px 15px;
padding:24px 0;
width:940px;
position:relative;
}


/******************************************/

#blatt{
margin:0 auto;
width:940px;
text-align:left;
height:1%;
background:#eee;
}

/******************************************/

#kopf{
margin:0 auto;
text-align:left;
overflow:hidden;
background:#fff;
}

#kopf h1{
font-size:2.5em;
}

#kopf h2{
color:#666;
font-size:1.1em;
padding:0 0 10px 15px;
}

#kopf h1 a{
display:block;
height:1%;
color:#039;
padding:24px 10px 3px 15px;
outline:none;
border:0;
text-decoration:none;
}

#kopf h1 a:hover{
color:#36c;
}

#kopf #searchform{
width:196px;
text-align:right;
position:absolute;
top:120px;
right:28px;

display:none;														
}

/******************************************/

#menu{
float:left;
display:inline;
width:100%;
padding:0 0 0px;
background:#f1f1f1;
background:#fff;
}

#menu ul{
margin:0;
padding:0;
float:left;
display:inline;
width:100%;
border:1px solid #bbb;
border-width:1px 0 1px 1px;
}

#menu ul li{
margin:0 0 -1px;
float:left;
display:inline;
border-right:1px solid #ccc;
}

#menu ul li a{
float:left;
display:block;
height:1%;
color:#888;
padding:.4em 1.2em;
font-size:.9em;
outline:none;
text-decoration:none;
font-weight:bold;
border-bottom:1px solid #bbb;
}

#menu ul li#home a,
#menu ul li a:hover{
background:#eee;
color:#333;
border-bottom:1px solid #eee;
}


/******************************************/

#top{
float:left;
display:inline;
width:100%;
}

#top .box{
background:#fff;
margin:0 0 8px;
}

#top .entry{
float:left;
display:inline;
width:307px;
height:330px;
}

#top .entry1{
clear:both;
float:left;
display:inline;
width:100%;
}

#top .entry2{
float:left;
display:inline;
width:625px;
height:330px;
}

#top .entryin{
padding:15px 15px 5px;
}

#top .mr{
margin-right:8px;
}

#top h2,
#top h3,
#top h4{
color:#c00;
color:#039;
line-height:1.3em;
font-weight:bold;
}

#top h2 a,
#top h3 a,
#top h4 a{
color:#c00;
color:#039;
text-decoration:none;
}

#top h2 a:hover,
#top h3 a:hover,
#top h4 a:hover{
color:#c00;
color:#36c;
border-bottom:1px solid #36c;
}

#top h2{
clear:both;
font-size:1.4em;
}

#top h3{
font-size:1.2em;
}

#top h4{
font-size:1.1em;
color:#333;
}

#top h4 a{
color:#333;
}

#top .l{
float:left;
}

#top  .r{
float:right;
}

#top .bild img{
padding:2px;
border:1px solid #bbb;
}

#top .bild{
margin:0 6px 6px 0;
}

/******************************************/

#koerper{
clear:both;
margin:0 auto;
width:940px;
padding-top:8px;
}

#content{
clear:both;
float:left;
display:inline;
width:630px;
width:623px;
height:1%;
text-align:left;
}

#contentin{
}

#main{
float:left;
display:inline;
width:625px;
height:1%;
}

#main .entry{
float:left;
display:inline;
/*width:308px;*/
}

#main .box{
background:#fff;
margin-bottom:8px;
}

#main .entryin{
padding:15px 15px 5px;
}

#main .mr{
margin-right:8px;
}


#main h2,
#main h3,
#main h4{
color:#c00;
color:#039;
line-height:1.3em;
font-weight:bold;
}


#main h2 a,
#main h3 a,
#main h4 a{
color:#c00;
color:#039;
text-decoration:none;
}

#main h2 a:hover,
#main h3 a:hover,
#main h4 a:hover{
color:#c00;
color:#36c;
border-bottom:1px solid #36c;
}

#main h2{
clear:both;
font-size:1.6em;
}

#main h3{
font-size:1.3em;
}

#main h4{
font-size:1.1em;
color:#333;
}

#main h4 a{
color:#333;
}

#main p.bild{
padding:4px;
border:1px solid #bbb;
background:#fff;
}

#main p.l{
float:left;
display:inline;
margin:4px 10px 4px 0;
}

#main p.r{
float:right;
display:inline;
margin:4px 0 10px 10px;
}

#main blockquote{
clear:both;
margin:1em 2em;
padding:1em 2em 0;
border:3px double #ccc;
background:#fff;
font-size:1.3em;
color:#aaa;
}

#main .entry blockquote{
margin:1em 0em;
}

#main blockquote strong{
display:block;
text-align:right;
font-weight:normal;
font-size:.85em;
color:#999;
}

#main input{
display:block;
padding:4px;
background:#f9f9f9;
border:1px solid #ddd;
font-family:verdana;
color:#666;
font-size:13px;
}

#main #comments-open-text textarea{
display:block;
padding:4px;
background:#f9f9f9;
border:1px solid #ddd;
font-family:verdana;
color:#666;
font-size:13px;
width:315px;
}

#main input.nobord{
display:none;
}

#main #comments-open-text span,
#main #comment-form-remember-me{
display:none;
}

#main input#comment-preview,
#main input#comment-submit{
display:inline;
width:160px;
font-weight:bold;
background:#eee;
color:#444;
border-bottom:1px solid #aaa;
border-right:1px solid #aaa;
}

#main input#comment-preview:hover,
#main input#comment-submit:hover{
color:#36c;
background:#ddd;
}

#main .tag{
font-size:.85em;
text-align:right;
}

#main .date{
clear:both;
font-size:.85em;
}

#main ol{
margin:0 0 1em 1em;
}

#main ol li{
margin:0 0 .2em 2em;
padding:0 0 0 0em;
}

#main ul{
margin:0 0 1em 1em;
}

#main ul li{
margin:0 0 .2em;
padding:0 0 0 2em;
background:transparent url(http://www.online-netzwerk-lernen.de/online-netzwerk-lernen-image/pkt.gif) no-repeat 0 2px;
}

#main .pingcom,
#main .comment{
margin:0 0 1em;
padding:1em 2em .4em;
border:1px solid #fff;
border-top:2px solid #ddd;
background:#f1f1f1;
}

#main .pingcom .posted,
#main .comment .comment-header{
font-size:.85em;
}

#main .comment .comment-header img{
display:none;
}

#main .posted{
font-size:.85em;
}

#main .entry p.l{
margin-right:0;
padding:4px !important;
padding:4px 4px 2px 4px;
}

#main .entry p.r{
margin-left:0;
padding:4px !important;
padding:4px 4px 2px 4px;
}

#main p.bild img,
#main p.bild a{
border:0;
}

#main ul li.pdf,
#main p a[href$='.pdf']{
background:transparent url(http://www.blogmentor.de/gbbj/bild/pdf16.gif) no-repeat 0 center;
padding-left:22px;
}

#main .bild a[href$='.pdf'] {
background:none;
padding-left:0;
}

#main div.l{
float:left;
display:inline;
}

#main div.r{
float:right;
display:inline;
}

#main div.spalte50{
float:left;
display:inline;
width:45%;
margin-right:20px;
}
#main table{
background:#fff;
padding:1px;
border:1px solid #ccc;
width:100%;
}

#main th,
#main td{
background:#eee;
padding:4px 10px;
}

#main th strong,
#main td strong{
}

#main td.grau,
#main th{
background:#f1f1f1;
}

#main h2 span.caps,
#main h3 span.caps,
#main h4 span.caps{
color:#444;
}

#main h2 span span.caps,
#main h3 span span.caps,
#main h4 span span.caps{
}

#main th.s1{
width:210px;
}

#main th.s2{
width:150px;
}

/******************************************/

#subnav{
float:right;
display:inline;
width:300px;
text-align:left;
font-size:.9em;
height:1%;

display:none;
}

/******************************************/

#nav{
float:right;
display:inline;
width:300px;
width:307px;
font-size:.9em;
}

#navin{
}

#nav .box{
clear:both;
background:#fff;
margin-bottom:8px;
padding:15px 15px 5px;
}

#nav .spalte1,
#nav .spalte2,
#nav .spalte{
float:left;
display:inline;
width:120px;
background:#fff;
margin-bottom:8px;
padding:15px 15px 5px;
}

#nav .mr{
margin-right:8px;
}

#nav .box h3{
margin-bottom:.3em;
color:#039;
font-size:1.4em;
}

#nav .spalte1 h3 a,
#nav .spalte2 h3 a,
#nav .box h3 a{
display:block;
height:1%;
color:#039;
text-decoration:none;
}

#nav .spalte1 h3 a:hover,
#nav .spalte2 h3 a:hover,
#nav .box h3 a:hover{
color:#36c;
border-bottom:1px solid #36c;
display:inline;
}

#nav h4{
color:#444;
margin:15px 15px 5px;
font-size:1.4em;
}

#nav .spalte1 h4,
#nav .spalte2 h4,
#nav .box h4{
text-transform:uppercase;
font-weight:normal;
font-size:.9em;
color:#999;
margin:-.4em 0 0;
}


#nav ul li a{
text-decoration:none;
}

#nav ul{
padding:0;
border-bottom:1px solid #eee;
}

#nav ul li{
margin:0;
padding:0;
border-top:1px solid #eee;
}

#nav ul li a{
padding:2px;
display:block;
height:1%;
font-weight:normal;
color:#666;
}

#nav ul li a:hover{
color:#36c;
}

#nav ul li ul{
margin:0;
border:0;
}

/*
#nav p{
border-bottom:1px solid #eee;
}

#nav p a{
margin:0 0 -17px;
padding:2px;
display:block;
font-weight:normal;
color:#666;
text-decoration:none;
border-top:1px solid #eee;
}
*/

#nav p a:hover{
color:#36c;
}

#nav .l{
float:left;
}

#nav .r{
float:right;
}

#nav .bild img{
padding:2px;
border:1px solid #bbb;
}

#nav .bild{
margin:0 6px 6px 0;
}

/*
#nav #searchform2{
margin:10px 20px 0 10px;
padding:10px;
border:2px solid #e00880;
background:#eee;
text-align:center;
}

#nav #searchform2 input{
padding:2px 4px;
width:150px;
border:1px solid #ccc;
color:#666;
font-family:verdana;
font-size:13px;
}

#nav #searchform2 input#searchsubmit2{
margin:-8px 0 0;
padding:1px;
width:120px;
font-weight:bold;
border:1px solid #fff;
background:#e00880;
color:#fff;
}

#nav #searchform2 input#searchsubmit2:hover{
border-bottom:1px solid #aaa;
border-right:1px solid #aaa;
background:#ccc;
color:#444;
}
*/

/******************************************/

#menu2{
clear:both;
width:100%;
line-height:2em;
background:#fff;
}

#menu2 ul{
float:left;
display:inline;
margin:0 0px;
line-height:1.4em;
margin:1px;
}

#menu2 ul li{
float:left;
display:inline;
}

#menu2 ul li a{
float:left;
display:block;
padding:4px 10px;
height:1%;
color:#666;
text-decoration:none;
}

#menu2 ul li a:hover{
background:#eee;
}

/******************************************/

#footer{
clear:both;
width:100%;
text-align:left;
font-size:.9em;
background:#fff;
margin:8px 0 0;
}

#footer .box{
float:left;
display:inline;
width:197px;
background:#f1f1f1;
}

#footer .box2{
width:298px;
}

#footer .ml{
margin:10px 0 10px 10px;
}

#footer .box p{
margin:0 10px 6px;
padding:0 4px;
}

#footer .box h3{
margin:10px 10px 6px;
padding:0 4px;
font-size:16px;
}

#footer .box h3 a{
color:#444;
text-decoration:none;
}

#footer .box h3 a:hover span,
#footer .box h3 a:hover{
color:#666;
}

#footer .box ul{
margin:0 10px 6px;
border-top:3px double #ccc;
}

#footer .box ul li{
border-bottom:1px solid #ccc;
}

#footer .box ul li a{
color:#444;
padding:4px;
display:block;
height:1%;
font-weight:normal;
text-decoration:none;
}

#footer .box ul li a:hover{
color:#666;
background:#eee;
}


/******************************************/

#fuss{
clear:both;
margin:8px auto;
text-align:center;
width:940px;
height:1%;
background:#ddd;
}

#fuss p{
margin:0;
padding:.6em 1em;
font-size:.85em;
color:#666;
}

#fuss p a{
font-weight:normal;
color:#666;
text-decoration:none;
}

/******************************************/

.clr,
.clear{
clear:both;
}

/******************************************/

#knav{
position:absolute;
top:3px;
right:10px;

d isplay:none;
bo rder:1px solid red;
}

#knav ul{
float:left;
display:inline;
}

#knav ul li{
float:left;
display:inline;
padding:0 .35em;
}

#knav ul li a{
display:block;
color:#888;
font-size:.85em;
font-weight:normal;
text-decoration:none;
}

#knav ul li a:hover{
color:#36c;
}

/**/

#top,
#footer,
#menu2,
#top .entry1{
display:none;
}

#seite{
margin:0 auto 10px;
text-align:center;
}

#menu p.googlem{
clear:both;
margin:0;
padding:8px 10px 6px;
background:#fff;

display:none;
}

.banner{
position:absolute;
top:36px; 
right:8px;
z-index:10;
}

#kopf{
height:100px;
height:85px;
}

#slogan{
position:absolute;
top:3px;
left:15px;
font-size:.85em;
color:#888;
}



.stats p{
margin:0;
padding:.6em 1em;
font-size:.85em;
color:#666;
}

.stats p a{
font-weight:normal;
color:#666;
text-decoration:none;
}

#nav .gsideb{
margin:0 0 8px;
padding:8px 0 0;
background:#fff;
}

#nav .gsidebhome{
margin:0 0 8px;
padding:8px 0 0 6px;
background:#fff;
}

#main .gentry2{
margin:0 0 0 -5px;
}

#main p a img{
border:0;
}

#main .gstart{
padding:10px 10px 10px 0;
}

#main .gstart2{
padding:0 0 8px;
}

#itop{
margin:0 0 10px;
background:#fff;
padding:10px 15px;
}