*{margin: 0; padding: 0; box-sizing: border-box;}
html,body{
    height:100%;
    width:100%;
}
body{font: 14px "Open Sans", serif; background-color: #fdfdfd; 
    display:table;
}
a{text-decoration: none;}
li{list-style: none;}

.left-boks {float:left;}
.right-boks {float:right;}

header{
    background-image: url('B15618_web.jpg');
    background-size: 100%;
    background-position: 0 180px;
    float: left;
    width: 100%;
    height: 110px;
    color: #fff;
    padding-top: 1%;
    padding-left: 1%;
    padding-right: 1%;
}
header a {
    color: #fff;
}
header .right-boks{
    background-color: #2c6700;
    background-image: none; background-attachment: scroll; background-color: rgba(0, 0, 0, 0.498); padding: 10px; background-position: 0px 0px; background-repeat: repeat repeat;
    padding: 0.5%;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
.sources{
    background-image: url('Fattigkasse-web-grafik.JPG');
    background-size: 100%;
    background-position: bottom;
    float: left;
    width: 100%;
    height: 415px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}
.sources .sources-container {
    background-image: none; background-attachment: scroll; background-color: rgba(0, 0, 0, 0.498); padding: 10px; background-position: 0px 0px; background-repeat: repeat repeat;
    width: 20%;
    height: 145px;
    margin: 2.5%;
    overflow: hidden;
    float: left;
    color: #fff;
}
.footer{
    
    background-image: url('Fattigkasse-web-grafik.JPG');
    background-size: 100%;
    background-position: top;
    float: left;
    width: 100%;
    height: 209px;
    
}
.footer .sources-container {
    background-image: none; background-attachment: scroll; background-color: rgba(0, 0, 0, 0.498); padding: 10px; background-position: 0px 0px; background-repeat: repeat repeat;
    width: 20%;
    height: 140px;
    margin: 2.5%;
    float: left;
    color: #fff;
}
.footer .sources-container2 {
    background-image: none; background-attachment: scroll; background-color: rgba(0, 0, 0, 0.498); padding: 10px; background-position: 0px 0px; background-repeat: repeat repeat;
    width: 45%;
    height: 140px;
    margin: 2.5%;
    float: right;
    color: #fff;
}
.footer .sources-container2 .right-boks{
    text-align: right;
}
.footer .sources-container2 a{
    color: #fff;
}
.footer .sources-container2 a:hover{
    color: #faf2cc;
    text-decoration: underline;
}

/* Tidslinje */

.container{
    clear: both;
        margin-top: 25px;
/*    margin: 0px auto; width: 600px;*/
}
.row{float: left; width: 50%;}
.row h2{font-size: 24px; font-weight: 600; margin: 20px 0 10px; text-align: center;}
.row .forside-venstre-boks{
/*    background-color: #f1f1f1;*/
    border-radius: 5px;
    width: 100%;
    margin: 1%;
    border: 1px solid #ccc;
}

.row .forside-venstre-boks h3{
    background-color: #f1f1f1;
    padding: 2%;
    border-bottom: 1px solid #ccc;
}
.row .forside-venstre-boks p{
    
    padding: 2%;
}
.row .forside-venstre-boks .forside-venstre-boks-dato{
    padding-top: 1%;
    padding-right: 2%;
    float:right;
    text-align: center;
}


/*boks hover effekt på forsiden */
.c--anim-btn span {
  
  text-decoration: none;
  
  display: block;
  margin-top: 75px;
}

.c--anim-btn, .c-anim-btn {
  transition: 0.3s;     
}
.c--anim-btn {
  height: 115px;
  overflow: hidden;
  
  
}
.c-anim-btn-hover {
   
}
.c-anim-btn{
  margin-top: 0em;   
  
}

.c--anim-btn:hover .c-anim-btn{
  margin-top: -7.2em;
}

/* forside billede effekt */

.cd-fixed-bg {
    /*til Fixed & Scroll Backgrounds*/
    
	height: 300px;
	min-height: 100%;
	background-size: cover;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center center;
}
 
.cd-fixed-bg.cd-bg-1 {
    /*til Fixed & Scroll Backgrounds*/
  background-image: url("../style/prov.jpg");
}
.cd-fixed-bg.cd-bg-2 {
    /*til Fixed & Scroll Backgrounds*/
  background-image: url("../style/24868833443_d34d96d882_k.jpg");
}
.cd-fixed-bg.cd-bg-3 {
    /*til Fixed & Scroll Backgrounds*/
  background-image: url("../style/prov.jpg");
}
.cd-fixed-bg.cd-bg-4 {
    /*til Fixed & Scroll Backgrounds*/
  background-image: url("../style/prov.jpg");
}
 
.cd-scrolling-bg {
	height: 300px;
	min-height: 130%;
}

/* forside billede effekt slut */
/**/

/*boks hover effekt på forsiden endt */
/**/

/*= timeline css for data in one side =*/
.timeline{float: left; width: 90%; margin: 40px 5%; padding-left: 40px; position: relative; border-left: 1px solid #ccc; box-sizing: border-box;}
.timeline:before, .timeline:after{content: ""; width: 16px; height: 16px; border: 2px solid #ccc; position: absolute; left: -11px; border-radius: 50%;}
.timeline:before{top: -18px;}
.timeline:after{bottom: -18px;}
.timeline li{background-color: #f1f1f1; border: 1px solid #ccc; border-radius: 8px; float: left; margin-top: 20px; padding: 10px; position: relative; width: 100%;}
.timeline li:first-child{margin-top: 0;}
.timeline li:before{content: ""; width: 40px; height: 1px; background-color: #ccc; position: absolute; top: 50%; left: -41px;}
.timeline li:after{content: ""; width: 7px; height: 7px; background-color: #ccc; position: absolute; top: 50%; margin-top: -3px; left: -45px;}
.timeline-description p{margin-top: 15px;}
.timeline-description p:first-child{margin-top: 0;}
/*= ttimeline css for data in one side end =*/

/*= timeline css for data in both side =*/
.timeline-both-side{float: left; width: 96%; margin: 20px 2% 50px; position: relative; box-sizing: border-box;}
.timeline-both-side:before{background-color: #ccc; bottom: 0; content: " "; left: 50%; position: absolute; top: 0; width: 1px;}
.timeline-both-side:after{border-radius: 50%; bottom: -22px; content: ""; height: 18px; left: 50%; margin-left: -11px; position: absolute; width: 18px; border: 2px solid #ccc;}
.timeline-both-side li {position: relative; float: left; width: 100%;}
.timeline-both-side li .border-line{background-color: #ccc; font-size: 1.4em; height: 1px; left: 50%; margin-left: -8%; position: absolute; text-align: center; top: 50%; width: 8%; z-index: 100;}
.timeline-both-side li.opposite-side .border-line{left: auto; right: 50%; margin-left: 0; margin-right: -8%;}
.timeline-both-side li .border-line:before {background-color: #ccc; content: ""; height: 7px; position: absolute; right: -4px; top: -3px; width: 7px;}
.timeline-both-side li.opposite-side .border-line:before{left: -4px; right: auto;}
.timeline-both-side li .timeline-description{border-radius: 2px; background-color: #f1f1f1; border: 1px solid #ccc; float: left; font-size: 13px; padding: 10px; position: relative; width: 42%;}
.timeline-both-side li.opposite-side .timeline-description{float: right;}
.timeline-both-side li.opposite-side .timeline-pyear{float: right;}
/*= timeline css for data in both side end =*/


/* artikel */
.artikel {
    width: 100%;
    min-height: 650px;
    float: left;
    margin-bottom: 50px;
    margin-top: 25px;
    
}
.artikel .artikel-tekst{
    width: 650px;
    margin: 0 auto;
}

.artikel .artikel-tekst .boksdelt_3 {
    
    color:#999;
    width: 33%;
    height: 140px;
    float: left;
}


.artikel .artikel-tekst .laesostekst{
    color:#999;
    border-bottom: 1px solid #999;
}
.artikel .artikel-tekst p{
    padding-bottom: 15px;
    padding-top: 15px;
}
.artikel .artikel-tekst a{
    color:#ca0202;
}
.artikel .artikel-tekst a:hover{
    text-decoration: underline;
}

.artikel .artikel-tekst .center-tekster{
    text-align: center;
}
.artikel .artikel-tekst .right-tekster{
    text-align: right;
}
.artikel .artikel-tekst .artikel-images img{
    width: 100%;
}
.artikel .artikel-tekst .artikel-images p{
    font-style: italic;
}
.artikel .artikel-tekst .artikel-tabel{
/*    background-image: url('B7750_web.jpg');*/
    background-size: 100%;
    opacity: 0.6;
    filter: alpha(opacity=60);
}
.artikel .artikel-tekst .artikel-tabel table{
    background-color: #ffffff;
    opacity: 0.8;
    filter: alpha(opacity=80);
    width: 100%;
    border-spacing: 2px;
}
.artikel .artikel-tekst .artikel-tabel p{
    text-align: right;
    font-style: italic;
}

.artikel .block-rightboks{
/*    background-color: #ccc;*/
    float:right;
    width: 230px;
    min-height: 200px;
    position: relative;
    margin-right: -70px;
    margin-left: 15px;
    margin-bottom: 15px;
    padding-bottom: 15px;
    
    border: 0.5px solid #ddd;
    border-radius: 5px 15px 5px;
    overflow: hidden;
}
.artikel .block-rightboks h4{
    background-color: #ccc;
    padding: 2px;
    padding-left: 6px;
    padding-right: 6px;
}
.artikel .block-rightboks p{
    padding: 2px;
    padding-left: 6px;
}
.artikel .block-rightboks li{
    list-style-type: circle;
    margin-left: 23px;
    padding-left: 4px;
}
.artikel .block-rightboks li a:hover{
    text-decoration: underline;
}

.venstrebilledeartikelboks  {
    width: 170px;
    float: left;
    margin-left: -50px;
    margin-right: 20px;
    margin-bottom: 20px;
}
.hojrebilledeartikelboks{
    width: 170px;
    float: right;
    margin-left: 20px;
    margin-right: -50px;
    margin-bottom: 20px;
}

.hojrebilledeartikelboks img,
.venstrebilledeartikelboks img {
    width: 100%;
}

/* artikel end */
/* fattiggaardsregister start  */
.fattiggaardsregister .soegeformteksten {
    padding: 10px;
    float: left;
}
.fattiggaardsregister input[type="text"] {
    width: 90%;
    float: right;
    padding: 10px;
    border: solid 1px #dcdcdc;
    transition: box-shadow 0.3s, border 0.3s;
}
.fattiggaardsregister input[type=text]:focus {
    border: solid 1px #707070;
    box-shadow: 0 0 5px 1px #969696;
}
.fattiggaardsregister input[type=button], input[type=submit], input[type=reset] {
    background-color: #ca0202; 
    border: none;
    color: white;
    padding: 5px 32px;
    margin-top: 15px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
}
.fattiggaardsregister .anstaltssoegning{
    background-color: #f1f1f1;
    padding-top:25px;
    padding-bottom:15px;
    padding-left:15px;
    padding-right:15px;
    border-radius: 5px;
}

.fattiggaardsregister .register-pagination{
    width: 100%;
    text-align: center;
    border-top: 0.5px solid #b1b1b1;
    margin-top: 15px;
    padding-top: 10px;
}

/* fattiggaardsregister end */


/* oversigt start*/
.oversigt {
    width: 100%;
    min-height: 650px;
    float: left;
    margin-bottom: 50px;
}
.oversigt ul{
    padding-left: 15px;
}
/* oversigt end */


/* device-screen */
@media only screen and (max-width: 960px){
	.hide-on-device{display: none;}
}
/* device-screen end */




/* Button Style */
button.submit {
    background-color: #68b12f;
    background: -webkit-gradient(linear, left top, left bottom, from(#68b12f), to(#50911e));
    background: -webkit-linear-gradient(top, #68b12f, #50911e);
    background: -moz-linear-gradient(top, #68b12f, #50911e);
    background: -ms-linear-gradient(top, #68b12f, #50911e);
    background: -o-linear-gradient(top, #68b12f, #50911e);
    background: linear-gradient(top, #68b12f, #50911e);
    border: 1px solid #509111;
    border-bottom: 1px solid #5b992b;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    box-shadow: inset 0 1px 0 0 #9fd574;
    -webkit-box-shadow: 0 1px 0 0 #9fd574 inset ;
    -moz-box-shadow: 0 1px 0 0 #9fd574 inset;
    -ms-box-shadow: 0 1px 0 0 #9fd574 inset;
    -o-box-shadow: 0 1px 0 0 #9fd574 inset;
    color: white;
    font-weight: bold;
    padding: 6px 20px;
    text-align: center;
    text-shadow: 0 -1px 0 #396715;
}
button.submit:hover {
    opacity:.85;
    cursor: pointer; 
}
button.submit:active {
    border: 1px solid #20911e;
    box-shadow: 0 0 10px 5px #356b0b inset; 
    -webkit-box-shadow:0 0 10px 5px #356b0b inset ;
    -moz-box-shadow: 0 0 10px 5px #356b0b inset;
    -ms-box-shadow: 0 0 10px 5px #356b0b inset;
    -o-box-shadow: 0 0 10px 5px #356b0b inset;
     
}

/* kilde samlinger */

.kildesamling {
    background-color: #f1f1f1;
    width: 100%;
    float:left;
    margin: 0px auto;
    border-top: 0.1px solid #fff;
}

.kildesamling .kildesamling-menu{ 
    float:left;
    height:100%;  

    padding-right: 0.5%;
}
.kildesamling .kildesamling-menu a{
    color:#ca0202;
}
.kildesamling .kildesamling-menu a:hover{
    text-decoration: underline;
}
.kildesamling .kildesamling-menu li{
    margin-left: 15px;
    list-style-type: disc;
}

.kildesamling .kildesamling-tekst{ 
    background-image: url('fattig1882korrespondanceKolding.JPG');
    background-position: -830px -160px;
    background-repeat: no-repeat;
    min-height: 450px;
    float:right;
    padding:1%;
}
.kildesamling .kildesamling-tekst table{
    width: 100%;
    border-collapse: collapse;
    
}
.kildesamling .kildesamling-tekst tr, td{
    border: 1px solid black;
    padding: 15px;
    text-align: center;
}

.andre-kildesamlinger{
    background-color: #E0E0E0;
    clear: both;
    width: 100%;
    margin: 0px auto;
}
.kildesamling-tekst-boks{
    background-image: none; background-attachment: scroll; background-color: rgba(255, 255, 255, 0.74); padding: 10px; background-position: 0px 0px; background-repeat: repeat repeat;
    
}
/* kilde samlinger slut */



/* Historisk overblik start  */

.historiskoverblik-menu {
    background:#121212;
    color:#999999;
    height:89px;
    
    position:absolute;
    z-index: 1999;
    top:110px;
    width:100%;
}
.historiskoverblik-menu img{ width: 25px; float: left;}
.historiskoverblik-menu a{ color:#000088;}
.historiskoverblik-menu a:hover{ color:#539ddb;}
.historiskoverblik-fixed {
    position:fixed;
    top:0;
    
}
.historiskoverblik-contentwidthfixer{
    width: 90%;
    margin: 0px auto;
}
.historiskoverblik-menu-punkt{
    background-color:#fff;
    width: 120px;
    height:89px;
    float:left;
    text-align: center;
    margin-right: 5px;
}
.historiskoverblik-boks{
    margin-top: 225px;
}
/* Historisk overblik slut  */




/* admin panel */
.beskedgron{
    width: 98%;
    background-color: #68b12f;
    padding: 3%;
}
/* admin panel slut */

/*columner */
.column-1 {
    width: 6.86666666667%;
}

.column-2 {
    width: 15.3333333333%;
}

.column-3 {
    width: 23.8%;
}

.column-4 {
    width: 32.2666666667%;
}

.column-5 {
    width: 40.7333333333%;
}

.column-6 {
    width: 49.2%;
}

.column-7 {
    width: 57.6666666667%;
}

.column-8 {
    width: 66.1333333333%;
}

.column-9 {
    width: 74.6%;
}

.column-10 {
    width: 83.0666666667%;
}

.column-11 {
    width: 91.5333333333%;
}

.column-12 {
    width: 100%;
}