* {
box-sizing: border-box;
}
body {
background-color: #e9e9e5;
text-align: center;
padding: 0 20px 0 20px;
margin: 0;
font-family: Arial;
font-size: 13px;
line-height: 15px;
}
#main {
display: block;
margin-top: 0;
margin-bottom: 0px;
margin-left: auto;
margin-right: auto;
text-align: left;
}
#main .icon,
#main .luk {
font-size: 22px;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
line-height: 22px;
color: #ffffff;
-webkit-font-smoothing: antialiased; 
-moz-osx-font-smoothing: grayscale;
}
form {
display: inline;
}
a#overlay{
display: none;
width: 100%;
height: 100%;
/* background-color: #000000; */
position: fixed;
top: 0px;
z-index: 100;
vertical-align: middle;
opacity: 0.1;
filter: alpha(opacity=10);
-moz-opacity: 0.1;
left: 0;
}
#main a {
color: #909080;
text-decoration: none;
}
#main a:hover {
color: #585840;
}

#main a.small {
font-size: 12px;
line-height: 14px;
color: #909080;
text-decoration: none;
}
#main a.small:hover {
color: #585840;
}

#content input {
color:#585840;
font-family: arial;
font-weight: normal;
font-size: 14px;
margin-bottom: 5px;
width: 135px;
background-color: #ffffff;
border-top: solid 1px #d5d5cf;
border-right: solid 1px #d5d5cf;
border-bottom: solid 1px #d5d5cf;
border-left: solid 1px #d5d5cf;
outline: none;
}

#content .input_text_head.sub {
border: solid 1px #e9e9e2;
}
#content .input_text_area {
color:#585840;
font-family: arial;
font-weight: normal;
margin-bottom: 5px;
width: 290px;
height: 50px;
background-color: #ffffff;
border-top: solid 1px #d5d5cf;
border-right: solid 1px #d5d5cf;
border-bottom: solid 1px #d5d5cf;
border-left: solid 1px #d5d5cf;
outline: none;
}
#main .search_button {
color:#909080;
font-family: arial;
font-weight: normal;
margin: 0px 0px 0px 0px;
cursor:pointer;
background-color: transparent;
border: none;
}
#topNav ul {
list-style-type: none;
-webkit-margin-before: 0;
-webkit-padding-start: 0;
}
#topNav ul li {
float: left;
padding: 0 12px;
border-right: 1px solid #d0d0c9;
}
#main a.topNav {
color: #909080;
text-decoration: none;
}
#main a.topNav:hover {
color: #585840;
}
#main a.topNav.active {
color: #585840;
text-decoration: none;
}
#main a.topNav.active:hover {
color: #212100;
}
#content {
background-color: #ffffff;
background-image: url(https://intranet.brobergmedia.dk/images/content_bg.jpg);
background-repeat: no-repeat;
background-position: top left;
}
#bottom {
display: block;
padding-top: 40px;
padding-bottom: 40px;
background-image: url(https://intranet.brobergmedia.dk/images/bottom_bg.jpg);
background-repeat: repeat-x;
background-position: top;
text-align: center;
color: #909080;
font-weight: normal;
margin-bottom: 10px;
}
#bottom a {
color: #909080;
font-weight: normal;
text-decoration: none;
}
#bottom a:hover {
color: #585840;
text-decoration: none;
}
#main #loginbox {
width: 300px;
margin: 50px auto 0px auto;
padding: 0px 0px 50px 0px;
text-align: left;
display: block;
}

#main #loginbox #loginHeader {
width: 300px;
color:#909080;
font-family: arial;
font-weight: bold;
font-size: 20px;
line-height: 22px;
padding-bottom: 6px;
border-bottom: solid 1px #d5d5cf;
margin-bottom: 10px;
}
#main #loginbox #loginUser {
color:#909080;
font-family: arial;
font-weight: normal;
margin-bottom: 4px;
}
#main #loginbox #loginPassword {
color:#909080;
font-family: arial;
font-weight: normal;
margin-top:9px;
margin-bottom: 4px;
}
#main #loginbox input {
color:#000000;
font-family: arial;
font-weight: normal;
font-size: 14px;
margin-bottom: 10px;
width: 300px;
height: 30px;
background-color: #f8f8f7;
border: solid 1px #d5d5cf;
border-radius: 3px;
outline: none;
}
#main #loginbox .buttons {
text-align: center;
}
#main #loginbox .loginButtons {
font-family: arial;
font-weight: normal;
margin: 0px 10px 0px 10px;
height: 20px;
cursor: pointer;
display: inline-block;
color: #909080;
}
#main #loginbox #loginForgotPassword {
color:#d5d5cf;
}