@CHARSET "UTF-8";

@IMPORT url("../main.css");

body {
  background: #195389;
  text-align: center;
  padding-bottom: 20px;
}

a {
  outline:none;
}

#pagebackground {
  background: transparent url('../../images/underside/baggrund-top-blue.png') center top no-repeat;
  width: 100%;
  height: 100%;
  min-width: 961px;
  float: left;
}

#page {
  position: relative;
  left:50%;
  margin: 0 0 100px -480px;
  text-align: left;
  width: 961px;
  float: left;
}

#header {
  background: transparent url('../../images/underside/page-top.png') 211px 189px no-repeat;
  position: relative;
  height: 250px; /*246px;*/
  overflow: hidden;
  float:left;
  width:100%;
}

#logo {
  position: absolute;
  top: 15px;
  left: 20px;
}

#header-menu-headline {
  display: none;
}

#navigation-back {
  position: absolute;
  right: 39px;
  top: 15px;
}

#header-menu .header-menu-icon {
  position: absolute;
}

#header-menu .header-menu-textimage {
  position: absolute;
}

#livet .header-menu-textimage {
  position: absolute;
  right: 640px;
  top:208px;
}
#livet .header-menu-icon {
  position: absolute;
  right: 619px;
  bottom: 40px;
}

#personer .header-menu-textimage {
  position: absolute;
  right: 518px;
  top:208px;
}

#personer .header-menu-icon {
  position: absolute;
  right: 523px;
  bottom: 40px;
}

#bibelen .header-menu-textimage {
  position: absolute;
  right: 421px;
  top:208px;
}

#bibelen .header-menu-icon {
  position: absolute;
  right: 418px;
  bottom: 40px;
}

#kirken .header-menu-textimage {
  position: absolute;
  right: 316px;
  top: 208px;
}

#kirken .header-menu-icon {
  position: absolute;
  right: 316px;
  bottom: 40px;
}

#andrereligioner .header-menu-textimage {
  position: absolute;
  right: 205px;
  top:208px;
}

#andrereligioner .header-menu-icon {
  position: absolute;
  right: 211px;
  bottom: 40px;
}

#opgaver .header-menu-textimage {
  position: absolute;
  right: 106px;
  top:208px;
}

#opgaver .header-menu-icon {
  position: absolute;
  right: 88px;
  bottom: 40px;
}

#sidenavigation-and-content {
  width: 932px;
  float: left;
  overflow: hidden;
}

#sidenavigation {
  margin: 35px 30px 0 0;
  width: 180px;
  float: left;
}

#sidenavigation a:hover {
  color: #3b3b3b;
}

#sidemenu-headline {
  display: none;
}

#sidenavigation ul {
  float: right;
  text-align: right;
  width: 180px;
}

#sidenavigation li {
  overflow: visible;
  width: 180px;
  float: right;
  position:relative;
}

#sidenavigation ul li a {
  color          :             #FFFFFF;
  text-decoration: none               ;
  font           : bold 11pt Helvetica;
  right          :                28px;
  float          : right              ;
  position       : relative           ;
  line-height    :               120% ;
  width          :               152px;
  margin-top     :                 5px;
}

#sidenavigation ul li a:hover {
  color: #c9342f;
}

#sidenavigation .subtext {
  overflow: visible ;
  width   :    180px;
  float   : right   ;
  position: relative;
}

#sidenavigation .subtext a {
  text-decoration: none               ;
  font           : bold 8pt Helvetica ;
  float          : right              ;
  position       : relative           ;
  color          :             #FFFFFF;
  right          :                28px;
  line-height    :               120% ;
  width          :               180px;
}

#sidenavigation subtext a:hover {
  color: #c9342f;
}

#sidenavigation ul li > .sidemenu-icon {
  display   : block   ;
  left      :    160px;
  width     :     25px;
  height    :     21px;
  overflow  : hidden  ;
  position  : relative;
}

#sidenavigation .subtext > .sidemenu-icon {
  display   : none    ;
  left      :    160px;
  width     :     25px;
  height    :     21px;
  overflow  : hidden  ;
  position  : relative;
}

.sidemenu-icon img {
  padding-top   :    2px;
  vertical-align: middle;
}

#content {
  width: 722px;
  overflow: hidden;
  float: right;
  background: transparent url('../../images/underside/page-tile.png') right top repeat-y;
  min-height: 400px;
}

#main-content {
  margin:32px 63px 0 53px;
  font: 17px/30px Helvetica;
}

#main-content h1,#main-content h2,#main-content h3,#main-content h4,#main-content h5,#main-content h6 {
  margin: 4px 0 4px 0;
}

#main-content p {
  margin: 4px 0 17px 0;
  font: 17px/30px Helvetica;
}

#main-content h1.csc-firstHeader {
  font: bold 30pt Helvetica;
  color: #3b3b3b;
}

#main-content h1 {
  font: bold 19pt Helvetica;
  color: #3b3b3b;
}

#main-content h2 {
  font: bold 21pt Helvetica;
  color: #3b3b3b;
}

#main-content h3 {
  font: bold 19pt Helvetica;
  color: #3b3b3b;
}

#main-content h4 {
  font: bold 17pt Helvetica;
  color: #3b3b3b;
}

#main-content h5 {
  font: bold 15pt Helvetica;
  color: #3b3b3b;
}

#main-content h6 {
  font: bold 13pt Helvetica;
  color: #3b3b3b;
}

#main-content ul, #main-content ol {
  margin: 0 0 35px 0;
}

#main-content ul li {
  list-style-type: disc;
  margin-left: 2em;
}


#main-content ol li {
  list-style-type:decimal;
  margin-left: 2em;
}

#faneblade {
  margin: 50px;
}

#footer {
  background: transparent url('../../images/underside/page-bottom.png') 211px top no-repeat;
  float     : left;
  width     : 100%;
}

#footer-content {
  display     : inline;
  width       : 169px;
  padding-left: 261px;
  padding-top :  22px;
  float:left;
}

#loginbox {
  display:inline;
  float:right;
  padding-top:22px;
  padding-right:40px;  
}

#pointer {
  position:absolute;
  display:block;
  top:-30px;
  left: 195px;
  width: 17px;
  height: 87px;
  background: url('../../images/underside/sidemenu/pointer.png') no-repeat;
}

#pointer_sub {
  position:absolute;
  display:block;
  top:-35px;
  left: 195px;
  width: 17px;
  height: 87px;
  background: url('../../images/underside/sidemenu/pointer.png') no-repeat;
}

#main-content .faneblad_no {
  height: 70px;
  padding: 0px 15px 0px 15px;
  background: url('../../images/faneblad_no_bg.gif') repeat-x;
}

#main-content .faneblad_act {
  height: 70px;
  padding: 0px 15px 0px 15px;
  background: url('../../images/underside/faneblad_act_bg.gif') no-repeat center top;
}

#main-content A.faneblad_link_act {
  color: #00289b;
  font-family: Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  text-decoration: none;
}
#main-content A.faneblad_link_act:hover {
  text-decoration: underline;
}

#main-content A.faneblad_link_no {
  color: #00289B;
  font-family: Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  text-decoration: none;
}

#main-content A.faneblad_link_no:hover {
  text-decoration: underline;
}

#main-content .faneblad_maintd {
  width: 440px;
  height: 70px;
  background: url('../../images/underside/faneblad_no_bg.gif') repeat-x;
}

#main-content TABLE.faneblade_main_table {
  margin-top: 30px;
}






/* ########### New login box ########### */

#main-content div.tx-newloginbox-pi1 {
  position: relative;
}

#main-content .tx-newloginbox-pi1 th {
  text-align: left;
  white-space:nowrap;
  width: 65px;
  font-size: 12px; 
  color: #292720;
}

#main-content .tx-newloginbox-pi1 td {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
}

#main-content .tx-newloginbox-pi1 form {
  display: inline;
}

#main-content .tx-newloginbox-pi1 label {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #253651;
  font-weight: normal;
  padding-left: 4px;
}

#login-table-artikler .login_user, #login-table-artikler .login_pass {
  width: 120px;
  height: 20px;
  padding: 4px;
  vertical-align: middle;
  margin: 1px 0;
}

#login-table-artikler .newlogin-submit {
  padding-left: 5px;
}

#login-table {
  width:180px;  
}

#login-table .newlogin-submit {
  background-color: #edf1f7;
  padding: 0;
  margin-top: 4px;
  margin-left: 5px;
}

#login-table .login-checkbox {
  border: 0px;
}
#login-buttons-artikler .loginuser {
  margin: 5px 0 8px 0;
}
#main-content .loginlink {
  outline: none;
}

#login-artikler-forgot {
  margin: 20px 0 0 0;  
}

#login-artikler-forgot {
  background: #edf1f7;
  padding: 0 5px 5px 5px;
  width: 220px;
  height: 213px;
}

#login-buttons-artikler {
  width: 203px;
  height: 113px;
  background: #edf1f7;
  margin: 20px 0 0 0;
  padding: 12px 14px 2px 14px;
}

#logindrop, #logindrop-artikler {
  display: none;
}

#login-status-message {
  width: 210px;
  height: 130px;
  padding: 5px;
  background: #edf1f7;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color:#555;
  position:absolute;
  left:-6px;
  top:-4px;  
  margin:0;
  z-index:100;
}

#glemt_password {
  overflow:hidden;
  position:absolute;
  left:-6px;
  top:-4px;
  background: #edf1f7;
  color:#555;
  font-weight:normal;
  text-align:left;
  padding:10px;
  width:194px;
  height:192px;
  margin:0;
  z-index:100;
}

#glemt_password_sendt {
  overflow:hidden;
  position:absolute;
  left:0px;
  top:4px;
  background: #edf1f7;
  color:#555;
  font-weight:normal;
  text-align:left;
  padding:10px;
  width:194px;
  height:192px;
  margin:0;
  z-index:100;
}

#glemt_password_sendt-sub {
  background: #edf1f7;
  color:#555;
  font-weight:normal;
  text-align:left;
  padding:10px;
  width:200px;
  height:150px;
  margin: 10px 0;
}

#glemt_password-sub {
  background: #edf1f7;
  color:#555;
  text-align:left;
  padding:10px;
  width:200px;
  height:190px;
  margin: 10px 0;
}

#glemt_password-sub table td {
  padding: 1px;
}

#glemt_password-sub p.bodytext, #glemt_password_sendt-sub p {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #39372e;
  line-height:1.2em;
}

#glemt_password-sub h3 {
  font-family: Arial, Helvetica, sans-serif;
  font-weight:bold;
  font-size: 11px;
  color: #39372e;
}

#login-artikler-forgot {
  margin: 20px 0 0 0;  
}

#login-artikler-forgot {
  background: #edf1f7;
  padding: 0 5px 5px 5px;
  width: 220px;
  height: 213px;
}
#login-buttons-artikler {
  width: 203px;
  height: 113px;
  background: #edf1f7;
  margin: 20px 0 0 0;
  padding: 12px 14px 2px 14px;
}

#login-table-artikler-div {
  background:    #EDF1F7;
  width     :      230px;
  padding   : 0 0 10px 0;
}

#login-table-artikler {
  margin: 0 0 0 16px;
}

#login-table-artikler th, #login-table-artikler td {
  padding: 1px;
}

.small_login_td {
  width: 200px;
  color: white;
}


#main-content .image_center {
  clear: both;
  margin: 5px;
}

#main-content .image_center > *{
  margin: 5px;
}

#main-content .image_center .image {
  text-align:center;
}

#main-content .image_center .copyright {
  color     :             #AAAACC;
  text-align: left               ;
  font      : 80%/100% sans-serif;
}

#main-content .image_right, #main-content .image_left, #main-content .image_center {
  overflow     : hidden            ;
  border       : 1px dotted #DDDDFF;
  margin-top   :                0  ;
  margin-bottom:                3px;
}

#main-content .image_right > *, #main-content .image_left > * {
  padding: 0  ;
  margin : 5px;
}
#main-content .image_right .image, #main-content .image_left .image{
  text-align: center;
}
#main-content .image_right .caption, #main-content .image_left .caption, #main-content .image_center .caption  {
  font       : 90%/120% sans-serif;
}
#main-content .image_right .copyright, #main-content .image_left .copyright {
  color     :             #AAAACC;
  text-align: left               ;
  font      : 80%/100% sans-serif;
}
#main-content .image_right {
  float : right;
  margin-right: 0;
  margin-left: 10px;
}
#main-content .image_left {
  float : left;
  margin-left: 0;
  margin-right: 10px;
}
#main-content .image_right > * { float: right; }
#main-content .image_left  > * { float: left;  }


#main-content .external_object_center > * {
  margin: 5px;
}
#main-content .external_object_center .object {
  text-align:center;
}
#main-content .external_object_center .caption {
  font       : 90%/100% sans-serif;
}
#main-content .external_object_center {
  overflow:hidden;
  border: 1px dotted #DDF;
  clear: both;
  margin: 5px;
}

#main-content .external_object_link {
  /*background: url('../../images/underside/external_object/baggrund.gif');*/
  display   : block;
  float     : right;
  width     : 210px;
  min-height    : 117px;
  font       : 90%/120% sans-serif;
  margin    :   5px;
  margin-right:0;
  position  : relative;
  border: 1px dotted #DDF;
}

#main-content .external_object_link_pic {
  display: block;
  float: left;
/*  position:absolute;*/
  padding-left: 5px;
  padding-top : 10px;
}
#main-content .external_object_link_pic img{
  height:40px;
  width:37px;
}

#main-content .external_object_link_text {
  float     :     left;
  padding-left      :     20px;
  padding-top       :     15px;
  /*position  : absolute;*/
  width     :    140px;
  min-height    :     50px;
  text-align: middle  ;
}

#main-content .external_object_link_text a, #main-content .external_object_link_text p {
  color:#111111;
  font-family:sans-serif;
  font-size:90%;
}

#main-content .external_object_link_caption {
  float:left;
  margin-top:10px;
  padding:10px;
  font       : 90%/120% sans-serif;
  color:#AAAACC;
}

#main-content .external_object_rte_caption {
	color: #AAAACC;
	font: 70%/100% sans-serif;
	padding: 0 0 10px 0;
}

#main-content .external_object_rte_caption p {
font:13px/20px Helvetica;
}

#main-content span.ordbog {
  text-decoration: none   ;
  cursor         : help   ;
  color          : #654e81;
}

#tooltip {
  text-align: left;
  font      : 17px Helvetica;
}

#main-content .forfatter_info {
  font-size : 70%;
  margin-top: 30px;
}

#main-content .quiz-question-number {
  margin: 35px 0 15px 0;
  font-size: 70%;
  text-decoration: underline;
  color: #999999;
}

#main-content .quiz-answers{
}

#main-content .quiz-answers li{
  line-height: 100%;
  font-size  : 80%;
  list-style-type: none;
  margin: 0 0 4px 0;
  vertical-align: middle;
}

#main-content .quiz-answers li label {
  margin-top: -20px;
  padding:0;
  line-height:0;
}

#main-content .quiz-answers li input {
}

#main-content .quiz-question {
  font-weight: normal;
}
#toolbar {
  float: right;
  margin: 20px 60px 0 0;
}
.rss {
padding-left:20px;
}