/* einfach-persoenlich.de - Strategisches Webdesign mit Persoenlichkeit
(c) 2001-2010 Dipl.-Ing. Joerg Petermann */

body{
margin-top:0;
margin-left:auto;
margin-right:auto;
margin-bottom:0;
padding:0;
text-align:center;
color:#333;
font:12px/16px verdana, arial, helvetica, sans-serif;
background:#A16715;
background:#F0C280 url(/bild/slbg_neu2.jpg) repeat-x left 0 fixed;
background:#A16715 url(/bild/slbg_neu3.jpg) repeat-x left -600px fixed;
background:#b67e31;
}

#sbody{
margin:0;
padding:0;
text-align:center;
}

#seite{
margin:15px auto 20px;
padding:0;
width:900px; /* wenigstens 897 px*/
position:relative;
background:#fcf3e6 url(/bild/bg-slblog.gif) repeat-y center top;
border:1px solid #E8A340;
border-width:1px 2px;
}


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

#kopf{
height:104px;
background:transparent url(/bild/sbody7.gif) no-repeat center top;
}

#kopf h1,
#kopf strong{
display:none;
}

/**** Content Gesamt ****/

#content{
margin:24px 0;
padding:0;
text-align:left;
border:1px solid #fff;
}

#slogan{
display:none;
}

#content a{
color:#005ce0;
text-decoration:none;
border:0;
}

#content a:hover,
#content a:active{
color:#e8a340;
text-decoration:none;
border-bottom:1px dotted #e8a340;
}

#content h1{
margin:0 0 6px;
padding:0;
font-size:14px;
font-weight:bold;
color:#e8a340;
}

#content h1 a{
text-decoration: none;
color:#e8a340;
border:none;
}

#content h2{
margin:0 0 10px;
padding:3px;
font-size:12px;
color:#A16615;
background:#f0c280;
text-align:center;
clear:both;
border-top:1px solid #A16615;
}

#content h3,
#content h3 a{
color:#A16615;
}

#content p{
margin:0 0 13px;
padding:0;
}

#content p.l,
#content #toptext p.l{
margin:4px 10px 10px 0;
padding:4px;
float:left;
border:1px solid #f7e0bf;
background:#fff;
}

#content p.r{
margin:4px 0 10px 10px;
padding:4px;
float:right;
border:1px solid #f7e0bf;
background:#fff ;
}

#content #toptext p.l{
margin:4px 20px 0 0;
}

#content p.ll{
margin:0 100px 13px 0;
}

#content p.rr{
margin:0 0 13px 100px;
}

#content p.lltop{
margin:0 255px 10px 0;
}

#content p.rrtop{
margin:0 0 10px 255px;
}

#content label{
font-weight:bold;
}

#content input#email,
#content input#author,
#content input#url{
margin:0;
padding:0;
width: 150px;
}

#content p#fn1{
margin-top:20px;
padding-top:20px;
border-top:1px solid #ccc;
}

/*** Content allgemeine Spezialformate ***/

#content .links{
margin:4px 10px 10px 0;
padding:0;
float:left;
}

#content .mitte{
margin:4px 10px 10px;
padding:0;
text-align:center;
}

#content .rechts{
margin:4px 0 10px 10px;
padding:0;
float:right;
}

#content #subtext .links,
#content #nav .links{
margin:4px 5px 2px 0;
}

#content #subtext .rechts,
#content #nav .rechts{
margin:4px 0 2px 5px;
}

#content .rand,
#content #nav p.rand{
padding:4px;
border:1px solid #f7e0bf;
background:#fff;
}

#content .rand2{
border:1px solid #333;
}

content .ohne{
border:none;
}

#content .box{
padding:10px;
background:#efefef;
}

#content .box2{
padding:10px;
background:#f5f5f5;
}

#content .box3{
margin:0;
padding:10px;
border:1px solid #f7e0bf;
background:#fcf3e6;
}

#content p em{
font-size:13px;
}

/* Spezielle �berschreibung von .links */

#content blockquote{
margin:10px 0;
padding:20px 15px 0 35px;
width:290px;
color:#be7000;
border:1px solid #f0c280;
background:#fcf3e6 url(/bild/bq.gif) no-repeat top left;
}

* html #content blockquote{
width:342px;
w\idth:290px;
}

#content blockquote.rechts{
margin:3px 0 10px 10px;
padding:20px 15px 0 35px;
float:right;
width:290px;
color:#be7000;
border:1px solid #f0c280;
background:#fcf3e6 url(/bild/bq.gif) no-repeat top left;
}

#content blockquote.links{
margin:3px 10px 10px 0;
padding:20px 15px 0 35px;
float:left;
width:290px;
color:#036;
border:1px solid #f0c280;
background:#fcf3e6 url(/bild/bq.gif) no-repeat top left;
}

* html #content blockquote.rechts,
* html #content blockquote.links{
width:352px;
w\idth:290px;
}

#content blockquote.suche,
#content blockquote.voll{
width:400px;
}

* html #content blockquote.suche,
* html #content blockquote.voll{
width:435px;
w\idth:400px;
}

#content blockquote.suche{
background:#fcf3e6;
}

#content blockquote em{
margin:0;
padding:0;
display:block;
text-align:right;
}


/**** Content Text ****/


#main #text{
margin:0;
padding:0;
float:left;
width:900px;
}


/**** Content Main ****/

#main{
margin:4px 0 30px;
padding:10px 15px 10px 0;
float:right;
width:480px;
}

* html #main{
width: 510px;
w\idth: 480px;
}

#main p em{
margin:0 0 -5px 0;
padding:0;
font-weight:normal;
font-size:11px;
}

#main ul{
margin:10px 0;
padding:0;
}

#main ul li{
margin:0 0 0 13px;
padding:0 0 3px 20px;
list-style:none;
background:transparent url(/bild/pkt5.gif) no-repeat left 3px;
}

#main ul li ul li{
list-style:none;
background:transparent url(/bild/pkt2.gif) no-repeat left 3px;
}

#main ul li ul li ul li{
list-style:none;
background:transparent url(/bild/pkt3.gif) no-repeat left 3px;
}

#main ol{
margin:10px 0 10px 33px;
padding:0;
}

#main ol li{
margin:0;
padding:0 0 3px;
}

/* Main Tabelle */

#main table{
margin:0;
padding:0px;
border:1px solid #ccc;
}

#main td{
margin:3px;
padding:8px;
border:1px solid #ccc;
background:#f5f5f5;
vertical-align:top;
}

#main td.grau{
background:#ddd;
text-align:center;
}

#main td.grau strong{
color:#036;
font-weight:bold;
}

#main td.braun{
color:#036;
background:#fcf3e6;
}

#main td ul,
#main td ol{
margin:0 0 5px;
padding:0;
}

#main td ul li{
margin:0;
padding:0 0 3px 13px;
list-style:none;
background:transparent url(/bild/pkt.gif) no-repeat left 3px;
}

#main td ol li{
margin:0 0 0 20px;
padding:0 0 3px;
}

#main input{
border:1px solid #ccc;
font:12px verdana, arial, helvetica, sans-serif;
}

#main input#vorschau{
margin:0 0 10px;
font-family:verdana, arial, helvetica, sans-serif;
display:block;
}

#main textarea{
margin:5px 0 10px;
border:1px solid #ccc;
font:12px verdana, arial, helvetica, sans-serif;
}

#main label{
margin:10px 0 0;
padding:0;
display:block;
font-weight:normal;
}

#main label#yes,
#main label#no{
margin-left:10px;
display:inline;
}

#main ul li.dok{
background:transparent url(/bild/dok.gif) no-repeat left 3px;
}

#main ul li.ext{
background:transparent url(/bild/pkt12.gif) no-repeat left 3px;
}

#main ul li.cl{
background:transparent url(/bild/pkt-cl.gif) no-repeat left 3px;
}

#main p a img, /*?? */
#main p a:hover img{
text-decoration:none;
border:0;
}

#main p.hr{
clear:both;
margin:10px auto;
padding:0;
height:20px;
background:transparent url(/bild/hr1.gif) no-repeat center 0;
}

#main ul li.liste{
float:left;
background:transparent url(/bild/pkt12.gif) no-repeat 0 8px;
}

#main ul li.liste a img{
border:0;
}

#main ul li.liste a{
border:0;
}

#main ul li.rss{
float:left;
margin-top:2px;
background:transparent url(/bild/rss.gif) no-repeat 0 2px;
}

/* Content Navigation */

#nav{
margin:4px 0 30px;
padding:10px 0 10px 15px;
float:left;
width:367px;
}

* html #nav{
width:382px;
w\idth:367px;
}

#nav .spalte{
width:165px;
float:left;
padding-right:14px;
}

* html #nav .spalte{
width:178px;
w\idth:165px;
}

#nav .spalte h2{
margin-right:0;
}

#nav h1{
margin-top:10px;
}

#nav h2{
margin-bottom:0;
margin-right:15px;
}

#nav ul{
margin:0 0 20px;
padding:5px 0;
}

#nav li{
margin:0;
padding:3px 10px 3px 13px;
list-style-type:none;
background:transparent url(/bild/pfeil2.gif) no-repeat 0 6px;
display:block;
}

#nav ul li ul li{
background:transparent url(/bild/pfeil3.gif) no-repeat 0 6px;
}

#nav li a,
#nav li a:hover{
display:block;
border:none;
}

#nav li.rss a,
#nav li.rss a:hover{
display:inline;
}

#nav li:hover{
display:block;
background:#fcf3e6 url(/bild/pfeil.gif) no-repeat 0 6px;
}

#nav li.rss,
#nav li.rss:hover{
padding:3px 0 3px 20px;
background:transparent url(/bild/rss.gif) no-repeat 0 4px;
}

#nav ul ul{
margin:0;
padding:0;
}

#nav #suche{
margin:0;
padding:0;
}

#nav #suche form{
margin:10px 15px 10px 0;
padding:0;
}

#nav #suche form input{
width:158px;
padding:2px;
margin-right:10px;
}

#nav p.rrtop{
margin:0;
}

#nav p.l{
margin:10px 10px 2px 0;
}

#nav p.r{
margin:14px 15px 8px 10px;
}

#nav p.gross,
#main p.gross{
display:none;
float:none;
}

#nav p{
margin:10px 15px 10px 0;
}


#nav ul.liste{
float:left;
}

#nav ul li.liste{
float:left;
width:150px;
}

#nav ul.kommentare{
margin-right:15px;
}

#nav ul.kommentare li a{
display:inline;
}

#nav ul#bookmark li{
padding:0 0 6px 20px;
background:#fcf3e6 url(/bild/pfeil.gif) no-repeat 2px 3px;
}

#nav p#technorati a img,
#nav ul#bookmark li a img{
border:0;
}

#nav p#technorati a{
border:0;
}


/* Content Subtext */


#subtext{
display:none;
}


/** Men� Hauptnavigation ***/

#menu{
top:103px;
left:0px;
position:absolute;
height:26px;
width:100%;
border:solid #e8a340;
border-width: 1px 0;
background:#e8a340;
}

#menu ul{
margin:0;
padding:5px 0 5px 2px;
position:relative;
background:transparent url(/bild/menu.gif) repeat-x left top;
}

#menu li{
margin:0 0 0 -4px;
padding:0;
list-style-type: none;
display:inline;
}

#menu li a{
margin:2px 1px 2px 1px;
padding:2px 13px;
text-decoration: none;
color:#fff;
font-size:12px;
font-weight:bold;
border-right:1px solid #fff;
}

#menu li.a a{
border-right:none;
}

#menu li a.a{
padding:4px 14px 4px 15px;
}

#menu li a:hover{
color:#704200; /*braun2*/
}

#menu li.aktiv a{
color:#704200; /*braun2*/
}

/*** Seiten-Fuss ***/

#fuss{
margin:0;
padding:0;
background:#f7e0bf;
font-size:11px;
border:solid #e8a340;
border-width:1px 0 0;
clear:both;
}

#fuss p{
margin:0;
padding:10px 0 ;
color:#a86300;
}

#fuss a{
color:#005ce0;
text-decoration:none;
border-bottom:1px dotted #005ce0;
}

.clear{
clear:both;
}

/*** Seiten-Fuss 2. Navigation ****/

#fmenu{
margin:0;
padding:0;
width:100%;
background:#f0c280;
}

#fmenu ul {
margin:0;
padding:2px 0;
border-bottom:1px solid #e8a340;
}

#fmenu li {
margin:0;
padding:0;
list-style-type: none;
display:inline;
border-right:1px solid #e8a340;
}

#fmenu li.a{
border-right:none;
}

#fmenu li a {
margin:0;
padding:0 6px;
text-decoration: none;
color:#a86300; /*braun*/
font-size:11px;
border:none;
}

#fmenu li a:hover {
color:#fff;
}

#fmenu li.aktiv a {
color:#fff;
}

#fmenu li.aktiv a:hover {
color:#fff;
}


/*** Aktuell Bereich ****/

#calendar{
margin-right:15px;
}

#calendar caption{
font-weight:bold;
margin-top:10px;
}

#calendar table{
margin: 10px 30px 20px;
padding:6px;
width:230px;
text-align:center;
border:1px solid #e8a340;
}

#calendar td{
margin:0;
padding:3px 9px;
border:solid #e8a340;
border-width: 1px 1px 0 0;
}

#calendar th{
padding:4px 2px;
border:solid #e8a340;
border-width: 1px 1px 0 0;
background:#f7e0bf;
}

/*** Aktuell Kommentare ****/

#main .beige,
#main .grau,
#main .sl{
margin:0 0 20px;
padding:10px;
background:#f5f5f5;
border:1px solid #ddd;
}

#main .grau{
background:#f5f5f5;
border:1px solid #ddd;
}

#main .sl{
background:#fcf3e6;
border:1px solid #f7e0bf;
}

#main .beige p.posted,
#main .grau p.posted,
#main .sl p.posted{
margin:0 0 6px;
padding:0;
border-top:none;
border-bottom:1px solid #ddd;
}

#main .sl p.posted{
border-bottom:1px solid #f7e0bf;
}

/*** Aktuell TB ****/

#main #trackbacks{
margin-top:4em;
margin-bottom:2em;
padding:.3em;
border:1px solid #ddd;
border-width:1px 0;
}

#main .date{
margin-bottom:4px;
}


#content #main .tags{
margin:4px 0 13px;
border-top:1px dotted #f7e0bf;
}

#content #main .tags a{
color:#333;
border:0;
}

#content #main .tags a:hover{
color:#2b5782;
border:1px dotted #f7e0bf;
}

/***/

#main p.date{
clear:both;
margin-top:-.4em;
padding:.3em 0;
font-size:.9em;
border-top:1px solid #F7E0BF;
}

#main p.hr2{
padding:1em 0;
background:transparent url(/bilder/hr1.gif) no-repeat center center;
background:#fff;
}

#nav select{
width:160px;
margin:0;
color:#666;
background:#fff;
}

#nav a.no,
#nav a.no img{
border:0;
}


#content #main .comments-open{
width:32em;
margin:0 auto 2em;
text-align:center;
padding:2em 3em;
background:#FCF3E6;
border-top:3px solid #F0C280;
border-top:3px solid #A16615;
background:#F0C280 url(/bild/slbg_neu3.jpg) repeat-x left -400px;
}

#main .comments-open span{
font-size:.9em;
color:#A16615;
}

#main textarea,
#main input{
margin:.3em 0 1em;
padding:.4em 1.2em;
width:95%;
color:#A16615;
font:12px arial, verdana, helvetica, sans-serif;
border:1px solid #F0C280;
border:0;
border-bottom: 2px solid #F0C280;
border-bottom: 2px solid #A16615;
}

#main input.no{
display:none;
}

#main #comments-open-text{
margin:.6em 0;
}

#main input#comment-bake-cookie{
width:2em;
}

#main label{
padding-left:1.2em;
display:block;
text-align:left;
font-weight:normal;
color:#555;
}

#main input#comment-preview,
#main input#comment-submit{
margin:0 1.2em;
width:13em;
background:#F0C280;
font-weight:bold;
color:#A16615;
border:solid #A16615;
border-width: 1px 2px 2px 1px;
}

#main input#comment-preview:hover,
#main input#comment-submit:hover{
border:solid #E8A340;
border-width: 1px 2px 2px 1px;
}

#main input#comment-subscribe{
width:1em;
}

#main #comment-form-subscribe{
margin:-1em 0 1em;
}

#comment-form-email,
#comment-form-name{
width:14em;
float:left;
margin:0 2em 0 0;
}

#comments-open-text,
#comment-form-url{
width:31em;
}

#main .center{
text-align:center;
}


#content #main .entrymeta{
clear:both;
padding:.2em;
text-align:center;
font-size:.9em;
border-top:1px solid #F0C280;
border-bottom:1px solid #F0C280;
width:44em;
margin:0 auto 1em;
color:#036;
}

#content #main .entrymeta a{
color:#36c;
}


#content #comments{
text-align:center;
color:#036;
}

#content #main .trackback,
#content #main .comment{
width:32em;
margin:0 auto 1em;
padding:1em 3em .4em;
background:#FCF3E6;
border-top:3px solid #F0C280;
}

#content #main .trackback p{
font-size:.9em;
}

#content #main .comment-content,
#content #main .comment-header{
font-size:.9em;
}

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

#content #main .trackback .posted,
#content #main .comment-header{
border-bottom:1px solid #F0C280;
margin-bottom:.3em;
padding-bottom:.3em;
}

#content #main .comment-header span{
font-size:1.6em;
color:#E8A340;
padding:.2em;
}

#content #main .comment-header span a{
color:#E8A340;
}

#content #main .comment-header span a:hover{
color:#A16615;
}

#content .mitte img{
border:1px solid #f0c280;
padding:4px;
}


.newsletter{
float:left;
display:inline;
height:100px;
width:350px;
margin:0 0 1em;
padding:0;
background:#fff;
border:1px solid #F7E0BF;
}

.newsletter form{
float:left;
display:inline;
margin:0;
padding:0 1em;
}

.newsletter label{
display:block;
}

.newsletter input{
color:#A16615;
width:150px;
font-weight:normal;
font-family:verdana;
background:#FCF3E6;
border:1px solid #F0C280;
}

.newsletter input#mail{
padding:3px 0;
}

.newsletter input#abo{
font-weight:bold;
padding:3px 0px;
background:#F0C280;
border:solid #A16615;
border-width:1px 2px 2px 1px;
}

.newsletter input#abo:hover{
border:solid #E8A340;
border-width:1px 2px 2px 1px;
}

.newsletter ul{
float:left;
display:inline;
}

.newsletter p{
text-align:center;
color:#A16615;
font-weight:bold;
}


#nav ul.sl{
width:350px;
background:#fff;
border:1px solid #F7E0BF;
}

#nav ul.sl li{
padding:3px 10px 3px 26px;
list-style-type:none;
background:transparent url(/bild/pkt6.gif) no-repeat 13px 6px;
}

#nav ul.sl li:hover{
background:#FCF3E6 url(/bild/pkt6.gif) no-repeat 13px 6px;
}

#main h3{
margin-bottom:.4em;
}

#main .mitte a:hover img{
border:1px solid #36c;
}

#main .mitte a:hover,
#main p.r a:hover,
#main p.l a:hover{
border:0;
}

#main #comments-challenge input{
width:92% !important;
}

#main #comments-challenge{
text-align:left;
}