@charset "UTF-8";
/* CSS Document */


#header { width: 980px; height: 500px; position: relative; }

#banner { width: 980px; height: 0px; padding-top: 500px; overflow: hidden; background-image: url(../images/banner_20080814.png); }

#imprintstudio { width: 940px; /*border: 1px solid red;*/ text-align: left; clear: both; }
#imprintstudio p { font-size: 12px; color: #666666; margin: 10px 0px; }

#imprintstudio #leftcolumn { float: left; width: 600px; text-align: left; border-right: 1px dotted #DDDDDD; padding-right: 20px; }
#imprintstudio #rightcolumn { float: right; width: 299px; text-align: left; padding-left: 20px; }

#imprintstudio #technology_box { width: 200px; padding: 10px; border: 1px solid #EEEEEE; float: right; text-align: center; margin: 5px; }

/* Navigation */
#header #navcontainer { /*width: 306px;*/ width: 206px; position: absolute; right: 20px; bottom: 50px; }
#header #nav li { display: inline; }
#header #nav li a { float: left; height: 0px; padding-top: 32px; overflow: hidden; background-image: url(../images/navigation_20080815.png); }

#header #nav li#n-overview a { background-position: 0px 0px; width: 103px; }
#header #nav li#n-tutorials a { background-position: -103px 0px; width: 100px; }
#header #nav li#n-releases a { background-position: -203px 0px; width: 103px; }

#header #nav li#n-overview a:hover { background-position: 0px -32px; width: 103px; }
#header #nav li#n-tutorials a:hover { background-position: -103px -32px; width: 100px; }
#header #nav li#n-releases a:hover { background-position: -203px -32px; width: 103px; }

#header #nav.overview li#n-overview a { background-position: 0px -64px; width: 103px; }
#header #nav.tutorials li#n-tutorials a { background-position: -103px -64px; width: 100px; }
#header #nav.releases li#n-releases a { background-position: -203px -64px; width: 103px; }