*{
	margin:0;
	padding:0;
}
img{
	border:none;
	vertical-align: middle;
}
a{/*FireFox tabindex gets disabled as well*/
	outline:none;
}
body{/*A4 = 210mm = 794px @ 96dpi*/
	background:#fffff8;
	color:#00417b;
	font-family:sans-serif;
	font-size:15px;
	line-height:1.4em;
	margin:0 auto;
	padding-left:10px;
	padding-right:10px;
	width:796px;
}
.frontPage{
	width:547px;
}
a:link,
a:visited{
	color:#00c;
	text-decoration:underline;
}
a:hover,
a:active{
	color:#00c;
	text-decoration:none;
}
h1{
font-family:"Trebuchet MS",Helvetica,sans-serif;
font-size:21px;
font-weight:normal;
letter-spacing:0.05em;
padding-bottom:0.5em;
}
#contact h1{
	border-bottom:0.5em solid #0092b9;
	margin-bottom:1.5em;
}
#cv h1{
	border-bottom:0.5em solid #7ab900;
	margin-bottom:1.5em;
}
#phlog h1{
	border-bottom:0.5em solid #f90;
	margin-bottom:1.5em;
}
#portfolio h1{
	border-bottom:0.5em solid #ce2e20;
	margin-bottom:1.5em;
}
.link-h1:link,
.link-h1:visited,
.link-h1:hover,
.link-h1:active{
	color:#00417b;
	text-decoration:none;
}
h2{
	color:#ce2e20;
	font-size:18px;
	font-weight:normal;
	padding-bottom:1em;
	padding-top:1em;
}
h3{
	color:#ce2e20;
	font-size:19px;
	font-weight:normal;
	padding-bottom:0.9em;
	padding-top:1.2em;
}
h4{
	font-size:16px;
	padding-bottom:0.9em;
	padding-top:1em;
}
p{
	padding-bottom:0.9em;
}
ul{
	list-style-type:none;
	padding-bottom:0.3em;
	padding-left:46px;
}
.frontPage ul{
	padding-left:36px;
}
li{
	background:url(list-bullet.gif) left 6px no-repeat;
	padding-left:33px;
	padding-bottom:0.7em;
}
.frontPage li{
	padding-bottom:0;
	padding-left:48px;
}



.print{
	background:url(printer.gif) left 3px no-repeat;
	float:right;
	font-size:11px;
	height:21px;
	letter-spacing:1px;
	text-align:right;
	width:60px;
}
.printer:link,
.printer:visited{
	color:#456f95;
	text-decoration:none;
}
.printer:hover,
.printer:active{
	color:#00417b;
	text-decoration:underline;
}



.content{
	float:left;
	margin-bottom:44px;
	margin-top:22px;
	padding:50px 70px 35px 100px;
	width:625px;
}
.frontPage .content{
	padding:50px 0 35px 85px;
	width:460px;
}



.footer{
	border-top:2px solid #7ab900;
	display:inline;/*IE6 and side margins*/
	float:left;
	font-size:0.8em;
	margin:60px -70px 0 -100px;
	width:795px;
}
.frontPage .footer{
	margin:30px 0 0 -85px;
	width:545px;
}
.footer-links{
	float:left;
	padding-left:85px;
	width:auto;
}
.footer-links a{
	margin-right:20px;
}
.footer-address{
	display:none;
}
.footer-tags{
	float:right;
	padding-right:30px;
	width:auto;
}



.badges{
	float:right;
	padding-right:65px;
	width:88px;
}
.badge-xhtml{
	height:31px;
	width:88px;
}
.badge-css{
	height:31px;
	padding-top:19px;
	width:88px;
}
.badge-wai{
	height:31px;
	padding-top:19px;
	width:88px;
}



.extraGapBelow{
	padding-bottom:25px;
}
.link-out{
	background:url(link-out.gif) right 1px no-repeat;
	padding-right:1.2em;
}



.message{
	color:#ce2e20;
}
textarea{
	padding:3px;
}
.textbox-email{
	width:400px;
}



#slideToggler{
	cursor:pointer;
	text-align:right;
}
.slideHide{
	display:none;
}
.slideContent{
	float:left;
	width:100%;
}
.slideCollapse{
	display:none;
}
.slideSign .slideCollapse{
	display:block;
}
.slideSign .slideExpand{
	display:none;
}



.sample{
	float:left;
	height:8em;
	width:100%;
}
.sample img{
	border:1px solid #aaa;
	display:inline;
	float:left;
	margin-right:2%;
	padding:1px;
}
#preview{
	border:1px solid #ccc;
	background:#333;
	color:#fff;
	display:none;
	padding:5px;
	position:absolute;
}