/*	Client: Edith Koepfli www.edithkoepfli.ch
	Autor: Alexander Albrecht www.alexanderalbrecht.de
	© 2010

	Screen
	CSS-Version 1.0
	29.09.2010

	COLORS
	font				=	rgb(50,50,50)
	background-color	=	rgb(255,255,255)
*/

/* !INITAL RESET */
	/*	HTML UNDOS */
:link, :visited {text-decoration: none;}
ul,ol {list-style: none;}
h1,h2,h3,h4,h5,h6,pre,code {font-size: 1em; font-weight: normal;}
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input {margin: 0; padding: 0;}
acronym {cursor: help;}
address	{font-style: normal;}
table {border-spacing: 0;}
table tr td {vertical-align: top; border-collapse: collapse;}
input, textarea {outline: none;}

	/*	ADDITIONAL UNDOS */
* {margin: 0; padding: 0;}
img {border: 0;}

	/*	INITIAL SETTINGS */
html { width: 100%; margin: 0; padding: 0; }



/* !SITE GENERAL SETTINGS */
body {
	-webkit-text-size-adjust: auto; /* none (default) | auto | %value */
	-webkit-font-smoothing: antialiased; /* http://maxvoltar.com/archive/-webkit-font-smoothing */
	font-family: Arial, sans-serif;
	font-size: 10px;
	letter-spacing: 0em;
	line-height: 15px;
	color: rgb(100,100,100);
	background-color: #fff;
	/* min-width: 900px; */
}

a {	color: #333; }
a:link, a:visited { text-decoration: underline; }
a:hover, a:active { text-decoration: none; outline: none; }

:focus { outline: none; }



/* !SITE */
#sitewrapper {
	padding: 22px;
	font-size: 1.4em;
	line-height: 1.4em;
	max-width: 1258px;
}



/* !HEADER */
#header {
	position: absolute;
	display: block;
	width: 246px;
	height: 285px;
	background: url(../img/edithkoepfli-header.gif) 0 0 no-repeat;
}

#headermail {
	position: relative;
	display: block;
	width: 246px;
	height: 25px;
	top: 150px;
	text-indent: -9000px;
	cursor: pointer;
}

#header h2 a {
	position: relative;
	display: block;
	width: 133px;
	margin-top: 285px;
	color: #009ee0;
	text-decoration: none;
	border-bottom: 2px solid #009ee0;
}



/* !CONTENT */
#content {
	position: absolute;
	left: 296px;
}

h2 {
	font-size: 1.2em;
	text-transform: uppercase;
	margin-bottom: 8px;
	display: inline;
}

h3 {
	text-transform: uppercase;
}

#person h2 {
	color: #e2037e;
}

p, ul, ol {
	margin-bottom: 1.4em;
}

#person,
#activities {
	min-width: 480px;
	max-width: 940px;
}

#person img {
	font-size: 0em;
	line-height: 0em;
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
}

#bio {
	width: 460px;
	float: left;
	margin-top: -4px;
}

#col1, #col2 {
	width: 460px;
	float: left;
}

#col1 {
	margin-right: 20px;
}

.left, .right {
	float: left;
	width: 220px;
}

.left {
	margin-right: 20px;
}

#activities h2 {
	color: #009ee0;
	/* border-bottom: 2px solid #009ee0; */
}



/* !SEVERAL CLASSES */
.off, .forprint {
	display: none;
	visibility: hidden;
}

a[href $='.pdf']:after {
	content: url(icon-pdf.png);
}   

a[rel="external"]:after {  /* You can also use a[href ^="http"]:after */
	content: url(icon-external.png);
}

/* new clearfix */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */