/**
 * (c) 2011 Markus Bigler (markus.bigler#nullnulleins.ch). All rights reserved.
 */

body { background-color: #FFF; font: normal normal 400 .76em/1.5em Helvetica, Arial, sans-serif; margin: 0; padding: 0; }

/* structure */
#container { margin: 0; padding: 0; width: 100%; min-width: 1180px; }
header { width: 100%; background-color: #FFF; margin: 0; padding: 0; height: 83px; }
header::before, header::after { content: ''; width: 44px; height: 3px; background-color: black; display: block; position: absolute; top: 77px; }
header::before { left: 12px; }
header::after { left: 338px; }
#logo { margin: 0; padding: 0; }
#logo a { margin: 48px 0 0 34px; padding: 0; display: inline-block; }

nav { position: absolute; top: 80px; left: 34px; margin: 17px 0 0; padding: 0; width: 280px; }
nav ul { margin: 0; padding: 0; list-style: none; }
nav ul li { margin: 0; padding: 0; }
nav a { text-decoration: none; text-transform: uppercase; color: #C9C9C9; font-weight: bold; font-size: 125%; line-height: 130%; }
nav a:hover, nav a.active { color: #000; }

#languageselector { margin: 23px 0 0; padding: 0; }
#languageselector li { display: inline; }
#languageselector li:first-child:after { content: ' | '; color: #C9C9C9; ; }
#languageselector a { text-transform: none; font-weight: normal; font-size: 90%; }

#content { margin: 0 0 0 360px; padding: 14px 0; width: 820px; }
#content img { margin: 2px 0; padding: 0; }
a { outline: none; color: #000; text-decoration: underline; }
a:hover { text-decoration: none; }
a img { border: none; }
figure.table { margin: 0; }
table { padding: 0; margin: 2px 0 12px; width: auto !important; max-width: 630px; }
h1 + figure.table table { margin-top: -12px; width: auto !important; }
table td { padding: 0 5px 0 0; margin: 0; text-align: left; vertical-align: top; }
table td p { padding: 0; margin: 0; }

h1, h2, p, ul, li { margin: 2px 0 12px; padding: 0; max-width: 630px; }
/*p > img { margin-bottom: -12px !important; }*/
p.caption, figure.image figcaption { color: #999; margin-top: 12px; margin-bottom: 140px; }
h1 { margin-top: 36px; font-size: 125%; text-transform: uppercase; line-height: 130%; }
h1:first-child { margin-top: 0px; }
h2 { font-size: 280%; text-transform: uppercase; line-height: 105%; }
h2:first-child { margin-top: -1px; }
#content ul { margin-left: 1em; }
#content ul li { margin: 0; }

figure.image { margin: 2px 0; }

@media (min-width: 1180px) {
	header { position: fixed; top: 0px; }
	#container { margin-top: 83px; }
}