/* CSS Document */

/* Forms
-------------------------------------------------------------- */

/* hForm
-------------------------------------------------------------- */
form.hform p { margin: 0 0 .5em; }
form.hform p label { float: left; width: 100px; }

form.hform p input { width: 200px; }
form.hform p select { width: 200px; }

form.hform p input.button { width: auto; }
form.hform p input.checkbox { width: auto; }
form.hform p input.radio { width: auto; }

form.hform p.checkbox { margin-left: 100px; }
form.hform p.checkbox label { float: none; }
form.hform p.checkbox input { width: auto; }


/* vForm
-------------------------------------------------------------- */
form.vform p { margin: 0 0 .5em; }
form.vform p label { display: block; }

form.vform p.checkbox label { display: inline; }


/* Navigation
-------------------------------------------------------------- */


/* Horisontal menu
-------------------------------------------------------------- */

#nav ul { margin: 0; padding: 0; list-style-type: none; text-transform: uppercase; }

#nav ul li a{display: block;  margin: 0; display: block; padding: 28px 18px; color: #fff; text-decoration:none; font-size: 12px;  float: left; font-weight: bold; background: url(../Images/meny-streck.png) repeat-y right; }

#nav ul li a:hover, #nav ul li.selected a{color: #f4f4f4; background-color: #181818; }

#nav ul li ul {margin: 0; padding: 0;}

#nav ul li ul li a{background: #f6f6f6;  padding: 5px 30px 5px 30px; color: #616160; }
#nav ul li.selected ul li.selected a, #nav ul li.selected ul li a:hover{background: #e3e3e3; }

/* Vertical menu
-------------------------------------------------------------- */

#sub-nav ul { list-style:none; margin: 0; padding: 0;}

#nav ul li { float: left;}

#sub-nav ul li a{display: block;  background: #fff; padding: 3px 30px; color: #000; text-decoration:none; background: url(../Images/expand.png) 15px center  no-repeat; border-bottom: 1px dashed #e3e3e3; font: bold 12px Arial, Verdana, sans-serif; line-height: 150%; text-transform: uppercase; }
#sub-nav ul li a:hover, #sub-nav ul li.selected a{ color: #004798; background: url(../Images/fold.png) 15px center  no-repeat;}

#sub-nav ul li ul {margin: 0; padding: 0;}

#sub-nav  ul li.selected ul li a{ padding: 0 0 0 50px; font-size: 1em; color: #000; text-transform: none; font-weight: normal; background: #f4f4f4; }
#sub-nav ul li.selected ul li.selected a, #sub-nav  ul li.selected ul li a:hover{color: #004798; text-transform: none; text-decoration: underline;  background: #cdcdcd; }

#sub-nav  ul li.selected ul  li.selected ul li a{ padding: 0 0 0 80px; font-size: 0.9em;  color: #000; text-transform: none; background: none;}
#sub-nav ul li.selected ul  li.selected ul li.selected a, #sub-nav ul li.selected ul  li.selected ul li.selected a:hover{color: #004798; text-transform: none; background: none;}



/* Footer menu
-------------------------------------------------------------- */

ul#footer-menu { list-style:none; margin: 0; padding: 0; margin-top: 10px;  }
ul#footer-menu li { display: inline; float: right; }
ul#footer-menu li a{display: block;  margin: 0; font-size: 1.1em; font-weight: bold; padding: 0 0 0 10px; }
ul#footer-menu li a:hover, ul#footer-menu  li.selected a{ text-decoration:underline; }
