@font-face {
  font-family: "TitilliumText";
  src: url('../fonts/TitilliumText22L002-webfont.eot');
  src: local("☺"), url('../fonts/TitilliumText22L002-webfont.woff') format("woff"), url('../fonts/TitilliumText22L002.ttf') format("truetype"), url('../fonts/TitilliumText22L002.svg') format("svg");
  font-weight: normal;
  font-style: normal;
}
	* {
		margin: 0;
		padding:0;
	}
	body {
		font: 13px Georgia, serif;
		line-height: 18px;
		color: #412222;
		background: url(../images/fleck.gif) #e5e8e4 32% 0px no-repeat;
	}
	a {
		text-decoration: none;
		color:#b24164;
	}
	#main {
		position: relative;
		width: 1015px;
		padding-top:60px;
		margin:auto;;
	}
	h1 {
		float: right;
		background-image:url(../images/head.gif);
		width: 965px;
		height:32px;
		text-indent: -700px;
		overflow: hidden;
	}
		h2, h3 {
  	  font: 20px 'TitilliumText', Arial;
  	  line-height: 1.3em;
  	  color: white;
  	}
	#subNav {
		float: right;
		padding-bottom: 50px;
	}
	#subNav li{
		float: left;
		list-style: none;
		text-indent: -700px;
		overflow: hidden;
		height:15px;
		margin-top: 10px;
	}
	#subNav a {
		display: block;
	}
	#subNav1 {
		width: 60px;
		background:url(../images/kontakt.gif) no-repeat;
	}
	#subNav2 {
		width: 40px;
		background:url(../images/vita.gif) no-repeat;
	}
	#subNav3 {
		width: 63px;
		background:url(../images/uebermich.gif) no-repeat;
	}
	#subNav1:hover, #subNav2:hover, #subNav3:hover {
		background-position: 0px -15px;
	}
	#content {
		clear: both;
		position: relative;
		width: 1018px;
	}
	#tabs {
		position: absolute;
		left:0;
		top:0;
/*		position: fixed;
		left:7%;
		top:167px;*/
	}
	
	#tabs li{
		width: 27px;
		list-style: none;
		text-indent: -700px;
		overflow: hidden;
	}
	#tabs a{
		display: block;
		width: 27px;
	}
	#tabs a:hover {
		background: none;
	}
	#tab1 {
		height:78px;
		background:url(../images/literaturOver.gif) no-repeat;
	}
	#tab2 {
		height:60px;
		background:url(../images/kunstOver.gif) no-repeat;
	}
	#tab3 {
		height:78px;
		background:url(../images/aktuellOver.gif) no-repeat;
	}
	#tab1 a{
		height:78px;
		background:url(../images/literatur.gif) no-repeat;
	}
	#tab2 a{
		height:60px;
		background:url(../images/kunst.gif) no-repeat;
	}
	#tab3 a{
		height:78px;
		background:url(../images/aktuell.gif) no-repeat;
	}
	#previews {
/*		position: relative;*/
		width: 305px;
		height:100%;
		float: left;
		padding-left: 50px;
		background:url(../images/tabsLine.gif) 23px 0px repeat-y;
	}
	.preview {
		position: relative;
		border-top: 4px solid #412222;
		padding-top:1px;
	}
	.preview p {
		margin-top:1px;
		padding-bottom:2px;
		padding:6px 3px 2px 3px;
		text-align: left;
		font: 13px Georgia, serif;
		line-height: 18px;
		color: #412222;
	}

	h3 {
		position: relative;
		width: 100%;
		border-top: 2px solid #412222;
		padding: 0;
		margin: 0;
	}
	
	h3 span {
	  background-color: #707e82;
	  display:inline-block;
	  margin-bottom: 1px;
	  padding: 2px 6px 0px 4px;
	}
	h3.kunst span{
	  background-color: #000000;
	}
	.image h3 {
		position: absolute;
	}

	.preview a, #article .date, .vita .date{
		display: block;
		background:url(../images/dashedLine.gif) left bottom repeat-x;
		margin-bottom:16px;
		padding-bottom:5px;
		padding-right: 3px;
		text-align: right;
		font: 11px "Lucida Grande", "Lucida Sans Unicode", sans-serif;
	}
	#article .date {
		padding-top: 2px;
	}
	.preview a:hover p, .preview a:hover {
		color:#ffffff;
		background-color:#b24164;
	}
	.preview img {
		display: block;
		padding-top: 3px;
	}
	#article img {
		display: block;
	}
	#animation {
		padding-bottom:1px;
	}
	#article {
		width: 613px;
		float: left;
		padding-left:47px;
	}
	#article a, .vita a {
		font: 13px "Lucida Grande", "Lucida Sans Unicode", sans-serif;
	}
	#article a:hover, .vita a:hover {
		border-bottom: 2px dotted ;
	}
	h2 {
	  display: inline-block;
	  font-size:32px;
		width: auto;
		margin-bottom:1px;
		padding: 6px 8px 0px 8px;
		background-color: #707e82;
	}
	h2.kunst {
	  background-color: #000000;
	}
	.trenner {
		width:100%;
		height:1px;
		line-height:1px;
		font-size:1px;
		border-bottom: 2px solid #412222;
		border-top: 4px solid #412222;
		margin-bottom:10px;
	}
	em {
		font-size: 14px;
		font-weight: normal;
	}
	#article p, .vita p {
		padding:10px 20px 16px 0px;
	}
	h4 {
		font: 13px "Lucida Grande", "Lucida Sans Unicode", sans-serif;
		color: #e5e8e4;
		display: inline;
		background-color: #412222;
		padding:2px;
		}
	.vita {
		width: 613px;
		float: left;
		padding-left:125px;
		background:url(../images/tabsLine.gif) 23px 0px repeat-y;
	}
	h5 {
		font-weight: normal;
		font-size: 13px;
		position: absolute;
		padding-top:14px;
	}
	.vita li {
		list-style: none;
		padding: 4px 0px 6px 60px;
	}
	.vita ul {
		padding-top: 10px;
		padding-bottom: 4px;
	}
	.portrait {
		float: right;
		padding-top: 44px;
	}
  .vita .list {
	  padding:20px 0 30px 30px;
	  
	}
	.list li{
	  list-style: circle;
	  padding-left:0px;
	}