body {
    background: #f0f0f0;
    font-family: Arial;
    font-size: 16px;
    color: #939598;
}

.wrapper {
    width: 930px;
    margin: auto;
    margin-top: 115px;
}

.titlebox {
    float: left;
    width: 600px;
}
.title {
    color: #ffb512;
    font-size: 36px;
    float: left;
}
.subtitle {
    color: #0068a1;
    font-size: 18px;
    margin-left: 30px;
    float: left;
}
.unilogo {
    background: url('../images/uni_logo.png');
    width: 218px;
    height: 64px;
    float: right;
}

.promobox {
    width: 100%;
    margin-top: 25px;
    float: left;
}

.unipic {
    background: url('../images/uni_pic.png');
    width: 552px;
    height: 348px;
    position: relative;
    float: left;
}
.piccontent {
    background: white;
    width: 280px;
    height: 35px;
    padding: 10px;
    bottom: 0px;
    float: left;
    position: absolute;
}
.uniname {
    color: #009ee5;
    font-size: 20px;
}
.uniloc {
    font-size: 12px;
    margin-left: 130px;
}

.menubox {
    width: 100%;
    margin-top: 12px;
    float: left;
}

.menu {
    width: 176px;
    height: 167px;
    margin-right: 12px;
    float: left;
    position: relative;
}
.menu:hover {
    cursor: pointer;
    color: #0068a1;
}
.menutitle {
    background: white;
    width: 100%;
    line-height: 47px;
    position: absolute;
    bottom: 0px;
    text-align: center;
    font-size: 18px;
}

/* MENÜK */
.m1 {
    background: url('../images/m1_out.png'); 
}
.m1:hover {
    background: url('../images/m1.png'); 
}
.m2 {
    background: url('../images/m2_out.png'); 
}
.m2:hover {
    background: url('../images/m2.png'); 
}
.m3 {
    background: url('../images/m3_out.png'); 
}
.m3:hover {
    background: url('../images/m3.png'); 
}
.m4 {
    background: url('../images/m4_out.png'); 
}
.m4:hover {
    background: url('../images/m4.png'); 
}
.m5 {
    background: url('../images/m5_out.png'); 
    margin-right: 0px;
}
.m5:hover {
    background: url('../images/m5.png'); 
}
a {
    color: inherit;
    text-decoration: none;

}

.pagecontent img {
    max-width: 200px;
}

/* PROMOBOX */
.promocontent {
    width: 340px;
    padding: 17px;
    float: left;
}
.hint {
    color: #0068a1;
    font-size: 24px;
}
.desc {
    font-size: 18px;
    margin-top: 10px;
    text-align: justify;
}
.promocontent img {
    float: left;
    margin-right: 12px;
    margin-top: 8px;
}

/* CONTENT */
h1 {
    color: #0068a1;
    margin-bottom: 10px;
    margin-top: 0px;
}
ul {

}
li {
    list-style: none;
    margin-bottom: 3px;
}
.contentmacro {
    float: right;
    width: 400px;
    color: #0068a1;
    font-size: 18px;
    margin-bottom: 20px;
}
.pagecontent {
    width: 904px;
    background: white;
    padding: 12px;
    margin-top: 15px;
}

.pagecontent img {
    margin: 5px 10px 5px 10px;
}

label .error {
    float: right;
    color: red;
}
p {
    text-align: justify;
}

join tr:nth-child(4n+0) {
    background: none;
}
.join .time {
    width: 250px;
    text-align: center;
}

/* TABLE */
table {
    width: 100%;
}
th {
    text-align: left;
    background: #f0f0f0;
    font-weight: bold;
    padding: 5px 10px 5px 10px;
}
.time {
    width: 110px;
    text-align: center;
}
td {
    padding: 5px;
}
tr:nth-child(4n+0) {
    background: #f5f5f5;
}


/* INPUTS */
.itext {
    padding: 5px;
    font-size: 16px;
    border: 1px solid #dddcdc;
    color: #939598;
    outline: none;
}
.itext:focus {
    border: 1px solid #fedf18;
    color: #0068a1;
}
textarea {
    padding: 5px;
    border: 1px solid #dddcdc;
    color: #939598;
    outline: none;
}
textarea:focus {
    border: 1px solid #fedf18;
    color: #0068a1;
}
label {
    cursor: pointer;
}
.isub {
    background: none;
    border: none;
    outline: none;
    font-size: 18px;
    color: #0068a1;
    cursor: pointer;
}
.isub:hover {
    color: #ffb512;
}

/* CONTACT PAGE */
.contactbox {
    background: white;
    width: 458px;
    height: 110px;
    margin-top: 12px;
    float: left;
}
.post {
    padding-top: 15px;
    margin-left: 30px;
    color: #009ee5;
    font-size: 20px;
    float: left;
}
.name {
    margin-left: 10px;
    margin-top: 19px;
    float: left;
}
.sub {
    font-size: 14px;
    line-height: 20px;
    margin-left: 60px;
}

.formwrapper {
    float: left;
}
.inputline {
    background: white;
    margin-top: 12px;
    width: 448px;
    height: 46px;
    line-height: 46px;
    font-size: 18px;
    padding-left: 10px;
    position: relative;
}
.gmaps {
    margin-top: 12px;
    margin-left: 12px;
    float: left;
}
.contacttext {
    width: 428px;
    height: 228px;
}
.subpos {
    position: absolute;
    bottom: 0px;
    right: 0px;
}

.footer {
 width: 100%;
 float: left;
 margin-top: 15px;
 margin-bottom: 15px;
}
.tamop {
 background: white;
 padding: 10px;
 text-align: center;
}
.tamop img {
 margin-left: 40px;
 margin-right: 40px;
}
.tamop .text {
 font-weight: bold;
 margin-top: 10px;
}