/* CSS Document */

A:link {color: #808080; text-decoration: none}
A:visited {color: #808080; text-decoration: none}
A:active {color: #808080; text-decoration: none}
A:hover {color: #808080; text-decoration: none}



BODY {padding:0; border:0px none; margin:0;
font-family: "Raleway", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:10pt;
background-color:#FFFFFF;
}


/* WRAPPER */

.wrapper {
width: 940px;
height: 800px;
margin: 0 auto;
background:#FFFFFF;
position:relative;
}

/* TOPWRAPPER */

.topwrapper {
width: 940px;
height: 30px;
position:fixed;
font-size : 10pt;
font-weight: bold;
top: 0px;
text-align: center;
}

.topknap {
width: 120px;
height: 30px;
background:#90ac24;
float: left;
font-size : 10pt;
text-align: center;
margin-right: 10px;
padding-top: 0px;
line-height: 30px;
color: #808080;
}

/* BUNDWRAPPER */

.bundwrapper {
width: 940px;
height: 30px;
background:#FFFFFF;
position:fixed;
font-size : 10pt;
font-weight: bold;
bottom: 0px;
text-align: center;
}

.bundknap {
width: 120px;
height: 30px;
background:#90ac24;
float: left;
font-size : 10pt;
font-weight: bold;
text-align: center;
margin-right: 10px;
padding-top: 0px;
line-height: 30px;
}

.bundknap_ass {
width: 120px;
height: 30px;
background:#50668a;
float: right;
font-size : 10pt;
font-weight: bold;
text-align: center;
margin-left: 10px;
padding-top: 0px;
line-height: 30px;
}

.bundknap_help {
width: 30px;
height: 30px;
background:#50668a;
float: right;
font-size : 10pt;
font-weight: bold;
text-align: center;
margin-left: 10px;
padding-top: 0px;
line-height: 30px;
}

/* LISTEWRAPPER (SIDER) */

.listwrapper {
width: 940px;
height: 200px;
font-size : 10pt;
margin-top: 10px;
}

.hovedovsk {
width: 940px;
height: 30px;
background:#E3E3E3;
float: left;
font-size : 10pt;
color: #808080;
font-weight:bold;
text-align: center;
line-height: 30px;
}

.hovedovsk_light {
width: 940px;
height: 30px;
background:#aaaaaa;
float: left;
font-size : 10pt;
color: #FFFFFF;
font-weight:bold;
text-align: center;
line-height: 30px;
}

.ovsk_farvekode {
width: 30px;
height: 30px;
background:#808080;
float: left;
font-size : 10pt;
text-align: center;
line-height: 30px;
}

.ovsk_titel {
width: 490px;
height: 30px;
background:#808080;
float: left;
font-size : 10pt;
color: #FFFFFF;
font-weight:bold;
text-align: left;
line-height: 30px;
padding-left: 10px;
}

.ovsk_dato {
width: 100px;
height: 30px;
background:#808080;
float: left;
font-size : 10pt;
color: #FFFFFF;
font-weight:bold;
text-align: center;
line-height: 30px;
}

.ovsk_slet {
width: 30px;
height: 30px;
background:#808080;
float: left;
font-size : 10pt;
color: #FFFFFF;
font-weight:bold;
text-align: center;
line-height: 30px;
}

.ovsk_redigeret {
width: 180px;
height: 30px;
background:#808080;
float: left;
font-size : 10pt;
color: #FFFFFF;
font-weight:bold;
text-align: center;
line-height: 30px;
}


.dok_farvekode {
width: 30px;
height: 30px;
background:#FFFFFF;
float: left;
font-size : 10pt;
text-align: center;
line-height: 30px;
border-bottom: 1px solid #aaaaaa;
}

.dok_titel {
width: 490px;
height: 30px;
background:#FFFFFF;
float: left;
font-size : 10pt;
text-align: left;
line-height: 30px;
padding-left: 10px;
border-bottom: 1px solid #aaaaaa;
}

.dok_dato {
width: 100px;
height: 30px;
background:#FFFFFF;
float: left;
font-size : 10pt;
text-align: center;
line-height: 30px;
border-bottom: 1px solid #aaaaaa;
}

.dok_slet {
width: 30px;
height: 30px;
background:#FFFFFF;
float: left;
font-size : 10pt;
text-align: center;
line-height: 30px;
border-bottom: 1px solid #aaaaaa;
}

.dok_redigeret {
width: 180px;
height: 30px;
background:#FFFFFF;
float: left;
font-size : 10pt;
text-align: center;
line-height: 30px;
border-bottom: 1px solid #aaaaaa;
}

/* BRUGER */

.brovsk_navn {
width: 460px;
height: 30px;
background:#808080;
float: left;
font-size : 10pt;
color: #FFFFFF;
font-weight:bold;
text-align: left;
line-height: 30px;
padding-left: 10px;
}

.br_navn {
width: 445px;
height: 30px;
background:#FFFFFF;
float: left;
font-size : 10pt;
text-align: left;
line-height: 30px;
padding-left: 10px;
border-bottom: 1px solid #aaaaaa;
}

.br_slet {
width: 30px;
height: 30px;
background:#FFFFFF;
float: left;
line-height: 30px;
border-bottom: 1px solid #aaaaaa;
}

.br_ny {
width: 930px;
height: 30px;
background:#FFFFFF;
float: left;
font-size : 10pt;
text-align: left;
line-height: 30px;
padding-left: 10px;
border-bottom: 1px solid #aaaaaa;
}

.br_long {
width: 930px;
height: 30px;
background:#FFFFFF;
float: left;
font-size : 10pt;
text-align: left;
line-height: 30px;
padding-left: 10px;
border-bottom: 1px solid #aaaaaa;
}

.br_longc {
width: 930px;
height: 50px;
background:#F1f1F1;
float: left;
font-size : 10pt;
text-align: left;
line-height: 50px;
padding-left: 10px;
border-bottom: 1px solid #aaaaaa;
}


/* POPUP */

.pop_wrapper {
width: 90%;
height: 150px;
margin: 0 auto;
background:#FFFFFF;
position:relative;
padding: 20px;
}

.pop_unifelt {
width: 45%;
height: 40px;
background:#FFFFFF;
float: left;
text-align: left;
line-height: 40px;
}

.pop_unifeltlong {
width: 90%;
height: 50px;
background:#FFFFFF;
float: left;
text-align: left;
line-height: 50px;
padding-top: 10px;
}

.pop_unifeltlong_but {
width: 100%;
height: 50px;
background:#FFFFFF;
float: left;
text-align: center;
line-height: 50px;
padding-top: 10px;
}

.popslet_wrapper {
width: 90%;
height: 150px;
margin: 0 auto;
background:#FFFFFF;
position:relative;
padding: 0px;
}

.popslet_unifelt {
width: 45%;
height: 40px;
background:#FFFFFF;
float: left;
text-align: left;
line-height: 40px;
}

.popslet_unifeltlong {
width: 90%;
height: 30px;
background:#FFFFFF;
float: left;
text-align: left;
line-height: 30px;
padding-top: 10px;
}

.popbut {
width: 150px;
height: 40px;
margin:0 auto;
display:table;
}


/* TOPVALG (REDIGER) */

.topvalg_wrapper {
width: 930px;
height: 125px;
font-size : 10pt;
margin-top: 20px;
padding-left: 10px;
padding-top: 10px;
background-color: #F1F1F1;
margin-bottom: 20px;
border: 1px solid #808080;
}

.topvalg_titel {
width: 700px;
height: 30px;
font-size : 10pt;
padding: 10px;
background-color: #F1F1F1;
float: left;
}

.topvalg_dato {
width: 600px;
height: 30px;
font-size : 10pt;
padding: 10px;
background-color: #F1F1F1;
float: left;
}

.topvalg_drop {
width: 250px;
height: 30px;
font-size : 10pt;
padding: 10px;
background-color: #E3E3E3;
float: right;
}


/* STAMDATA */

.stamdata_wrapper {
width: 940px;
height: 450px;
font-size : 10pt;
margin-top: 20px;
background-color: #F1F1F1;
margin-bottom: 20px;
border: 0px solid #808080;
}

.stamdata_hovedovsk {
width: 940px;
height: 30px;
background:#E3E3E3;
float: left;
font-size : 10pt;
color: #808080;
font-weight:bold;
text-align: center;
line-height: 30px;
}

.stamdata_label {
width: 130px;
height: 20px;
font-size : 10pt;
padding: 10px;
background-color: #F1F1F1;
float: left;
text-align:right;
line-height:20px;
}

.stamdata_indhold {
width: 300px;
height: 20px;
font-size : 10pt;
padding: 10px;
background-color: #F1F1F1;
float: left;
line-height:20px;
}

.stamdata_but {
border:1px;
background-color:#808080;
color:#FFFFFF;
height:30px;
width:100px;
font-size: 14px;
text-align:center;
line-height:30px;
}

/* LAYOUT */

.lay_ovsk {
    background-color: #808080;
	font-size : 10pt;
    text-align: left;
	width: 910px;
	float: left;
	line-height: 30px;
	border-bottom: 0px solid #F1F1F1;
	padding-left: 10px;
	padding-right: 20px;
	color:#FFFFFF;
}

.lay_slide {
    background-color: #FFFFFF;
    text-align: left;
	width: 910px;
	float: left;
	border-top: 1px solid #808080;
	padding-bottom: 10px;
	padding-top: 10px;
}

.lay_slet {
    background-color: #FFFFFF;
	width: 30px;
	float: left;
	border-top: 1px solid #808080;
	padding-bottom: 10px;
	padding-top: 10px;
}

.lay_opretblok {
width: 96%;
height: 125px;
background:#F1F1F1;
float: left;
font-size : 10pt;
color: #808080;
font-weight:bold;
margin-top: 50px;
margin-bottom: 50px;
padding: 2%;
border: 1px solid #aaaaaa;
}


/* MENU */

.menu_hovedovsk {
width: 940px;
height: 30px;
background:#E3E3E3;
float: left;
font-size : 10pt;
color: #808080;
font-weight:bold;
text-align: center;
line-height: 30px;
margin-top: 0px;
}

.multia {
    background-color: #808080;
	font-size : 10pt;
    text-align: left;
	width: 820px;
	float: left;
	line-height: 30px;
	border-bottom: 0px solid #F1F1F1;
	padding-left: 10px;
	padding-right: 20px;
	color:#FFFFFF;
}

.multib {
    background-color: #aaaaaa;
	font-size : 10pt;
	font-weight:bold;
    text-align: left;
	width: 820px;
	float: left;
	line-height: 30px;
	border-bottom: 1px solid #F1F1F1;
	padding-left: 10px;
	padding-right: 20px;
	color:#FFFFFF;
}

.multic {
    background-color: #FFFFFF;
	font-size : 10pt;
    text-align: left;
	width: 820px;
	float: left;
	line-height: 30px;
	border-bottom: 1px solid #aaaaaa;
	padding-left: 10px;
	padding-right: 20px;
}


.multipa {
    background-color: #808080;
	width: 30px;
	height: 30px;
	float: left;
	line-height: 30px;
	border-bottom: 0px solid #F1F1F1;
	padding-top: 0px;
}


.multipb {
    background-color: #aaaaaa;
	width: 30px;
	height: 30px;
	float: left;
	line-height: 30px;
	border-bottom: 0px solid #F1F1F1;
	padding-top: 0px;
}

.multipc {
    background-color: #FFFFFF;
	width: 30px;
	height: 30px;
	float: left;
	line-height: 30px;
	border-bottom: 1px solid #aaaaaa;
	padding-top: 0px;
}

.iconplace {
display:table-cell; 
vertical-align:middle; 
text-align:center;
}

.menu_opretblok {
width: 96%;
height: 125px;
background:#F1F1F1;
float: left;
font-size : 10pt;
color: #808080;
font-weight:bold;
margin-top: 50px;
margin-bottom: 50px;
padding: 2%;
border: 1px solid #aaaaaa;
}

.unibutton {
    background-color: #83ad4d;
	width: 150px;
	height: 25px;
	border: 0px solid #aaaaaa;
	color:#FFF;
}



/* LOGO */

.logoline {
width: 940px;
height: 50px;
font-size : 10pt;
margin-top: 40px;
margin-bottom: 10px;
text-align: right;
}

.returntxt {
width: 200px;
height: 30px;
font-size : 10pt;
font-weight: bold;
top: 55px;
position:fixed;
background-color: #FFFFFF;
line-height: 30px;
text-align: center;
color: #808080;
}


/* TOOLS */

.stopit {
	clear:both
}

a.but:link {color:#F1F1F1;}
a.but:visited {color:#F1F1F1;}
a.but:hover {color:#F1F1F1;}


html, body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    display: table;
	font-family: "Raleway", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.container {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}
.content {
    background-color: red; /* just for the demo */
    display: inline-block;
    text-align: left;
}

.errorpic {
	display:block;
width: 80%;
margin: auto;
}

.errortxt {
width: 80%;
margin: auto;
text-align:center;
font-size:30px;
color:#FF0000;
}

.error_msg {
width: 90%;
height: 25px;
background:#FFCC00;
position:fixed;
font-size : 10pt;
color: #000000;
font-weight:bold;
text-align: center;
line-height: 25px;
top: 0px;
}


/* Forms
–––––––––––––––––––––––––––––––––––––––––––––––––– */
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea,
select {
  height: 30px;
  font-size: 12px;
  font-family: "Raleway", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  padding: 6px 10px; /* The 6px vertically centers text on FF, ignored by Webkit */
  background-color: #fff;
  border: 1px solid #D1D1D1;
  border-radius: 4px;
  box-shadow: none;
  box-sizing: border-box; }
/* Removes awkward default styles on some inputs for iOS */
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; }
textarea {
  min-height: 65px;
  padding-top: 6px;
  padding-bottom: 6px; }
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="text"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
  border: 1px solid #33C3F0;
  outline: 0; }
label,
legend {
  display: block;
  margin-bottom: .5rem;
  font-weight: 600; }
fieldset {
  padding: 0;
  border-width: 0; }
input[type="checkbox"],
input[type="radio"] {
  display: inline; }
label > .label-body {
  display: inline-block;
  margin-left: .5rem;
  font-weight: normal; }


/* Buttons
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
  display: inline-block;
  height: 30px;
  padding: 0 30px;
  color: #555;
  text-align: center;
  font-size: 12px;
  font-family: "Raleway", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
  line-height: 30px;
  letter-spacing: .1rem;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
  background-color: transparent;
  border-radius: 4px;
  border: 1px solid #bbb;
  cursor: pointer;
  box-sizing: border-box; }
.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
.button:focus,
button:focus,
input[type="submit"]:focus,
input[type="reset"]:focus,
input[type="button"]:focus {
  color: #333;
  border-color: #888;
  outline: 0; }
.button.button-primary,
button.button-primary,
input[type="submit"].button-primary,
input[type="reset"].button-primary,
input[type="button"].button-primary {
  color: #FFF;
  background-color: #33C3F0;
  border-color: #33C3F0; }
.button.button-primary:hover,
button.button-primary:hover,
input[type="submit"].button-primary:hover,
input[type="reset"].button-primary:hover,
input[type="button"].button-primary:hover,
.button.button-primary:focus,
button.button-primary:focus,
input[type="submit"].button-primary:focus,
input[type="reset"].button-primary:focus,
input[type="button"].button-primary:focus {
  color: #FFF;
  background-color: #1EAEDB;
  border-color: #1EAEDB; }

/* Bigger than 1000 */
@media (min-width: 1000px) {
	
	.errorpic {
	display:block;
width: 50%;
margin: auto;
}
}