/* *** golem.events[style.css] public.beta.v1.0.6 *** 
 *
 * Mainstylesheet for modern browsers
 *
 * Should be working in IE5, IE55 IE6, IE7, Opera 7/8, Fx/Moz 1.x, Safari, Konqueror 3, Camino, iCab 3 Beta 2 (not 3).
 *
 * Content only no design: Netscape < 5, IE4 and lower
 * Releaseversion: 2005.1.0.0 - Releasedate:  2005.12.13
 *  
 */

body {
  background: white url(/_img/background.png) repeat-y; 
  font:normal 0.8em Verdana, "Geneva", Lucida, Lucidux, "Lucida Sans", Arial, Helvetica, sans-serif;
  color:black; 
}

div.nav img { display:inline; }

div#body {width:813px;
  background:url(/_img/bg_edge.gif) 0 50px fixed repeat-y; }

img#logopng, img#logogif { position:absolute; top:0; left:17px; }
img#logopng { display:none; } /* IE - do not display transparent PNG*/
img[id]#logogif { display:none; } /* standard compliant UAs - hide the GIF*/
img[id]#logopng { display:inline; } /* standard compliant UAs - show the transparent PNG */

h2 { font-size:1.4em; line-height:1.2em; }  
h3 { font-size:1.1em; }
ul { list-style:none; }
#sidebar h2, div.nav {font-size:0.8em;}

.left { float:left; }
.right { float:right; }
.left, .right { margin:0; padding:0; }
.clear { clear:left; }
.hide { display:none; } 
#cat { position:relative; top:5px; font-size:1.1em; padding-right:5px; margin:0 0.3em; float:right; }

/* Section Definitions */

div#header { 
  width:813px; text-align:left; padding:6px 0 10px;
  background: rgb(74,90,116) url(/_img/bg_head.gif) repeat-x bottom;
}

div#header ul {margin-left:220px; }

div#header ul li { padding:0 4px; }
div#mainnav ul li, div#header ul li { display:inline; }

div#inputs {
  min-height:58px; /* Konqueror pretty please with a cherry on top */
  height:4.4em; width:528px;
  background:rgb(232,232,232) url(/_img/divider_head_cap.gif) no-repeat bottom right;
  margin:0;
}
div[id]#inputs {
  padding-left:220px;
  width:308px;
}

div#inputs form {padding:0 0 3px 4px; margin:0; }
div#inputs form p { margin:0; font-size:0.9em; }
div#inputs fieldset { margin:10px 10px 0 4px; float:right; clear:left; min-width:135px; width:135px; display:inline; padding:0; }  
div[id]#inputs fieldset { 
  -moz-border-radius:0.3em; /* gecko-engine old css3border-preview */
  border-radius:0.3em; /* CSS3 background 'n' borders WD1 */
  margin:6px 10px 0 4px;
} 
div#inputs input.formfieldhead { width:85px; color:rgb(10,1,153); font-weight:bold; font-size:0.9em; }

div#mainnav { width:528px; padding:0; float:left; margin:0; }

div#sidebar { margin-left:528px; padding:0.5em; }
div#sidebar li { margin:0.5em 0; }

#content {
  width:492px;
  margin:0; padding:0.5em 8px 1em 28px; 
  line-height:1.3em;
}

div[id]#content { padding-top:2em; padding-right:15px; width:485px; }

#content h2 { margin-bottom:1em; }

#content p#abstract { font-weight:bold; color:rgb(102,102,102); }
#content div.centerimage { 
  text-align:center;
  font-size:0.8em;
  line-height:1.0em;
}

#content p span { font-weight:bold; }

/* Einzelne Module */

.articlenav {
  border:1px rgb(74,90,116) solid; 
  padding:0 7px; margin-bottom:2em !important;  
  font-size:0.8em;
  line-height:22px;
}

/* ermoeglicht absolute Poitionierung relativ zu hier :) 
 * Die Regel kann dumerweise nicht in obige einfliessen, sonst macht IE Aerger... :(
 * Leider macht auf diese Art und Weise Gecko 1.7 Probleme bei der 
 * Hover-Navigation  
 */
.articlenav span { position:relative; }

.articlenav span.artnavright { float:right; margin-right:-7px; }
.articlenav span a:link, .articlenav span a:visited, .paginate span.active {
  padding:5px 6px;
}

div[class].articlenav span span.active { 
  padding:5px 4px; 
} 

.articlenav span.active, .articlenav span a:hover {
  color:white; background:rgb(74,90,116);
  text-decoration:none;
}
.articlenav div a:hover { color:white; text-decoration:underline; }
.articlenav div { border-bottom:1px rgb(74,90,116) solid; margin:0 -7px; padding:2px 7px 0; }
.articlenav h2 { font-size:1em; padding:0; margin:0; display:inline; font-weight:normal; }
.articlenav em { font-weight:bold; font-style:normal; margin-right:3px; }
.articlenav a span { display:none; line-height:1.1em; }

.articlenav a:hover span {
    position:absolute; top:21px; right:-1px; /* ems gestrichen, sorgte fuer Probleme im Konqueror */
    display:block;
    text-align:right; white-space:nowrap;
    min-width:36em; /* workaround Gecko 1.7 */
    padding:2px 10px; /* IE6 */ 
    border-right:1px solid rgb(74,90,116); border-bottom:1px solid rgb(74,90,116);
    color:rgb(74,90,116);
} 

div[class].articlenav a:hover span { padding:3px 10px; } /* IE7 erkennt das und macht Fehler - Triple-X-Hack notwendig */

/* zusaetzliche Definitionen fuer die Seitennummernliste */

.paginate { font-weight:bold; }

/*event*/
.event #eventblock { background:rgb(232,232,232); padding-bottom:5px; }
.event table tr td:first-child { width:110px; }
.event table tr td { padding:4px; }
.event table { border:1px solid rgb(200,200,200); margin:1em 5px; width:475px; }
.event table th {border-bottom:1px solid rgb(200,200,200); }
.event table p { padding:0; margin:0.6em 0; }
.event h3 { font-size:0.8em; padding:0 7px; }
.event h3 a { color:white; }

.event ul {
  padding:0.1em 1em 0.1em 0.2em;
  margin:1em 0.5em;
  border-left:3px solid rgb(225,225,225);
  background:rgb(245,245,245);
}
.event ul li  {
   margin:0.4em 0;
}

#eventlist ul { /* reset for the list */
  padding:0;
  margin:0;
  border:none;
  background:transparent;
}

#eventlist div { text-align:right; }
#eventlist a { font-weight:bold; }
#eventlist ul li { 
  text-align:left; 
  margin:1em 0 1.2em 0.8em; 
}
#eventlist ul li span {
  display:block; float:right;
  width:160px; margin:3px 0 0;
  text-align:center;
  font-size:0.8em;
  border:1px solid rgb(220,220,220); 
  background:rgb(250,250,250);
}

.mailme {
  border:rgb(74,90,116) solid 1px;
  color:rgb(74,90,116); background:white;
  padding:2px; margin:1em 0;
  text-align:center;
}

a.button:link, a.button:visited { 
  font-size:0.8em; 
  display:block; 
  text-align:center; 
  width:17.5em;
  font-weight:bold;
  text-transform:uppercase;
  padding:1px 0;
  margin-left:160px; /* manuell fuer IE5/5.5 */ 
  border:1px rgb(232,232,232) outset;
  color:rgb(74,90,116); background-color:rgb(245,245,245);
}
a[class].button { padding:1px 0; margin:auto; } 

a.button:hover {
  background-color:rgb(232,232,232); color:rgb(74,90,116); 
  text-decoration:none;
}
a.button:active { border:1px rgb(232,232,232) inset; }

#eventlist h3, .block, .miniblock { /* standardabstaende fuer alle Bloecke */
  border:1px solid rgb(74,90,116);
  margin:1.2em 0em;
} 

.block h4, .block h3 {
  padding:2px 3px; 
  background-color:rgb(74,90,116); color:white;
  text-transform:uppercase;  
  font:bold 10px Verdana, "Geneva", Lucida, Lucidux, "Lucida Sans", Arial, Helvetica, sans-serif;
  margin:0;
}

.block ul { 
  padding:0.2em 0.5em;
  border:none;
  background:transparent;
  margin:0; 
}
.block h4 { margin:0; padding:2px 3px; background:rgb(74,90,116); }
.block p { padding:0.5em; margin:0; }

#comments { background:rgb(238,238,238); }

/* generic tables */

table { border-collapse:collapse; table-layout:fixed; empty-cells:show; }
.gentable tbody tr { background-color:white; }
.gentable tbody tr.odd { background-color: rgb(232,232,232); }
.gentable tbody tr td:first-child { border-right:1px solid rgb(200,200,200); }
.gentable thead th#first { width:110px; }

.gentable td { padding:2px 0.5em; }

/* reines Design */

img#home { vertical-align:bottom; }

/* footer */

div#footer { width:520px; text-align:center; font-size:0.8em; margin:1em 0; }
div#footer p:before { content:url(http://www.golem.de/favicon.ico); }
div#footer p {                                                      
  margin:3em 0 0 15em; padding-bottom:0.5em;
  border-bottom:1px solid rgb(200,200,200);
  text-align:right; 
}

div#footer span img, div#footer p:before { vertical-align:bottom; }

div#footer ul { margin:0.5em 0 1.5em;}
div#footer ul li { display:inline; }
div#footer ul#footerlast { text-align:right; margin:3px; }

.googleadsevents { margin:0 9px 1em; }