/* basic layout
----------------------------------------- */
#main {
	margin: 0;
	padding: 0;
	}

#header {
	width: 790px;
	margin: 0 0 0 70px;
	padding: 0;
	}

#body {
	width: 790px;
	margin: 0 0 0 70px;
	padding: 0 0 70px 0;
	}

/*
----------------------------------------- */
#logo {
	display: block;
	margin-top: 70px;
	margin-bottom: 70px;
	background-color: #ffffff;
	width: 300px;
	height: 27px;
	background-image: url("../img/logo.png");
	background-size: 300px 27px;
	background-position: 0 0;
	background-repeat: no-repeat;
	}

/* navigation area
----------------------------------------- */
#navigation {
	width: 250px;
	float: left;
	}

#navigation #navi1 {
	float: left;
	}

#navigation #navi1 a {
	display: block;
	padding-left: 2px;
	width: 90px;
	}

#navigation #navi2 {
	float: left;
	margin-left: 0;
	}

#navigation #navi2 a {
	display: block;
	padding-left: 2px;
	width: 150px;
	}

/* navi1 */
#navi1 ul#news li#c1 a,
#navi1 ul#biography li#c2 a,
#navi1 ul#works li#c3 a,
#navi1 ul#publications li#c4 a,
#navi1 ul#contact li#c5 a,
#navi1 ul#links li#c6 a,
#navi1 ul#imprint li#c7 a { background-color: #deff00; }

/* navi2 (sub navigation) */
#navi2 ul#infinity li#xinfinity a,
#navi2 ul#a2500_feet_can_loop li#x2500_feet_can_loop a,
#navi2 ul#a334ms li#x334ms a,
#navi2 ul#a98_wasser li#x98_wasser a,
#navi2 ul#abtastung_wellenform li#xabtastung_wellenform a,
#navi2 ul#abtastung_frequenz li#xabtastung_frequenz a,
#navi2 ul#alpha_pulse li#xalpha_pulse a,
#navi2 ul#anti li#xanti a,
#navi2 ul#aoyama_space li#xaoyama_space a,
#navi2 ul#aoyama_space_2 li#xaoyama_space_2 a,
#navi2 ul#atem li#xatem a,
#navi2 ul#attraktor li#xattraktor a,
#navi2 ul#autonomo li#xautonomo a,
#navi2 ul#autor_berlin li#xautor_berlin a,
#navi2 ul#autor_yoko li#xautor_yoko a,
#navi2 ul#bausatz_noto li#xbausatz_noto a,
#navi2 ul#bitwave li#xbitwave a,
#navi2 ul#chiffre li#xchiffre a,
#navi2 ul#chroma_actor li#xchroma_actor a,
#navi2 ul#chroma_wellenform li#xchroma_wellenform a,
#navi2 ul#cluster li#xcluster a,
#navi2 ul#crt_mgn li#xcrt_mgn a,
#navi2 ul#crt_mgn_pict_lb li#xcrt_mgn_pict_lb a,
#navi2 ul#einkristall li#xeinkristall a,
#navi2 ul#empty_garden li#xempty_garden a,
#navi2 ul#extended_inverted_guggenheim_spiral li#xextended_inverted_guggenheim_spiral a,
#navi2 ul#fades li#xfades a,
#navi2 ul#fades_p04-07 li#xfades_p04-07 a,
#navi2 ul#fades_stills li#xfades_stills a,
#navi2 ul#frozen_water li#xfrozen_water a,
#navi2 ul#funken li#xfunken a,
#navi2 ul#funken_installation li#xfunken_installation a,
#navi2 ul#fpp01 li#xfuture_past_perfect_01 a,
#navi2 ul#fpp02 li#xfuture_past_perfect_02 a,
#navi2 ul#fpp03 li#xfuture_past_perfect_03 a,
#navi2 ul#fpp04 li#xfuture_past_perfect_04 a,
#navi2 ul#fpp07 li#xfuture_past_perfect_07 a,
#navi2 ul#grid_index li#xgrid_index a,
#navi2 ul#input li#xinput a,
#navi2 ul#interference_room li#xinterference_room a,
#navi2 ul#inver li#xinver a,
#navi2 ul#invertone li#xinvertone a,
#navi2 ul#kerne li#xkerne a,
#navi2 ul#konstrukt li#xkonstrukt a,
#navi2 ul#labor_e li#xlabor_e a,
#navi2 ul#lfo_spectrum li#xlfo_spectrum a,
#navi2 ul#logic_licht li#xlogic_licht a,
#navi2 ul#mikro_makro li#xmikro_makro a,
#navi2 ul#milch li#xmilch a,
#navi2 ul#modell_zur_visualisierung li#xmodell_zur_visualisierung a,
#navi2 ul#modular_re_strukt li#xmodular_re_strukt a,
#navi2 ul#moire_drawings li#xmoire_drawings a,
#navi2 ul#moire_film li#xmoire_film a,
#navi2 ul#moire_glas li#xmoire_glas a,
#navi2 ul#moire_rota li#xmoire_rota a,
#navi2 ul#moire_schatten li#xmoire_schatten a,
#navi2 ul#moire_tape li#xmoire_tape a,
#navi2 ul#monitor li#xmonitor a,
#navi2 ul#nebelkammer li#xnebelkammer a,
#navi2 ul#neuaufteilung_der_welt li#xneuaufteilung_der_welt a,
#navi2 ul#ora li#xora a,
#navi2 ul#parallel_lines_cross_at_infinity li#xparallel_lines_cross_at_infinity a,
#navi2 ul#particle_noise li#xparticle_noise a,
#navi2 ul#perfect_rectangle li#xperfect_rectangle a,
#navi2 ul#perfect_square li#xperfect_square a,
#navi2 ul#pionier_I li#xpionier_I a,
#navi2 ul#pionier_II li#xpionier_II a,
#navi2 ul#polar li#xpolar a,
#navi2 ul#polarm li#xpolarm a,
#navi2 ul#polylit li#xpolylit a,
#navi2 ul#poly_stella li#xpoly_stella a,
#navi2 ul#portrait li#xportrait a,
#navi2 ul#random_dot li#xrandom_dot a,
#navi2 ul#random_logo_dot li#xrandom_logo_dot a,
#navi2 ul#raster_gradient li#xraster_gradient a,
#navi2 ul#realistic li#xrealistic a,
#navi2 ul#reflektor_distortion li#xreflektor_distortion a,
#navi2 ul#reflex li#xreflex a,
#navi2 ul#rota li#xrota a,
#navi2 ul#scaler li#xscaler a,
#navi2 ul#schatten_loop li#xschatten_loop a,
#navi2 ul#sekundenschlaf li#xsekundenschlaf a,
#navi2 ul#sign li#xsign a,
#navi2 ul#snow_noise li#xsnow_noise a,
#navi2 ul#sonic_lumiere li#xsonic_lumiere a,
#navi2 ul#spaces_in_between li#xspaces_in_between a,
#navi2 ul#spray li#xspray a,
#navi2 ul#static li#xstatic a,
#navi2 ul#static_balance li#xstatic_balance a,
#navi2 ul#sub_vision li#xsub_vision a,
#navi2 ul#sun_rec li#xsun_rec a,
#navi2 ul#syn_chron li#xsyn_chron a,
#navi2 ul#tape_loops li#xtape_loops a,
#navi2 ul#tele li#xtele a,
#navi2 ul#telefunken li#xtelefunken a,
#navi2 ul#telefunken_anti li#xtelefunken_anti a,
#navi2 ul#telefunken_wtc_version li#xtelefunken_wtc_version a,
#navi2 ul#tension_loops li#xtension_loops a,
#navi2 ul#thermic li#xthermic a,
#navi2 ul#time_dot li#xtime_dot a,
#navi2 ul#tired_light li#xtired_light a,
#navi2 ul#traces li#xtraces a,
#navi2 ul#unicolor li#xunicolor a,
#navi2 ul#unicolor_substraktiv li#xunicolor_substraktiv a,
#navi2 ul#unidisplay li#xunidisplay a,
#navi2 ul#uni_psycho_acoustic li#xuni_psycho_acoustic a,
#navi2 ul#unitape li#xunitape a,
#navi2 ul#unitxt li#xunitxt a,
#navi2 ul#unitxt_mirrored li#xunitxt_mirrored a,
#navi2 ul#visual_rhythm li#xvisual_rhythm a,
#navi2 ul#visuelles_feld li#xvisuelles_feld a,
#navi2 ul#void li#xvoid a,
#navi2 ul#wellenwanne li#xwellenwanne a,
#navi2 ul#wellenwanne_lfo li#xwellenwanne_lfo a,
#navi2 ul#wismut li#xwismut a,
#navi2 ul#wolken li#xwolken a,
#navi2 ul#wolken_13 li#xwolken_13 a,
#navi2 ul#wolken_loop li#xwolken_loop a,
#navi2 ul#yes_no li#xyes_no a,
#navi2 ul#zone li#xzone a,
#navi2 ul#zukunftsangst li#xzukunftsangst a { background-color: #deff00; }

/* newsletter
----------------------------------------- */
#newsframe {
	margin-top: 200px;
	margin-bottom: 20px;
	}

#newsframe iframe {
	width: 210px;
	border: 1px solid transparent;
	border: 0;
	padding: 0;
	}

/* contents area
----------------------------------------- */
#contents {
	width: 515px;
	margin-left: 20px;
	float: left;
	}

#contents a {
	background-color: #deff00;
	}

/* heading
----------------------------------------- */
h1 {
	font-size: 1.1em;
	font-weight: bold;
	margin-top: 0;
	}

h2 {
	font-size: 1.1em;
	font-weight: bold;
	margin-top: 2em;
	}

h3 {
	font-size: 1em;
	font-weight: bold;
	margin-top: 1.5em;
	}

h4 {
	font-size: 1.0em;
	font-weight: bold;
	}

h5 {
	font-size: 1.0em;
	margin-top: 1.5em;
	}

/* p
----------------------------------------- */
p {
	clear: both;
	margin-top: 1.5em;
	}

p.link {
	margin-top: 2em;
	}

/* image
----------------------------------------- */
img.work {
	margin-top: 1.5em;
	margin-right: 10px;
	margin-bottom: 15px;
	float: left;
	}

img.frame {
	border: solid 1px #f2f2f2;
	}

/* image
----------------------------------------- */
iframe.vimeo {
	margin-top: 2.5em;
	}


/* table
----------------------------------------- */

table.general {
	width: 510px;
	margin-top: 1.3em;
	}

table.general colgroup.year {
	width: 60px;
	}

table.general colgroup.catalogue {
	width: 120px;
	}

/* list
----------------------------------------- */
#contents ul {
	margin-top: 0.5em;
	}

#contents dl dt {
	margin-top: 0.5em;
	}

#contents dl.workcredit {
	margin-top: 1.5em;
	}

#contents dl.workcredit dt {
	margin-bottom: 1em;
	}

#contents dl.newslist {
	margin-top: 1.5em;
	}

#contents dl.newslist dt {
	font-weight: bold;
	margin-bottom: 0.5em;
	}

#contents dl.newslist dd {
	margin-left: 2em;
	}

#contents dl.newslist dd.ex {
	font-weight: bold;
	margin-top: 0.5em;
	}

li.year {
	font-style: italic;
	}

/* form
----------------------------------------- */
form {
	margin-top: 0.5em;
	}

input {
	margin-left: 1px;
	margin-right: 5px;
	margin-bottom: 5px;
	}

input.space {
	margin-left: 5px;
	}

/* video
----------------------------------------- */
video.normal {
	margin-top: 3em;
	margin-bottom: 1em;
	}

/* 
----------------------------------------- */
.nomargin {
	margin-top: 0 !important;
	display: inline;
	}

.mov {
	margin-top: 1.5em;
	}

.side {
	display: block;
	float: left;
	margin: 0 !important;
	margin-right: 10px !important;
	}

.copy {
	display: block;
	margin-top: 5px;
	}

.red {
	color: #FF0000;
	}

/* error page
----------------------------------------- */
a#error {
    display: block;
    width: 100px;
    height: 25px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 70px;
    background: url("../img/error.gif") no-repeat;
    }

body#e401 a#error {background-position: 0 0;}
body#e403 a#error {background-position: 0 -25px;}
body#e404 a#error {background-position: 0 -50px;}
body#e500 a#error {background-position: 0 -75px;}