#banner
{
	position: absolute;
	top: 0px;
	left: 0px;
	
	z-index: 2;
	
}

/* the main text at the left side */
#textflow
{	
	
	position: static;
	width: 65%;
	
	left: 0px;
	top: 0px;

	right: 25%;
		
	background-color: #FFFFFF;
	background-image:url(../images/palm_bw_3.jpg);	
	background-repeat: no-repeat;

	margin-left: 5%;
	padding-left: 5%;
	padding-bottom: 5%;
	
	z-index: 3;
}

/* the right side of the sheet */
#navigation    
{ 	
	width: 20%;
	position: absolute;
	right: 0px;
	
	background-color: #FFFFFF;
	background-image:url(../images/MacMark_hexley_64_shad.gif);
	background-repeat: no-repeat;
	background-position: 80% 5%;
	
	
	font-size: 80%;
	z-index: 4;	
}
	
/*
According to
http://jendryschik.de/wsdev/css/fixed/#probleme
I first did an absolute positioning for the navigation
and now I override this with fixed positioning for the
navigation for all browsers that understand
attribute conditions.
*/	
#navigation[id] 
{
	position: fixed;
}

/* Background color for all english words in main text */
/*
#textflow span[lang="en"] 
{
	background-color: #eefff8;
}
*/

#textflow a.out:before 
{
	content: url(../images/outlink.gif)" ";
	white-space: nowrap;
}

#google_ad, #twitter_box
{
	float: right;
	width: 250px;
	margin-left: 5em;
	margin-top: 1em;
	margin-right: 15%;
	margin-bottom: 1em;
}

#google_ad_nav
{       
    text-align: left;
	margin-left: 2em;
	margin-top: 1em;
	margin-bottom: 1.5em;
}

body 
{
	background-color: #FFFFFF;
	
	background-image:url(../images/palmbeach.jpg);	
	background-repeat: repeat;
	background-attachment: fixed;
	
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	
	font-family: Optima, Garamond, Verdana, Helvetica, Arial, sans-serif;
	
} 
	
img.centered
{
	width: 100%;
}	
	
img.floated
{
	float: left;
	width: 50%;
	margin-right: 5%;
	margin-bottom: 5%;
}

img.mediumfloated
{
	float: left;
	width: 25%;
	margin-top: 5%;
	margin-right: 5%;
	margin-bottom: 5%;
}

img.smallfloated
{
	float: left;
	width: 6.0em;
	margin-top: 5%;
	margin-right: 5%;
	margin-bottom: 5%;
}

code
{
	white-space: normal;
	font-size: 100%;
	color: #1b8d1b;
	
}


.mono
{
	font-family: monospace;
	color: #1b8d1b;
}
	

p 
{	 
	font-size: 100%;
	color: #444444;
	margin-left: 10%;
	margin-right: 10%;
}

legend 
{	 
	font-size: 120%;
	color: #444444;
	margin-left: 10%;
	margin-right: 10%;
	font-weight: 700;
}
	
	
strong
{
	font-weight: 700;	
}

div.done 
{
	text-decoration: line-through;
}
	
kbd
{
	background-color: #b8ffba;
}


div.detailinfo
{
	margin-left: 20%;
	margin-right: 10%;
	margin-top: 20px;
	margin-bottom: 20px;
	font-size: 80%;  
	padding: 13px;
	background-color: #e2e4ec;
}

div.unfertig
{
	background-image: url(../images/unfertig.gif);
	background-repeat: repeat;

}

div.quote
{
	margin-left: 20%;
	margin-right: 10%;
	margin-top: 20px;
	margin-bottom: 20px;
	font-size: 80%;  
	padding: 13px;
	background-image: url(../images/quote.gif);
	background-repeat: no-repeat;
	padding-left: 35px;
	background-position: left center;
}

div.bibinfo
{
	margin-left: 20%;
	margin-right: 10%;
	margin-top: 20px;
	margin-bottom: 20px;
	font-size: 80%;  
	padding: 13px;
	background-image: url(../images/book_icon.gif);
	background-repeat: no-repeat;
	padding-left: 35px;
	background-position: left center;
}

div.note
{
	margin-left: 20%;
	margin-right: 10%;
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 13px;
	font-size: 80%;
	background-image: url(../images/quill_icon.gif);
	background-repeat: no-repeat;
	padding-left: 35px;
	background-position: left center;	
}

div.note p, div.bibinfo p
{
	margin-left: 5%;
	margin-right: 5%;
}

div.paratext
{
	margin-left: 20px;
	font-size: 80%;
	padding-bottom: 2.0em;
}

h1, h2, h3, h4, h5, h6
{
	border-bottom: 1px #606b94 solid;
	padding: 6px;
	/*text-shadow: 4px 4px 8px #606b94;*/

	font-family: Optima, Garamond, Verdana, Helvetica, Arial, sans-serif;
}	


#textflow h1, h2, h3, h4, h5, h6
{
}

	
h1 
{
	font-size: 150%; 
	padding-top: 1.0em;
	margin-left: 0%;
	margin-right: 10%;
	color: #606b94;
}
	

h2 { 
	font-size: 140%; 
	margin-left: 2%;
	margin-right: 10%;
	color: #606b94;
}


h3 
{ 
	font-size: 130%;
	margin-left: 4%;
	margin-right: 10%;
	color: #606b94;
}

h4 { 
	font-size: 120%; 
	margin-left: 6%; 
	margin-right: 10%;
	color: #606b94;
}

h5 
{  
	font-size: 110%; 
	margin-left: 8%;
	margin-right: 10%;
	color: #606b94;
}

h6 
{  
	font-size: 100%; 
	margin-left: 10%;
	margin-right: 10%;
	color: #606b94;
}
	
		
#navigation h1
{
	border-left: none;
	border-right: none;
	border-top: none;
	border-bottom: none;
	text-align: left;
}	

	
#navigation ul
{
	padding-left: 3px;	
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	background-position: bottom center;
	background-repeat: no-repeat;
}

#navigation ul li
{
	list-style-type: none;
	margin-top: 5px;
	margin-bottom: 5px;
}

#navigation ul li ul
{
	padding-bottom: 0px;
}
	
	
#navigation ul li a
{
	padding-left: 15px;
}
	
#navigation ul li.selected 
{
	background-image: url(../images/arrow_selected.gif);
	background-repeat: no-repeat;
	padding-left: 15px;
	background-position: left top;
	font-weight: 700;
}

#navigation ul li a:hover 
{
	background-image: url(../images/arrow_hover.gif);
	background-repeat: no-repeat;
	padding-left: 15px;
	background-position: left top;
}

#navigation p, legend 
{
}

#navigation form 
{
	text-align: left;
}
		
#textflow a:hover 
{
	background-color: #e1e1e1;
}

#textflow a[href="index.php#toc"] 
{
	font-size: 50%;
}

#textflow a[href="index.php#toc"]:before
{
	content: "("
}

#textflow a[href="index.php#toc"]:after
{
	content: " ansehen)"
}


#table.personal_data td.property
{
	font-weight: 700;
}
	

ul.toc
{ 
	list-style-type: none;
}

ul
{ 
	margin-left: 10%; 
	margin-right: 10%;
	color: #444444;
}

ul.einzug li {
    text-indent:-5.4em; 
    padding-left:5.4em;
}


ol	
{ 
	margin-left: 10%; 
	margin-right: 10%;
	color: #444444;
}

dl	
{ 
	margin-left: 10%; 
	margin-right: 10%;
	color: #444444;
}

li 	
{  
	margin-left: 5%;
	margin-right: 10%;
	margin-top: 10px;
	margin-bottom: 10px;
}

fieldset
{
	border-style: none;
	border-width: 1px;
}

table 
{ 
	color: #444444;
	padding-left: 10%;
	padding-right: 10%;
	margin-bottom: 1.5em;
}
		
table.personal_data
{
	width: 100%;	
}

caption
{
	font-size: 100%;
	margin-left: 10%;
	margin-right: 15%;
	text-align: left;
}


th
{
	padding: 7px;
	text-align: left;
	vertical-align: top;
	font-size: 100%;
}

tr
{
}

td
{
	text-align: left;
	vertical-align: top;
	font-size: 100%;
	padding: 7px;
	border-style: dotted;
	border-width: 1px;
}
		
td.property 
{
	font-weight: bold;
}

td.value 
{
	padding: 5px;
}		
		
			
td.date 
{
	font-weight: bold;
}

td.content 
{
	padding: 5px;
}
			
hr
{
	margin-right: 15%;
}