*{margin:0;padding:0;}
body{background-color:#000;color:#fff;font-family:"Trebuchet MS";font-size:16px; padding:0px; margin:0px;}
p{margin-bottom:1em;}
ul,ol{padding-left:30px;}
ul li,ol li{margin-bottom:5px;}

/* #header { margin:0 auto;width:1050px; background:transparent url(line-header.png) no-repeat center bottom; } */

#page{margin:0 auto;width:1002px;}
#header { background: #000; border-bottom:1px solid #fff; padding:10px 0px 20px 0px; }
#header  h1#arusslabs { background:transparent url(main-headings.png) no-repeat scroll 0px 0px; text-indent:-9999px; }
#header  h1#projects { background:transparent url(main-headings.png) no-repeat scroll 0px -45px; text-indent:-9999px; }
#header  h1#gallery { background:transparent url(main-headings.png) no-repeat scroll 0px -90px ; text-indent:-9999px; }
#header  h1#blog { background:transparent url(main-headings.png) no-repeat scroll 0px -135px; text-indent:-9999px; }
#header  h1#contact { background:transparent url(main-headings.png) no-repeat scroll 0px -180px; text-indent:-9999px; }
#header  h1#impressum { background:transparent url(main-headings.png) no-repeat scroll 0px -225px; text-indent:-9999px; }

#wrapper1{background:transparent url(background.png) repeat-y scroll 0 0;}
#wrapper2{background:transparent url(border2.png) repeat-y scroll right; }
#wrapper3{background:transparent url(border.png) repeat-y scroll 210px;border:1px solid #000;}
#left-col{background:#000;float:left;min-height:600px;padding-right:10px;width:200px;color:#fff;}
#left-col a{color:#fff;text-decoration:none;}	
#left-col a:hover{color:Orange;}
#left-col ul{list-style:none; padding:0px;}
#left-col ul li,#left-col ol li{margin-bottom:0px;}
#right-col{color:#ccc;float:left;padding-left:25px;padding-right:25px;width:740px;}
#logo a{background:transparent url(sprites.png) no-repeat scroll 0 0;display:block;height:350px;text-indent:-9999px;width:200px;}
a, a:visited, a:active{color:#ccc;outline-style:none;outline-width:medium;}
a:hover{color:#fff;}
a img{border:0px;}
#left-col .box{padding-bottom:20px;}
#left-col .splitter{background:transparent url(sprites.png) no-repeat scroll 0 -320px;}
#menu #projects-link a{background:transparent url(sprites.png) no-repeat scroll 0 -355px;}
#menu #projects-link a:hover{background:transparent url(sprites.png) no-repeat scroll 0 -360px;}
#menu #gallery-link a{background:transparent url(sprites.png) no-repeat scroll 0 -390px;}
#menu #gallery-link a:hover{background:transparent url(sprites.png) no-repeat scroll 0 -395px;}
#menu #blog-link a{background:transparent url(sprites.png) no-repeat scroll 0 -432px;}
#menu #blog-link a:hover{background:transparent url(sprites.png) no-repeat scroll 0 -437px;}
#menu #contact-link a{background:transparent url(sprites.png) no-repeat scroll 0 -470px;}
#menu #contact-link a:hover{background:transparent url(sprites.png) no-repeat scroll 0 -475px;}
#menu li a, #left-col .splitter{display:block;height:35px;margin-bottom:10px;text-indent:-9999px;width:200px;}
#submenu  #categories{background:transparent url(http://www.arusslabs.de/inc/sprites.png) no-repeat scroll 0 -515px;display:block;text-indent:-9999px;height:33px;width:150px;}
#submenu ul {padding-left: 10px;}
#footer{border-top:1px solid #FFF;color:#FFF;font-size:0.7em;margin-bottom:50px;}
#footer a, #footer a:visited, #footer a:active{color:#FFF;outline-style:none;outline-width:medium;}
#footer a, #footer a:visited, #footer a:active{color:#FFF;outline-style:none;outline-width:medium;}
#footer a:hover{color:orange;}
h1{font-size:2em; margin-top:4px;padding-top:0;margin-bottom:0px;padding-bottom:0px;}
h2{background:#000;color:#FFF;margin:0px -25px 5px;padding:5px 25px;}
div.line { height:3px; display:block; background:url(line.png) center no-repeat; padding-bottom:10px;}

h1#arusslabs, { background:transparent url(headings.png) no-repeat scroll 0px 0px; text-indent:-9999px; }
h1#projects { background:transparent url(headings.png) no-repeat scroll 0px -45px; text-indent:-9999px; }
h1#gallery { background:transparent url(headings.png) no-repeat scroll 0px -90px ; text-indent:-9999px; }
h1#blog { background:transparent url(headings.png) no-repeat scroll 0px -135px; text-indent:-9999px; }
h1#contact { background:transparent url(headings.png) no-repeat scroll 0px -180px; text-indent:-9999px; }
h1#impressum { background:transparent url(headings.png) no-repeat scroll 0px -225px; text-indent:-9999px; }
.hidden{display:none;}
.left{float:left;}
.right{float:right;}
.clear{clear:both;}
#gallery a img{border:1px solid #000 !important;width:99px;}
#gallery ul { display: inline; }
#gallery li { display: inline;  float: left; width:370px; }
#lightbox{position:absolute;left:0;width:100%;z-index:100;text-align:center;line-height:0;}
#lightbox img{width:auto;height:auto;border:1px solid #000;}
#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-image:url(data:image/gif;base64,AAAA);/* Trick IE into showing hover */ display:block;}
#prevLink{left:0;float:left;}
#nextLink{right:0;float:right;}
#prevLink:hover, #prevLink:visited:hover{background:url(prevlabel.png) left 15% no-repeat;}
#nextLink:hover, #nextLink:visited:hover{background:url(nextlabel.png) right 15% no-repeat;}
#imageDataContainer{font-size:0.8em;background-color:#fff;margin:0 auto;line-height:1.4em;overflow:auto;width:100%	;}
#imageData{	padding:0 10px;color:#666;}
#imageData #imageDetails{width:70%;float:left;text-align:left;}	
#imageData #caption{font-weight:bold;}
#imageData #numberDisplay{display:block;clear:left;padding-bottom:1.0em;}			
#imageData #bottomNavClose{width: 119px;float: right;padding-bottom: 0.7em;outline: none;display: inline-block;height: 20px;margin-top: 0px;padding-top: 0px;}	 	
#overlay{position:absolute;top:0;left:0;z-index:90;width:100%;height:500px;background-color:#000;}
.bordered{border:1px solid #000;}
.project{padding-bottom:10px;}
.project.last{border:none;margin-bottom:0px;}
#contact-form input[type=text], #contact-form textarea, #contact-form input[type=submit]{ padding:2px;border:1px solid #000;color:#000;-moz-border-radius:4px;-webkit-border-radius:4px;font-size:1em;width:300px;margin-bottom:4px;font-family:"Trebuchet MS";} 
#contact-form input[type=text], #contact-form textarea { color:#000; background-color:#F0F0F0;}
#contact-form textarea{width:730px;}
#contact-form input[type=submit]{text-shadow:0 -1px 0 #222 !important;color:#fff;background:#000 url(buttonbg.png) -100px -10px;}
#contact-form input[type=submit]:active{ background:#000 url(buttonbg.png) -100px -5px;}
#submit-button  {margin-top:5px;padding-top:5px;text-align:right;}