@charset "utf-8";

body 	{
	background-color:#ffffff;
}


img 	{
	border:0px;
}

.date {
	font-family: verdana, geneva, sans-serif;
	font-size: 16px;
	font-weight: bold;
	/*font-style: italic;*/
}

ul	{
	list-style-type: none;
	padding:0px;
	margin-top:0px;
}


li 	{
	margin-bottom:10px;
	display:block;
}


a:link, a:active	{
	text-decoration: underline;
	color: #000000;
/*	border-bottom: dotted 1px;*/
}


a:visited {
	text-decoration: underline;
	color: #000000;
}

a:hover	{
	color:#ef1818;
}
	


/*divs*/


#nav	{
	position:absolute;
	left:30px;
	top:30px;
	z-index:1;
}

#index_content {
	position:absolute;
	top:70px;
	left:225px;
	width:560px;
	z-index:2;
}


#index_text {
	margin-left: 100px;
/*	border:1px solid;*/
}


#index_archive {
	margin-left:100px;
	padding-top:15px;
	/*border:1px solid;*/
}


#contact_content {
	padding-top:150px;
	margin-left:225px;
	width:460px;
	font-family: Helvetica, sans-serif;
	font-size: 14px;
	/*border:1px solid;*/
}


#projects_content {
	position:absolute;
	left:225px;
	top: 125px;
	z-index:3;
	/*border:1px solid;*/
}


#projects_detail {
	position:absolute;
	left:510px;
	top: 160px;
	z-index: 4;
	/*border:1px solid;*/
}


/*classes*/


.text {
	font-family: verdana, geneva, sans-serif;
	font-size: 12px;
}

.caption {
	font-family: verdana, geneva, sans-serif;
	font-size: 10px;
	font-style: italic;
}

.archive_text{
	font-family: verdana, geneva, sans-serif;
	font-size: 9px;
}


/*newfangled css rollover images*/


#nav_rollover_kurt_riedi	{
	height: 35px;
	width: 144px;
	text-indent:1000px;
	overflow: hidden;
	background: url(images/nav_kurt_riedi.gif) top left no-repeat;
	display: block;
}


#nav_rollover_kurt_riedi:hover	{
	background-position: bottom left;
}


#nav_rollover_projects	{
	height: 37px;
	width: 114px;
	text-indent:1000px;
	overflow: hidden;
	background: url(images/nav_projects.gif) top left no-repeat;
	display: block;
}


#nav_rollover_projects:hover	{
	background-position: bottom left;
}


#nav_rollover_contact	{
	height: 34px;
	width: 102px;
	text-indent:1000px;
	overflow: hidden;
	background: url(images/nav_contact.gif) top left no-repeat;
	display: block;
}


#nav_rollover_contact:hover	{
	background-position: bottom left;
}


#projects_rollover_erinelyse	{
	height: 30px;
	width: 169px;
	text-indent:1000px;
	overflow: hidden;
	background: url(images/projects_erinelyse.gif) top left no-repeat;
	display: block;
}


#projects_rollover_erinelyse:hover	{
	background-position: bottom left;
}


#projects_rollover_wedding	{
	height: 29px;
	width: 235px;
	text-indent:1000px;
	overflow: hidden;
	background: url(images/projects_wedding.gif) top left no-repeat;
	display: block;
}


#projects_rollover_wedding:hover	{
	background-position: bottom left;
}


#projects_rollover_hamburg	{
	height: 30px;
	width: 169px;
	text-indent:1000px;
	overflow: hidden;
	background: url(images/projects_hamburg.gif) top left no-repeat;
	display: block;
}


#projects_rollover_hamburg:hover	{
	background-position: bottom left;
}


#projects_rollover_fuenf_glace	{
	height: 31px;
	width: 140px;
	text-indent:1000px;
	overflow: hidden;
	background: url(images/projects_fuenf_glace.gif) top left no-repeat;
	display: block;
}


#projects_rollover_fuenf_glace:hover	{
	background-position: bottom left;
}


#projects_rollover_hyazinth	{
	height: 30px;
	width: 111px;
	text-indent:1000px;
	overflow: hidden;
	background: url(images/projects_hyazinth.gif) top left no-repeat;
	display: block;
}


#projects_rollover_hyazinth:hover	{
	background-position: bottom left;
}


#projects_rollover_local_weather	{
	height: 30px;
	width: 178px;
	text-indent:1000px;
	overflow: hidden;
	background: url(images/projects_local_weather.gif) top left no-repeat;
	display: block;
}


#projects_rollover_local_weather:hover	{
	background-position: bottom left;
}


#projects_rollover_plugin	{
	height: 32px;
	width: 81px;
	text-indent:1000px;
	overflow: hidden;
	background: url(images/projects_plugin.gif) top left no-repeat;
	display: block;
}


#projects_rollover_plugin:hover	{
	background-position: bottom left;
}


#projects_rollover_und_moritz	{
	height: 30px;
	width: 127px;
	text-indent:1000px;
	overflow: hidden;
	background: url(images/projects_und_moritz.gif) top left no-repeat;
	display: block;
}


#projects_rollover_und_moritz:hover	{
	background-position: bottom left;
}


#projects_rollover_sleeping	{
	height: 30px;
	width: 102px;
	text-indent:1000px;
	overflow: hidden;
	background: url(images/projects_sleeping.gif) top left no-repeat;
	display: block;
}


#projects_rollover_sleeping:hover	{
	background-position: bottom left;
}

#projects_rollover_flickr	{
	height: 30px;
	width: 165px;
	text-indent:1000px;
	overflow: hidden;
	background: url(images/projects_flickr.gif) top left no-repeat;
	display: block;
}


#projects_rollover_flickr:hover	{
	background-position: bottom left;
}

#projects_rollover_false_friends	{
	height: 28px;
	width: 165px;
	text-indent:1000px;
	overflow: hidden;
	background: url(images/projects_false_friends.gif) top left no-repeat;
	display: block;
}


#projects_rollover_false_friends:hover	{
	background-position: bottom left;
}

#projects_rollover_10_utopien	{
	height: 30px;
	width: 122px;
	text-indent:1000px;
	overflow: hidden;
	background: url(images/projects_10_utopien.gif) top left no-repeat;
	display: block;
}


#projects_rollover_10_utopien:hover	{
	background-position: bottom left;
}

#projects_rollover_anne	{
	height: 26px;
	width: 210px;
	text-indent:1000px;
	overflow: hidden;
	background: url(images/projects_anne.gif) top left no-repeat;
	display: block;
}


#projects_rollover_anne:hover	{
	background-position: bottom left;
}