* {margin:0; padding:0; border:none;}


html, body {font-size:1em; font-family:arial,sans-serif; background:url(../bilder/bodybg.jpg) top left repeat-x fixed #369; color:#000; padding-bottom:20px;}


h1,h2,h3 {font-weight:normal;}

h1 {position:absolute; right:72px; top:30px; z-index:1000; font-size:1.8em; background:transparent; color:#000;}

h2 {font-size:1.1em; margin:1em 0;}

h3 {font-size:1em; margin:.5em 0;}

p {line-height:120%; font-size:.9em; margin-bottom:.5em;}

p.date {margin:0;}

p.space {margin-top:.8em;}

a:link, a:visited, a:hover, a:active {background:transparent; color:#000; text-decoration:underline;}

a:hover {background:#fff; color:#000;}

abbr,acronym {cursor:help;}






#main {position:relative; margin:50px auto; padding:70px; width:654px; background:#87bbed; color:#222; border:1px solid #fff; border-radius:17px; -moz-border-radius:17px;}

#navi {margin-bottom:30px;}

#navi li {display:inline; list-style:none; text-align:center; margin-right:5px;}

#navi li.active {padding:5px 10px 3px; text-decoration:none; background:#cf3; color:#000; font-size:16px; font-style:italic; border-radius:7px; -moz-border-radius:7px; border:1px solid #888;}

#navi a:link, #navi a:visited, #navi a:hover, #navi a:active {display:inline-block; padding:0 10px; text-decoration:none; background:#ff6; color:#000; font-size:14px; font-style:italic; border-radius:7px; -moz-border-radius:7px; border:1px solid #888;}

#navi a:hover {background:#fff; color:#000;}

#content {float:right; width:630px; z-index:100; padding:310px 10px 10px; background:url(../bilder/head.jpg) top left no-repeat #c0d8ee; color:#222; border:1px solid #fff; -moz-border-radius:14px; border-radius:14px;}

#content ul {font-size:.9em; list-style:square inside; margin-bottom:.5em; margin-left:10px;}

#content li {line-height:130%;}

#foot {clear:both;}

#foot p {text-indent:-4000px;}

div.project {height:168px; margin:20px 0; padding:10px; border:1px solid #444; border-radius:9px; -moz-border-radius:9px;}

div.screenshot {float:right; width:240px;}

div.left {float:left;}

div.text {float:left; width:350px;}

div.right {float:right;}

div.screenshot img {margin:0;}

div.end {margin-bottom:0;}

div.screenshot a.img:hover {background:transparent; color:transparent;}

div.text p {margin-top:1.5em;}

.space {margin-top:2em;}

.clear {clear:both;}

.center.down {text-align:center; margin:60px auto 50px;}


form {margin:10px auto;}

form p {margin:5px 0;}

span {font-size:1.2em; background:#fff; color:#c00;}

form img {border:1px solid #fbf3d5;}

input, textarea {width:300px; background:#ffd; color:#000; padding:2px; border:1px solid #666; -moz-border-radius:3px; border-radius:3px;}

input:focus, textarea:focus {background:#fff; color:#000;}

textarea {width:300px; height:80px; overflow:auto; font-size:1em; font-family:arial,helvetica,verdana,sans-serif; margin-bottom:10px;}

input.button {width:142px; cursor:pointer; padding:2px 1px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}

input.red { -moz-border-radius:4px; border-radius:4px;}

input.space {margin-right:23px; -moz-border-radius:4px; border-radius:4px;}

input.down {width:136px; padding:3px 2px;}