/*Hallo, ja - hier ist ein wenig chaos... aber das ganze
  sollte eigentlich funktionieren... Zumindest bei einigermaßen
  zeitgemäßen Browsern. Auf PCs... Die Seiten sind nicht so
  wichtig, dass sie auf Smartphones funktionieren müssten. 
  Ausdrucken will sich das auch keiner. Sicher nicht!
  Und wen was stört, der soll sich halt melden :-)
  Ja, ich weiß, das in der Linkliste die Nachdenkseiten rauslaufen
  wenn das Browserfenster kleiner als neunhundertirgendwas Pixel ist.
  Ist aber der bestmögliche Kompromiss... Wer weiß, wie das besser geht
  bitte Bescheid geben... Mit overflow hidden funktionieren leider die
  Schatten an den Rahmen nicht mehr.
*/

body {
    color: #222;
    background:url(../grafik/raster.jpg);
    font-family:  Verdana, "Verdana Ref",Arial,sans-serif;
    width: 95%;
    min-width: 800px;  
    max-width: 1024px;  
    margin: 0 auto;
}

img {
    border:none;
}

img.bannerbild{   
    
    max-width:70%;
    position:relative;
    left:28%;
}

.bildlinks {
    float:left; 
    margin-right: 2em;
    margin-bottom: 2em;
    border: 1px #999 solid; border-radius: 5px;  
    box-shadow: 5px 5px 10px #333;
}

.bildrechts {
    float:right;
    margin-left: 2em;
    margin-bottom: 2em;
    border: 1px #999 solid; border-radius: 5px;  
    box-shadow: 5px 5px 10px #333;
}

.bildgross {
    margin: 1em 0 1em 0;
    width: 100%; max-width:690px;
}

.bildgal {
    margin: 1em auto;
    text-align:center;
    max-width:690px;
}


div.banner{
    width:100%;
}

.slogan {
    text-align:center;
    font: bold 1.2em "Courier New",Courier,serif  ;
    margin : .1em; 
}

span.inslogan, p.slogan:first-letter {
    font-size: 1.5em;
    color: #bd0202; 
}

span.inslogan{    
    margin-right: -.05em;
}

.artikel {
     float: right;
     width:72%;
     border: 1px #999 solid; border-radius: 5px;  
     box-shadow: 5px 5px 10px #bd0202;  /*dunkel-rot*/
     background:url(../grafik/trans_50.png);
     padding: 0 1em;
     margin-top: .5em;
}
  
h1,h2,h3,h4,h5,h6, a.art-head, .schatten {
    color:#333;
    text-shadow:  1px 1px 2px #999, 0 0 1em #333;
}

h2, h2.centertext {
    font-weight:normal;
    font-size:1.4em;;
}

.einz_artikel {
    margin-top: 1em;
    background: #fff;
    border: 4px #999 double;
    padding: 0 1em;
}

.text, .textohne {
    font-size:1em; color: #000;
    text-align: justify;
}

p.text:first-letter, p.centertext:first-letter {
    font-size:2em; color: #bd0202;
    line-height:1em;
}

.centertext {
    font-size:1em; color: #000;
    text-align:center;
}
.centerquote {
    text-align:center;
    font-style: italic;
    font-size: smaller;
    margin-top: 0;
    margin-bottom: 0;
}

.navilinks, .innavi, .fusszeile {
   font: bold 1em "Courier New",Courier,serif  ;
}

hr.navibalken {
    height: 2px;
    border: solid 2px #666;
    color: #222;
}

.navidiv{
    margin: 0em 1em 0em;
    float: left;
    width: 18%;
 /*   padding: 1em;*/
}

ul.navili, .nosoc {
    padding: 1em;
    border: 1px #999 solid; border-radius: 5px;  
    box-shadow: 5px 5px 10px #bd0202;
    background:url(../grafik/trans_50.png);
    /*margin: 1em 0 2em;
    float: left;
    width: 17%;*/
}

li.navili, ul.navili {
    list-style-type: none;
    line-height: 1.2em;
}

li.artlist {
    list-style: disc outside;
    line-height: 1.2em;
    font-size:.9em;
    margin-bottom:.5em;
}

li.imp {
    list-style-type: disc;
    margin-left: 1.5em;
}

li.form {
    list-style-type: none;
    list-style-position:inside;
    margin-left: -2em;
}  

p.navili {
    text-align:center;
}

p.innerbox {
    border: 1px #222 solid; border-radius: 5px;
    padding: 1em;
}

a.navilinks:link, a.navilinks:visited {
    color: #222;
    text-decoration:none;
}

a.navilinks:hover, a.navilinks:focus, a.navilinks:active {
    color: #ddd;
    background-color: #222;
}

p.link-vor {
    width:45%;
    float: left;
    text-align:left;
    font-size: 1em; font-weight: bold;
}

p.link-nach {
    width:45%;
    float:right;
    text-align:right;
    font-size: 1em; font-weight: bold;
}

.commentlink{
    font-size: .8em; font-weight: bold;
    text-align: right;
    line-height:.5em;
    padding-bottom:1.5em;   
}

.datum, .commentstext:first-line {
    font-size: .75em; font-weight: bold;
/*    text-shadow: 2px 2px 2em #000;*/
}

.commentstext {
    border:1px solid #999;
    padding: 1em;
    background:url(../grafik/trans_50.png);
    overflow:hidden;
}

.temptext{
    border:1px solid #bd0202;font-size: 1.5em;
    color: #bd0202;
    padding: 1em;
    background:url(../grafik/trans_50.png);
}    
    
.comminsert{
    border-top:1px solid #bd0202;
    border-left:1px solid #bd0202;
    border-right:1px solid #bd0202;
    font-size: 1em;
    font-weight: bold;color: #bd0202;
    padding: 1em; margin-bottom:-1em;
    /*    background:url(../grafik/trans_50.png);*/
}

.kommentarfeld {
    width:95%;
    border:1px solid #999;
    background:url(../grafik/trans_50.png);
    padding: 1em;
    margin-top: 2em;
}

.editfenster {
    background:url(../grafik/bg_edit.png) repeat-x bottom left #fff;
    border:1px solid #bbb;
    padding: .5em;
    margin-bottom: 2em;
    font-family:  Verdana, "Verdana Ref",Arial,sans-serif;
    color: #222;
    width: 97%;
	}

.button {
    border:4px ridge #800002; border-radius: 5px;
    box-shadow: 5px 5px 10px #bd0202;
    background-color:#222;
    color:#fff; font-weight:bold; font-size:1em;
    width:50%;
    margin: 0 25%;
}	

.sec {
    list-style-type: none;
    line-height:0em;margin:0;
    display: none;
}
  
.fusszeile {
    font-size:.95em;
    padding: 2em 0 0;
    clear:both;
    text-align:center;
}