/* generalstuff for whole website */

body {
	background-color: #fff;
	/*position:absolute;
	left:1.8em;*/
}

#head{
	width: 100%;
	height: 150px;
}

.head{
	border-top:1px solid #cbcccc;
	padding-top:1em;
	margin: 1em 0 0 0;
}

#wrapper{
	overflow: auto;
	position: relative;
	width: 400px;
	margin: 0px auto;
	background-color: #fff;
	padding: 2.2em;
}


#content{
	font: 13px/19px times, serif;
	word-spacing:0em;
	font-weight: normal;
	text-align: left;
	color:#6b6666;
	
	width: 400px;
	position: relative;
	padding: 5.38em 0 0 0;
}

.text{
	font: 13px/19px times, serif;
	text-transform:lowercase;
	word-spacing:0em;
	font-weight: normal;
	text-align: left;
	color:#6b6666;
	margin:-1em 0 0 0;
}

p{
	font: 13px/19px times, serif;
	text-transform:lowercase;
	word-spacing:0em;
	font-weight: normal;
	text-align: left;
	color:#6b6666;
	margin:0em 0 2.5em 0;
}

.italic{
	font-style:italic;
	text-transform:lowercase;
}

.adress {
	text-transform:lowercase;
	margin:2em 0 0 -3em;
	list-style-type: none;
}

.categ {
	text-transform:lowercase;
	font-style: italic;
	color:#2b2222;
}


.imgb{
	width: 398px;
	border: 0px;
	margin:0 0 2.5em 0;
	border: 1px solid #9b9999;
}


a {
  	text-decoration: none;
	text-transform:lowercase;
	color:#6b6666;
  }

a:hover {color:#9b9999;}


.intext {
	font-style: italic;
	color:#2b2222;
	overflow: auto;
	
  }

.bloglinknext {
	float: right;
	font-style: italic;
	color:#2b2222;
	overflow: auto;

  }




/* menu and navigation*/
#navigation {
	font: 14px/16px times, serif;
	text-transform:lowercase;
	overflow: auto;
	border-bottom: 1px solid #cbcccc;
	margin-top:0em;
	padding-bottom:0.5em;
	width: 100%;
}

#menu, #menuwork  {
	font-weight: normal;
	font-style: italic;
	text-transform:lowercase;
	margin: 0;
	padding: 0;
	list-style-type: none;	
}

#menu { 
	float: left;
}

#menuwork {
	float: right;
}


#menu  li , #menuwork  li  {
	display: block;
	float: left;
}

#menu li {	
	margin: 0 0.6em 0 0;
}

#menuwork li {
	margin: 0 0 0 0.6em;	
}

#menu li a, #menuwork li a {
	display: block;
	margin: 0;
}







/* vita: list for adress etc. */
.pic{
	width: 400px;
	margin-top:-0.7em;
	padding:0 0 2.5em 0;
	border: 0px	
}




/* work: list of projects */
.project{
	height:100px;
	position:relative;
	margin:2em 0 0.5em 0;
	float:left;
}


.projectimage{
	width:98px;
	height:98px;
	float:left;
	border: 1px solid #9b9999;
}

.projectdescr{
	font: 13px/19px times, serif;
	word-spacing:0px;
	font-weight: normal;
	text-align: left;
	text-transform:lowercase;
	color:#6b6666;
	float:left;
	width:280px;
	margin:-4px 0px 0px 15px;
}

.foot{
	font: 13px/16px times, serif;
	font-style:italic;
	color:#bebbbb;
	text-transform:lowercase;
	vertical-align:bottom;
	position:absolute;
	bottom:0;
	left:115px;
}

.date{
	font-style:italic;
	color:#9b9999;
	text-align: right;
	padding:0 0.35em 0 0;
	float:right;
}



.h1digital:hover {color:#9b9999;}
.h1print:hover {color:#9b9999;}
.h1photo:hover {color:#9b9999;}
.h1misc:hover {color:#9b9999;}


.h1digital{
	color:#8ac7f2;
	/*color:#e58f00;*/	
}
.h1print{
	color:#8dd692;
	/*color:#ad42a5;*/
}
.h1photo{
	color:#f2cd6f;
	/*color:#0e8bcd;*/
}
.h1misc{
	color:#ff8f8f;
	/*color:#0aba75;*/
}


.hdigital, .hprint, .hphoto, .hmisc, .h1digital, .h1print, .h1photo, .h1misc{
	font-style: italic;
	text-transform:lowercase;
	margin:-1em 0 0 0;
}


.hdigital{
	color:#8ac7f2;
	/*color:#e58f00;*/	
}
.hprint{
	color:#8dd692;
	/*color:#ad42a5;*/
}
.hphoto{
	color:#f2cd6f;
	/*color:#0e8bcd;*/
}
.hmisc{
	color:;
	/*color:#0aba75;*/
}



/*links: list*/
.links {
	text-transform:lowercase;
	margin:-1em 0 2.5em -3em;
	list-style-type: none;
}