/* Body style */

body              { background: white;
                    font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt;
                    padding: 0; margin: 0; border: 0; margin-right: 1px; }

/* Page layout elements */

#main             { min-width: 600px; width: 90%; margin: 0 auto; padding: 0; }

/* Header style */

#top              { height: 67px; position: relative; padding: 0px; }
#top #logo        { position: absolute; left: 8px; top: 8px; }
#top #links       { position: absolute; right: 9px; bottom: 0px;
                    font-family: Arial,Helvetica,sans-serif; font-size: 16px; }
#top #links a     { display: block; float: right; height: 32px; width: 102px; text-align: center;
                    background: url(/img/skin/tab_bg.png) no-repeat;
                    color: black; text-decoration: none; line-height: 32px; }

#header           { height: 68px; padding: 0 2px 0 4px; margin-bottom: 5px; color: white; position: relative; }
#header-blob      { height: 68px; background: url(/img/skin/top2.jpg); }
#header #title    { position: absolute; bottom: 10px; left: 20px; }
#header #lang     { position: absolute; bottom: 10px; right: 20px; }

/* Menu style */

#menu             { height: 37px; font-size: 13px; font-weight: bold; font-family: Arial,Helvetica,sans-serif;
                    position: relative; left: 1px; }
#menu div.bgleft  { background: url(/img/skin/menu_left.png) left top no-repeat; height: 37px; }
#menu div.bgright { background: url(/img/skin/menu_right.png) right top no-repeat; height: 37px; }
#menu ul          { display: block; background: url(/img/skin/menu_bg.png) repeat-x;
                    margin: 0 10px; height: 37px; line-height: 37px; padding: 0; }
#menu li          { display: inline; line-height: 37px; padding: 12px; }
#menu a           { color: black; text-decoration: none; }

/* Main content */

#content          { padding: 10px; }

/* Footer */

#footer           { font-family: Verdana,Arial,Helvetica,sans-serif;
                    font-size: 7.5pt; background: url(/img/skin/footer_bg.png) repeat-x;
                    height: 53px; margin: 50px 0 20px 0; padding: 5px 10px; }
#footer a         { text-decoration: none; color: #003366; }

/* HTML element overrides */

a                 { color: #336600; }
h1, h2            { font-family: Arial,Helvetica,sans-serif; font-weight: normal;
                    font-size: 24px; margin-top: 0.5em; margin-bottom: 1.0em; }
h1 a, h2 a        { color: black; text-decoration: none; }
h3                { background: url(/img/skin/submenu_title_bg.png) repeat-x;
                    font-size: 8pt; font-weight: bold; color: white;
                    padding: 0 7px; margin: 1.2em 0; height: 20px; line-height: 20px; }
h3 a              { color: white; text-decoration: none; }
h4                { color: #900; font-size: 10pt; margin-top: 1em; }
p                 { line-height: 140%; margin-bottom: 1em; }
li                { line-height: 140%; }
thead             { font-weight: bold; }
td                { vertical-align: top; }
img               { border: 0; }

/* Other styles */

.info-box         { padding: 5px 10px; width: 60%; border: 1px #fcc solid; background: #fee; }
.idea             { margin: 3em auto 1em auto; width: 50%; border: 1px solid #ccf;
                    background: #eef url(/img/icons/lightbulb.png) no-repeat 15px 15px;
                    padding: 15px 20px 15px 50px; }
.explanation      { margin-top: 3em; border-top: 1px dotted #999;
                    padding-top: 0.5em; color: #666; width: 80%; font-size: 7pt; }
.error            { background: #cc0000; color: white; padding: 4px 10px }
.filelist td      { padding: 2px 20px 2px 2px; }
.filelist a       { color: black; text-decoration: none; }
.filelist a:hover { text-decoration: underline; }
.links li         { list-style-image: url(/img/icons/ny-knapp_137.gif); padding-top: 0.3em; padding-bottom: 0.5em; }
.links li p       { margin-bottom: 0.3em; }
.links a          { color: black; text-decoration: none; }
.links a:hover    { text-decoration: underline; }
.subinfo          { color: #666; font-style: italic; }

/*** Forms ***/

.form-layout-1 dl                { clear: both; padding: 0; margin: 0 0 1em 0; }
.form-layout-1 dt                { clear: left; float: left; width: 12em; text-align: right; font-weight: bold; padding: 0; margin: 0.4em 0 0 0; }
.form-layout-1 dd                { margin-left: 14em; padding: 0; }
.form-layout-1 h1                { font-size: 16pt; border-bottom: 1px solid #ccc; padding: 0 0 0.5em 0 !important; margin: 0 0 0.7em 0 !important; }
.form-layout-1 small             { display: block; font-style: normal; color: #666; padding: 0; margin: 0.3em 0 1em 0; font-size: 8pt; line-height: 1.5em; }
.form-layout-1 fieldset          { margin: 1em 0 1em 0; padding: 0; position: relative; border: 0;
                                   background: #e9e9e9;
                                   background: -moz-linear-gradient(top, #e9e9e9, #f3f3f3 100%);
                                   background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #e9e9e9), color-stop(1, #f3f3f3));
                                   -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; }
.form-layout-1 fieldset > div    { margin: 0; padding: 3.5em 0 0.5em 0; }
.form-layout-1 legend            { display: block; font-weight: bold; font-size: 9pt; padding: 0; position: absolute; top: 0.5em; left: 0.7em;
                                   margin: 0; color: #3D5B8E; background: transparent; }
.form-layout-1 label             { float: none; width: auto; padding: 0; }
.form-layout-1 hr                { clear: both; margin: 2em 0; height: 0; border: 0; border-top: 1px solid #ccc; }
.form-layout-1 input[type=text],
.form-layout-1 select,
.form-layout-1 textarea          { padding: 2pt 3pt; width: 80% }

.form-layout-2 dl                { padding: 0; margin: 1em 0; padding: 0 1em; }
.form-layout-2 dt                { font-weight: bold; padding: 0; margin: 0 0 0.3em 0; }
.form-layout-2 dd                { margin: 0.3em 0; padding: 0; }
.form-layout-2 h1                { font-size: 16pt; border-bottom: 1px solid #ccc; padding: 0 0 0.5em 0 !important; margin: 0 0 0.7em 0 !important; }
.form-layout-2 small             { display: block; font-style: normal; color: #666; padding: 0; margin: 0.3em 0 0.7em 0; font-size: 8pt; line-height: 1.5em; }
.form-layout-2 fieldset          { margin: 1em 0 1em 0; padding: 0; position: relative; border: 0;
                                   background: #e9e9e9;
                                   background: -moz-linear-gradient(top, #e9e9e9, #f3f3f3 100%);
                                   background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #e9e9e9), color-stop(1, #f3f3f3));
                                   -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; }
.form-layout-2 fieldset > div    { margin: 0; padding: 2.5em 2em 0 0; }
.form-layout-2 legend            { font-weight: bold; font-size: 9pt; padding: 0; position: absolute; top: 0.5em; left: 0.7em;
                                   margin: 0 0 1em 0; color: #3D5B8E; background: transparent; }
.form-layout-2 label             { float: none; width: auto; padding: 0; }
.form-layout-2 hr                { clear: both; margin: 2em 0; height: 0; border: 0; border-top: 1px solid #ccc; }
.form-layout-2 input[type=text],
.form-layout-2 select,
.form-layout-2 textarea          { padding: 1pt 2pt; width: 100% }