* {
  margin:0;
  padding:0;
  font: 12px Arial;
  }



body {
     font: 12px Arial;
      background-image:url(http://www.webjournalismus.de/bf/background.jpg);

}

#alles {
       width:900px;
       margin:0 auto;
       float: left;
       }


p, ul {
    font: 12px Arial;
    margin-bottom: 10px;

  }

a img {
  border : 0 none;
}

a {
  text-decoration:none;
  font-weight: bold;
}

a:link {
   color:#006600;
  }
a:visited {
   color:#669933;
  }
a:hover {
   text-decoration:underline;
  }


  
li{
list-style-image: url('http://www.webjournalismus.de/bf/li.gif');
padding-top:1px;
padding-left:0px;
margin-left:17px;
font-size: 1em;
}




/* ======= ÜBERSCHRIFTEN =============== */
h1 {
   font: 28px Arial;
   margin-bottom: 12px;
   color:#666600;
   background-image:url(http://www.webjournalismus.de/bf/background_uschrift.png);
   background-repeat:no-repeat;
   }

h2 {
   font:12px Arial;
   margin-bottom: 8px;
   font-weight:bold;
   }

h3 {
   font: 12px Arial;
   margin-bottom: 6px;
   color:#000000;
   font-weight:bold;
   }
#teaser p {
font:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
margin-bottom:10px;
}
/* ======= INFOBOX=// Bookmarks ============== */


#metaicons {
margin-top:10px;
margin-left: -10px;
float: right;

}


#bookmark {
margin-top:10px;


}
#bookmark li {

padding-top:5px;
padding-left:0px;
margin-left:0px;
list-style:none;
text-align:left;
width:300px;

}

#infos {
margin-top:10px;

}
#infos li {
padding-top:0px;
padding-left:0px;
margin-left:0px;
list-style:none;
text-align:center;
width:200px;

}

li#datum  {
background-image:url(http://www.webjournalismus.de/bf/datum.gif);
background-repeat:no-repeat;
}

li#autor  {
background-image:url(http://www.webjournalismus.de/bf/autor.gif);
background-repeat:no-repeat;
}

li#fotos  {
background-image:url(http://www.webjournalismus.de/bf/fotos.gif);
background-repeat:no-repeat;
}


/* ======= ENDE ÜBERSCHRIFTEN =============== */

#rubriktextinnen {
padding-left:120px;
padding-top:5px;
padding-right:60px;
margin-right:15px;
margin-bottom: -350px;
}


#rubrikblurb {
min-height:250px;
padding-left:90px;
padding-right:100px;
background-image:url(http://www.webjournalismus.de/bf/polaroid.png);
background-repeat:no-repeat;
margin-top: 100px;
margin-left: -45px;
}

#hometeaser1 {
min-height:300px;
background-image:url(http://www.webjournalismus.de/bf/polaroid.png);
background-repeat:no-repeat;
margin-left:-50px;
}

.rubrikbild {
float:left;
margin-top:-50px;
margin-left:-57px;
}

#rubrikinnen {
background-color:green;
width:250px;
min-height:250px;
margin-left:110px;
padding-left: 30px;
padding-right: 100px;
padding-top: 30px;
background-image:url(http://www.webjournalismus.de/bf/hometeaser.png);
background-repeat:no-repeat;
}


#rubrikteaser {
width:460px;
min-height:150px;
background-color:white;

}

#rubrikteaser_bild {
  float: left;
  width: 90px;
}

#rubrikteaser_text {
  margin-left: 90px;
}

.homebild1 {
float:left;
margin-top:27px;
margin-left:30px;
}

.homebild2 {
float:left;
margin-top:37px;
margin-left:15px;
}

#homeinnen {
width:245px;
min-height:250px;
margin-left:200px;
margin-top:-10px;
padding-left: 40px;
padding-right: 100px;
padding-top: 30px;
background-image:url(http://www.webjournalismus.de/bf/hometeaser.png);
background-repeat:no-repeat;
}


#homeinnen2 {
width:245px;
min-height:250px;
margin-left:200px;
margin-top:-10px;
padding-left: 40px;
padding-right: 100px;
padding-top: 30px;
background-image:url(http://www.webjournalismus.de/bf/hometeaser.png);
background-repeat:no-repeat;
}

#homeinnen3 {
width:245px;
min-height:230px;
margin-left:200px;
margin-top:-10px;
padding-left: 40px;
padding-right: 100px;
padding-top: 30px;
background-image:url(http://www.webjournalismus.de/bf/hometeaser.png);
background-repeat:no-repeat;
}

#hometeaser2 {
min-height:300px;
background-image:url(http://www.webjournalismus.de/bf/polaroid2.png);
background-repeat:no-repeat;
margin-left:-50px;
margin-top:20px;
}


#hometeaser3 {
background-image:url(http://www.webjournalismus.de/bf/polaroid2.png);
background-repeat:no-repeat;
margin-left:-50px;
margin-top:20px;
}

#hometeaser4 {
background-image:url(http://www.webjournalismus.de/bf/polaroid.png);
background-repeat:no-repeat;
margin-left:-50px;
margin-top:20px;
}

#blurb {
font:bold;
background-image:url(http://www.webjournalismus.de/bf/blurb3.png);
background-repeat:no-repeat;
min-height:250px;
margin-top:20px;
padding-left:100px;
padding-top:80px;
padding-right:100px;
}


#blurb2 {
padding-top:20px;
}

#news  {
list-style:none;
width:460px;
min-height:155px;
padding-bottom:5px;
padding-left:10px;
padding-right: 10px;
margin-right:-2px;
margin-left:0px;
margin-bottom:50px;
margin-top:50px;
text-align:left;
text-decoration:none;
background-image:url(http://www.webjournalismus.de/bf/news3.png);
background-repeat:repeat-y;
}

#teaser_haupt {
background-image:url(http://www.webjournalismus.de/bf/hometeaser8.png);
background-repeat:no-repeat;
margin-left:10px;
margin-top:-10px;
padding-left: 50px;
padding-top: 30px;
height:100px;
width:465px;
}


#teaser3 {
width:400px;
min-height:150px;
margin-left:20px;
padding-top:-25px;
}

#teaser3_bild {
float: left;
width: 90px;
}

#teaser3_text {
  margin-left: 90px;
}
/* ======= ENDE HOME =============== */
/* ======= KOPF =============== */



#kopf {
position:absolute;
float:left;
width:389px;
height:61px;
background-image:url(http://www.webjournalismus.de/bf/kopf.png);
background-repeat:no-repeat;
margin-left:120px;
padding:50px;
padding-left:150px;
margin-top:0px;
}

.logo {
margin-top:-3px;
}

#kopf p {
font: 36px Georgia;
color:#fff;
margin-left:220px;
}


#kopfbild {
float:right;
width:200px;
height:160px;
}


.stroisch {
margin-top:-40px;
margin-bottom:-15px;
margin-left:-200px;
}

#kopfinnen span {
display: none;
}

.blog {
background: url("http://www.webjournalismus.de/bf/blog_logo.png") 0px 20px no-repeat;
}

.blog:hover {
background-position: 0px -5px;
}

.blog-link{
width: 290px;
height: 190px;
display: block;
margin: 0 auto;
}



/* ======= Ende KOPF =============== */


/* ======= NAVI =============== */
#navi {
height:81px;
font: 20px Arial, Helvetica, sans-serif;
font-weight:bolder;
background-image:url(http://www.webjournalismus.de/bf/navi.png);
background-repeat:no-repeat;
margin-left:140px;
margin-right:110px;
background-repeat:no-repeat;
clear:both;
}

#naviinnen {
padding:20px; /*Abstand der Schrift in Navi*/
padding-right:10px;
}

#navi ul {
margin-left:80px;
}

#navi li {
float:left;
list-style:none;
margin-left:0px;
margin-right:5px;
height:30px;
line-height:30px;
}

/* ======= Ende NAVI =============== */



/*==========AUFMACHER-BILD =============== */
#rahmen {
width:410px;
height:100px;
background-image:url(http://www.webjournalismus.de/bf/rahmen.png);
background-repeat:no-repeat;
}

#bildaufmacher {
width:430px;
margin:5px;
}

/*==========ENDE  =============== */




/* ======= LINKE SPALTE =============== */
#linkespalte {
width:1px;
}

/* ======= Ende LINKE SPALTE =============== */

/* ======= RECHTE SPALTE =============== */
#rechtespalte {
float:right;
width:170px;
min-height:800px;
margin-top:-90px;
margin-right:-55px;
}

#rechtespalteinnen {
padding-top:50px;
padding-left: 20px;
min-height:800px;
min-width:185px;
background-image:url(http://www.webjournalismus.de/bf/spalte.png);
background-repeat:no-repeat;
}

#werbung1{
padding-top:40px;
margin-left: -5px;
}


/* ======= Ende RECHTE SPALTE =============== */


#textkoerper {
width:450px;
  font: 12px Arial;
}


/* ======= LINKBOX =============== */

#textkoerper #jingle-dos  {
width:180px;
padding:5px;
margin-top:40px;
margin-right:-2px;
margin-left:10px;
text-decoration:none;
float:right;
}



#jingle-dos li#haupt {
background-image:url(http://www.webjournalismus.de/bf/box_haupt.png);
background-repeat:no-repeat;
margin-left:25px;
margin-top:-40px;
height:50px;
width:220px;
margin-bottom:-5px;
padding-top: 8px;
padding-left:8px;
}

#jingle-dos li#haupt a{
font-weight: bold;
background-color: #ef8a22;
color: white;
text-decoration: none;
}

#jingle-dos li#haupt a:hover{
text-decoration: underline;
}

#jingle-dos li {
list-style:none;
margin-bottom:10px;
padding-left:5px;
text-align:left;
}

#jingle-dos li#ebene1-normal{
background-color:#ef8a22;
margin-left:27px;
margin-top:-13px;
padding-left: 12px;
height:20px;
width:144px;
}

#jingle-dos li#ebene1-open {
margin-left:27px;
height:25px;
width:144px;
background-color:#ef8a22;
padding-left: 12px;
margin-top:-12px;
background-image: url(http://www.webjournalismus.de/bf/pfre.gif);
background-position: 4px 6px;
background-repeat: no-repeat;
font-weight: normal;
}

#jingle-dos li#ebene2-normal {
margin-left:27px;
margin-top:-12px;
padding-left: 27px;
height:20px;
width:129px;
background-color:#f1cdaa;
}

#jingle-dos li#ebene2-open {
margin-left:27px;
height:25px;
width:131px;
padding-left: 12px;
margin-top:-12px;
padding-left: 25px;
background-image: url(http://www.webjournalismus.de/bf/pfre.gif);
background-position: 16px 6px;
background-repeat: no-repeat;
font-weight: normal;
background-color: #f1cdaa;
}


/* ======= TEASER2=============== */




#teaser2 {
width:400px;
min-height:150px;
}

#teaser2_bild {
float: left;
width: 90px;
}

#teaser2_text {
margin-left: 90px;
}
/* ======= Ende TEASER2=============== */



/* ======= HAUPTTEXT =============== */
#hauptext {
background-image:url(http://www.webjournalismus.de/bf/block.png);
background-repeat:repeat-y;
margin-left:140px;
width:650px;
min-height:770px;
}

/* ======= BREADCRUMB =============== */

#navipath {
padding:5px 20px 15px 50px;
background-image:url(http://www.webjournalismus.de/bf/crumb.png);
background-repeat:no-repeat;
}


/* ======= ENDE-BREADCRUMB =============== */
#haupttextinnen {
padding-left:140px;
padding-top:5px;
padding-right:100px;
margin-right:15px;
}

#hometextinnen {
padding-left:120px;
padding-top:5px;
padding-right:60px;
margin-right:15px;

}

.bildrechts {
float:right;
margin: 0 0 5px 14px;
padding:50px 50px 90px 50px; /*links oben unten rechts */
background-color: #ccc;
background-image:url(http://www.webjournalismus.de/bf/bild.jpg);
background-repeat:no-repeat;
}



/* ======= Ende HAUPTTEXT =============== */

/* ======= FUSS =============== */
#fuss {
background-image:url(http://www.webjournalismus.de/bf/fuss.png);
background-repeat: no-repeat;
text-align:left;
height:50px;
padding:50px;
padding-left:150px;
margin-left:136px;
margin-top:-11px;
clear:both;
border-right:thick;
border-right-color:#666666;
}



#fuss li {
list-style:none;
line-height:20px;
display:inline;
margin-left:0px;
padding:5px;
border-right:thick;
border-right-color:#666666;

}

.bildtasse {
 margin-left:470px;
margin-top:-140px;
}
/* ======= Ende FUSS =============== */




/* Starbox */

.starbox .stars { background: #cccccc; }
.starbox .rated .stars { background: #dcdcdc; }
.starbox .rated .hover .stars { background: #cccccc; }
.starbox .colorbar { background: #e7813f; }
.starbox .hover .colorbar { background: #ffaf6b; }
.starbox .rated .colorbar { background: #e7813f; }
.starbox .rated .hover .colorbar { background: #ffaf6b; }
.starbox .ghost { background: #ffaf6b; }
.starbox .indicator { clear: both; }

li.star {   list-style: none;}

#haupttextinnen  div.star {
padding-left: 0px;
margin-left: 0px;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
FONT-SIZE: 10px;
}

#haupttextinnen  div.star ul{
margin: 0 5px 0 0;
padding: 0;
}


#haupttextinnen div.star li{
display: inline;
margin: 0 5px 0 0;
padding: 0;
}


ul.starbox {
margin: 0 5px 0 0;
padding: 0;
}


li.starbox {
display: inline;
}

#borderline {
width:500px;
margin-top:10px;
height:25px;
background-image:url(http://www.webjournalismus.de/bf/border2.png);
background-repeat:repeat-x;
float:left;
}

#borderline2 {
width:500px;
height:50px;
background-image:url(http://www.webjournalismus.de/bf/border2.png);
background-repeat:repeat-x;
}