/* ************************************************** 
	RESET CSS
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* table, caption, tbody, tfoot, thead, tr, th, td */

/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	font-size: 16px;
	color: black;
	background: white;
}
li, ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/* ************************************************** */

/* ************************************************** 
	SITE CSS
*/

.ProjectTable{
border-spacing: 0;
background-color: #F5F1ED;
border-style: solid;
border-color: #CCC9C6;
border-width: 1px;
}

.ProjectTable td{
width: 10em;
height: 2em;
padding: 0.2em;
}

.ProjectTable td:nth-child(even){
border-top: 0;
border-right: 0.1em;
border-left: 0.1em;
border-bottom: 0;
border-style: solid;
border-color: #CCC9C6;

}

.ProjectTable tr:nth-child(even){
background-color: #E0DDDA;
}


.ProjectTable th{
font-weight: 700;
font-size: 0.9em;
border-bottom: 0.1em solid;
}


body{
	background-color: #171723;
}

em{
	font-style:italic;

}

strong{
	font-weight: 700; 
}

p{
	margin-bottom: 0.3em;
}

cite{
font-weight: bold;
font-style: italic;
}

h1 {
font: 10pt georgia;
color: #000000;
font-size: 1.1em;
line-height: 11pt;
font-weight: bold;
word-spacing: 0.2em;
text-transform: uppercase;
border-bottom:  2px solid #9d9dcc;
}

h2 {
font: 9pt georgia;
line-height: 11pt;
font-weight: bold;
word-spacing: 0.2em;
/*text-transform: uppercase;*/
border-bottom:  1px dashed #9d9dcc;
padding: 2px;
}

h3 {
font: 7pt verdana;
color: #2C2C2C;
font-weight: bold;
text-align: justify;
text-transform: uppercase;
line-height: 9pt;
border-bottom:  1px dashed #9d9dcc;
}


hr{
text-decoration : none;
height: 2px;
border-width: 2px 0 0 0;
border-style: dotted;
border-color: #9d9dcc;
}



.widgettitle {
	border-bottom:  1px none #9d9dcc;
	color: #423856;
	text-align: justify;
	text-transform: uppercase;	
/*	
font: 9pt georgia;
line-height: 11pt;
font-weight: 500;
word-spacing: 0.2em;
text-transform: uppercase;
border-bottom:  1px dashed #ACACDE;
padding: 2px;
*/
}


a:link, a:visited, a:active{
	font-size: 0.85em;
	text-decoration: none;
	color: #000000;
	font-weight: 700;
}

a:hover{
	text-decoration: underline;	
}



#comment{
width: 512px;
}


.headline h1{
/*	font-family: Tahoma;
	font-size: 10pt;
	line-height: 11pt;
	color: #000000;
	text-decoration: none;
	text-align: justify;
	font-weight: bold;*/
	
font-family: Georgia;
color: #000000;
font-size: 1.3em;

font-weight: 700;
text-transform: none;
border: none;	
margin-bottom: 0.4em;
	
}

.headline_time{
	font-family: Tahoma;
	font-size: 0.9em;
	line-height: 10pt;
	color: #000000;
	text-decoration: none;
	text-align: justify;
	border-top:  2px solid #ACACDE;
	margin-bottom: 0.3em;
}



#Container{
	height: 100%;
	width: 725px;
	margin: 0 auto;
}

#ThemeBG{
	background-repeat:no-repeat;
	width: 725px;
	height: 245px;
}

#HeaderNavi{
	position: relative;
	top: 0.45em;
	width: 725px;
	overflow: hidden; 
}

.CatButton{	
	display:block;
	float: right;
}

.CatSpacer{
	display:block;
	width: 0.8em;
	float: right;
}

#ContentField{
	position: relative;
	top: -0.5em;


}

#ContentBG{
	background: url('gfx/layout/silence/textfeldbg.png');
	background-color: white;
	background-repeat:repeat-y;
	width: 725px;
	min-height: 600px;
	overflow: hidden;
}

#ContentCenter{
	width: 710px;
	min-height: 600px;
	overflow: hidden;
}

#ContentText{
	position: relative;
	left: 10px;
	width: 552px;  
	float:left;
	display: block;
  
/*
  font-family: Times New Roman;
	font-size: 0.95em;	
letter-spacing: 0px;
margin: 0;
padding: 0;
font-weight:none;
text-transform: none;  
	
  */

font: 10pt "Trebuchet MS",Tahoma,Arial,sans-serif; /*georgia;*/
text-align: justify;

color:#262626;
  
}

  
#ContentSide{
	
	width: 12em; /*14.1 em*/
	float:right;
	display: block;

	font-family: Tahoma;
	font-size: 0.7em;	
  
}

#AboutShort{

	word-wrap: break-word; 

	font-family: Tahoma;
	font-size: 1em;	



}


.CurrentlyField{
	width: 13em;
	height: 17.5em;	
	font-size: 0.9em;	
	/*background-color: white;*/
}

.CurrentlyElement{
	display: block;
	height: 2.8em;	
	/*background-color: grey;*/
}


.CurrentlyIcon{
	float: left;
	display: block;
	/*background-color: green;*/
}



.CurrentlyText{
	float: right;
	height: 2.2em;
	width: 10.5em;	
	overflow: hidden;
	word-wrap: break-word; 	
	/*background-color: red;*/
}





.SideNaviField{
	width: 12.5em;
	font-size: 1.1em;	

}


.SideNaviField h1{
	border-bottom:  1px none #9d9dcc;
	color: #423856;
	text-align: justify;
	line-height: 1.2em;
	margin-bottom: 0.3em;
	

}


.SideNaviField li{
margin-left: 0.2em;
height: 1.3em;	

}

.SideNavi:link, .SideNavi:visited, .SideNavi:active{
	font-weight: 700; 
	color: black;
	text-decoration: none;
	font-size: 1em;	
	
	margin: 2px;
	
}

.SideNavi:hover{
	background-color: #ACACDE;
}


.SubSideNavi:link, .SubSideNavi:visited, .SubSideNavi:active{
	font-weight: 700; 
	color: black;
	text-decoration: none;
	
	font-size: 0.9em;
	margin: 2px;
	
}

.SubSideNavi:hover{
	background-color: #EBE7E4;
}





#ContentTop{
  width: 725px;
  height: 16px;
  background: url('gfx/layout/silence/textfeldbg.png');
  background-color: white;
  background-repeat:no-repeat;
}


#ContentFooter{
  width: 725px;
  height: 23px;
  background: url('gfx/layout/silence/textfeldbg.png');
  background-color: white;
  background-repeat:no-repeat;
}



.WritingImgLink{
float: left;
display:block;
}
.WritingImgLink:hover{
background: url('gfx/geschichten/black/underline.png');
float: left;
display:block;
}

.WritingGenre {
position: relative;
top: 1em;

}

.WritingDescription {
float: left;

}

.left{
float: left;
}

.right{
float: right;
}


.area256{
	background: #F7F3F0;
	border: 2px dotted #DEDAD7;	
	margin: 0 4px 0 0;
	padding: 4px;	
	
	width: 256px;
}

.download:hover{
	font-size: 1.1em;
	color: #9d9dcc;
	padding: 3px;
	background: #F0ECE9;
	border: 2px solid #DEDAD7;
	display: block;	

}

.download:link, .download:visited, .download:active{
	font-size: 1.1em;
	padding: 3px;
	background: #F0ECE9;
	border: 2px solid #DEDAD7;
	display: block;	

}