/* http://www.ego-s.net/ */
/* css released under Creative Commons License - http://creativecommons.org/licenses/by-nc-sa/1.0/  */
/* All associated graphics copyright 2006, Peter Beicht */
/* IMPORTANT */
/* This design is not a template. You may not reproduce it elsewhere without the
   designer's written permission.  */
   

/* .. fundament .. */

body {
        background-color:#ffffff;
        font-size:12px;
        font-family:'Trebuchet MS', Verdana, sans-serif;
        letter-spacing:0.8px;
        color:#333;
        margin:0;
        padding:0;
        }
        
html, body {
        height: 100%;
        }
        
a {
        color:#999999;
        text-decoration:none;
}

a:hover {
        color:#CC0000;
        text-decoration:none;
}

a img {
        border:none;
}




/* .. chassis .. */

#header {
        height:38px;
        margin:16px auto 20px auto;
        padding-left:16px;
        position:relative;
        text-align:right;
        width:740px;
}

#header h1 {
        background:url(/pixel/templates/ego-pixel/menu/logo.gif) no-repeat;
        cursor:pointer;
        float:left;
        height:34px;
        overflow:hidden;
        margin:6px;
        padding:0;
        text-align:left;
        text-indent:-1000px;
        width:120px;
}

#content {
        clear:both;
        text-align:center;
        min-height: 100%;
        position: relative;
}

* html #content {height: 100%;}

#dingens {margin-bottom: 1.5em; float: right;}

#Infokrooms {
        margin:50px 50px 0 0;

             }
            
#ImageInfo {

        word-spacing:3px;
        padding:40px 0 40px 0;

}

#AreaSpace {
        width:800px;
        margin:0 auto;
        text-align:center;
}

#Area, #archive, #about, #links {
        margin:0 auto;
        text-align:center;
}

#about {
        padding:25px 50px 50px 50px;
        text-align:justify;
}

#about a {
        font-weight:bold;
}

#about a:hover {
        font-weight:bold;
}

#pics {
        text-align:left;
        margin:0 0 20px 0px;
        padding:15px 0 0 0;
        }

#verweise {
        clear:both;
        margin:10px 0 20px 0;
        text-align:left;}

#verweise_l {
        float:left;
        width:40%;
        }

#verweise_r {
        float:right;
        width:40%;
        }

/* .. Bildkrooms .. */



#Image {
   text-align: center;
   margin-right: auto;
   margin-left: auto;
   margin: 0px auto 0px auto;
}

#below {

       word-spacing:3px;
       margin: 10px 0 0 0;
       padding: 0 0 0 50px;
       text-align:right;
       }
       
#below a {
        color:#333;
        text-decoration:none;
}

#below a:hover {
        color:#CC0000;
        text-decoration:none;
}

#leistePrev {
        float:left;
        overflow:hidden;
        width:20px;
}

#leisteNext {
        float:right;
        overflow:hidden;
        width:20px;
}

#leistePrev a, #leisteNext a {
        display:block;
        font-size:0.000001mm;
        height:100%;
        overflow:hidden;
        width:20px;
}

#rahmen_oben {
        background: url(../menu/rahmen_oben.gif) no-repeat;
        height:20px;
        text-align:right;
}

#rahmen_obenR {
        background: url(../menu/rahmen_obenR.gif) no-repeat top right;
        float:right;
        height:20px;
        width:20px;
}

#rahmen_unten {
        clear:both;
        background: url(../menu/rahmen_unten.gif) no-repeat;
        min-height:20px;
}

#rahmen_untenR {
        background: url(../menu/rahmen_untenR.gif) no-repeat top right;
        float:right;
        min-height:20px;
        padding:33px 20px 0 7px;
}

#thumbmain {
        padding:0 40px;
        margin:24px auto;}

#thumbmain a img{
        border:4px solid #FFFFFF;
        border-bottom:0px;
        border-left:0px;
}

#thumbmain a:hover img{
        border:4px solid #FFFFFF;
        border-top:0px;
        border-right:0px;}

#thumbrow {
        margin:10px auto;}

#thumbrow a img{
        border:2px solid #FFFFFF;
        border-bottom:0px;
        border-left:0px;
}

#thumbrow a:hover img{
        border:2px solid #CC0000;
        border-top:0px;
        border-right:0px;}

/* .. Menueleiste .. */

#meta {display:block;
        float:left;
        margin:auto 40px;
        padding:0 0 20px 20px;
        width:700px;
        color:333;
          }
   
#meta li {
        display:block;
        float:left;
        text-align:justify;
}

#meta li a  {
        display:block;
        float:left;
        text-align:justify;
}

#leiste {
        display:block;
        float:right;
        height:38px;
        margin:0 0 10px 0;
        padding:0;
        width:240px;
        color:333;
}

#leiste li {
        background-position: 50% 17px;
        float:left;
        list-style-image:none;
        list-style-type:none;
        margin-left:5px;
        text-align:left;
}

#leiste li a  {
        display:block;
        font-size:0.00001mm;
        height:38px;
        overflow:hidden;
        text-indent:-1000px;
}

#leiste li a:hover, #leiste li a.selected {
        background:url(/pixel/templates/ego-pixel/menu/backg.gif) no-repeat 0px 12px;
}

#leisteHome {
        background:url(/pixel/templates/ego-pixel/menu/leisteHome.gif) no-repeat;
}

#leisteHome, #leisteHome a {
        width:43px;
}

#leisteArchive {
        background:url(/pixel/templates/ego-pixel/menu/leisteArchive.gif) no-repeat;
}

#leisteArchive, #leisteArchive a {
        width:56px;
}

#leisteAbout {
        background:url(/pixel/templates/ego-pixel/menu/leisteAbout.gif) no-repeat;
}

#leisteAbout, #leisteAbout a {
        width:44px;
}


#leisteLinks {
        background:url(/pixel/templates/ego-pixel/menu/leisteLinks.gif) no-repeat;
}

#leisteLinks, #leisteLinks a {
        width:37px;
}

/* .. comments .. */


#comment-top {
    background:#FFFFFF;
    border:0;
        border-bottom:1px solid #aaa;
        padding:5px;
        margin:25px;
        height:80px;
        }

#comments {

        margin:0px auto;
        width:95%;
        text-align:left;
        }

#comments ul {
        list-style-type:none;
        margin:0px;
        padding:10px;
        }

#comments li {
        display:block;
        margin:0px;
        margin-bottom:10px;
        color:#333;
        text-decoration:none;
        padding:10px;
        border:0;
        border-bottom:1px dotted #aaa;
        }

#comments li a {
        color:#CC0000;
        text-decoration:none;
        }

#comments li a:hover {
        color:#CC0000;
        }

#comments li:hover {
        background:#FFFFFF;
        }

#comment-middle {
    background:#FFFFFF;
        border-top:1px solid #aaa;
        padding:5px;
        margin-top:25px;
        height:15px;
        }

#addcomment {
    width:90%;
        text-align:left;
        padding:10px;
        margin:0px auto;
        border:0;
        border-bottom:1px dotted #aaa;
        background:#FFFFFF;
        }

.input {
    width:45%;
        font-size:10px;
        border:0;
        border-bottom:1px dotted #aaa;
        background-color:#FFFFFF;
        color:#333333;
        padding:5px;
    }

#addcomment textarea {
        width:90%;
        height:50px;
        font-size:12px;
        border:0;
        border-bottom:1px dotted #aaa;
        background-color:#FFFFFF;
        color:#333;
        padding:5px;
        }

.comment-button {
    background:#fff;
    
        border:1px solid #aaa;
        color:#666;
        border-bottom:2px solid #aaa;
        border-right:2px solid #aaa;
        }

/* .. unnerum .. */



#footer {
      position: absolute; bottom: 0; left; 0;
      font-weight:bold;
      word-spacing:3px;
      }

#footer, #footer a {
        color:#666 !important;
}

#footer a:hover {
        text-decoration:none;
}