@charset "utf-8";
/*
-------------------------------------------------
URI: http://www.gerbers.ch
Created by Niklaus Gerber
-------------------------------------------------

CONTENTS

1: RESET AND BASIC SETUP

2: LAYOUT
	2.1 setup
	2.2 image mapping
	
3: SECTIONS
	3.1 Arbeit
	3.2 Zauberkünstler
	3.3 Showcase
	3.4 Kontakt
	3.5 Lizenzierung
	
4: TYPOGRAPHY
	4.1 typo
	
/* -----------------------------------------------
1. RESET AND BASIC SETUP
----------------------------------------------- */

/* Import html5doctor.com Reset Stylesheet - Author: Richard Clark - http://richclarkdesign.com */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video { background:transparent; border:0; font-size:100%; outline:0; vertical-align:baseline; margin:0; padding:0; }
body { line-height:1; }
article, aside, dialog, figure, footer, header, hgroup, nav, section { display:block; }
nav ul { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after, q:before, q:after { content:none; }
a { background:transparent; border:0; font-size:100%; vertical-align:baseline; margin:0; padding:0; }
ins { background-color:#ff9; color:#000; text-decoration:none; }
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:700; }
del { text-decoration:line-through; }
abbr[title], dfn[title] { border-bottom:1px dotted #000; cursor:help; }
table { border-collapse:collapse; border-spacing:0; }
hr { border:0; border-top:1px solid #ccc; display:block; height:1px; margin:1em 0; padding:0; }
input, select { vertical-align:middle; }
/* end of import */

/* -----------------------------------------------
2. LAYOUT
----------------------------------------------- */

/* 2.1 - setup */
html, body { height:100%; margin:0; padding:0; }
body { font-family: Georgia; background-color:#ffe500; color: #1a171b; text-decoration: none; word-spacing: normal; font-weight:400; text-align: left; letter-spacing: 0; line-height: 1.5em; font-size: 13px; }

/* 2.2 - layout replacement */
#container { width:960px; height:3350px; background:url(../content/rendered_content.jpg) no-repeat; position:relative; text-indent:-9999px; margin:auto; }

/* 2.3 - image mapping */
#container a { display:block; position:absolute; overflow:hidden; }

/* -----------------------------------------------
3. SECTIONS
----------------------------------------------- */

/* 3.1 - Arbeit */
#container a#mobiletechnics { width:205px; height:40px; top:635px; left:377px; }
#container a#nth { width:58px; height:40px; top:635px; left:587px; }
#container a#it-logix { width:106px; height:40px; top:635px; left:649px; }
#container a#ericsson { width:120px; height:40px; top:635px; left:760px; }

/* 3.2 - Zauberkünstler */
#container a#zauberer { width:254px; height:40px; top:2178px; left:546px; }

/* 3.3 - Showcase */
#container a#portfolio10 { width:160px; height:20px; top:2424px; left:240px; }
#container a#archiv09 { width:160px; height:20px; top:2446px; left:240px; }
#container a#archiv08 { width:160px; height:20px; top:2468px; left:240px; }
#container a#archiv0607 { width:160px; height:20px; top:2490px; left:240px; }
#container a#blog0607 { width:160px; height:20px; top:2513px; left:240px; }
#container a#archiv05 { width:160px; height:20px; top:2535px; left:240px; }
#container a#showcase05 { width:160px; height:20px; top:2557px; left:240px; }
#container a#evolution { width:160px; height:20px; top:2424px; left:560px; }
#container a#virginie { width:160px; height:20px; top:2446px; left:560px; }
#container a#surface { width:160px; height:20px; top:2468px; left:560px; }
#container a#nebula { width:160px; height:20px; top:2490px; left:560px; }
#container a#eden { width:160px; height:20px; top:2512px; left:560px; }
#container a#k1 { width:160px; height:20px; top:2534px; left:560px; }

/* 3.4 - Kontakt */
#container a#map { width:160px; height:20px; top:2952px; left:320px; }
#container a#telefon { width:168px; height:20px; top:3037px; left:393px; }
#container a#email { width:168px; height:20px; top:3060px; left:393px; }
#container a#blog { width:40px; height:20px; top:3102px; left:661px; }
#container a#twitter { width:67px; height:20px; top:3125px; left:413px; }
#container a#vimeo { width:63px; height:20px; top:3145px; left:320px; }
#container a#flickr { width:56px; height:20px; top:3145px; left:389px; }
#container a#youtube { width:128px; height:20px; top:3145px; left:491px; }
#container a#xing { width:44px; height:20px; top:3189px; left:320px; }
#container a#linkedin { width:85px; height:20px; top:3189px; left:413px; }

/* 3.5 - Lizenzierung */
#container a#lizenz { width:12px; height:560px; top:2641px; left:880px; }

/* -----------------------------------------------
4. TYPOGRAPHY
----------------------------------------------- */

/* 4.1 - Typo */
p { margin-bottom:1.5em; }
a, a:hover, a:link, a:visited, a:focus, a:active { font-style:italic; margin-bottom:1.5em; }
h1 { font-size:140%; font-style:italic; font-weight:800; margin-bottom:1.5em; }
h2 { font-size:130%; font-style:italic; font-weight:800; margin-bottom:1.5em; }
h3 { font-size:110%; font-style:italic; font-weight:800; margin-bottom:1.5em; }
blockquote { font-style:italic; }
li, ul { margin-bottom: .8em; list-style-type: square; list-style-position: inside; }
em, dfn { font-style:italic; }
strong, dfn { font-weight:800; }
sup, sub { line-height:0; }