/* imap.css 

 Cascaded stylesheet for http://jhau.maliwi.de
 
 Provides a layout that uses the idea of Information Mapping (tm) 

 Author and copyright: Joerg Hau <joerg.hau(at)dplanet.ch>
 All rights reserved.
 
*/

body	{
	font-family: Verdana,Helvetica,Arial,sans-serif;
	font-style:normal;
	font-size:0.94em;
	/* color:#000000; */
	color: #333333;
	background-color:#ffffff;
	margin: 1.5em;
	}

p,pre,ol,ul,li,dl,form,table,h4,div#player {
	margin: 0 4em 1em 190px;
    padding: 0.1em 1em;
	}
	
li {
	margin: 0 0 0 3em;
	}
	
/* for a list inside a list */	
.list2 {
	margin: 0;
	padding: 0;
	}
	
h1,h2 {
	color: #555555;
	font-weight:bold;
	margin-top:1.1em;
	padding-bottom:0.3em;
	border-bottom: solid 1px #555555;
	}

h2	{
	margin-left: 200px;
	/*margin: 1.5em 3em 1em 190px;*/
	padding: 0.33em 3em 0.33em 0em;
    /*clear:left;*/
    }

/* those are in the left margin */ 
h3	{
  	width:170px;
  	float:left; 
  	clear:left;
	color: #000000;
	text-align:right;
	margin-top:0em;
	padding-right:1em;
	font-size:1em;   /* use the standard font size */
	}

/* the img in the top left corner */
img.hdr 	{
  	float:left; 
  	clear:left;
	}
	
/* section markers */	
.sec{
	/* border-left: solid 1px silver; */
	/* border: solid 1px silver; */
	padding: 0em;
	margin:0em;
	padding-top:0.5em;
	padding-bottom:0.5em;
	margin-top:1em;
	margin-bottom:1em;
	display:block;
	background-image: url("./imap.png");
	background-repeat: repeat-y; 
	}
	
p.warn {
  	font-weight:bold;
   	color:#ff0000;
    border: solid red 1px;
    padding:0.5em;
  	}

.hint  {
    border: solid gray 1px;
    padding:0.5em;
    /*background-color:#98fb98;*/
 	}

.quote  {
    font-style:italic;
    padding:0.5em;
	border-top: solid 1px silver;
	border-bottom: solid 1px silver;
    }

tt,pre 	{
	font-family: mono,helvetica-Narrow,arial-Narrow,courier-new,courier;
	color:#008800;
	font-size:0.9em;
	}

a.ext:before {
	content:url("./off.png");
	}

a.mail:before {
	content:url("./mail.png");
	}

a[href^="mailto"]:hover:after { content: " > " attr(title); }

.support {
	list-style-image:url("./sponsor.png");
	}

.ext	{
	list-style-image:url("./off.png");
	}

.int	{
	list-style-image:url("./home.png"); 
	}

/* minimalist table style */
.minimal
	{
	font-size:0.94em;
	border-collapse:collapse;
	text-align:left;
	margin-top:1em;
	margin-bottom:2em;
	}
.minimal th
	{
	font-weight: bold;
	color: #555555;
	padding: 10px 8px;
	border-bottom: 2px solid silver;
	border-top: 2px solid silver;
	}
.minimal td
{
	border-bottom: 1px solid silver;
	color: #555555;
	padding: 6px 8px;
}
.minimal tbody tr:hover td
	{
	color: black;
	background-color:#eeeeee
	}

/* simple table style */
.simple
	{
	font-size:0.94em;
	border-collapse: collapse;
	text-align: left;
	margin-top:1em;
	margin-bottom:2em;
	border: 1px solid silver;
	}
.simple th
	{
	font-weight: bold;
	color: #555555;
	padding: 10px 8px;
	border-bottom: 2px solid silver;
	border-top: 2px solid silver;
	}
.simple td
	{
	color: #555555;
	padding: 7px 17px 7px 17px;
	}
.simple tbody tr:hover td
	{
	color: black;
	background-color:#eeeeee
	}


img.hdr {
	background-color: #ffffff;
	border:none;
	}

.my	{
	list-style-image:url("../graf/bullet01.gif"); 
	}
	
.pfranc  {
		color:#993366;
    	}

hr.sep { 
		border: 0;
		color: silver;
		background-color: silver;
		height: 1px;
		width: 20%;
		text-align: left;
		margin-left:200px;
		}    	

.footer	{
	clear: both;	
	color: #000000;
	vertical-align: top;
	font-style:normal;
	font-size:0.8em;
	padding-bottom:1em;
	}
	
.floatleft { float: left; text-align: left;}
.floatright { float: right; text-align: right; }

a:link 	{ color: #0000aa; text-decoration:none }
a:visited { color: #775500; text-decoration:none }
a:hover	{ color: #0000dd; background-color:#dddddd;text-decoration:underline }