/*
CSS-Datei für standardkonforme Browser
geschrieben von Matthias Hommes für hommesweb.de
Letztes Update 10.03.2010
*/


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

body {position:relative; font-size:80.01%; font-family:verdana, geneva, arial, helvetica, sans-serif; background:#282520; color:#fff;}

div {font-size:1em;}



#navi {width:120px; position:absolute; top:5em; left:567px;}

#nav ul {list-style:none;}

#nav a {display:block; height:26px; text-decoration:none; font-size:12px; line-height:26px;}

#nav li {width:120px; text-align:center; margin:0; border-top:1px solid #333;}

#nav li.visited {height:26px; background:url(../bilder/visited.gif) no-repeat 95% #fff; color:#000;}

#nav li.nolink {display:block; height:26px; font-size:12px; line-height:26px; background:url(../bilder/link.jpg) no-repeat #fff; color:#000;}

#nav li.nolink:hover {background:url(../bilder/link.jpg) no-repeat #fff; color:#000;}

#nav li ul li {width:120px; background:url(../bilder/hover.jpg) bottom left no-repeat #fff; color:#000;}

#nav li ul {position:absolute; left:-1200em; z-index:1000; width:120px;}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul {left:auto; margin-top:0px;}

#nav a:link, #nav a:visited, #nav a:hover, #nav a:active {background:url(../bilder/link.jpg) no-repeat #fff; color:#000;}

#nav li ul li a:link, #nav li ul li a:visited, #nav li ul li a:hover, #nav li ul li a:active {background:url(../bilder/hover.jpg) no-repeat #fff; color:#000;}

#nav a:hover {background:url(../bilder/hover.jpg) no-repeat #fff; color:#000;}

#nav li ul li a:hover {background:url(../bilder/link.jpg) no-repeat #fff; color:#000;}



#head {height:32px; background:url(../bilder/headbg.jpg) repeat-x #fff; color:#000;}

#box {position:absolute; top:7.7em; left:35px;}

.title {position:absolute; top:6em; left:10px;}

.block {width:620px; margin:1em 0; padding:10px 15px 5px; background:url(../bilder/line.gif) 645px repeat-y transparent; color:#fff; border:1px solid #666; -moz-border-radius:6px; -webkit-border-radius:6px;}

div.project {padding:.2em 0 1em 0; height:200px;}

div.screenshot {float:left; margin:0 20px 2em 0;}

div.screenshot img {margin:0;}

div.end {margin-bottom:0;}

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

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

#foot {clear:both;}

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

img.top {position:absolute; bottom:0; right:0; margin:0 -70px 0 0;}



h1 {padding-left:10px; font-size:26px; font-family:"trebuchet ms",arial, sans-serif; font-weight:normal; background:transparent; color:#333;}

h2 {font-size:1.8em; font-family:"courier new", monospace; background:transparent; color:#0cf;}

h2.wide {letter-spacing:.5em;}

h3 {margin-bottom:.5em; font-size:1.6em; font-weight:normal; font-family:"trebuchet ms",arial, sans-serif; background:transparent; color:#cf0;}

p {margin-bottom:.5em;}

p.date {margin:0;}

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

ul {list-style:square; font-size:1em; margin:.5em 0; line-height:140%;}

li {margin-left:30px;}

li.inline {display:inline; margin:0 2px;}

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

a:hover {text-decoration:none; background:transparent; color:#cf0;}

acronym, abbr {cursor:help;}

strong {font-style:italic;}


.center {text-align:center;}

.nospace {margin:2px 10px;}

.clear {clear:both;}


form {margin:10px auto;}

form p {margin:5px 0;}

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

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

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

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:3px; -webkit-border-radius:3px;}

input.red {background:url(../bilder/delete.png) 10% no-repeat #333; color:#fff;}

input.space {background:url(../bilder/accept.png) 10% no-repeat #333; color:#fff; margin-right:23px;}

input.down {font-weight:bold; margin-bottom:1em; width:136px; padding:3px 2px;}