/*

	Project: Zensor.no (ITVerket)
	Version: early development
	Last changed: a work in progress

	Design: Nina Taraldsen, Ole-Marius L. Mathiassen, Recommended Norway, Interaktiv
	xhtml/css: Ole-Marius L. Mathiassen, Recommended Norway, Interaktiv
	(C) 2008 Recommended Norway

	
	---------
	reset.css (recommended version) is in use
	Internet Explorer is being served an additional style sheet

*/

/* basics
------------------------------------------------------------------------------------------------ */
body {font-family: Lucida Sans, arial, verdana, sans-serif; color: #000; text-align: center; padding-bottom: 20px; background: #060 url(../graphics/bg-shade.png) left top repeat-x;}
p {font-size: 1.1em; line-height: 1.4em;}
a {text-decoration: none}
a:hover {color: red}
p a {text-decoration: underline}
h1, h2, h3, h4, h5, h6, .heading {font-weight: bold; }
h1, h2, h3, h4, .heading {font-family: georgia, times, serif}
h2, .heading {font-size: 2.6em; font-weight: normal; padding: 0.2em 0 0.5em 0; }
h3 {font-size: 1.3em; font-weight: normal}
h4 {font-size: 1.3em; padding: 0.5em 0; }


/* STARTPAGE
------------------------------------------------------------------------------------------------ */
#startpage {width: 820px; margin: 200px auto; background-color: #fff; background-image: none;}
#startpage #nav {margin: 0; padding: 0; list-style-type: none}
#startpage h1 a {float: left; display: block; width: 300px; height: 133px; background: transparent url(../graphics/logo-zensor.gif)  left top no-repeat;}
#startpage p { padding: 55px 0 70px 350px;}
#startpage br {margin-bottom: 10px}
#startpage span {text-transform: uppercase}


/* structure
------------------------------------------------------------------------------------------------ */
#wrapper {width: 812px; margin: 10px auto; position: relative; text-align: left;}

#header {position: relative; height: 200px; background: transparent 3px top no-repeat; }
#main {padding: 0 19px 0 12px; background: transparent url(../graphics/bg-main.png) 2px top no-repeat; }
#inner {padding: 2.5em 20px 2.5em 20px; background: #fff; height: 100%; }
#footer {clear: both; padding: 0 2.5em; background: transparent url(../graphics/bg-footer.png) 2px top no-repeat;}

.sidebar {float: left; width: 16.5em; padding: 0; margin: 0; }
.content {float: left; width: 37em; padding: 0; margin: 0; }
.banners {float: right; width: 14.5em; padding: 0; margin: 0; }


.post h3 { padding: 1em 0 0.5em 0; }
.post h4 { padding: 1.5em 0 0.5em 0; }
.post a { text-decoration: underline;  }

/* header
------------------------------------------------------------------------------------------------ */
h1 {clear: both; margin-bottom: 3em}
h1 a {display: block; width: 512px; height: 70px; text-indent: -9999px; background: transparent url(../graphics/.png) left top no-repeat }

#zensor {position: absolute; top: 45px; left: 680px; display: block; width: 105px; height: 86px; background: transparent url(../graphics/zensor-logo-header.png) left top no-repeat; text-indent: -9999px;}



/* Sexybutton
------------------------------------------------------------------------------------------------ */

a.btn {
    background: transparent url(../graphics/btn-green_01.png) no-repeat scroll top left;
    color: #fff;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 36px;
    margin-right: 10px;
    padding-right: 15px; /* sliding doors padding */
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap;
}

a.btn span {
    background: transparent url(../graphics/btn-green_02.png)  no-repeat top right ;
    display: block;
    line-height: 10px;
    margin-left: 15px;
    padding: 10px 0 20px 0;
	padding-right: 20px;}

a.btn:hover, a.btn-blue:hover {color: #000}


a.btn-blue {background: transparent url(../graphics/btn-blue_01.png) no-repeat scroll top left;
    color: #fff;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 36px;
    margin-right: 10px;
    padding-right: 15px; /* sliding doors padding */
    text-decoration: none;
    text-transform: uppercase;
}
a.btn-blue span {background: transparent url(../graphics/btn-blue_02.png)  no-repeat top right ;
    display: block;
    line-height: 10px;
    margin-left: 15px;
    padding: 10px 0 20px 0;
	padding-right: 20px;}

/* navigation
------------------------------------------------------------------------------------------------ */
#nav-main {position: absolute;  top: 175px; left: 15px; padding: 0; margin: 0;  list-style-type: none;}
#nav-main li {display: inline; padding: 0 1em; margin: 0; border-right: 1px solid #fff;}
#nav-main a {font-size: 1.2em; color: #fff; line-height: 1.4em; font-weight: bold;}
#nav-main a:hover {color: red;}
#nav-main a.current {color: #ddd}

#nav-section {list-style-type: none; padding: 0 0 2em 0; margin: 0;}
#nav-section li {padding: 4px 0; }
#nav-section a {display: block; text-transform: capitalize; width: 12em; font-weight: bold; font-size: 1.2em; line-height: 1.8em; width: 10.5em;}

#nav-section a.bil {border-left: 10px solid #333; padding-left: 0.7em}
#nav-section a.mc {border-left: 10px solid #666; padding-left: 0.7em}
#nav-section a.jegerproven {border-left: 10px solid #060; padding-left: 0.7em}
#nav-section a.golf {border-left: 10px solid #090; padding-left: 0.7em}
#nav-section a.bat {border-left: 10px solid #069; padding-left: 0.7em}



#nav-section a:hover {background-color: #f2f2f2;}

#nav-section a.bil:hover {color: #333}
#nav-section a.mc:hover {color: #666}
#nav-section a.jegerproven:hover {color: #060}
#nav-section a.golf:hover {color: #090}
#nav-section a.bat:hover {color: #069}





.sidebar h3 {font-size: 1.7em;  font-family: Lucida Sans, arial, verdana, sans-serif; font-style: italic; line-height: 1.4em; padding-bottom: 0.5em}

#login {}

#login .form { border: 1px solid #ddd; padding: 0.5em 1em; width: 12em; padding-bottom: 3em; margin-bottom: 0.5em; background-color: #eee}


#login input {width: 10.5em; padding: 2px;}
#login label {padding:0.5em 0; display: block; }


.txtlink {font-family: arial; display: block; padding-left: 0.5em; line-height: 2em; text-decoration: underline; font-style: italic}

.btns {width: 100%; padding-top: 1em; height: 5em;}
.preview {display: block; clear: both;  border-top: 1px solid #eee; margin-top: 3em; padding-top: 2em;}


.banner {margin-bottom: 1em}

/* questions
------------------------------------------------------------------------------------------------ */
.preview table { font-size: 1.1em; }
.preview table td { padding-bottom: 5px; }
.preview table b { display: block; padding: 1em 0; }
.preview img.mainimg { display: block; }
.preview label { display: block; }

.login input { width: 200px; }

.post table input { margin-right: 5px; }
.post table img { margin-right: 5px; } 

.Link img { display: none; }
.Link { font-weight: bold; text-decoration: none; }
.LinkAlt { font-weight: bold; font-size: 1.2em; }

.links { text-align: right; padding: 1em 0; }
.links a { margin-left: 15px; }

.post { position: relative; }
.prevnext { position: absolute; top: 0; right: 0; }

.descr span { display: block; padding: 10px; background-color: #FFFFC0; height: 80px; }
.info { text-align: right; }

.symboldesc { line-height: 1.8em; }
.symboldesc img { margin: 0 5px 0 0;}

/* tables
------------------------------------------------------------------------------------------------ */

.post table { font-size: 1.1em; margin: 1em 0; }

.stdtable table { }
.stdtable table b { display: block; padding: 0 0 1em 0; }
.stdtable table a { text-decoration: underline; }
.stdtable table a:hover { color: Red; }
.stdtable table .AlternatingRow { background-color: #eee; } 
.stdtable table td, .stdtable table th { padding: 5px; }

/* metainfo
------------------------------------------------------------------------------------------------ */

.metainfo { font-size: 1.1em; }
.metainfo label { display: inline-block; width: 110px; }
.metainfo span {}
.metainfo img { display: block; margin: 1em 0; }


/* Feedback
------------------------------------------------------------------------------------------------ */

.comment { border-bottom: 1px solid #ddd; padding-bottom: 1em; margin-bottom: 1em; }


/* Tests
------------------------------------------------------------------------------------------------ */

.InactiveTabStyle a, .BetalValg a { color: #000; }
.ActiveTabStyle a, .Aktiv a {color: #fff;}
.InactiveTabStyle, .ActiveTabStyle, .BetalValg { background-color: #ccc; text-align: center; padding: 5px 15px; border-right: 2px solid #fff; color: #000; }
.ActiveTabStyle, .Aktiv { background-color: #333; }

.content-test { float: left; width: 54em; }
.content-test p, .content-test table td { font-size: 1.1em; }
.content-test table { margin-bottom: 1em; } 
.content-test table td, .content-test table th { padding: 0.5em 0.5em 0 0; }