*{font-family:arial;font-size:10pt;}
body{background:#f6f6f6;}
#navigation{float:right;margin:45px 30px 0;width:900px;}
#navigation a{display:block;float:right;text-decoration:none;margin-right:30px;padding:10px;}
#navigation a .title, #content .index h4{color:#777;font-weight:bold;display:block;font-size:12pt;width:100%;}
#navigation a .info, #content .index{color:#aaa;display:block;width:100%;}
#navigation a:hover .title, #navigation a.active .title, #content div.index:hover h4{color:#111;}
#navigation a:hover .info, #navigation a.active .info, #content:hover div.index:hover{color:#666;}
#design{width:950px;position:relative;left:50%;margin-left:-475px;}
img.big{background:url("http://www.nico-knoll.de/images/shadow.png") no-repeat center bottom;height:300px;padding:0px 5px 15px;width:940px;float:left;}
img.flickr{background:url("http://www.nico-knoll.de/images/shadow_s.png") no-repeat scroll center top transparent;float:left;height:62px;margin:3px;padding:2px 4px 6px;width:62px;border:0px;opacity:0.8;}
img.flickr:hover{opacity:1;}
img.index{margin:50px 0px 10px 0px;}
#content{width:890px;padding:30px;float:left;}
h4{margin:0px 0px 5px 0px;}
#content .index{display:block;float:left;line-height:15pt;margin-right:80px;text-align:justify;width:256px;}
#content .index img.webdesign{background:url(http://www.nico-knoll.de/images/shadow_m.png) no-repeat top left;height:136px;width:212px;padding:4px 4px 8px;margin:1px 3px;opacity:0.8;}
#content div.index:hover img.webdesign{opacity:1;}
#content div.index a.network{color:#999;display:block;margin-bottom:7px;text-decoration:none;}
#content div.index a.network img{margin-bottom:-3px;margin-right:4px;border:0;opacity:0.8;}
#content div.index a.network:hover img{opacity:1;}
#content div.index a.network:hover{color:#666;}
label{float:left;color:#777;font-size:10pt;font-weight:normal;letter-spacing:0;line-height:18px;margin:2px;padding:0;position:relative;width:890px;}
textarea, input.text, select.text{background:url("http://www.nico-knoll.de/images/inputbg.png") repeat-x scroll -2px -2px #FFFFFF;border-color:#888888 #CCCCCC #CCCCCC;border-style:solid;border-width:1px;color:#333333;float:left;font-size:10pt;margin-bottom:10px;outline:medium none;padding:5px;width:878px;height:16px;}
input.text{border-left:0 none;width:854px;}
select.text{width:800px;}
input.button{cursor:pointer;display:inline-block;font-size:10pt;margin:3px 10px 3px 0px;outline:medium none;padding:5px 10px;text-align:center;text-decoration:none;text-shadow:0 1px 1px rgba(0, 0, 0, 0.1);vertical-align:baseline;background:url(../images/button.png);border:1px solid #B7B7B7;color:#606060;float:left;}
input.button:hover{background:-moz-linear-gradient(center top , #bbb, #ddd) repeat scroll 0 0 transparent;}
.icon{border-style:solid;border-width:1px;border-color:#888888 #cccccc #cccccc;background-color:#fff;border-right:0px;width:24px;height:26px;float:left;}
.error{margin-bottom:20px;padding:10px 10px 10px 36px;background:url("http://www.nico-knoll.de/images/icons/cross.png") no-repeat scroll 10px center #FEE9EA;border:1px solid #DF8B8D;color:#C56D6F;}
.success{margin-bottom:20px;padding:10px 10px 10px 36px;background:url("http://www.nico-knoll.de/images/icons/tick.png") no-repeat scroll 10px center #E3F2D3;border:1px solid #B6D697;color:#67A221;}