BODY {

 position: absolute;
 width: 800px;
 left: 50%;
 margin-left: -400px;
 line-height: 20px;
 font-family: Arial;
 font-size: 14px;


 background-color:#555F55;



}

*::selection {
        background: #F58EEC; /* Safari */
        }
*::-moz-selection {
        background: #F58EEC; /* Firefox */
}

#root{
 margin-top: 25px;
 margin-bottom:20px;
 background-color:white;
 box-shadow: 10px 10px 5px #111;       /* Top Offset, Right Offset, Size, Color */

    -webkit-box-shadow:10px 10px 5px #222;
    -moz-box-shadow:  10px 10px 5px #222;
}

IMG {
 margin: 0px 0px 0px 0px;
 border:none;
}

input{
margin:2px;
padding:2px;

border:1px solid black;
color:#000;
background-color:#eee;
  border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
     outline: none;

}
input[type="text"]{
background-color:#fff;
}
textarea{
margin:2px;
padding:2px;
background: url(img/zirkel.gif) center center no-repeat;
background-color:#fff;
border:1px solid black;
color:#000;

  border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;

 box-shadow: 5px 5px 5px #888;
    -webkit-box-shadow: 5px 5px 5px #888;
    -moz-box-shadow: 5px 5px 5px #888;
     outline: none;

}



a {
    color:#008040;
    text-decoration: none;
  }



a.menu {
        float:right;
        margin-right: 25px;
        font-weight:100;
        color: black;
        }



a.footer { color: black; }
a.footer:hover { color:#008040; font-weight:normal; }
a:hover {  font-weight:bold;   }



p.menu {
     padding-top:60px;
     padding-bottom:100px;
     margin-top: 60px;
     border-right:1px solid black;

}



#news {
  width:533px;
  margin-bottom:10px
  padding:0px;
  float:left;
  background-repeat:no-repeat;
  background-position:100% 100%;

}

#top {
padding:5px
}

#inhalt {
padding:5px;
}

#bottom {
padding:5px
}

#banner {
         height: 144px;
    }

#menu {
       width: 175px;
       margin-left: 0px;
       float: left;
       clear:all;
       font-size:16px;
       line-height:26px;
}



#main {
       width: 545px;
       padding: 60px 0px 0px 40px;
       float:left;
       height:100%;

}


#events {
       width: 200px;
       padding: 60px 0px 0px 40px;
       float:left;
       height:100%;
}


#fuss {
 height 120px;
 background-image:url(bg.jpg);

 font-size:10px;
 text-align:center;
}



#prog {width: 500px; padding:0 margin:0;  border:none; }
#prog_datum {width: 200px; float:left;   }
#prog_titel {width: 300px; float:left; clear:all; }
#prog_end_date { width: 499px; float:left; }



#nextfive  {
            margin:20px;
            width:250px;
            padding:0px;
            border:1px solid black;
            float:right;
  border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;

 box-shadow: 5px 5px 5px #888;
    -webkit-box-shadow: 5px 5px 5px #888;
    -moz-box-shadow: 5px 5px 5px #888;

}



#photo{

  width: 800px;

  background-color:white;

  border:3px solid grey;

}

#profil{
 width: 500px;
 height: 80px;

 border:solid;
 border-color: black;
 border-width:1px;
 padding:5px;

  border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;

 box-shadow: 5px 5px 5px #888;
    -webkit-box-shadow: 5px 5px 5px #888;
    -moz-box-shadow: 5px 5px 5px #888;


}

#comment{
 width: 100%;
 line-height:16px;
 border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;

 box-shadow: 5px 5px 5px #888;
    -webkit-box-shadow: 5px 5px 5px #888;
    -moz-box-shadow: 5px 5px 5px #888;


 background: #eee;
 margin-bottom:20px;
 min-height:80px;
}
#comment .inside {
padding:20px;
}





.n-date{
 width:100%;
 min-height:30px;
 border:solid;
 border-color: black;
 border-width:1px;
  border-bottom:none;
 background-color:#D6D6D6;
}

.tag-alpha {
 width:100px;
 float:left
}

.tag-num{
 width:50px;
 float:left
}

.monat{
 width:50px;
 float:left
}

.x-date-root{
 background-color:#83FF5E;
 border:solid;
 border-color: black;
 border-width:1px;
 border-bottom:none;
 margin-right:-2px;
}

.x-date{

 padding-left:50px;
 padding-top:5px;


 min-height:30px;
}



.x-date-titel{
 float:left
}

.x-date-desc{
 padding-top:10px;
 padding-bottom:10px;
}
.x-date-commentcount{
background-image: url('img/icons/web_app/comments.png');
width:16px;
height:16px;
font-size:11px;
text-align:center;
line-height:12px;
float:right;
margin-left:10px;
}

.x-date-comment{
 border:solid;
 border-color: black;
 border-width:1px;

padding:10px;
margin-right:50px;
background-color:#D6D6D6;
text-align:center;
}

#date{
width:100%;
height:100%;
padding-left:50px;
background-color:#F8FF7F;

}


a #n-news{
color:black;
font-weight:normal;
}

.button{
margin:2px;
padding:2px;
border:1px solid black;
float:left;
color:#000;
background-color:#eee;
  border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

.warnung{
color:red;
}

.quote{
float:left;
width:100%;

border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;


box-shadow: 5px 5px 5px #888;
    -webkit-box-shadow: 5px 5px 5px #888;
    -moz-box-shadow: 5px 5px 5px #888;

background-color:#D6D6D6;
margin-top:20px;
margin-bottom:20px;
//border-left:1px solid black;
}
.quote .inside{

padding:5px;
text-shadow: #000 3px 3px 5px;
}

.quote_pers{
text-shadow:none;
font-weight:bold;
}

.getimgbyuser{
position:absolute;
left:400px;
top:400px;
margin:2px;
padding:5px;
border:1px solid black;
background-color:#D6D6D6;
}


#chat{
position:fixed;
bottom:0px;
right:50px;
width:200px;
background-color:#fff;
}

.f_leiste{ width: 100%;  border-radius: 10px;          -webkit-border-radius: 10px;          -moz-border-radius: 10px;
                              box-shadow: 5px 5px 5px #888; -webkit-box-shadow: 5px 5px 5px #888; -moz-box-shadow: 5px 5px 5px #888;
                background: #eee;  margin-bottom:10px; min-height:30px;  }
.f_leiste_innen {padding:0 10px 0 10px; line-height:30px;}

.f_cat { width: 100%;  border-radius: 10px;          -webkit-border-radius: 10px;          -moz-border-radius: 10px;
                       box-shadow: 5px 5px 5px #888; -webkit-box-shadow: 5px 5px 5px #888; -moz-box-shadow: 5px 5px 5px #888;
         background: #eee;  margin-bottom:10px; height:30px;  white-space:nowrap; overflow:visible;
}

.f_trennlinie { width: 100%;  border-radius: 10px;          -webkit-border-radius: 10px;          -moz-border-radius: 10px;
                              box-shadow: 5px 5px 5px #888; -webkit-box-shadow: 5px 5px 5px #888; -moz-box-shadow: 5px 5px 5px #888;
                background: #eee;  margin-bottom:10px; height:10px;
}
.f_cat_name   { float:left;  line-height:30px;  font-size:24px; width:180px; background: #D6D6D6; padding-left:10px;   border-radius: 10px; -webkit-border-radius: 10px;  -moz-border-radius: 10px;  }
.f_cat_bez    { float:left;  line-height:30px;  font-size:14px;              background: #eee;    padding-left:10px;    }
.f_cat_themen { float:right; line-height:30px;  font-size:14px;              background: #eee;    padding-right:10px;  border-radius: 10px; -webkit-border-radius: 10px;  -moz-border-radius: 10px;   }

.f_themen { width: 100%;  border-radius: 10px;          -webkit-border-radius: 10px;          -moz-border-radius: 10px;
                              box-shadow: 5px 5px 5px #888; -webkit-box-shadow: 5px 5px 5px #888; -moz-box-shadow: 5px 5px 5px #888;
                background: #eee;  margin-bottom:10px; min-height:30px;}

.f_themen_head { height:30px;}
.f_thema       { height:30px; white-space:nowrap; overflow:visible;}
#f_thema_name  { float:left; margin-left:10px; width:265px; }
#f_thema_views { float:left; margin-left:10px; width:1px; }
#f_thema_antw  { float:left; margin-left:10px; width:50px; text-align:right;}
#f_thema_last  { float:left; margin-left:10px; width:95px; text-align:right;}
#f_thema_autor { float:left; margin-left:10px; width:70px;}

#shoutbox { border-radius: 10px;          -webkit-border-radius: 10px;          -moz-border-radius: 10px;
            box-shadow: 5px 5px 5px #888; -webkit-box-shadow: 5px 5px 5px #888; -moz-box-shadow: 5px 5px 5px #888;
            background: #eee;  margin-bottom:10px; min-height:30px;

}
.sb_inside {padding:5px;}