@charset "UTF-8";

/* --- GENERAL --- */

body {
font-size: 14px;
font-family: Helvetica, sans-serif;
letter-spacing: .03em;
color: #484848;
}

li {
    list-style: none;

    line-height: 16px;

}

strong {
      text-transform: uppercase;
      font-weight: normal;
}

ul {
    padding: 0px;
}

td {
    padding: 0px;
}

* {
    margin: 0px;
}

.invisible {
    display: none;
}

/* --- TYPO --- */

p {
    margin-bottom: 18px;
}

p, h1, h2, h3 {
    font-weight: normal;
    font-size: 14px;
    line-height: 18px;
}

h1 {
    text-transform: uppercase;
}



/* --- LINKS --- */

a:link {
    outline:none; 
    color: #484848;
    text-decoration: underline;
}

a:visited {
    outline:none; 
    color: #484848; 
    text-decoration: underline;
}

a:active {
    outline:none; 
    color: #484848; 
    text-decoration: underline;
}

a:hover {
    outline:none; 
    color: #484848; 
    border-top: 1px solid #000;
    padding-top: 1px; 
}

.image_container a:hover {
outline: none;
color: #484848;
border-top: 0px solid #000;
padding-top: 1px;
}

#left a:link {
    border-top: 0px solid #000;
    padding-top: 0px; 
    outline:none; 
    color: #484848;
    text-decoration: none;
}

#left a:hover {
    border-top: 0px solid #000;
    padding-top: 0px; 
    outline:none; 
    color: #484848;
    text-decoration: underline;
}

.claire a:hover {
    outline:none; 
    color: #33FF99;
    text-decoration: none;
}

.good a:hover {
    outline:none; 
    color: #F4E558;
    text-decoration: none;
}


/* --- LEFT --- */

#left {
    left: 30px;
    position: absolute;
    top: 30px;
    width: 200px;
    margin-bottom: 18px;
}

#left .active a {
    margin-left: 18px;
}

#left span.active {
    margin-left: 18px;
}

/* --- MAIN --- */

#main {
    left: 300px;
    position: absolute;
    top: 30px;
    margin-bottom: 30px;
}

/* --- HEAD --- */

.head {
    margin-bottom: 18px;
}

/* --- TEXT BOX --- */

.ce_text {
    width: 1000px;
}

/* --- NAVIGATION --- */

.mod_navigation {
    margin-bottom: 18px;
}


/* --- IMAGES --- */

img {
    max-height: 700px;
    width: auto;
    max-width: 1000px;
    height: auto;
}

.image_container {
    margin-bottom: 40px;
}

.layout_latest .image_container {
    margin: 0px;
}

#news-detail .ce_text {
margin-top: -20px;
}

#news .ce_text {
margin-top: -20px;
} 

/* --- ABOUT --- */

#about .ce_text {
margin-bottom: 18px;
}

#about p {
margin-bottom: 0px;
}

/* --- NEWS MODULE GENERAL --- */

.mod_newsarchive h1 {
    margin-bottom: 0px;
}

.pagination li {
    float: left;
    margin-right: 18px;
}

.info {
    font-style: italic;
}

.year {
    margin-bottom: 18px;
    width: 200px;
}

.year-bold {
  text-transform: uppercase;
}

.pagination {
clear: both;
}


.mod_newsarchive h1 {
margin-bottom: 18px;
}



/* --- WORK --- */

#projects img {
max-height: 300px;
width: auto;
max-width: 1000px;
height: auto;
}

.layout_latest {
    float: left;
    margin-right: 160px;
    margin-bottom: 150px;
    margin-top: 50px;
}

.layout_latest.odd {
    float: left;
    margin-right: 100px;
    margin-left: 100px;
    margin-top: 200px;
    margin-bottom: 100px;
}

iframe {
margin-bottom: 40px;
}


#left .claire a:hover {
border-top: 0px solid #000;
padding-top: 0px;
outline: none;
color: #00FFA8;
text-decoration: underline;
}

#left .good a:hover {
border-top: 0px solid #000;
padding-top: 0px;
outline: none;
    color: #F4E558;
text-decoration: underline;
}