/*
GRUBERND // mehrzweckraum.com // SCREEN stylesheet // 2009-07-15
*/

body {
   background-color:rgb(255,255,255);
}

/* force vertical scrollbar to avoid layout-jumpiness */
html {overflow-y: scroll;}

img {
   border:0px;
   border-style:none;
   margin:0px;
   padding:0px;
}

#central {
   width:920px;
   margin:32px auto auto 32px;
   min-width:920px;
}

#sidebar {
   width:192px;
   margin:0px 0px 50px 0px;
   float: left;
   position:fixed;
}

.homelink {
   margin:0px;
}

.menue {
   font-size:medium;
}

/* margin sets distance to navi-thumbs */
ul.menue {
   list-style:none;
   margin:0px 0px 48px 0px;
   padding:0px;
   line-height:150%;
}

ul.menue li {
   display: inline;
   margin: 0px;
   padding: 0px;
}

ul.menue li a {
/*   border-left:0px solid #969696;*/
/*   border-left:3px solid #969696; FOR IMAGE LINKS*/
   display:block;
   margin: 6px 0px;
   width: 144px;
   text-decoration:none;
}

ul.menue li a:hover {
/*   border-left:0px solid #969696;*/
/*   border-left:3px solid #969696; FOR IMAGE LINKS*/
   background-color:rgb(222,222,222);
   margin: 6px 0px;
   text-decoration:none;
}

.navithumb {
   margin:6px 6px 6px 5px;
   border:1px solid #969696;
}

.navigatio {
   margin:6px 6px 6px 7px;
}

/*
#prev {
   float: left;
}

#next {
   float: right;
}
*/

#content {
   margin:0px 0px 96px 192px;
   text-align: center;
}

#thumbs {
   text-align: left;
   border-right:3px solid #969696;
   margin:0px 0px 0px 192px;
}

#thumbs img {
   margin:15px 1px 15px 1px;
}

/* spacer icon in the thumbnails */
img.spacer {
   padding:0px 15px;
}

#printheader,#printfooter,#printmail {
   display:none;
}


/*
----- SCHRIFT
*/

a:link    { color:rgb(115,115,115); text-decoration:underline; }    /* noch nicht besuchte Ziele */
a:visited { color:rgb(090,090,090); text-decoration:underline; }    /* besuchte Ziele */
a:hover   { color:rgb(020,020,020); text-decoration:underline; }    /* Verweise bei "MouseOver" */
a:active  { color:rgb(150,150,150); text-decoration:underline; }    /* Angeklickte Verweise */
a:focus   { color:rgb(150,150,150); text-decoration:underline; }    /* Verweise, die Fokus erhalten */

/* a nice trick to expand the email adress on hover */
a[href^="mailto"]:hover:after {
   content: " > " attr(title);
}

.textnormal,.textbold,.textsmall,.footer {
   font-family: DejaVu, Liberation Sans, Verdana, sans-serif;
   font-style:normal;
   text-decoration:none;
   color:rgb(115,115,115);
   line-height:140%
}

.textnormal {
   font-size:small;
   font-weight:normal;
   text-align: left;
}

.textbold {
   font-size:medium;
   font-weight:bold;
   text-align: left;
}

.textsmall {
   font-size:x-small;
   font-weight:normal;
   text-align: center;
}

.footer {
   font-size:x-small;
   font-weight:normal;
   text-align: left;
}