@charset 'utf-8';
@import url(reset.css);

/* @group Basics */

body {
	position: relative;
	color: #434345;
	background-color: #434345;
	font-size: 100%;
	line-height: 1.5;
/*	font-family: "Gill Sans", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;*/
	font-family: Helvetica, Arial, Geneva, sans-serif;
}

section, article, header, footer, nav, aside {
	display: block;
}

aside {
	
}

div#wrap {
	margin-left: 5em;
	padding-left: 3em;
	width: 54em;
	background-color: #fff;
	float: left;
}

h2 {
	margin-right: 0.66em;
	margin-bottom: 0.2em;
	font-size: 3em;
	font-weight: bold;
}

h3 {
	margin-top: 1em;
	margin-bottom: 0.2em;
	font-size: 1.7em;
	font-weight: bold;
}

blockquote {
	
	padding-left: 2em;
/*	border-left: 1px solid #6b6b6d;*/
	font-style: italic;
}

p {
	margin-bottom: 1em;
}

a:link
{
	color: #1170b2;
}

a:visited
{
	color: #0a446a;
}

a:hover,
a:focus,
a:active {
	text-decoration: none;
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

mark {
	background-color: #ffd000;
}

code {
	font-family: Monaco, "Courier New", Courier, mono;
	font-size: 0.8em;
}

pre {
	margin-bottom: 1.25em;
	font-family: Monaco, "Courier New", Courier, mono;
	font-size: 0.8em;
	margin-left: 2em;
}

ul li {
	list-style-type: square;
	list-style-position: inside;
}

img.left {
	float: left;
}

/* @end */

/* @group Header */

header {
	padding: 1em 0;
	margin: 0 3em 2em 0;
	width: 51em;
	float: left;
	border-bottom: 1px solid #434345;
}

/*header h1 {
	float: left;
	height: 44px;
	text-indent: -9999em;
	width: 15em;
	background: url(../img/oliverroick2.png) no-repeat 0 50%;
}*/

header h1 {
	font-size: 2.5em;
	font-weight: bold;
	width: 6em;
	float: left;
}

header h1 a:link,
header h1 a:visited,
header h1 a:hover,
header h1 a:active,
header h1 a:focus {
	color: #434345;
	text-decoration: none;
}

header h1 span.section {
	display: none;
	font-size: 0.7em;
	font-weight: normal;
	color: #6b6b6d;
}

/* @end */

/* @group Footer */

footer {
	border-top: 1px solid #6b6b6d;
	padding: 1em 0;
	margin: 0em 3em 0 0;
	width: 51em;
	float: left;
	text-align: right;
	color: #6b6b6d;
}

footer p {
	font-size: 0.8em;
	margin: 0;
	width: 100%;
}

footer a:link,
footer a:visited
{
	text-decoration: none;
}

footer a:hover,
footer a:focus,
footer a:active {
	text-decoration: underline;
}



/* @end */



/* @group Grid */

.content {
	margin: 0 3em 3em 0;
	display: block;
	float: left;
}

.col1 {
	width: 15em;
}

.col15 {
	width: 24em;
}

.col2 {
	width: 33em;
}

.col3 {
	width: 51em;
}

.col3 p,
.col3 ul {
	margin-left: 18em;
}

/* @end */

/* @group Nav */

nav.mainNav ul {
	display: block;
	margin-top: 1.5em;
	margin-left: 3em;
	float: left;
	font-weight: bold;
}

nav.mainNav ul li {
	margin-right: 2em;
	padding: 0;
	list-style-type: none;
	float: left;
}

nav.mainNav ul li a:link,
nav.mainNav ul li a:visited {
	text-decoration: none;
	color: #434345;
} 

nav.mainNav ul li a:hover,
nav.mainNav ul li a:active,
nav.mainNav ul li a:focus {
	text-decoration: none;
	color: #1170b2;
}

nav.subNav {
	margin: 0;
}

nav.subNav ul li {
	list-style: none;
	float: left;
	font-size: 0.9em;
	margin-right: 2em;
}

nav.subNav ul li.arc {
	background: url(../img/folder.png) no-repeat 0 50%;
	padding-left: 23px;
}

nav.subNav ul li.rss {
	background: url(../img/feed.png) no-repeat 0 50%;
	padding-left: 23px;
}

/*#home nav.mainNav ul {
	margin: 2em 0 0 0;
}

#home nav.mainNav ul li {
	margin: 0;
	padding: 0.3em 0;
	list-style-type: square;
	float: none;
	border-bottom: 1px solid #434345;
}

#home nav.mainNav ul li a {
	font-weight: normal;
	font-size: 1em;
}*/

/*
nav ul li.pro a:link,
nav ul li.pro a:visited {
	background-image: url(../img/brick.png);
}

nav ul li.pro a:hover,
nav ul li.pro a:active,
nav ul li.pro a:focus {
	background-image: url(../img/brick_go.png);
}

nav ul li.bio a:link,
nav ul li.bio a:visited {
	background-image: url(../img/user.png);
}

nav ul li.bio a:hover,
nav ul li.bio a:active,
nav ul li.bio a:focus {
	background-image: url(../img/user_go.png);
}

nav ul li.pra a:link,
nav ul li.pra a:visited {
	background-image: url(../img/monitor.png);
}

nav ul li.pra a:hover,
nav ul li.pra a:active,
nav ul li.pra a:focus {
	background-image: url(../img/monitor_go.png);
}

nav ul li.pub a:link,
nav ul li.pub a:visited {
	background-image: url(../img/book_open.png);
}

nav ul li.pub a:hover,
nav ul li.pub a:active,
nav ul li.pub a:focus {
	background-image: url(../img/book_next.png);
}

nav ul li.rss a:link,
nav ul li.rss a:visited {
	background-image: url(../img/feed.png);
}

nav ul li.rss a:hover,
nav ul li.rss a:active,
nav ul li.rss a:focus {
	background-image: url(../img/feed_go.png);
}

nav ul li.arc a:link,
nav ul li.arc a:visited {
	background-image: url(../img/folder.png);
}

nav ul li.arc a:hover,
nav ul li.arc a:active,
nav ul li.arc a:focus {
	background-image: url(../img/folder_go.png);
}

nav ul li.home a:link,
nav ul li.home a:visited {
	background-image: url(../img/house.png);
}

nav ul li.home a:hover,
nav ul li.home a:active,
nav ul li.home a:focus {
	background-image: url(../img/house_go.png);
}*/

/* @end */



/* @group Specials */

body#home h2 {
	/*font-size: 1.3em;
	font-weight: bold;*/
	margin-left: 0;
}

.col3 h2 {
	margin-left: 6em;
}

.col3 h3 {
	margin-left: 10.59em;
}

#teaser {
	/*background: url(../img/masthead.jpg) no-repeat 0 -220px;*/
	
}

#teaser p {
	font-size: 2em;
	margin: 0 0 0.3em 0;
	padding: 0;
}

#teaser img {
	float:  right;
	margin-left: 2em;
}

#teaser a.tw {
	color: #3374d1;
}

#teaser a.tw:visited {
	color: #3374d1;
}


#teaser a.ss {
	color: #ff9012;
}

#teaser a.ss:visited {
	color: #ff9012;
}

#teaser a.in {
	color: #008400;
}

#teaser a.in:visited {
	color: #008400;
}

#teaser a.de {
	color: #c60022;
}

#teaser a.de:visited {
	color: #c60022;
}

/* @group Projekt */

div#projekt {
	padding-top: 2em;
	border-top: 1px solid #6b6b6d;
}

div#projekt p {
	margin-bottom: 0;
}

/* @end */

/* @group kontakt */

#kontakt {
	padding-top: 2em;
	border-top: 1px solid #6b6b6d;
}


/* @end */

/* @group social */

#social {
	
}

#social h2 span.namespace {
	margin-top: 0.45em;
	float: right;
}

#social ul li {
	list-style-type: none;
	margin-bottom: 0.5em;
}

#social a:link,
#social a:visited,
#social a:hover,
#social a:focus,
#social a:active {
	color: #434345;
	text-decoration: none;
	background: no-repeat 0 50%;
	padding-left: 23px;
}

#social a.fb {
	background-image: url(../img/facebook_16.png);
}

#social a.tw {
	background-image: url(../img/twitter.png);
}

#social a.de {
	background-image: url(../img/delicious.png);
}

#social a.ss {
	background-image: url(../img/slideshare.png);
}

#social a.in {
	background-image: url(../img/linkedin.png);
}

#social a.ct {
	background-image: url(../img/citeulike.png);
}

span.namespace {
	color: #6b6b6d;
}

h2 span.namespace {
	font-weight: normal;
	font-size: 0.769em;
}


/* @end */

/* @group Links */

#links {
	padding-top: 2em;
	border-top: 1px solid #6b6b6d;
}

/* @end */

/* @group Blog */

div#blog {
	padding-top: 2em;
	border-top: 1px solid #6b6b6d;
}

div#blog h2 a {
	text-decoration: none;
}

div#blog ul {
	margin-left: 0;
}

div#blog ul li {
	display:  inline;
	margin-bottom: 0.5em;
	list-style: none;
	margin-right: 2em;
	text-indent: -2em;
}

span.date {
	font-size: 0.8em;
	color: #6b6b6d;
	white-space: nowrap;
}

/* @end */


/* @group Publikationen */



body#pub h2 {
	margin-left: 6em;
}

body#pub h3 {
	float: left;
	margin: 0;
	line-height: 1;
	width: 9.41em;
	text-align: right;
}

body#pub .subnav {
	margin-top: 1.7em;
}

span.autoren {
	
}

ul.pub li {
	margin-bottom: 0.5em;
}

/* @end */

/* @group Präsentationen */

object,
embed {
	width: 34em;
	height: 25.5em;
}

/* @end */

/* @group Bio */

ul.bio-add {
	margin-top: 2em;
}

ul.bio-add li {
	background:  no-repeat 0 50%;
	padding-left: 25px;
	list-style: none;
}

ul.bio-add li.pub {
	background-image: url(../img/book_open.png);
}

ul.bio-add li.con {
	background-image: url(../img/user.png);
}

/* @end */


/* @end */