/* general styling */
html { font:85%/130% Arial,sans-serif; color:#272727; background:#ddd }
* html body { width:28em }
body { position:relative; margin:4em auto 2em; padding:1em; border:2px solid #d2d2d2; max-width:28em; color:inherit; background:#fff }
h1 { position:absolute; right:0; margin:-1.8em 0 0 0; padding:.2em; text-transform:lowercase; letter-spacing:.3em; font-size:2em; color:#fff; background:transparent }
body#index h1 { display:none }
h2 { margin:1em 1em .2em; font-weight:bold; font-size:100% }
h2 + p { margin-top:0 }
p { margin:1em }
img { border:0 }
ul { margin:1em 1em 1em 2.5em; padding:0 }
address { margin:1em; font-style:normal }
abbr, acronym { border:0 }
abbr[title], acronym[title] { cursor:help }

/* navigation */
ul#nav { margin:0; padding:.2em 1em; list-style:none }
ul#nav li { margin:0; padding:0; display:inline }
ul#nav li#n-index { margin:.5em 0 .2em 0; display:block }
ul#nav li a,ul#nav li span { margin:0; padding:.1em .2em; color:#272727; background:transparent; text-decoration:none }
ul#nav li#n-index a { padding:0 }
ul#nav li#n-diensten a,ul#nav li#n-diensten span { border-bottom:1px solid #969 }
ul#nav li#n-diensten a:hover,ul#nav li#n-diensten span { background:#969 }
ul#nav li#n-portfolio a,ul#nav li#n-portfolio span { border-bottom:1px solid #f93 }
ul#nav li#n-portfolio a:hover,ul#nav li#n-portfolio span { background:#f93 }
ul#nav li#n-profiel a,ul#nav li#n-profiel span { border-bottom:1px solid #6cf }
ul#nav li#n-profiel a:hover,ul#nav li#n-profiel span { background:#6cf }
ul#nav li#n-contact a,ul#nav li#n-contact span { border-bottom:1px solid #f69 }
ul#nav li#n-contact a:hover,ul#nav li#n-contact span { background:#f69 }

/* footer */
p#footer { margin:.2em 1em .1em; padding:.1em 0 0; border-top:2px solid #d2d2d2; font-size:90%; text-align:right }

/* link styling */
a:link { color:#f93; background:transparent; text-decoration:underline }
a:visited { color:#f69; background:transparent; text-decoration:underline }
a:hover { text-decoration:none }