/* neovalis.com by SixEdges

neovalis.com basis stylesheet

client:		Neovalis
author:		Wolf-Dieter Grabner
date:		20050907-001

---

Neovalis Text 1		... #1c2022
Neovalis Text 2		...	#363a42
Neovalis Text 3		...	#53575f
Neovalis Text 4		...	#7f8386

Neovalis Blue 1		...	#1d2664 
Neovalis Blue 2		...	#1c3c7e
Neovalis Blue 3		...	#4e6baf
Neovalis Blue 4		...	#78a0d3
Neovalis Blue 5		... #b2ccdc
Neovalis Blue 6		...	#d2e0eb
Neovalis Blue 7		...	#edf1f5

Neovalis Green 1	...	#41672b
Neovalis Green 2	...	#648730s
Neovalis Green 3	...	#9cbe52
Neovalis Green 4	...	#b2c962

Neovalis Fill 1		...	#7c796e
Neovalis Fill 2		...	#a2a293
Neovalis Fill 3		... #e1e3c2
Neovalis Fill 4		...	#f2f6e3

::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

/* scrollbars
......................................................... */
html { scrollbar-base-color: #edf1f5; scrollbar-3dlight-color: #edf1f5; scrollbar-arrow-color: #edf1f5; scrollbar-darkshadow-color: #0D0F12; scrollbar-face-color: #1c3c7e; scrollbar-highlight-color: #667ab6; scrollbar-shadow-color: #1d2664; scrollbar-track-color: #b2ccdc; }
 
/* misc 
......................................................... */
body { margin: 0; padding: 0; color: #363a42; font-size: 14px; font-family: 'Trebuchet MS', Geneva, Verdana, sans-serif; background-color: #dae0e6; background-image: url("../img/p-bg.gif"); background-repeat: repeat-x; text-align: center; }
.container { background-color: #fff; background-image: url("../img/c-bg.gif"); background-repeat: repeat-x; background-position: 0 124px; width: 770px; margin: 0 auto; text-align: left; color: #333; border-left: solid 1px #b6babd; border-right: solid 1px #b6babd; position: relative; }
.container { min-height: 100%; margin-bottom: -120px; } /* margin bottom has to match clearfooter height */
* html .container { height: 100% }
/* commented backslash hack v2 \*/ 
html, body {height: 100%;}
/* end hack */
div.ie-fix { font-size: 1px; line-height: 1px; height: 1px; margin: 0; padding: 0; }
/* width: 450px; for firefox?!? */
div.ff-fix { height: 1px; margin: 0; padding: 0; }
div.clear { clear: both; height: 1px; margin: 0; padding: 0; }
img { border: 0; }
hr { display: none; }
strong { font-weight: bold; color: #53575f; }
em { font-style: italic; }


/*
 - content	...	usable area for content apart from header image
 - n		...	left column for news, navigation and downloads
 - m		...	main column for 1, 2 or 3 sub-column layout
 - c1, c2	...	actual columns
 

*/
/* CHECK
 - width, browser-behaviour
 
   TODO
 - seperator lines, alignment
 - form layout
 - form scroll bars
 
   NICE TO HAVE
 - same line-height on all browsers
 - css for print
 - basic font setup / size

*/

/* header area
......................................................... */
#header { background-image: url(../img/top-bg.gif); background-repeat: repeat-x; background-color: #fff; width: 770px; height: 124px; min-height: 124px; }

/* logo & co
......................................................... */
#logo { float: left; display: inline; width: 210px; height: 124px; margin: 0; padding: 0; }
#logo a, #logo a:visited, #logo a:link, #logo a:hover, #logo a:active { background: none; border-bottom: 0px none; }
#nav { background-image: url(../img/nav-bg.gif); background-repeat: no-repeat; background-position: top; float: right; display: inline; width: 560px; height: 122px; border-bottom: 2px solid #98a7b1; }

/* main navigation
......................................................... */

#n2 { width: 560px; text-align: center; height: 20px; margin: 0 0 0 0 ; padding: 0; }
#n2 ul { height: 26px; letter-spacing: 0.115em; font-size: 11px; font-style: italic; font-family: 'Trebuchet MS', Helvetica, Arial, Geneva, sans-serif; margin: 0; padding: 0 0 0 8px; list-style: none; text-transform: uppercase; }
#n2 li { float: left; display: inline; padding: 0; margin: 0; background-image:url(../img/v-dotted-nav.gif); background-position: left top; background-repeat: no-repeat; line-height: normal; text-indent: 0; }
#n2 li:hover { float: left; display: inline; margin: 0; padding: 0; line-height: normal; text-indent: 0; }
#n2 a { display: block; padding: 3px 13px 19px 4px; margin: 0 0 0 1px; color: #1c3c7e; text-decoration: none; font-weight: normal; white-space: nowrap; }
/* Following rule allows entire region of link to to be clickable in IE/Win. Holly Hack explained here:
   http://www.positioniseverything.net/explorer/escape-floats.html  */
* html #n2 a { width: 1%; }
#n2 a:hover { color: #fff; }
#n2 #current, #n2 #current a { background-position: left top; background-repeat: no-repeat; }
#n2 #current a { background-image:url(../img/v-dotted-nav-current.gif); color: #363a42; border-bottom: solid 8px #b2c962; }
#n2 a:hover { background: #1c3c7e; border-bottom: 0px none; }
#n2 a, #n2 a:link, #n2 a:visited, #n2 a:hover, #n2 a:active { border: 0px none }

/* main
......................................................... */
#main { font-family: 'Trebuchet MS', Geneva, Verdana, sans-serif; color: #363a42; margin: 0px; padding: 0px; width: 770px; font-size: 14px; }
#main div.hr { width: auto; height: 1px; margin: 4px 0 24px 0; background: #b2ccdc; line-height: 1px; font-size: 1px; }
#main div.hr1, #main div.hr2, #main div.hr3, #main div.hr4 { width: auto; height: 1px; margin: 4px 0 24px 0; line-height: 1px; font-size: 1px; }
#main div.hr1 { background-image: url(../img/h-dotted-1.gif); }
#main div.hr2 { background-image: url(../img/h-dotted-2.gif); }
#main div.hr3 { background-image: url(../img/h-dotted-3.gif); }
#main div.hr4 { background-image: url(../img/h-dotted-4.gif); }

/* dual column / CHECK
......................................................... */
#nm-1c #d, #nm-2c #d, #m-1c #d, #m-2c #d { display: none; }
#m-d2c #d { width: 730px; margin: 0; padding: 0 20px 0 20px; text-align: left; }
#nm-d2c #d { width: 520px; margin: 0; padding: 0 20px 0 20px; text-align: left; }

/* page layout m
......................................................... */
#m-1c #n, #m-2c #n, #m-d2c #n { display: none; float: left; }
#m-1c #m, #m-2c #m, #m-d2c #m { width: 770px; display: inline; float: right; margin: 0; padding: 0; text-align: center; }
#m-1c #t, #m-2c #t, #m-d2c #t { overflow: hidden; width: 730px; height: 50px; margin: 180px 20px 20px 20px; padding: 0; }

/* page layout nm (default)
......................................................... */
#nm-1c #n-patch, #nm-2c #n-patch, #nm-d1c #n-patch, #nm-d2c #n-patch { background-image:url(../img/v-dotted-sep.gif); background-repeat: repeat-y; background-position: right; display: inline; float: left; margin: 0; padding: 0px; width: 210px; }
#nm-1c #n, #nm-2c #n, #nm-d1c #n, #nm-d2c #n  { display: inline; float: left; margin: 0; padding: 250px 20px 0 20px; width: 170px; }
#nm-1c #m, #nm-2c #m, #nm-d1c #m, #nm-d2c #m  { width: 560px; display: inline; float: right; margin: 0; padding: 0; text-align: center; }
#nm-1c #t, #nm-2c #t, #nm-d2c #t { overflow: hidden; width: 520px; height: 50px; margin: 180px 20px 20px 20px; padding: 0; }

/* page structure m-1c
......................................................... */
#m-1c #c1, #m-d1c #c1 { width: 730px; margin: 0; padding: 0 20px 0 20px; text-align: left; }
#m-1c #c2, #m-d1c #c2 { display: none; }

/* page structure m-2c
......................................................... */
#m-2c #c1, #m-d2c #c1 { display: inline; float: left; width: 345px; margin: 0; padding: 0 20px 0 20px; text-align: left; }
#m-2c #c2, #m-d2c #c2 { display: inline; float: right; width: 345px; margin: 0; padding: 0 20px 0 20px; text-align: left; }

/* page structure nm-1c (default)
......................................................... */
#nm-1c #c1, #nm-d1c #c1  { width: 520px; margin: 0; padding: 0 20px 0 20px; text-align: left; }
#nm-1c #c2, #nm-d1c #c2 { display: none; text-align: left; }

/* page structure nm-2c
......................................................... */
#nm-2c #c1, #nm-d2c #c1 { display: inline; float: left; width: 240px; margin: 0; padding: 0 20px 0 20px; text-align: left; }
#nm-2c #c2, #nm-d2c #c2 { display: inline; float: right; width: 240px; margin: 0; padding: 0 20px 0 20px; text-align: left; }

/* headers and text
......................................................... */
h1 { font-size: 180%; margin: 0; padding: 15px 0 10px 0; color: #78a0d3; }
h1 span { font-size: 101%; font-weight: normal; letter-spacing: 0.02em; color: #b2c962; }
h2 { font-size: 160%; color: #4e6baf; margin-top: 0; }
h2 span { font-size: 102%; font-weight: normal; letter-spacing: 0.02em; color: #9cbe52; }
h3 { font-size: 130%; color: #1d2664; margin: 0; }
h3 span { font-size: 105%; font-weight: normal; letter-spacing: 0.02em; color: #648730; }
h4 { font-size: 110%; color: #1d2664; }
h4 span { font-size: 101%; font-weight: normal; letter-spacing: 0.02em; color: #648730; }
p, ul { line-height: 140%; margin: 0 0 1.5em 0; }
/*
 
ul { list-style-type: circle; }
*/

/* tables
   CHECK
 - not yet final
......................................................... */
table { margin: 0 0 0.6em 0; background: #b6babd; border: none; }
caption { font-size: 110%; margin: 1em 0 0 0; color: #1d2664; font-weight: bold; text-align: left; }
tr { vertical-align: top; }
th { text-align: left; background: #edf1f5; padding: 0.6em; }
td { background: #fff; padding: 0.6em;}
td p { margin: 0; }

/* blockquote
   CHECK
   
 - not yet final
......................................................... */
/* width: 99.7% is needed because of IE display bug / wrong width rendering. */
blockquote { margin: 1em -11px 2em -10px !important; padding: 10px; width: 99.7%; background-color: #edf1f5; background-image:url(../img/block-bg-3.gif); font-style: italic; }
blockquote p { margin: 0 0 1em 0 !important; }
blockquote p cite { display: block; margin: 0.5em 0 0 0 !important; font-style: normal; font-weight: normal; font-size: 95%; color: #1c3c7e; }

/* links
......................................................... */
a { text-decoration: none; border-bottom: 1px solid #1c3c7e; }
a:link { color: #1c3c7e; }
a:visited { color: #9cbe52; border-bottom: 1px solid #9cbe52; }
a:hover, a:active { color: #fff; background: #1c3c7e; border-bottom: 1px solid #1c3c7e; }
dl.csi-image a, dl.csi-image a:link, dl.csi-image a:visited, dl.csi-image a:hover, dl.csi-image a:active { text-decoration: none; background-color: transparent; border: none 0px; }
acronym, abbr, dfn { border-bottom: 1px dotted #7d7f8c; cursor: help; }
div.anchor { height: 0px; line-height: 0px; font-size: 0px; }

/* navigation links    background-position: 0 .4em;
#n a { padding-left: 10px; background-image:url(../img/dot.gif); background-repeat: no-repeat; }
*/

/* table fills
......................................................... */
.table-bg1 { background: #edf1f5; }
.table-bg2 { background: #d2e0eb; }
.table-bg3 { background: #b2ccdc; }
.table-bg4 { background: #b2c962; }

/* form elements
......................................................... */

/*
form { background:#eee; margin:.75em 0 1.5em; padding:5px 10px 8px; }
form table { color:#444; }
form > table { width:100%; }
form th { text-transform:lowercase; white-space:nowrap; }
form .group { margin:0 0 .75em; }
form.filter { margin-bottom:1.5em; }
input, textarea, select { margin:1px 0; font:100%/1.2em Monaco,Monospace; }
td input, td textarea, td select, #searchform input, #advsearch input { font-size:110%; }
input.text { background:#fff; border:1px solid #ccc; border-color:#aaa #eee #eee #aaa; color:#333; }
.imgbutton { vertical-align:middle; }
select { border:1px solid #ccc; }
form p { font-size:85%; line-height:1.6em; }
form td p { font-size:100%; }
#subcol form div, #c-smx #maincol form div { margin-bottom:4px; }
.search #subcol form div.group { margin-bottom:.75em; }
form div div, #maincol form div div, form table { font-size:100%; padding:0; border-width:0; }
form table td { width:100%; }
form table td, form table th { padding:5px 10px 5px 0; border-bottom:1px dotted #ccb; font-weight:normal; font-size:85%; }
form td.buttons, form th.buttons { border-width:0; }
form label { text-transform:lowercase; cursor:pointer; }
form h2 label { text-transform:none; }
fieldset { border:1px dotted #bba; padding:8px 10px; margin:1em 0; }
fieldset legend { padding:0; margin:0; color:#844; }
label em { font-style:normal; }
form .error th label, form .error td label { font-weight:bold; }
form label:hover { color:#963; }
form label.inline { display:inline; font-weight:normal; }
form div.highlt { background:#ffc; }
form div.highlt label { color:#c00; }
form input, form textarea, form select { margin:1px 0; }
form textarea { background:#fff; display:block; clear:left; width:97%; border:1px solid #ccc; border-color:#ccc #fff #fff #ccc; color:#333; }
form .error input.text, form .error textarea { border-color:#c66 #FFB2B2 #FFB2B2 #c66; }
form input.button, form input.button2 { padding:2px; border:2px solid #69c; border-color:#69c #369 #369 #69c; background:#ccb; color:#000; font:bold 100% Verdana,Sans-serif; }
form input.button2 { border-color:#998 #665 #665 #998; color:#333; }
form input.button:hover, form input.button2:hover { color:#963; background:#eed; cursor:pointer; }
form input.button:active { border-color:#369 #69c #69c #369; background:#ccc; color:#000; }
form input.button2:active { border-color:#666 #999 #999 #666; background:#ccc; color:#000; }
*/

/* footer
......................................................... */
#clearfooter { clear: both; height: 120px; padding: 0; margin: 0; } /* needed to make room for footer */
#footer { width: 772px; margin: 0 auto; background-image:url(../img/f-bg.gif); background-repeat: no-repeat; position: relative; height: 120px; }
#f-logo { float: left; display: inline; padding: 20px 20px 0 20px; margin: 0; height: 42px; width: 133px; min-height: 42px; }
#f-logo a, #f-logo a:visited, #f-logo a:link, #f-logo a:hover, #f-logo a:active { background: none; border-bottom: 0px none; }
#f-nav { height: 62px; }

/* Fixes footer containment bug in IE-Win (5 and 6)
   http://www.positioniseverything.net/explorer/escape-floats.html
   But IE5-Mac shouldn't see this \*/
* html #footer p { height:1%; }
/* Resume IE5-Mac */
#footer p { margin: 0; padding: 8px 20px; color: #7f8386; font-size: 10px; line-height: 14px; font-style: italic; font-family: 'Trebuchet MS', Geneva, Arial, Helvetica, sans-serif; text-align: center; }
#footer p.uppercase { text-transform: uppercase; padding: 40px 0 0 0; text-align: left; }

#footer a { border-bottom: 0px none; }
#footer a:visited { border-bottom: 0px none; }
#footer a:hover, #footer a:active { border-bottom: 0px none; }


/* left navigation CHECK
......................................................... */
div.nav-2-m p { margin: 0; padding: 0; }
div.nav-2-el { clear: both; }
div.nav-ul1 { width: 10px; height: 20px; color: #9cbe52; }
div.nav-ul2 { width: 20px; height: 20px; color: #9cbe52; }
div.fl { display: inline; float: left; margin: 0; padding: 0; }
div.fr { display: inline; float: right; margin: 0; padding: 0; }