/** Copyright 2004-2007 Dennis Gnad <bluedrago@gmx.de> **/

body { font-family: sans-serif; background: white; }

* { margin: 0; padding: 0; }

p { margin: 1em 0.1em; padding-left: 0.3em; }

ul, ol { margin: 1em 0.44em; padding: 0.2em; }
ol { list-style-position: inside; }
ul { list-style-type: circle; list-style-position: inside; }
ul li { margin: 0.2em 0.3em; padding: 0.3em; }


h1 { margin: 0.2em 0; min-height: 55px; font-size: xx-large; }
h2 { margin: 0.2em 0 1em; font-size: x-large; }
h3 { margin: 0.8em 0 0.2em; font-size: large; }
h4 { margin: 1.4em 0 0.1em; font-size: medium; }

h1 img { float:left; padding: 0 0.5em 0 0; }

a { text-decoration: none; color: #35C; }

img { border: none; }

.navelement {
text-align: center;
cursor: pointer;
color: gray;
background-repeat: no-repeat;
width: 87px;
position: absolute;
height: 94px;
text-decoration: none !important; }

.navelement:hover { color: black; }

#news { background-image: url(bubble_news.png); }
#me { background-image: url(bubble_me.png); }
#art { background-image: url(bubble_painter.png); }
#links { background-image: url(bubble_earth.png); }
#hard { background-image: url(bubble_hard.png); }
#soft { background-image: url(bubble_soft.png); }

#soft:hover { background-image: url(bubble_soft_active.png); }
#art:hover { background-image: url(bubble_painter_active.png); }
#hard:hover { background-image: url(bubble_hard_active.png); }
#news:hover { background-image: url(bubble_news_active.png); }
#links:hover { background-image: url(bubble_earth_active.png); }
#me:hover { background-image: url(bubble_me_active.png); }

#mainnavibox {
position: relative;
width: 100%;
min-height: 160px;
bottom: 0;
text-align: center; }

#mainnavibox tr td { padding-right: 43px; }

#mainc { margin: auto; }

#navbox {
position: fixed;
left: 0em;
top: 4em; /* 1em */
width: 10em; /* 13em */
min-height: 42em; }

#nav {
float: left;
padding: 0;
margin: 0;
font-size: 110%;
max-width: 12em;
list-style-position: inside;
list-style-type: none; }

#nav li a:hover { text-decoration: underline; color: black; }

.textpos {
text-align: center;
vertical-align: middle;
font-size: 110%;
height: 1.2em;
width: 87px;
right: 43px;
left: 0px;
top: 94px;
position: absolute; }

#smallhead a, #smallfoot a {
text-decoration: none;
color: #567; }

#smallhead a:hover, #smallfoot a:hover, #toppos a:hover, .infopos a:hover {
text-decoration: underline;
color: black; }

#smallhead, #smallfoot {
font-size: medium;
width: 100%;
height: 1.4em;
color: #9AB;
background: #F0F4F5;
overflow: hidden;
text-align: center; }

#smallhead { top: 0; }
#smallfoot { bottom: 0; border-bottom: 1px solid #DDD; }

#center {
text-align: left;
font-size: medium;
max-width: 80em;
min-height: 22em; /* prev 42 em */
/*margin: 0 auto 0 8em; /* prev 14em at end */
margin: auto; }
#center a:hover { text-decoration: underline; color: #14F; }

#container {
margin: 0 auto 0 8em;
padding: 0.3em 0.5em 0.3em 0.6em;
border-left: 1px solid #DDD; }

.topbg, .bottombg {
font-size: medium;
left: 0; right: 0;
width: 100%;
background-repeat: repeat-x;
height: 48px; }
.topbg { background-image: url(top_grad5sx.png); top: 1.4em; }
.bottombg { background-image: url(bottom_grad5sx.png); bottom: 1.4em; }

.nothing {
width: 0;
height: 0;
visibility: hidden;
display: none; }

.fr, .frp { float: right; clear: right; }
.fl, .flp { float: left; clear: left; }

.frp, .flp, .frc { padding: 0.05em 0.75em; }
.frc { margin: none; text-align: center; }
.frc:hover { color: black; }

.stxt { font-size: small; }
.xstxt { font-size: x-small; }

.code {
font-family: "DejaVu Sans Mono", monospace;
background:#F0F4F5;
margin:0ex 1ex 1ex;
padding:1ex;
border:1px solid gray;
overflow: auto; }

.code * { font-family: "DejaVu Sans Mono", monospace; }