html {
	width:100%;
	height:100%;
}

body {
	width:100%;
	height:100%;
	color:#000;
	font-size:10px;
	text-align:center;
	font-family:Verdana, sans-serif;

	padding:0px;
	margin:0px;
}

table td {
	vertical-align: top;	
}

#printme {
	display:none;
}

#container {
	width:700px;
	margin:0px auto 0px auto;
	text-align:left;
	padding-top:80px;
}

#bigtext {
	font-size:2.8em;
	line-height:1.4em;
	font-weight:bold;
	font-family:'Helvetica 65 Medium', 'Helvetica Medium', 'Helvetica 65', 'Helvetica-Medium', 'Helvetica 55 Roman', 'HelveticaNeue','Helvetica 55','Helvetica Roman', Helvetica,Arial,sans-serif;
}

#bigtext a {
	color:#000;
	text-decoration:none;
	border:0px solid #000;
	border-bottom-width:2px;
}

#bigtext a:hover {
	text-decoration:none;
	color:#FFF;
}

#bigtext span {
	color:#FFF;
}

#bigtext span a {
	text-decoration:none;
	border:0px;
	color:#FFF;
}

#bigtext span a:hover {
	color:#000;
}

a#wantedButton, a#pickButton {
    display:block;
    position:absolute;
    z-index:0;
    width:93px;
    height:123px;
    background-repeat:no-repeat;
    background-position:top left;
    margin:24px 0px 0px 470px;
}

a#pickButton {
    width:105px;
    height:85px;
    margin:40px 0px 0px 590px;
}

a#wantedButton:hover, a#wantedButton.active, a#pickButton:hover, a#pickButton.active {
    background-position:bottom left;
}

a#wantedButton span, a#pickButton span {
    display:none;
}

/****************************************
* Projekte
*****************************************/

#projekte {
	position:absolute;
	width:775px;
	background-color:#FFF;
	font-size:1.1em;
	z-index:1;
	left: 50px;
	/* top:180px; */
}

#scrollerbox {
	width:100%;
	height:509px;
	overflow:hidden;
	position:relative;
	padding-top:20px;
}

#projectbox {
	width:571px;
	overflow:hidden;
	position:relative;
}

#projecttable {
	position:relative;
	border:0px;
}

#projecttable .tbox {
	height:435px;
	width:571px;
	margin-bottom:7px;
}

#imagetable {
	height:469px;
	position:relative;
	border:0px;
}

#imagetable td {
	vertical-align:top;
	text-align:left;
	width:590px;
}

#imagetable td.seperator {
	width:21px !important;
}

#imagetable td.seperator div{
	height:469px;
	border:0px dashed black;
	border-left-width:1px;
	width:18px;
}

#imagetable td img {
	margin-bottom:7px;
}

/****************************************
* Archiv, Aktuelles
*****************************************/

#archiv, #aktuelles, #wanted {
	position:absolute;
	width:376px;
	height:480px;
	background-color:#FFF;
	font-size:1.1em;
	z-index:1;
	/* top:60px; */
	padding:20px;
}

#container > #archiv {
	min-height:480px;
	height:auto !important;
}

#aktuelles {
	height:400px;
}

#container > #aktuelles {
	min-height:400px;
	height:auto !important;
}

.archive, .inner {
	padding:3px 0px;
	border:0px dashed #000;
	border-top-width:1px;
}

.inner { padding-left:13px; }

#archiv a, #aktuelles a, #wanted a {
	text-decoration:none;
	color:#000;
}

#archiv td a {
	text-decoration:underline;
}

#archiv p, #aktuelles p {
	border:0px dashed #000;
	border-top-width:1px;
	padding:8px 0px 5px 26px;
	margin:0px 0px 1em 0px;
}

#archiv #projectbox, #aktuelles #projectbox {
	border:0px dashed #000;
	border-top-width:1px;
	padding:8px 0px 0px 0px;
	margin:0px;
	width:376px;
}

#archiv #projecttable .tbox, #aktuelles #projecttable .tbox {
	height:286px;
	width:376px;
}

#archiv #projecttable img, #aktuelles #projecttable img {
	margin-bottom:3px;
}

#archiv .arrownav, #aktuelles .arrownav  {
	padding:0px 0px 4px 0px;
}

#archiv p a,  #aktuelles p a, #wanted p a {
	text-decoration:underline;
}

.arrownav {
	font-weight:bold;
	font-size:1.6em;
	line-height:0.8em;
	float:right;
	padding:0px 10px 8px 0px;
}

.arrownav a {
	display:block;
	float:right;
	text-decoration:none;
	padding:5px;
	color:#000;
}

/****************************************
* Kontakt
*****************************************/
#kontakt {
	position:absolute;
	width:300px;
	background-color:#FFF;
	font-size:1.1em;
	z-index:1;
	padding:20px;
}

#kontakt a { font-weight:bold; }

/****************************************
* Buero
*****************************************/
#buero {
	position:absolute;
	width:420px;
	height:auto !important;
	background-color:#FFF;
	font-size:1.1em;
	z-index:1;
	margin-left:270px;
	padding:0px 20px 15px 20px;
}

#buero #imagetable {
	height:390px;
}

#buero #scrollerbox {
	height:auto !important;
}

/****************************************
* Texte
*****************************************/
#texte {
	position:absolute;
	width:490px;
	height:auto !important;
	background-color:#FFF;
	font-size:1.1em;
	z-index:1;
	padding:0px 0px;
}

#texte #imagetable td {
	vertical-align:bottom;
}

#texte #imagetable {
	height:auto;
}

#texte #scrollerbox {
	height:auto !important;
}

#texte .textrow td {
	vertical-align:top !important;
}

#texte .arrownav {
	padding:8px;
}

/****************************************
* Partner, Zusammenarbeit, Mission
*****************************************/
#partner, #zusammenarbeit, #mission {
	position:absolute;
	width:510px;
	background-color:#FFF;
	font-size:1.1em;
	z-index:1;
	padding:20px;
	margin-left:-30px;
}

#partner #scrollbox, #zusammenarbeit #scrollbox, #mission #scrollbox {
	position:relative;
	overflow:hidden !important;
	height:248px;
}

#partner #scrollcontent, #lebenslauf #scrollcontent, #zusammenarbeit #scrollcontent, #mission #scrollcontent {
	position:relative;
}

td.up, td.down {
	vertical-align:top;
	text-align:right;
	padding-left:10px;
}

td.down {
	vertical-align:bottom;
}

/****************************************
* Team
*****************************************/
#team {
	position:absolute;
	width:297px;
	background-color:#FFF;
	font-size:1.1em;
	z-index:1;
	margin-left:400px;
}

#team p { padding:0px 0px 20px 20px; margin:0px; }
#team a { text-decoration:none; }
#team a.cv { text-decoration:underline; }
#team img { padding:20px 0px 7px 20px; }

#lebenslauf {
	position:absolute;
	width:300px;
	top:120px;
	margin-left:36px;
	background-color:#FFF;
	font-size:1.1em;
	z-index:1;
	padding:20px;
}

#lebenslauf h2 {
	border:0px dashed #000;
	border-bottom-width:1px;
	padding:0px 0px 7px 0px;
	margin:0px 0px 1em 0px;
	font-size:1em;
}

#lebenslauf #scrollbox {
	height:402px;
	overflow:hidden;
}

/****************************************
* Wanted
*****************************************/
#wanted {
    width:230px;
    height:auto;
}

#wanted p {
    padding:2px 0px 5px 0px;
    margin:0px;
}


/****************************************
* Pick
*****************************************/
#pick {
	position:absolute;
	width:238px;
	height:auto !important;
	background-color:#FFF;
	font-size:1.1em;
	z-index:1;
	margin-left:0px;
	padding:0px 20px;
}

#pick #scrollerbox {
    height: 420px;
}