/*
   HRSimon common stylesheet. 
*/

html {
   overflow-y: scroll;
}

body {
   background-color: #ffffff;
   color: black;
   font-family: Trebuchet MS;
   font-size: 13px;
   text-align: center; /* center things in pre-IE6 */
   margin: 0px;
   padding: 0px;
}

#header {
   margin: 15px auto 20px;
   width: 825px;
   height: 55px;
   text-align: center;
   clear: right;
}      

#login {
   background-color: white; 
   float:left;
   margin-top: 15px;
   margin-left: -3px;
   vertical-align: top;
   padding:0px;
}

#login td {
   text-align: left;
}

#login a {
   font-family: Trebuchet MS;
   font-size: 11px;
   color: gray;
   text-decoration: underline;
   margin-left: 5px;
}

#login a:link {
   color: gray;
   text-decoration: underline;
}

#login a:visited {
   color: gray;
   text-decoration: underline;
}

#login a:hover {
   color: #c6c6c6;
   text-decoration: underline;
}

#login a:active {
   text-decoration: underline;
}

#login input {
   color: gray;
   background-color: transparent;
   font-family: Trebuchet MS;
   font-size: 11px;
   font-weight: lighter;
   width: 105px;
   height: 15px;
   border-style: solid;
   border-color: #c6c6c6;
   border-width: 1px;
   float: left;
}

#login .loginError {
   font-family: Trebuchet MS;
   font-size: 11px;
   color: red;
}

#logo {
   background-color: white; 
   float:right;
   margin-right: 3px;
   margin-top: 8px;
}

#navigationContainer {
   background-image: url('/images/topmenu/gradient.png'); 
   background-repeat: repeat-x; 
   margin: 0px auto 20px;
   width: 100%;
   height: 33px; 
   clear: right;
}     

#navigation {
   margin: 0px auto;
   width: 825px;
   height: 33px; 
} 

#navigation #Nav { width:825px; height:33px; margin: 0px auto; padding:0; background:url('/images/topmenu/topnavigation.png') 0 0 no-repeat;}
#navigation #Nav li { display:inline; }
#navigation #Nav li a { float:left; outline:none; width:137px; height:0; padding-top:33px; overflow:hidden; }
#navigation #Nav li a { background-image: url('/images/topmenu/topnavigation.png'); background-repeat: no-repeat; }

/* a */
#navigation #Nav li#navforside a { background-position: 0px 0; }
#navigation #Nav li#navhrsimon a { background-position: -136px 0; }
#navigation #Nav li#navreferencer a { background-position: -274px 0; }
#navigation #Nav li#navpartnere a { background-position: -411px 0; }
#navigation #Nav li#navviden a { background-position: -548px 0; }
#navigation #Nav li#navprisberegner a { background-position: -685px 0; }

/* a:hover */
/* Disabled as long as there is no difference on mouseover and normal states!
#navigation #Nav li#navforside a:hover { background-position: 0px -33px; }
#navigation #Nav li#navhrsimon a:hover { background-position: -136px -33px; }
#navigation #Nav li#navreferencer a:hover { background-position: -274px -33px; }
#navigation #Nav li#navpartnere a:hover { background-position: -411px -33px; }
#navigation #Nav li#navviden a:hover { background-position: -548px -33px; }
#navigation #Nav li#navprisberegner a:hover { background-position: -685px -33px; }
*/

/* a:active */
#navigation #Nav li#navforside a:active { background-position: 0px -66px; }
#navigation #Nav li#navhrsimon a:active { background-position: -136px -66px; }
#navigation #Nav li#navreferencer a:active { background-position: -274px -66px; }
#navigation #Nav li#navpartnere a:active { background-position: -411px -66px; }
#navigation #Nav li#navviden a:active { background-position: -548px -66px; }
#navigation #Nav li#navprisberegner a:active { background-position: -685px -66px; }

/* a.current */
body#Home #Nav li#navforside a { background-position: 0px -66px; }
body#hrsimon #Nav li#navhrsimon a { background-position: -136px -66px; }
body#referencer #Nav li#navreferencer a { background-position: -274px -66px; }
body#partnere #Nav li#navpartnere a{ background-position: -411px -66px; }
body#viden #Nav li#navviden a{ background-position: -548px -66px; }
body#prisberegner #Nav li#navprisberegner a { background-position: -685px -66px; }

#navigationbuttons {
   margin: 0px auto;
   width: 825px;
   height: 33px; 
}

#navigationbuttons img {
   margin: 0px;
   padding: 0px;
   border: 0px;
   border-style: none;
}

#topruler {
   width: 100%;
   height: 4px;
   margin: 23px 0 20px;
   float: left;
}

#bottomruler {
   width: 100%;
   height: 1px;
   margin: 23px 0 10px;
   float: left;
}

#footer {
   margin: 0px auto;
   width: 825px;
   text-align: center;
   clear: right;
}

#copyright {
   width: auto;
   float:left;
}

#copyright a {
   color: gray;
   text-decoration: none;
}

#copyright a:link {
   color: gray;
   text-decoration: none;
}

#copyright a:visited {
   color: gray;
   text-decoration: none;
}

#copyright a:hover {
   color: #c6c6c6;
   text-decoration: underline;
}

#copyright a:active {
   color: gray;
   text-decoration: none;
}

#copyright p  {
   font-family: Trebuchet MS;
   font-size: 11px;
   color: gray;
   text-align: left;
margin: 3px;
}

/* html tag definitions */

a:link {
   color: #00aeef;
   border: none;
   text-decoration: none;
}

a:visited {
   color: #00aeef;
   text-decoration: none;
}

a:hover {
   color: orange;
   text-decoration: underline;
}

a:active {
   color: #00aeef;
}

ul {
   margin-left: 20px;
   padding-left: 0;
   font-size: 11px;
   font-family: Trebuchet MS;
}

acronym {
   font-weight: normal;
   border-bottom: 1px dashed #00aeef;
   cursor: help;
}

acronym:hover {
   font-weight: normal;
   border-bottom: 1px dashed #00aeef;
   cursor: help;
}

h1 {
   color: #00aeef;
   font-size: 18px;
   font-family: Trebuchet MS;
   font-weight: bold;
   text-align: left;
   text-transform: uppercase;
   margin: 0px;
}

h2 {
   color: black;
   font-size: 14px;
   font-family: Trebuchet MS;
   text-align: left;
   font-weight: bold;
   margin: 0px;
}

h3 {
   color: black;
   font-size: 14px;
   font-family: Trebuchet MS;
   text-align: left;
   font-weight: bold;
   margin: 0px;
}

h4 {
   color: black;
   font-size: 12px;
   font-family: Trebuchet MS;
   text-align: left;
   font-weight: bold;
   margin: 0px;
   padding: 0px;
}

h5 {
   color: #00aeef;
   font-size: 11px;
   font-family: Trebuchet MS;
   text-align: left;
   font-weight: normal;
   margin: 0px;
}

.bodySmall {
   color: #000000;
   font-size: 11px;
   font-family: Trebuchet MS;
   text-align: left;
   font-weight: normal;
}

p {
   font-size: 13px;
   font-family: Trebuchet MS;
   text-align: left;
   margin-bottom: 10px;
   margin-top: 5px;
}

.noborder {
   border: 0px;  
}

.contentTable {   
   border-style: solid;
   border-width: 1px;
   border-collapse: collapse;
}

.contentTable thead td {
   background-color: #00aeef;
   color: white;
   font-weight: bold;
   border-style: none;
}

.contentTable tr { 
   border-style:solid;
   border-width:1px;
   border-color: #cccccc;
}

.contentTable td {
   border-style:solid;
   border-width:1px;
   border-color: #cccccc;
   text-align:left;
   padding: 2px;
}














































/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */
h1 {

}

h2 {

}

h3 {

}

h4 {

}

h5 {

}

.bodySmall {

}

.contentTable {

}

.noborder {

}