/* CSS Document */
/* Standardkonforme Browser */

/* GLOBAL */
body, h1, h2, h3, p { font-family:Arial, Helvetica, sans-serif; font-size: 12px; line-height:15px;
	color:#000000; padding:0; margin:0;  }
a { color:#000000; text-decoration:none; }
a img, img, a:hover img { border:none; margin:0; padding:0; }
a:focus { outline:none;}
ul, li { list-style-type:none; padding:0; margin:0;}

/* STRUCTURE */
div.piles_container { position:absolute; top:50px; left:50px; width:800px; padding:50px; }
div.logo { position:absolute; top:25px; left:25px; padding:0; }
div.pile { position:relative; width:185px; height:185px; float:left; margin:0 15px 15px 0;}
div.menu { position:absolute; top:75px; left:25px; }

/* MENU */
div.logo a { background:url(images/logo.png) center left no-repeat; display:block; width:275px; height:50px; }
div.menu li a { display:block; width:150px; height:35px; background-position:center left; background-repeat:no-repeat; }

div.menu li a.work { background-image:url(images/work.png); }
div.menu li a.free { background-image:url(images/free.png); }
div.menu li a.editorial { background-image:url(images/editorial.png); }
div.menu li a.blog { background-image:url(images/blog.png); }
div.menu li a.contact { background-image:url(images/contact.png); }
div.menu li a.link { background-image:url(images/link.png); }
div.menu li a.work:hover, div.menu li.selected a.work { background-image:url(images/work_active.png); }
div.menu li a.free:hover, div.menu li.selected a.free { background-image:url(images/free_active.png); }
div.menu li a.editorial:hover, div.menu li.selected a.editorial { background-image:url(images/editorial_active.png); }
div.menu li a.blog:hover, div.menu li.selected a.blog { background-image:url(images/blog_active.png); }
div.menu li a.contact:hover, div.menu li.selected a.contact { background-image:url(images/contact_active.png); }
div.menu li a.link:hover, div.menu li.selected a.link { background-image:url(images/link_active.png); }

/* CONTENT */
div.links {position:absolute; top:175px; left:200px; width:250px; padding:50px 25px 25px 25px; height:auto; background-color:#FFFFFF; }
div.contact {position:absolute; top:225px; left:250px; width:375px; height:250px; background:url(../TXT/contact.gif) center no-repeat #FFFFFF; }
div.images { position:absolute; top:125px; left:350px; width:400px; height:440px; background-color:#FFFFFF; }
div.images img { position:absolute; bottom:20px; left:0; }
div.images a { padding:0 3px; }
div.header, div.footer { position:absolute; left:0; right:0; height:16px; padding:2px 5px; letter-spacing:1px; background:#DDDDDD; }
div.header { top:0; cursor:move; font-size:10px; text-align:center; } 
div.header img { position:absolute; left:0; top:-1px; padding:6px; }
div.footer { bottom:0; text-align:center; font-size:10px; }
div.footer a.selected, div.footer a:hover, div.links a:hover { text-decoration:underline; }
div.footer img { position:relative; top:2px; left:0; }

div.pile img { position:absolute; bottom:5px; left:5px; }
div.pile a { position:absolute; top:0; left:0; width:183px; height:183px; display:block; }