@media print {
	a {
        text-decoration: none;
        color: black;
    }
    .noprint {
        display: none;
    }
    .printtitle {
        text-align: right;
    }
}

@media screen {
    .onlyprint {
        display: none;
    }
    .printtitle {
        display: none;
    }
}

/*html {
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
}*/

body {
    max-width: 1200px;
    font-family: OpenSans, sans-serif;
    font-size: large;
    margin:auto;
        -webkit-background-size: cover, contain;
        -moz-background-size: cover, contain;
        -o-background-size: cover, contain;
        background-size: cover, contain;
/*    background-repeat: no-repeat;
    background-size: 100% 100%;*/
}

.sitetitle {
    max-width: 750px;
    margin:auto;
}

.cff-error-msg{display:none;}

body.workwith {
    width:100%;
}

#vbwWikiDiv {
    margin: 15px;
}

/* Large screens */
@media only screen and (min-width: 1000px)  {
    h1 {
        font-family: "Oswald", sans-serif;
        margin: 25px 10px 10px 15px;
        font-size: 340%;
    }
    h2 {
        font-family: "Oswald", sans-serif;
        font-weight: lighter;
        /*
        background-image:  url("../9035rtb.php?h=2");
        background-repeat: no-repeat;
        background-size: 45px;
         */
        text-indent: 60px;
        border: 0px;
        margin: 25px 10px 10px 15px;
        font-size: 170%;
    }
    h3 {
        font-family: "Oswald", sans-serif;
        font-weight: lighter;
        /*
        background-image:  url("../9035rtb.php?h=3");
        background-repeat: no-repeat;
        background-size: 40px;
         */
        text-indent: 50px;
        border: 0;
        margin: 20px 10px 10px 15px;
        font-size: 160%;
    }

    h4 {
        font-family: "Oswald", sans-serif;
        font-weight: lighter;
        /*
        background-image:  url("../9035rtb.php?h=4");
        background-repeat: no-repeat;
        background-size: 35px;
        */
        text-indent: 40px;
        border: 0px;
        margin: 20px 10px 10px 15px;
        font-size: 150%;
    }
    .onlyWikiBlock {

    }
    .firstWikiBlock {
        width:46%;
        float:left;
        margin-right:1%;
        /*", "width:46%;float:right;")*/
    }
    .secondWikiBlock {
        width:46%;
        float:right;
    }
    li.wiki {
        font-size: 110%;
        margin-top: 10px;
        margin-bottom: 10px;
    }
}

/* Smaller screens */
@media only screen and (max-width: 1000px) {
    h1 {
        font-family: "Oswald", sans-serif;
        font-weight: normal;
        margin: 20px 10px 10px 15px;
        font-size: 500%;
    }
    h2 {
        font-family: "Oswald", sans-serif;
        font-weight: normal;
        border: 0px;
        margin: 20px 10px 10px 15px;
        font-size: 400%;
    }
    h3 {
        font-family: "Oswald", sans-serif;
        font-weight: lighter;
        border: 0;
        margin: 10px 10px 10px 15px;
        font-size: 250%;
    }

    h4 {
        font-family: "Oswald", sans-serif;
        font-weight: lighter;
        border: 0px;
        margin: 10px 10px 10px 15px;
        font-size: 200%;
    }
    .onlyWikiBlock {
        font-size: 200%;
    }
    .firstWikiBlock {
        font-size: 200%;
    }
    .secondWikiBlock {
        font-size: 200%;
    }
    #infwfooter {
        font-size: 200%;
    }
    li.wiki {
        font-size: 140%;
        margin-top: 15px;
        margin-bottom: 15px;
    }
}


@font-face {
    font-family: Oswald;
    src: url("/addlay/fonts/Oswald-VariableFont_wght.ttf");
}
@font-face {
    font-family: OpenSans;
    src: url("/addlay/fonts/OpenSans-VariableFont_wdth,wght.ttf");
}
@font-face {
    font-family: SourceSansPro;
    src: url("/addlay/fonts/SourceSansPro-Light.ttf");
}




/* LEGACY: */

input[type=checkbox] {
    zoom: 1.5;
}
input[type=radio] {
    zoom: 1.5;
}
input {
    font-size: large;
    margin-right: 10px;
}
select {
    font-size: large;
}
button {
    font-size: large;
}

.nodots {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

label {
    margin:  0 2px 4px 2px;
    padding: 1px;
    display: block;
}
.unchecked {
    color: grey;
}
.checked {
    background-color: #bdd732;
}
.uncheckedpending {
    background-color: #f5df5e;
}
.checkedpending {
    background-color: #f5df5e;
}

.helptext a {
    color: #f5821f;
}

.helptext {
    font-size: 70%;
    font-style: italic;
    color: #748d26;
}

div.helptext {
    margin-left: 70px;
    display: block;
}

div.editbar {
    font-size:125%;
}

/* ----main menu -------------------------------*/
ul.mainmenu {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #572600;
}

.mainmenu li {
    float: left;
}

.mainmenu li a {
    display: block;
    color: white;
    text-align: center;
    padding: 16px;
    text-decoration: none;
}

.mainmenu li a:hover {
    color: #bdd732;
}
/* ----main menu end ---------------------------*/

a {
    text-decoration: none;
    color: #0073B2;
}
a:hover {
    text-decoration: none;
    color: #0b1969;
}



legend {
    color: #572600;
}
fieldset {
    border-color: #572600;
    opacity: 0.9;
}

.present {
    color: #748d26;
    background-color: #748d26;
    text-align: center;
}
.absent {
    color: #f5821f;
    background-color: #f5821f;
    text-align: center;
}

table.workwith {
    widht: 100%;
    font-size: 70%;

}

/* ------ rotate column headers in a table header -----------------------*/
th.rotate {
  /* Something you can count on */
    height: 175px;
    width: 50px;
  white-space: nowrap;
}

th.rotate > div {
    font-size: 75%;
    font-weight: 100;
  transform: 
    /* Magic Numbers */
    translate(25px, 51px)
    /* 45 is really 360 - 45 */
    rotate(315deg);
  width: 30px;
}
th.rotate > div > span {
  border-bottom: 2px solid #572600;
  padding: 5px 10px;
}


/* -- Probably legacy-stuff of my previous projects... to clean up (I don't like cleaning as it is) -- */
.date {
	white-space:nowrap;
}
.num {
	white-space:nowrap;
	text-align: right;
}
.keyfield {
	white-space:nowrap;
}
.searcharea {
	float: right;
}
.subfile_title {
	min-width: 50%;
}

textarea {
	background: #f0f0f0;
	width: 450px;
	height: 125px;
}
#ticketdescription {
	width: 500px;
	height: 175px;
}

div #errorBar {
    position:absolute;
    text-align:center;
    margin-left:130px;
    margin-right:auto;
    width:400px;

    padding: 1px 10px 1px 10px;
    top:2px;

    color: #bdd732;
    background-color: #ed1c23;
    -moz-border-radius: 20px 20px 20px 20px;
    -webkit-border-radius: 20px 20px 20px 20px;
    border-radius: 20px 20px 20px 20px;

    opacity:0.85;
    transition:opacity 2000ms;
    /* Force on top of other elements: */
    z-index: 6;

}
div #errorBar li {
    list-style-type: none;
}


table.nice {
  border-collapse: collapse;
  border: 1px solid #666666;
  color: #000000;
  background: #f6f6f6;
  text-align:left;
  }
.nice caption {
  text-align: center;
  background: transparent;
  padding:6px 4px 8px 0px;
  color: #CC00FF;
  text-transform: uppercase;
}
.nice thead, 
.nice tfoot {
  /*background:url(img.9035/tablebg1.png) repeat-x;*/
  text-align:left;
  height:30px;
}
.nice thead th,
.nice tfoot th {
  padding:5px;
}
.nice tr {
  vertical-align: top;
}
.nice tr.odd {
  background: #e8e8e8;
}
.nice tr.systemlog {
  color: #777777;
  font-size: 75%;
}
.nice tbody th,
.nice tbody td {
  padding:5px;
}

/* Used as a simple encapsulator on screen*/
table.nomarkup {
  border-collapse: collapse;
  border: 0px;
  text-align:left;
}



/* Container holding the image and the text */
.albumContainer {
    position: relative;
}

/* Bottom right text */
.text-block {
    position: absolute;
    top: 20px;
    left: 20px;
    background: rgba(0, 0, 0, 0.5); /* Black background with 0.5 opacity */
    color: #f1f1f1; /* Grey text */
    padding-left: 20px;
    padding-right: 20px;
}

/* Hide full-screen fir Firefox */
video::-webkit-media-controls-fullscreen-button {
    display: none;
}
video::-moz-fullscreen-button {
    display: none;
}
video::fullscreen-button {
    display: none;
}