/* CSS RESET */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
:focus { outline: 0; }
ol, ul { list-style: none; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
/* CSS RESET END */
input , select , textarea { font-size: inherit; font-family: inherit; }
img { display: block; }
address { font-style: normal; }
.clearer { clear: both; }
html { height: 100%; }
body {
background: #fff;
height: 100%;
font: 13px Calibri, "Lucida Grande", Helvetica, Arial, sans-serif;
text-shadow: 0 0 0 #fff;
}
/* BASICS */
#wrapper {
background: url(../gfx/design/background.gif) repeat-y;
width: 980px;
min-height: 100%;
margin: 0 auto;
position: relative;
padding-bottom: 60px;
}
body#main #wrapper { padding: 0; }
#content {
width: 720px;
}
#menu {
position: absolute;
width: 250px;
top: 0px;
left: 720px;
}
#menu h1 {
width: 250px;
height: 46px;
padding: 199px 0 29px 0;
}
#menu h1 a {
display: block;
overflow: hidden;
width: 250px;
height: 46px;
background: url(../gfx/design/heading.gif) no-repeat 20px 0px;
}
#menu h1 a div {
padding-top: 46px;
}
#menu li a {
display: block;
padding: 5px 20px 2px 20px;
height: 23px;
}
#menu li a:hover {
background: #eee;
}
#menu li a:active {
background: #ccc;
}
#language {
position: absolute;
top: 40px; left: 0;
width: 220px;
height: 40px;
padding: 0 20px 0 10px;
}
#language a {
display: block;
float: left;
height: 26px;
}
#language a div {
padding: 4px 10px;
height: 18px;
cursor: pointer;
}
#language a { color: #333; text-decoration: none; }
#language a:hover { color: #000; text-decoration: underline; }
#language a:active { color: #000; text-decoration: underline; }
#language a.selected {
font-weight: bold;
background: url(../gfx/design/pressed.png) repeat-x top right;
}
#language a.selected div {
background: url(../gfx/design/pressed-left.gif) no-repeat top left;
}
/* LINKS */
a , a.red { color: #900; text-decoration: underline; }
a:hover , a.red:hover { color: #f00; text-decoration: none; }
a:active, a.red:active { color: #000; text-decoration: none; }
a.black , h3 a { color: #000; text-decoration: none; }
a.black:hover , h3 a:hover { color: #f00; text-decoration: underline; }
a.black:active, h3 a:active { color: #000; text-decoration: underline; }
a.grey , ul.events .hvor a { color: #666; }
a.grey:hover , ul.events .hvor a:hover { color: #f00; }
a.grey:active, ul.events .hvor a:active { color: #000; }
a.block, a.block:link, a.block:visited {
text-decoration: none;
display: block;
}
a.block:hover { background-color: #eee; text-decoration: none; }
a.block:active { background-color: #ccc; color: #fff; }
/* GENERAL PAGE STYLES */
.banner {
width: auto;
height: 165px;
background-repeat: no-repeat;
}
h2 {
padding-top: 52px;
margin: 0 60px 38px 20px;
border-bottom: 1px solid #ccc;
}
h3 {
font-weight: bold;
font-size: 16px;
line-height: 18px;
}
.sub {
font-size: 12px;
margin: -34px 40px 20px 20px;
}
.description {
color: #888;
}
.onecolumn {
margin: 0 20px 2em 20px;
}
.column {
float: left;
width: 340px;
margin: 0 20px 2em 20px;
}
.rightcolumn {
float: right;
width: 220px;
margin: 0 60px 2em 20px;
}
.nextlink {
clear: both;
margin: 0px 40px 0px 20px;
border-top: 1px solid #ccc;
padding: 1em 0;
}
/* Forside */
#main #wrapper {
background: none;
}
#fade {
width: 720px;
height: 570px;
overflow: hidden;
}
#fade .bottom {
margin-top: -150px;
}
/* Malerier */
ul.paintings {
clear: both;
}
ul.paintings li {
float: left;
width: 120px;
height: 100px;
margin: 0 10px 10px 0;
}
#painting {
height: auto;
min-height: 165px;
}
#painting div {
background: #000;
cursor: pointer;
}
/* Udstillinger */
#udstillinger .rightcolumn {
width: 240px;
margin-right: 40px;
}
#udstillinger h2 {
margin-right: 40px;
}
ul.events li { margin-bottom: 3em; }
ul.events .text, ul.events .hvor { padding-top: 0.5em; }
ul.events .text { padding-bottom: 0.5em; }
ul.events .hvor {
color: #888;
}
ul.events em {
display: block;
font-size: 13px; line-height: 15px;
font-style: normal;
margin-bottom: 0.5em;
}
ul.photos { padding: 1em 0; }
ul.photos li {
float: left;
width: 60px;
height: 60px;
}
/* CV */
#cv .column { width: 220px; }
#cv .rightcolumn { width: 340px; }
ul.education li { margin-top: 0.5em; }
ul.education .date { color: #888; }
#cv ul.events h3 { font-size: 13px; line-height: 15px; }
#cv ul.events li { margin: 2em 0 3em 0; }
#cv ul.events .text, #cv ul.events .hvor { padding-top: 0; }
/* Kontakt */
#kontakt .column, #kontakt .rightcolumn {
font-size: 16px;
}
#kontakt .column { width: 220px; }
#kontakt .rightcolumn { width: 340px; }
#kontakt strong {
float: left;
clear: left;
color: #888;
width: 60px;
}
/* Links */
#links h3 { font-size: 13px; font-weight: normal; }
#links h3.heading { border-bottom: 1px solid #eee; padding-bottom: 0.5em; }
#links ul.events h3 { font-size: 13px; line-height: 15px; }
#links ul.events h3 a { font-weight: bold; }
#links ul.events li { margin: 1em 0 2.1em 0; }
#links ul.events strong { font-size: 13px; line-height: 15px; display: block; }
#links ul.events .text, #links ul.events .hvor { padding-top: 0; }
#links .column { width: 280px; }
#links .rightcolumn { width: 280px; }