* {
	margin: 0;
	padding: 0;
}

body {
    font-family: Verdana, Arial, sans-serif;
    font-size: 100%;
    background-image: url(../site-images/body_bgr.gif);
    background-repeat: repeat-x;
    background-position: left -150px;
}

table {
    border-collapse: collapse;
}

table td {
    padding: 0;
    vertical-align: top;
}

img,
a img {
    border: none;
}

a:link,
a:visited {
    color: #000;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

a:link,
a:hover,
a:active {
	outline: none;
}

#content ul {
    margin-left: 15px;
    margin-top: 0.5em;
}

#content ul li {
    padding-top: 0.2em;
    line-height: 1.3em;
}

ul#navigation {
    position: absolute;
    bottom: 373px;
    left: 300px;
}

ul#navigation li {
    list-style-type: none;
    position: absolute;
}

ul#navigation li.philosophie    { left: 0;      }
ul#navigation li.palette        { left: 143px;  }
ul#navigation li.projekte       { left: 245px;  }
ul#navigation li.portrait       { left: 358px;  }
ul#navigation li.post           { left: 463px;  }

ul#navigation li.philosophie,
ul#navigation li.palette,
ul#navigation li.projekte,
ul#navigation li.portrait,
ul#navigation li.post {
    background-repeat: no-repeat;
    background-position: left bottom;
    padding: 0 10px 2px 0;
}

ul#navigation a:link,
ul#navigation a:visited {
    color: #000;
    text-decoration: none;
    font-size: 0.9em;
}

#wrapper {
	position: relative;
	margin: 154px auto 0 auto;
	padding: 18px;
	background-color: #FFF;
	width: 819px;
	height: 420px;
	background-image: url(../site-images/wrapper_bgr.jpg);
	background-position: left top;
	background-repeat: no-repeat;
}

#main {
    position: absolute;
    left: 0;
    top: 0;
    width: 833px;
    height: 416px;
    border-color: #CCC;
    border-style: none solid solid none;
    border-width: 1px;
    background-repeat: no-repeat;
    background-position: left top; 
    background-color: #FFF;   
}


#content {
	position: absolute;
	width: 519px;
	height: 174px;
	top: 208px;
	left: 289px;
	padding: 10px 10px 10px 15px;
	z-index: 11;
	font-size: 0.75em;
	line-height: 1.4em;
	background-color: #E1E2E3;
}

#active-helper {
    position: absolute;
    left: 0;
    top: 0;
    width: 115px;
    height: 416px;
    background-repeat: no-repeat;
}

span#img-area {
    display: block;
    position: absolute;
    z-index: 20;
    left: 0;
    top: 0;
    width: 270px;
    height: 375px;
}

/* section backgrounds */
body#philosophie    #main { background-image: url(../site-images/philosophie/bgr.jpg); }
body#palette        #main { background-image: url(../site-images/palette/bgr.jpg); }
body#projekte       #main { background-image: url(../site-images/projekte/bgr.jpg); }
body#portrait       #main { background-image: url(../site-images/portrait/bgr.jpg); }
body#post           #main { background-image: url(../site-images/post/bgr.jpg); }

/* section spec. navigation */
ul#navigation li a:hover,
body#philosophie    ul#navigation li.philosophie    a,
body#palette        ul#navigation li.palette        a,
body#projekte       ul#navigation li.projekte       a,
body#portrait       ul#navigation li.portrait       a,
body#post           ul#navigation li.post           a { 
    color: #000;
}

body#projekte table td {
    padding-right: 1em;
}

body#post table col.col1 { width: 245px; }

body#post table td {
    padding-bottom: 1em; 
}

body#post table tr#whodidit td {
	font-size: 80%;
    padding-bottom: 0;
	padding-top: 0px;
}

body#post table table td {
	padding-bottom: 0;
	padding-right: 1em;
}