@charset utf-8;

/************************************************
    CSS StyleSheet
    macximal.de

    Media: Screen
    Part:  Form

    Copyright (C) 2005, David Maciejewski
    www.macximal.de
************************************************/
* {
border:none;
margin:0;
padding:0
}

body {
position:absolute;
top:0;
left:0;
padding:0;
margin:0;
width:100%;
background:#000 url(/templates/pics/structure/stbodybg.gif) repeat-x 0 0;
font:small/1.5em "Lucida Grande", "Lucida Sans Unicode", verdana, helvetica, Arial, sans-serif;
color:#fff;
text-align:center
}

#top {
position:absolute;
top:0;
left:0;
width:1px;
height:1px;
z-index:200
}

#bigwrap {
position:relative;
width:938px;
margin:0 auto;
background:#fff url(/templates/pics/structure/ctbg.jpg) repeat-y 0 0;
color:#333;
text-align:left;
margin-bottom:2em
}

#header {
background:url(/templates/pics/structure/themes/spring/background.jpg) no-repeat 0 0;
display:block;
height:170px;
overflow:hidden
}

#logo {
position:absolute;
top:95px;
left:514px;
width:410px;
height:75px
}

#logo a {
display:block;
width:410px;
height:75px;
background:none;
text-indent:-2000px;
text-decoration:none!important
}

#logo a:hover {
background:url(/templates/pics/structure/themes/spring/hoverlogo.jpg) no-repeat 0 0
}

#sidebar {
background:url(/templates/pics/structure/sidebarbg.jpg) no-repeat 100% 0;
position:relative;
display:block;
float:left;
width:224px;
margin:0;
padding-top:30px;
color:#ddd
}

#sidebar div.margin {
margin:0 10px 2.5em 34px
}

#sidebar div.whitebox {
padding:10px;
margin:0 0 .5em 34px;
background:#fff url(/templates/pics/structure/whiteboxbg.gif) no-repeat 0 100%;
padding:0 10px 15px 0;
color:#333
}

#content {
float:left;
width:660px;
margin:30px 0 0 25px
}

#footer {
clear:both;
position:relative;
background:transparent url(/templates/pics/structure/footerbg.jpg) no-repeat 0 0;
height:100px;
font-size:90%;
color:#fff
}

#footer div#finfo {
margin:0 0 0 250px;
padding-top:45px
}

#footer a {
text-decoration:none
}

#footer div#abo {
position:absolute;
top:45px;
left:785px;
width:105px;
overflow:hidden;
line-height:120%;
color:#333
}

object {
margin-bottom:1em
}/*********************************
    LINKS
*********************************/
a,a:active,a:link {
text-decoration:underline;
color:#026;
outline:none
}

a:visited {
color:#026
}

a:hover {
color:#a00
}

a.more {
background:transparent url(/pics/icons/more.gif) no-repeat 0 50%;
padding-left:12px;
white-space:nowrap
}

a.info {
background:transparent url(/pics/icons/info.gif) no-repeat 0 50%;
padding-left:15px;
white-space:nowrap
}

a.info {
background:transparent url(/pics/icons/info.gif) no-repeat 0 50%;
padding-left:15px;
white-space:nowrap
}

a.back {
background:transparent url(/pics/icons/back.gif) no-repeat 0 50%;
padding-left:12px;
white-space:nowrap
}

a.xml {
background:transparent url(/pics/body/xml.gif) no-repeat 0 50%;
padding-left:45px;
color:#222
}

a.edit {
background:url(/pics/icons/mini/document.gif) no-repeat 0 50%;
padding-left:15px
}

a.permalink {
background:url(/pics/icons/mini/permalink.gif) no-repeat 0 50%;
padding-left:15px
}

#sidebar ul.bar a.rss {
background:url(/pics/icons/rss_blue.gif) no-repeat 10px 50%;
padding-left:30px
}

/*********************************
    HEADINGS
*********************************/
h1,h2,h3 {
font-family:Georgia, Palatino, Garamond, Utopia, "Times New Roman", serif;
font-weight:400;
color:#026;
margin-bottom:.6em
}

h1 {
font-size:190%;
line-height:1.2em
}

h1 span {
color:#555;
display:block;
font-size:60%;
line-height:120%
}

h2 {
font-size:150%;
line-height:1.2em;
margin-top:1.5em
}

.hr {
border-top:1px dotted #037;
padding-top:1em
}

h1 + h2 {
margin-top:0
}

h3 {
font-size:130%;
line-height:1.2em;
margin-top:1em
}

div.floatR1 h3 {
margin-top:0
}

h4 {
font-family:"Lucida Grande", "Trebuchet MS", verdana, helvetica, Arial, sans-serif;
font-weight:400;
letter-spacing:.2em;
text-transform:uppercase;
font-size:100%;
margin-bottom:.6em;
line-height:120%;
color:#026
}

ol.commentlist h4 {
color:#333
}

h4.refresh {
background:url(/pics/icons/mini/action_refresh.gif) no-repeat 0 0;
padding-left:25px
}

h4.delicous {
background:url(/pics/icons/mini/delicous.gif) no-repeat 0 0;
padding-left:25px
}

h4.comment {
background:url(/pics/icons/mini/comment_yellow.gif) no-repeat 0 0;
padding-left:25px
}

h1 a,h1 a:link,h2 a,h2 a:link,h3 a,h3 a:link {
color:#026;
text-decoration:none
}

h1 a:hover,h2 a:hover,h3 a:hover {
color:#a00
}

/*********************************
    MISC
*********************************/
#content div.post {
clear:both
}

/*  POSTS */
#content div.post h1 {
margin-bottom:0
}

#content div.post p.meta {
margin-bottom:5px;
font-size:90%
}

#content div.post p.meta a {
padding-left:20px;
margin-left:1em;
background:url(/pics/icons/mini/comment.gif) no-repeat 0 50%;
color:#444;
text-decoration:none
}

#content div.post p.meta a:hover {
color:#a00
}

.required {
color:#a00
}

h1.new,h2.new {
padding-right:55px
}

h1.new {
background:url(/templates/pics/structure/neu1.gif) no-repeat 100% 5px
}

h1.ah {
background:url(/pics/content/ahround2.gif) no-repeat 100% 5px
}

h2.new {
background:url(/templates/pics/structure/neu1.gif) no-repeat 100% 0
}

.taR {
text-align:right
}

.taC {
text-align:center
}

.taJ {
text-align:justify
}

.red {
color:#a00!important
}

p.footnote {
font-size:.9em;
color:#555;
margin-top:.5em;
margin-bottom:2em
}

p.small {
font-size:85%;
line-height:120%;
color:#666
}

.small {
font-size:85%;
line-height:130%
}

p.taglist {
text-align:justify
}

div.lead p,div.lead,p.lead {
font-weight:700
}

div.lead {
margin-bottom:2em
}

p.inline {
display:inline;
margin-bottom:0
}

#subcontent ul ul a.rss1 {
background:transparent url(/pics/content/rss1.gif) no-repeat 30px 50%;
padding-left:55px
}

#content p.nomargin {
margin:0
}

.nomargin {
margin:0
}

.nomargin * {
margin-bottom:0
}

.nolineheight {
line-height:0
}

pre,code,kbd,sampl,var,.pr {
background-color:#E5F1FC;
color:#239;
cursor:text;
font-family:Monaco, "Courier New", Courier, monospace;
padding:.1em .4em;
font-size:1em
}

.pr {
text-align:left
}

p code {
font-size:110%
}

pre code {
display:block;
padding:.5em .7em;
white-space:normal
}

td code {
background-color:transparent
}

ins {
color:#080;
text-decoration:none
}

del {
color:#c00;
text-decoration:line-through
}

em {
background-color:#ffb;
padding:0 .3em;
font-style:normal
}

/* Bildunterschriften */
dl {
margin-bottom:15px
}

dl.floatR {
float:right;
margin:0 0 10px 10px
}

div.box3 dl {
margin-bottom:0
}

p.buz {
font-style:italic
}

p + p.buz {
margin-top:-1.5em
}

blockquote + p.buz {
margin-top:-1em
}

blockquote {
margin-bottom:1em;
background-color:#E5F1FC;
color:#239;
cursor:text;
padding:1em 2em
}

blockquote p {
margin:0
}

blockquote cite {
display:block;
color:#555;
font-size:85%;
text-align:right;
font-style:italic
}

acronym {
cursor:help;
border-bottom:1px dashed #333
}

span.technoratitags {
padding-left:80px;
background:url(/pics/icons/technorati_tiny.gif) no-repeat 0 50%
}

/*********************************
    PARAGRAPHS
*********************************/
p.postmetadata {
background-color:#fff;
border-bottom:1px solid #aaa;
font-size:90%;
line-height:120%;
color:#777;
padding-bottom:.8em
}

/*********************************
    SIDEBAR
*********************************/
#sidebar h4 {
color:#fff;
padding-left:10px
}

#sidebar h4 a {
color:#ddd;
display:block;
text-decoration:none
}

#sidebar h4 a:hover {
color:#fff
}

#sidebar h4.zitat {
letter-spacing:0;
text-transform:none;
line-height:130%;
font-style:italic
}

#sidebar div.whitebox h4 {
color:#026;
background:url(/templates/pics/structure/whiteboxbg.gif) no-repeat 0 0;
padding:10px 0 .5em 10px;
margin-top:0
}

#sidebar p {
line-height:140%;
margin-bottom:1em;
margin-left:10px
}

#content p {
margin-bottom:1.2em
}

/*********************************
    CITES AND QUOTES
*********************************/
/*blockquote {
    color: inherit;
    background: transparent url("/images/bg_blockquote.png") 0 0;
    margin: 0.5em auto;
    padding: 35px 20px 5px 55px;
    text-indent: 0;
    width: 80%;
}

blockquote#teaser {
    background-image: none;
    margin: 1em auto;
    padding: 5px;
}

blockquote p,
blockquote dl {
    font-size: 1.2em;
    font-family: "Trebucht MS", sans-serif;
    text-align: left;
    letter-spacing: 0.1em;
    margin-top: 0;
    margin-bottom: 0;
}

.blog-comments q,
.blog-comments blockquote p,
.blog-comments blockquote dl,
.blog-comments cite {
    letter-spacing: 0.1em;
}
*/
/* Cite attributed to whom? */
/*.attributed-to {
    color: #3e3e3e;
    background: transparent;
    font: 0.9em "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
    text-align: right;
}

.attributed-to::before {
    content: "("
}

.attributed-to::after {
    content: ")"
}
*/
/** Quotes **/
/* Quotes german */
html:lang(de),:lang(de) cite,:lang(de) q,:lang(de) blockquote p,:lang(de) blockquote dd {
quotes:\00bb \00ab \203a \2039
}

/* Quotes german2
html:lang(de),
:lang(de) cite,
:lang(de) q,
:lang(de) blockquote p,
:lang(de) blockquote dd {
	quotes: '\201e' '\201d' '\2018' '\2019';
}
*/
/* Quotes engl. */
html:lang(en),:lang(en) cite,:lang(en) q,:lang(en) blockquote p,:lang(en) blockquote dd {
quotes:\201c \201d \2018 \2019
}

/* Quotes french */
html:lang(fr),:lang(fr) cite,:lang(fr) q,:lang(fr) blockquote p,:lang(fr) blockquote dd {
quotes:\00ab \00bb \2039 \203a
}

cite:before,q:before,blockquote p:before,blockquote dd:before {
content:open-quote
}

cite:after,q:after,blockquote p:after,blockquote dd:after {
content:close-quote
}

/*********************************
    HIGHLIGHTER
*********************************/
ol.hl-main,pre {
border:0;
padding:10px;
background:#E5F1FC url(/pics/body/fieldset_bg.gif) no-repeat top left;
font-family:"Courier New", Courier, monospace;
font-size:.9em;
overflow:auto;
display:block
}

div.hl-main,pre {
margin:0
}

ol.hl-main,pre,div.hl-main {
margin-bottom:1.5em
}

ol.hl-main {
white-space:nowrap
}

ol.hl-main {
padding:.5em .5em 2em
}

.hl-identifier {
color:navy;
font-weight:700
}

.hl-brackets {
color:#000;
font-weight:700
}

.hl-quotes {
color:teal
}

.hl-default {
color:#A30000
}

.hl-number {
color:green
}

.hl-code {
color:#000
}

.hl-string {
color:teal
}

.hl-var {
color:#000;
font-weight:700
}

.hl-inlinetags {
color:#A30000
}

.hl-comment {
color:green
}

.hl-reserved {
color:#00F;
font-weight:700
}

p.valid,p.invalid {
text-align:center;
margin:0;
font-family:"Bitstream Vera Sans", sans-serif;
font-size-adjust:.53;
font-size:1.5em;
font-weight:500;
font-style:normal;
text-decoration:none;
word-spacing:normal;
letter-spacing:normal;
text-transform:none;
border-color:#000;
padding-top:.5em;
padding-bottom:.5em
}

.valid {
background-color:#55B05A;
color:#fff
}

.invalid {
background-color:#D23D24;
color:#fff
}

.nowrap {
white-space:nowrap
}

/* CODE
************************************************/
div.code {
display:block;
margin-bottom:1.5em;
padding:1em 1em 0;
background:#E5F1FC url(/pics/body/fieldset_bg.gif) no-repeat top left;
overflow:auto;
white-space:nowrap
}/*********************************
    FORMS
*********************************/
input,select,textarea {
font-size:1em;
font-family:"Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
color:#239
}

input,textarea {
padding:3px 5px
}

label {
font-size:90%;
color:#555;
font-size:.9em
}

label.inline {
display:inline;
color:#555;
font-size:110%
}

#sidebar label {
color:#ddd
}

#sidebar input.form {
background-color:#fff;
border-top:1px solid #aaa;
border-right:0 solid #f5f5f5;
border-bottom:1px solid #aaa;
border-left:0 solid #aaa;
width:85px
}

/*#content input.form, #content textarea.form, .marked {
    background-color: #fff;
    border-top: 1px solid #aaa;
    border-right: 0px solid #f5f5f5;
    border-bottom: 1px solid #aaa;
    border-left: 0px solid #aaa;
}*/
#content input.form,#content textarea.form,.marked {
background-color:#fff;
border-top:1px solid #bcd;
border-right:1px solid #fff;
border-bottom:1px solid #fff;
border-left:1px solid #bcd
}

#content input.form,input.marked {
width:180px;
height:14px
}

#content select.form,select.marked {
width:190px;
height:20px
}

#content textarea.form,textarea.marked {
width:385px;
height:200px
}

.marked {
background-color:#a00;
color:#fff
}

#content input.form:focus,#content textarea.form:focus,#content select.form:focus,.marked:focus,#subcontent input.form:focus {
background-color:#ffb;
border-top:1px solid #fc0;
border-bottom:1px solid #fc0;
color:#555
}

input.smallbutton {
width:53px;
height:36px;
vertical-align:middle
}

input.formsubmit {
width:39px;
height:36px;
vertical-align:middle
}

p.colspan2 input.form,p.colspan2 input.marked {
width:385px!important
}

div.userinput {
background:#E5F1FC url(/pics/body/fieldset_bg.gif) no-repeat top left;
padding:1em
}

/*********************************
    USERINPUT
*********************************/
fieldset.userinput {
background:#E5F1FC url(/pics/body/boxbg.gif) no-repeat top left;
padding:.5em 1px;
margin-bottom:1em
}

#content fieldset.userinput p {
/*border-top: 2px solid #fff;*/
border-bottom:1px solid #bcd;
padding:.5em 1em;
clear:left;
margin-bottom:0;
vertical-align:top
}

fieldset.userinput input,fieldset.userinput textarea,fieldset.userinput select {
vertical-align:0
}

fieldset.userinput label {
display:block;
float:left;
width:140px;
color:#037;
font-size:85%;
color:#469
}

#content fieldset.userinput em {
background:none;
font-size:85%
}

#content fieldset.userinput p.padleft {
padding-left:140px
}

/*********************************
     BUTTONS
*********************************/
input.buttonPreview,input.buttonSubmit {
width:82px;
height:80px;
border:0;
text-indent:-200px;
cursor:pointer;
padding:0
}

input.buttonPreview {
background:url(/pics/buttons/vorschau.gif) no-repeat 0 -85px
}

input.buttonPreview:hover {
background-position:0 0
}

input.buttonSubmit {
background:url(/pics/buttons/absenden.gif) no-repeat 0 -85px
}

input.buttonSubmit:hover {
background-position:0 0
}

/* FORMAREA
************************************************/
div.formarea {
border:1px solid #ccc;
background-color:#f2f2f2;
padding:.5em 1em .5em 1.5em;
margin-bottom:1em;
background:#f2f2f2 url(/pics/body/formarea.jpg) no-repeat 100% 100%
}

div.formarea h3 {
margin-top:.3em;
color:#444
}

div.formarea:hover h3 {
color:#026
}

div.formarea p {
margin-bottom:.8em!important
}

div.formarea label {
display:block;
font-size:80%;
margin-bottom:.1em;
line-height:120%;
color:#888
}

div.formarea label.inline {
display:inline;
font-size:100%;
color:#444
}

#content div.formarea input.form,#content div.formarea select.form,#content div.formarea textarea.form {
font-size:90%;
border:1px solid #ccc;
border-right:1px solid #fff;
border-bottom:1px solid #fff
}

#content div.formarea input.form,#content div.formarea textarea.form {
padding:.1em .2em;
width:30em;
height:auto
}

#content div.formarea select.form {
width:30.6em
}

#content div.formarea input.form:hover,#content div.formarea select.form:hover {
border:1px solid #ccc
}

div.formarea p.L {
float:left;
margin-right:1.2em
}

.Lclear {
clear:both
}

#content div.formarea input.var50,#content div.formarea select.var50 {
width:14em
}

#content div.formarea input.var25,#content div.formarea select.var25 {
width:9em
}

#content div.formarea input.buttonSend {
padding-left:32px;
vertical-align:middle;
color:#444;
background:url(/pics/body/button_send.gif) no-repeat 0 50%;
cursor:pointer;
font-size:90%;
min-height:24px
}

#content div.formarea input.buttonSend:hover {
color:#a00
}

#content div.formarea p.last {
margin-bottom:0!important
}

span.required {
color:#a00;
font-weight:700
}

div#message {
background-color:#a00;
margin-bottom:1em
}

div#message p {
margin:.5em!important;
color:#fff;
font-size:90%
}/*********************************
    GENERAL
*********************************/
table {
table-layout:fixed;
border-collapse:collapse;
font-size:1em;
margin-bottom:15px
}

caption {
font-size:1.1em;
font-weight:700;
text-align:left;
padding:0 0 5px
}

th {
font-size:.8em;
font-weight:400;
text-align:left;
padding:3px 5px;
background-color:#8392CA;
color:#fff;
border:1px solid #D1DEF2
}

td {
vertical-align:top;
border:1px solid #D1DEF2;
padding:5px
}

/*
th, td, td.a, .a, td.ar, td.ac, td.c, td.cr { background-color: #E9DAC7; }
td.b, .b, td.br, td.bc { background-color: #F4EDE3; }
*/
td,td.a,.a,td.br,td.ac,td.c,td.cr {
background-color:#E5F1FC
}

/*td.b, .b, td.br, td.bc { background-color: #F8FBFE; }*/
td.b,.b,td.br,td.bc {
background-color:#fff
}

td.ar,td.br,td.cr,th.R {
text-align:right
}

td.ac,td.bc {
text-align:center
}

tr:hover,tr:hover td {
background:#D1DEF2 none repeat scroll 0
}

tr:hover td {
background-color:transparent!important
}

td.c,td.cr {
border-top:3px double #8392CA;
color:#8392CA
}

/*********************************
    KALLENDER
*********************************/
#sidebar table#wp-calendar {
width:180px;
table-layout:fixed;
border-collapse:collapse
}

#sidebar table#wp-calendar caption {
background:#026 url(/templates/pics/structure/sidebarh3.gif) no-repeat 0 0;
color:#ddd;
padding:4px 15px;
font-size:100%;
text-shadow:#333 .2em .2em .1em;
clear:both;
text-align:left;
font-family:"Trebuchet MS", "Lucida Grande", verdana, helvetica, Arial, sans-serif;
font-weight:400;
letter-spacing:.1em;
text-transform:uppercase
}

#sidebar table#wp-calendar th {
background-color:#67a;
font-weight:400;
font-size:80%;
padding:0 2px;
text-align:center;
color:#ddd;
border:0
}

#sidebar table#wp-calendar td {
padding:2px;
text-align:center;
background-color:#026;
border:0;
border-bottom:1px solid #67a;
color:#ddd
}

#sidebar table#wp-calendar td:hover,#sidebar table#wp-calendar tr:hover td {
color:#026
}

#sidebar table#wp-calendar td a {
color:#fff;
font-weight:700
}

#sidebar table#wp-calendar td#prev {
padding:2px;
text-align:left
}

#sidebar table#wp-calendar td#next {
padding:2px 5px;
text-align:right
}/************************************************
    HAUPTNAVI
************************************************/
ul,#content ol {
margin-bottom:15px
}

#content ul li {
list-style:none;
margin-left:1.5em;
padding-left:1.2em;
padding-bottom:.5em;
background:transparent url(/pics/content/li_arrow.gif) no-repeat 0 7px
}

#content ol li {
margin-left:3em
}

/*
dt { margin-bottom: 2px; }

dd {
    margin: 0px;
    font-style: italic;
    color: #888;
}
*/
dl,dt,dd {
float:none;
display:block;
margin:0;
padding:0
}

dl {
margin-bottom:1.5em
}

dt {
padding:4px 10px 0;
margin-top:5px;
position:relative;
font-weight:700
}

dd {
padding:0 10px 2px;
position:relative;
color:#555
}

dl.links dt a {
background:transparent url(/pics/icons/external.gif) no-repeat 0 2px;
padding-left:20px;
text-decoration:none;
font-weight:700
}

dl.links dd {
padding-left:30px;
margin-top:0
}

dt.ar,dd.ar {
background-color:#E5F1FC
}

ul.messenger li {
list-style:none;
border-top:1px solid #aaa;
margin:0!important;
padding:5px!important;
clear:both;
background:none!important
}

ul.messenger li:hover {
background:#D1DEF2 none repeat scroll 0!important
}

ul.messenger img {
float:left;
margin-right:5px
}

/* -- Sidenotes -- */
#content ul.sidenotes {
list-style:none
}

#content ul.sidenotes li {
background:none;
border-top:1px solid #aaa;
margin:0 0 5px;
padding:.2em 0
}

#content ul.sidenotes li small {
display:block
}

#content ul.sidenotes li p {
display:inline
}

/*********************************
    HAUPTNAVI
*********************************/
ul#mnav {
position:absolute;
top:35px;
left:125px;
margin:0;
padding:0
}

ul#mnav li {
list-style:none;
display:inline
}

ul#mnav a {
color:#777;
text-decoration:none;
padding:5px 10px 10px 5px
/*background: transparent url("/templates/pics/structure/themes/autum/navipoint.gif") no-repeat 0 50px;*/
}

ul#mnav a:hover {
/*background: transparent url("/templates/pics/structure/themes/autum/navipoint.gif") no-repeat 100% 0;*/
color:#000
}

ul#mnav a.on {
/*background: transparent url("/templates/pics/structure/themes/autum/navipoint.gif") no-repeat 100% 100%;*/
color:#a00;
font-weight:700
}

/*********************************
    SUBNAVI
*********************************/
#sidebar ul,#sidebar ol {
margin:0;
padding:0
}

#sidebar ul li,#sidebar ol li {
list-style:none;
width:100%
}

#sidebar ul a:hover,#sidebar ol a:hover {
}

#sidebar ul.bar {
border-top:1px solid #67a;
margin-bottom:2.5em;
font-size:85%
}

#sidebar ul.bar a,#sidebar ol.bar a {
display:block;
color:#ddd;
padding:2px 10px;
border-bottom:1px solid #67a;
text-decoration:none
}

#sidebar ul.bar a:hover,#sidebar ol.bar a {
background-color:#67a!important;
color:#fff
}

#sidebar ul.bar ul a,#sidebar ol.bar ol a {
padding-left:20px
}

#sidebar ul.bar ul ul a,#sidebar ol.bar ol ol a {
padding-left:30px
}

#sidebar ul.bar ul ul ul a,#sidebar ol.bar ol ol ol a {
padding-left:40px
}

#sidebar ul.bar a.on,#sidebar ol.bar a.on {
color:#fe4;
background-color:#67a
}

#sidebar ul.bar ul a.on,#sidebar ol.bar ol a.on {
color:#fe4;
background-color:transparent
}

#sidebar ul.bar a.on:hover,#sidebar ol.bar a.on:hover {
color:#fff
}

#sidebar ul.bar ul a.rss1 {
background:transparent url(/pics/content/rss1.gif) no-repeat 30px 50%;
padding-left:55px!important
}

ul.blogroll {
}

ul.blogroll li {
display:inline
}

#content ul.spanbefore {
clear:both;
list-style:none
}

#content ul.spanbefore li {
background:none;
padding-left:0;
margin:0;
line-height:120%
}

#content ul.spanbefore li span {
padding-right:20px
}

#content ul.archive {
}

#content ul.archive li {
display:inline;
margin:0;
padding:0;
margin-right:.2em;
background:none
}

#content ul.archive a {
font-weight:400
}

#content ul.archive li ul {
margin-top:-1.5em;
margin-left:65px
}

/**********************/
/* Node               */
/**********************/
div.node ul {
margin:0!important;
padding:0
}

div.node ul li {
list-style:none;
background:transparent url(/pics/content/nodes/node1.gif) repeat-y 0 0
}

div.node ul li a {
background:#fff url(/pics/content/nodes/node2.gif) no-repeat 0 0;
padding-left:15px
}

dl.image {
list-style:none
}

dl.image dt {
padding:0;
margin-bottom:0
}

dl.image dt img {
border-top:1px solid #aaa;
border-right:1px solid #777;
border-bottom:1px solid #777;
border-left:1px solid #aaa;
padding:4px
}

dl.image dd {
padding:0;
font-size:90%;
line-height:110%
}

/*********************************
    COMMENTS
*********************************/
#content ol.commentlist {
list-style:none;
padding:0;
margin:0
}

#content ol.commentlist li {
clear:both;
float:left;
width:100%;
margin:.5em 0 2em;
background:#e5f1fc url(/templates/pics/structure/commentbg1.gif) no-repeat 0 0
}

#content ol.commentlist li.author {
background:#e5f1fc url(/templates/pics/structure/commentbg2.gif) no-repeat 0 0
}

#content ol.commentlist li h4 {
height:65px;
letter-spacing:0;
text-transform:none;
margin-bottom:0
}

#content ol.commentlist li h4 strong {
display:block;
float:left;
width:45px;
text-align:right;
font-size:140%
}

#content ol.commentlist li span.cite {
display:block;
float:left;
width:470px;
padding-left:10px
}

#content ol.commentlist li span.small {
font-size:85%;
color:#666
}

#content ol.commentlist li strong,#content ol.commentlist li span.cite {
padding-top:7px
}

#content ol.commentlist li span.gravatar {
float:right;
margin:5px 34px 0 0
}

#content ol.commentlist li blockquote {
clear:both;
margin:0 110px 0 50px;
font-family:"Lucida Grande", "Lucida Sans Unicode", verdana, helvetica, Arial, sans-serif;
line-height:140%;
color:#333;
font-size:90%;
background:none;
line-height:140%
}

#content ol.commentlist li blockquote ul li {
background:none;
margin:0;
margin-bottom:.4em;
margin-left:2em;
list-style:disc;
padding-left:0
}

/*
#content ol.commentlist {
    list-style: none;
    margin: 0;
    padding: 0;
}

#content ol.commentlist li {
    margin: 0;
    padding: 0;
    padding-bottom: 1em;
    margin-bottom: 2em;
    background: url("/templates/pics/structure/commentbg2.gif") 0 100%;
}

#content ol.commentlist li.alt {
    margin: 0;
    padding: 0;
    background: url("/templates/pics/structure/commentbg1.gif") 0 100%;
}

#content ol.commentlist li h4 {
    background: url("/templates/pics/structure/commentbg2.gif") 0 0;
    height: 5em;
    letter-spacing: 0;
    text-transform: none;
}

#content ol.commentlist li.alt h4 {
    background: url("/templates/pics/structure/commentbg1.gif") 0 0;
}

#content ol.commentlist span.gravatar {
    position: relative;
    top: 5px;
    left: 45px;
    float: left;
    width: 60px;
    height: 45px;
    margin-right: 40px;
}

#content ol.commentlist cite {
    font-weight: bold;
    font-size: 120%;
}

#content ol.commentlist span.gravatar img {
    float: left;
}

#content ol.commentlist p {
    margin: 0 15px 1.5em 40px;
}
*/
/*********************************
    POSTMETA
*********************************/
#content ul.postmeta {
list-style:none
}

#content ul.postmeta li {
display:inline;
background:none;
margin:0;
padding:0
}

#content ul.postmeta li a {
padding:3px 10px 3px 24px;
font-size:80%;
border-bottom:1px solid #aaa;
background-color:#eee;
background-position:5px 50%;
background-repeat:no-repeat;
background-image:none;
background-image:url(/pics/icons/mini/document.gif)
}

/*

#content ul.postmeta li a:hover.permalink {
    background: #E9F7D5 url(/pics/icons/mini/permalink.gif) 6px -22px no-repeat;
}

#content ul.postmeta li a.author {
    background: #F1F1F1 url(/pics/icons/mini/author.gif) 6px 6px no-repeat;
}

#content ul.postmeta li a:hover.author {
    background: #E9F7D5 url(/pics/icons/mini/author.gif) 6px -27px no-repeat;
}


#content ul.postmeta li a:hover.comments {
    background-color: fuchsia;
}

#content ul.postmeta li a.category {
    background: #F1F1F1 url(/pics/icons/mini/category.gif) 6px 6px no-repeat;
}

#content ul.postmeta li a:hover.category {
    background: #E9F7D5 url(/pics/icons/mini/category.gif) 6px -27px no-repeat;
}
*/
#content ul.postmeta li a.permalink {
background-image:url(/pics/icons/mini/permalink.gif)
}

#content ul.postmeta li a.author {
background-image:url(/pics/icons/mini/author.gif)
}

#content ul.postmeta li a.comments {
background-image:url(/pics/icons/mini/comment.gif)
}

#content ul.postmeta li a:hover {
background-color:#ffc;
border-bottom:1px solid #cc9
/*color: #fe4; background-color: #67a;*/
}

/*********************************
    SQUARE
*********************************/
#content ul.square {
padding:0;
margin:0;
border-top:1px solid #aaa
}

#content ul.square li {
background:none;
margin-left:0;
float:left;
width:200px;
border-bottom:1px solid #aaa;
padding:.5em 0
}

#content ul.square li span.img {
display:block;
float:right;
width:38px;
height:38px;
overflow:hidden;
margin-left:3px;
background-color:#efefef;
border-top:1px solid #aaa;
border-right:1px solid #777;
border-bottom:1px solid #777;
border-left:1px solid #aaa
}

#content ul.square li span.img img {
width:30px;
height:30px;
margin:4px
}

/*********************************
    FOOTER
*********************************/
#content ul.simple,#content dl.simple {
font-size:85%;
line-height:120%;
margin-bottom:3em
}

#content ul.simple li {
border-bottom:1px solid #aaa;
margin:0;
background:none;
padding:5px 0
}

#content ul.footnav {
float:left;
width:100%;
list-style:none;
margin:1em 0 0;
font-size:90%;
line-height:120%;
border-top:1px solid #87c0e5;
background-color:#f2f8fd
}

#content ul.footnav li {
padding:5px .5em;
background:none
}

#content ul.footnav li.L {
float:left;
margin:0!important
}

ul.footnav li.R {
float:right;
margin:0
}

/*********************************
    FOOTER
*********************************/
#finfo ul {
list-style:none;
width:30em;
line-height:120%
}

#finfo ul li {
display:inline;
font-size:90%
}

#finfo ul a {
color:#fff;
margin-right:1em
}

/* PROJEKTLISTE
************************************************/
#content ul.projektliste {
float:left;
width:100%;
margin-bottom:1.5em
}

#content ul.projektliste li {
float:left;
display:block;
list-style:none;
margin:0;
padding:0;
background:none;
background-image:url(/pics/content/projektlistebg.gif);
background-repeat:no-repeat;
background-position:0 0;
width:70px;
height:78px;
margin-right:8px;
margin-bottom:5px
}

#content ul.projektliste li:hover,#content ul.projektliste li.active {
background-position:-100px 0
}

#content ul.projektliste a {
width:55px;
height:55px;
display:block;
margin:8px
}

#content ul.projektliste img {
width:54px;
height:54px
}

/* LINKSLISTEN
************************************************/
#content ul.links {
border-top:1px solid #ccc;
line-height:120%;
margin-bottom:2em!important
}

#content ul.links li {
background-image:url(/pics/icons/micons/intern.gif);
background-repeat:no-repeat;
background-position:5px .5em;
border-bottom:1px solid #ccc;
margin-left:0;
font-size:90%;
padding:.3em .2em .3em 25px
}

#content ul.intern li {
background-image:url(/pics/icons/micons/intern.gif)
}

#content ul.extern li {
background-image:url(/pics/icons/micons/extern.gif)
}

#content ul.links li a {
display:block;
text-decoration:none;
font-weight:700;
color:#444;
font-size:110%
}

#content ul.links li:hover {
background-color:#f2f2f2
}

#content ul.links:hover a {
text-decoration:underline;
color:#026
}

/* Twitter-Updates
************************************************/
#twitter_div {
}

#content #twitter_update_list {
list-style:none;
margin-bottom:0;
font-size:85%;
line-height:120%;
border-top:1px solid #aaa
}

#content #twitter_update_list li {
margin-left:0;
padding:.7em 1em;
background:none;
border-bottom:1px solid #aaa;
overflow:hidden
}

#twitter_update_list li a {
display:block
}

/* Twitter-Updates
************************************************/
ul#flickrWidget {
margin-bottom:0
}

ul#flickrWidget li {
float:left;
width:86px;
height:80px;
overflow:hidden;
list-style:none;
margin-left:10px;
background-image:none;
padding-left:0
}

ul#flickrWidget li a {
display:block;
width:80px;
height:80px
}

ul#flickrWidget li img {
border:1px solid #eee;
border-right-color:#aaa;
border-bottom-color:#aaa;
padding:2px;
background-color:#fff;
width:80px
}@charset utf-8;

/************************************************
    CSS StyleSheet
    macximal.de

    Media: Screen
    Part:  Form

    Copyright (C) 2005, David Maciejewski
    www.macximal.de
************************************************/
div.webfarbe {
line-height:100%;
margin:0;
width:6em;
padding:.4em .5em;
text-align:center;
vertical-align:bottom;
float:left;
color:#fff;
text-shadow:#000 .2em .2em .1em
/*margin-right: 3px;
    margin-bottom: 3px;
    border-right: 1px solid #777;
    border-bottom: 1px solid #777;*/
}

.red {
color:#d00
}

.green {
color:#280
}

.hide {
display:none
}

/*********************************
    FLOATS
*********************************/
.floatL {
float:left;
margin-right:.5em
}

img.floatL,img.floatR,div.post p img {
margin-top:3px
}

.floatR {
float:right;
margin-left:.5em
}

div.floatL1 {
float:left;
width:430px
}

div.floatL2 {
float:left;
width:420px
}

div.floatR1 {
float:right;
width:200px;
margin-left:20px
}

.clear,.floatClear {
clear:both
}

/*********************************
    IMAGES
*********************************/
div.post img {
float:left;
margin-right:1.5em;
margin-bottom:.5em
}

div.post img.block {
display:block;
float:none
}

.imgborder img,img.imgborder,div.post img {
border-top:1px solid #aaa;
border-right:1px solid #777;
border-bottom:1px solid #777;
border-left:1px solid #aaa;
padding:3px;
background-color:#efefef
}

img.avatar40 {
width:40px;
height:40px
}

label {
display:block;
font-size:90%;
text-align:left
}

img.miniteaser {
width:198px;
height:30px;
margin:-10px 0 5px -10px
}

/*********************************
    THUMBS
*********************************/
div.dthumbs {
clear:both;
padding:0 0 0 80px;
position:relative;
min-height:60px;
margin-bottom:3em
}

div.dthumbs h3 {
margin-top:0;
margin-bottom:.2em;
font-weight:400
}

div.dthumbs p {
clear:both
}

div.dthumbs img {
position:absolute;
left:-80px
}

div.dthumbs a > img {
left:0
}

dl.thumb {
width:122px;
border-top:1px solid #aaa;
border-right:1px solid #777;
border-bottom:1px solid #777;
border-left:1px solid #aaa;
padding:4px;
background-color:#efefef
}

dl.thumb dt {
margin:0;
padding:0;
width:122px;
height:92px;
overflow:hidden
}

dl.thumb dt img {
border:1px solid #aaa
}

dl.thumb dd {
margin:0;
padding:0;
font-size:80%
}

div.thumbrow {
float:left;
width:100%
}

/**********************/
/* Boxen              */
/**********************/
div.boxRight {
border:1px solid #aaa;
margin-bottom:1.5em;
background:#fff url(/pics/body/boxbg1.jpg) no-repeat bottom right
}

.boxRightInner {
padding:10px
}

div.box1 {
border-bottom:1px dotted #555;
margin-bottom:15px
}

div.box2,div.box2b {
border:1px solid #aaa;
padding:10px;
margin-bottom:15px;
background:#fff url(/pics/body/boxbg1.jpg) no-repeat bottom right
}

div.box2b {
width:220px
}

div.box2:hover,div.box2b:hover {
/*background: #E5F1FC;*/
background:#ffe
/*
    border-top: 1px solid #555;
    border-right: 1px solid #555;
    border-bottom: 1px solid #555;
    border-left: 1px solid #555;
    */
}

div.box3 {
float:right;
width:200px;
margin-left:20px;
border:1px solid #aaa;
padding:5px
}

div.box3 img {
border-right:1px solid #555;
border-bottom:2px solid #555
}

.boxA {
border:1px solid #eaf4fd;
border-bottom:1px solid #b1bdd6;
background-color:#f5f9fe;
margin-bottom:1.5em;
padding-bottom:.5em
}

.boxA h3 {
font-family:"Lucida Grande", "Lucida Sans Unicode", verdana, helvetica, Arial, sans-serif;
background-color:#026;
color:#fff;
padding:.3em 1em;
margin-top:0;
text-transform:uppercase;
font-weight:700;
letter-spacing:.2em;
font-size:100%
}

.boxA h3 a {
color:#fff
}

.boxA p,.boxA div {
margin-right:1em;
margin-left:1em
}

div.teaser {
margin-bottom:10px
}

div.floatL1 div.teaser {
width:100%;
overflow:hidden;
margin-bottom:5px!important
}

div.footnav {
border-top:1px solid #E5F1FC;
border-right:1px solid #BECFEC;
border-bottom:1px solid #BECFEC;
border-left:1px solid #E5F1FC;
padding:5px 10px;
margin-top:1.5em;
margin-bottom:.5em;
background:#fff url(/pics/body/boxbg1.jpg) no-repeat bottom right
}

div.info1 {
border-top:1px solid #E5F1FC;
border-right:1px solid #BECFEC;
border-bottom:1px solid #BECFEC;
border-left:1px solid #E5F1FC;
padding:5px 10px;
margin-top:1.5em;
margin-bottom:1.5em;
background:#fff url(/pics/body/boxbg1.jpg) no-repeat bottom right
}

div.info1 h2 {
margin-top:.4em;
border-bottom:none
}

/**********************/
/* Audiobox           */
/**********************/
div.audiobox {
/*float: left;*/
vertical-align:middle;
padding-left:25px;
background:url(/pics/icons/ipod_sound.png) no-repeat 0 50%;
padding-top:6px
}

div.audiobox object {
display:inline
}

/*
div.audiobox p {
    margin: -8px 0 0.5em 15px !important;
    font-size: 90%;
    color: #444;
}
*/
p.postmetadata {
clear:both;
border:1px solid #aaa;
background-color:#f5f5f5;
padding:.5em 1em;
font-size:80%;
color:#333;
margin-top:2em
}

/**********************/
/* Fieldsets          */
/**********************/
/*
fieldset {
    clear: both;
    border: 0px;
    padding: 10px;
    margin: -25px 0px 15px 0px;
    background: #E5F1FC url("/pics/body/fieldset_bg.gif") no-repeat top left;
}

fieldset legend {
    margin: 35px 0px 5px -2px;
    padding: 0px;
    font-family: "Trebuchet MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
    font-size: 1.2em;
    font-weight: bold;
    color: #555;
}
*/
/************************************************
    PORTFOLIO
************************************************/
div.portfolioShots {
border:1px solid #8a8a8a;
width:428px;
margin-bottom:1em;
float:left;
background:#4c4c4c url(/pics/content/portfolioshotsbg.gif) repeat-x 0 188px;
font-size:90%;
overflow:hidden
}

div.portfolioShots img {
width:428px;
height:188px
}

div.portfolioShots h4 {
letter-spacing:0;
display:inline;
color:#fff;
text-transform:none;
margin:.5em;
float:left
}

div.portfolioShots h4:after {
content:':'
}

div.portfolioShots ul {
float:right;
text-align:right;
margin-bottom:.2em!important;
margin-top:.2em
}

#content div.portfolioShots ul li {
float:left;
margin-left:0;
margin-right:.3em;
background:none!important;
/*border: 1px solid #eee;*/
padding:0
}

div.portfolioShots ul li a {
color:#eee;
padding:.1em .5em;
background-color:#eee;
color:#333;
text-decoration:none;
border-right:1px solid #000;
border-bottom:1px solid #000
/*
    width: 2.2em;
    text-align: center;
    background-color: #eee;
    margin: 1px;
    padding: 0;
    text-decoration: none;
    font-weight: bold;
    color: #000;
    */
}

div.portfolioShots ul li a:hover {
background-color:#f2d030;
color:#333
}

/* CHIP
************************************************/
div.chipcover {
padding-top:100px;
background:url(/pics/content/chipcover.jpg) no-repeat 100% 0;
margin-bottom:1.5em;
border-bottom:1px solid #aaa
}

/* RATING
************************************************/
div.rating {
margin-bottom:1.5em;
height:2.5em
}

div.rating p {
border:1px solid #ccc;
float:left;
margin-bottom:1em
}

div.rating p span {
border:1px solid #eee;
display:block;
float:left;
width:1.2em;
height:1.2em;
margin:1px
}

div.rating p span.green {
background-color:#280
}

div.rating p span.empty {
background-color:#fff
}

/*
div.rating {
    padding: 1px;
    margin-bottom: 1.5em;
}

p.rating1 span {
    border: 1px solid #eee;
    display: block;
    float: left;
}


*/
/* TECHNORATI
************************************************/
#technodrati {
background-color:#fff
}

/* clearfix
************************************************/
/* Clearfix-Methode zum Clearen der Float-Umgebungen */
.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden
}

/* Diese Angabe benötigt der Safari-Browser zwingend !! */
.clearfix {
display:inline-block
}

/* Hides from IE-mac \*/
* html .clearfix {
height:1%
}

.clearfix {
display:block
}

/* End hide from IE-mac */#lightbox {
position:absolute;
top:40px;
left:0;
width:100%;
z-index:100;
text-align:center;
color:#333
}

#lightbox a img {
border:none
}

#outerImageContainer {
position:relative;
background-color:#fff;
width:250px;
height:250px;
margin:0 auto
}

#imageContainer {
padding:10px
}

#loading {
position:absolute;
top:40%;
left:0;
height:25%;
width:100%;
text-align:center;
line-height:0
}

#hoverNav {
position:absolute;
top:0;
left:0;
height:100%;
width:100%;
z-index:10
}

#imageContainer>#hoverNav {
left:0
}

#hoverNav a {
outline:none
}

#prevLink,#nextLink {
width:49%;
height:100%;
background:transparent url(/templates/pics/blank.gif) no-repeat;
/* Trick IE into showing hover */
display:block
}

#prevLink {
left:0;
float:left
}

#nextLink {
right:0;
float:right
}

#prevLink:hover,#prevLink:visited:hover {
background:url(/templates/pics/prev.gif) left 53% no-repeat
}

#nextLink:hover,#nextLink:visited:hover {
background:url(/templates/pics/next.gif) right 53% no-repeat
}

#imageDataContainer {
font:10px Verdana, Helvetica, sans-serif;
line-height:140%;
background-color:#fff;
margin:0 auto;
height:38px
}

#imageData {
padding:0 10px
}

#imageData #imageDetails {
width:70%;
float:left;
text-align:left
}

#imageData #caption {
font-weight:700
}

#imageData #numberDisplay {
display:block;
clear:left
}

#imageData #bottomNavClose {
width:36px;
float:right
}

#overlay {
position:absolute;
top:0;
left:0;
z-index:90;
width:100%;
height:500px;
background-color:#000;
filter:alpha(opacity=60);
-moz-opacity:0.6;
opacity:0.6
}