/*********************************************************************
** flexi.css                                   (c) 2009 Jürgen Obelode
** main style sheet file for my web site, derived from FlexiSkin
** 2008-12-08 created from scratch by jo
** 2010-02-10 last modification by jo
**********************************************************************/
body {
	margin:0;
	padding:0;
	height:1%;
}

#FlexiAll { /* wrapper for all */
	font-size:100.01%;
	line-height:100%;
	font-family:Verdana,sans-serif;
	color:#000000;
	background:#ffffff url(images/defbg.gif) repeat;
}
#FlexiAll .skip {
	display:none;
}

#FlexiTitle { /* my action and site manage bar */
	color:#404040;
	background:#ffa500;
	font:normal 80%/180% Arial,sans-serif;
	padding:0;
	margin:0;
	text-align:center;
}
#FlexiTitle  a {
	color:#4040a0;
	text-decoration:none;
	padding:0 .1em;
}
#FlexiTitle a:hover {
	text-decoration:underline;
}

#FlexiTop { /*used as head line at the very top, logo and site name */
	color:#d0d0d0;
	background:	#006699 url(images/jologohead.jpg) repeat-x;
	margin:0;
	padding:0;
	height:46px;  /* IE-6 bug fix */
	min-height:46px;
	border-top:1px solid #42a4d5;
	border-left:1px solid #42a4d5;
	border-bottom:1px solid #004a7c;
	border-right:1px solid #004a7c;
}
#FlexiTop #wikilogo {
	background:#006699 url(images/jologo.jpg) no-repeat;
	width:auto;
	float:left;
}
#FlexiTop  h1{
	color:#d0d0d0;
	background:transparent;
	font: normal 130%/130% Verdana,sans-serif;
	letter-spacing:.2em;
	text-align:center;
}

#FlexiHeader { /* used as horizontal top menu, permalinks */
	color:#606060;
	background:#e2e2e2 url(images/hmenubg.gif) repeat-x;
    height:1%; /* fix IE-6 bug */
	border-top:1px solid #ffffff;
	border-left:1px solid #ffffff;
	border-bottom:1px solid #b0b0b0;
	border-right:1px solid #b0b0b0;
	font: normal 90%/170% Arial,Verdana,sans-serif;
	padding-right:1em;
	text-align:right;
}
#FlexiHeader .home { /* force home link to be on left side */
	padding-left:1em;
	float:left;
}
#FlexiHeader a, a:visited {
	color:#003399;
	background:transparent;
	margin:0 .1em 0 .1em;
	text-decoration:none;
}
#FlexiHeader a:hover {
	color:#3366cc;
}
#FlexiHeader a.selflink { /* selected main item */
	color:#808080;
	font-weight:bold;
	background:transparent;
	text-decoration:none;
}
#FlexiHeader .pipe {
	display:inline-block;
	width:0;
	margin:0 .2em;
	border-left:1px solid #b0b0b0;
	border-right:1px solid #ffffff;
	overflow:hidden;
	vertical-align:middle;
	line-height:120%;
}

#FlexiLeft { /* left main menu */
	color:#606060;
	background:#eaeaea;
	width:12.3em;
	border-top:1px solid #ffffff;
	border-left:1px solid #ffffff;
	border-bottom:1px solid #b0b0b0;
	border-right:1px solid #b0b0b0;
	font: normal 90%/150% Arial,Verdana,sans-serif;
	text-align:left;
	padding:2em 0 2em 0;
	float:left;
}
#FlexiLeft a {
	display:block;
	color:#003399;
	background:transparent;
	padding-left:1em;
	text-decoration:none;
}
#FlexiLeft a:hover {
	color:#3366cc;
}
#FlexiLeft a.selflink { /* selected main item */
	color:#808080;
	background:transparent;
	font-weight:bold;
	text-decoration:none;
}
#FlexiLeft ul {
	list-style-type:disc;
	list-style-image: url(images/select.gif)
}
#FlexiLeft li a {
	font-weight:normal;
	margin-left:-1.5em;
}
#FlexiLeft #searchbox {
	margin-left: 1em;
	margin-top:3em;
	margin-bottom:3em;
}
#FlexiLeft #searchbox .inputbox {
	font-family:monospace;
	margin-bottom:.5em;
	width: 11em;
}

#FlexiRight  { /* right floating container */
	float: right;
	margin-right:0px;
}
#FlexiRight .teaser{
	color: #606060;
	background: #ffffe0;
	width: 202px;
	font: normal 80% / 110% sans-serif;
	margin:1em;
	border:1px solid #a0a0a0;
	padding:.8em;
}
#FlexiRight .teaser img {
	margin-bottom:.5em;
    border: 1px solid #808080;
}
#FlexiRight .teaser a {
	color:#003399;
	background:transparent;
	font: normal 100%/120% sans-serif;
	text-decoration:none;
}
#FlexiRight .teaser a:hover {
	color:#3366cc;
	text-decoration:underline;
}
#FlexiRight .teaser a:visited {
	color:#901050;
	background:transparent;
}

#FlexiMain { /* the real content */
	color:inherit;
	background: #ffffff url(images/cbg.gif) repeat-y;
	margin-left:11.1em;
	min-height:25em;
	padding:1em 2em 2em 4em;
	border-left:1px solid #b0b0b0;
	font-family:Verdana,sans-serif;
}
#FlexiMain p { /* standard non-serif float text */
	font: normal 100%/130% Verdana,sans-serif;
}
#FlexiMain .summary p { /* summary box */
	color:#404060;
	background:#fafafa;
	border:1px dashed #d0d0d0;
	padding:.7em;
	font: normal 100%/130% Verdana,sans-serif;
	letter-spacing:0.02em;
}
#FlexiMain .wikisearch { /* search results */
	font: normal 100%/130% Verdana,sans-serif;
}
#FlexiMain a { /* links in standard text */
	color:#003399;
	background:transparent;
	font: normal 100%/120% Verdana,sans-serif;
	text-decoration:none;
}
#FlexiMain a:hover {
	color:#3366cc;
	text-decoration:underline;
}
#FlexiMain a:visited {
	color:#901050;
	background:transparent;
}
#FlexiMain a.urllink {
	background: url(images/external.png) center right no-repeat;
	padding-right: 13px;
}
#FlexiMain h1,h2,h3 { /* headlines, common settings */
	color:#404060;
	background:transparent;
	text-align:left;
}
#FlexiMain h1 {
	margin-left:-1em;
	font: normal 140%/100% Verdana,sans-serif;
	letter-spacing:.2em;
}
#FlexiMain h2 {
	margin-top:2em;
	margin-left:-1em;
	border-bottom:solid 1px #a0a0a0;
	padding-bottom:.2em;
	font: normal 125%/100% Verdana,sans-serif;
	letter-spacing:.15em;
}
#FlexiMain h3 {
	margin-top:1.5em;
	font: bold 100%/100% Verdana,sans-serif;
	letter-spacing:.1em;
}
#FlexiMain table { /* tables */
	color:#404040;
	background:#fafafa;
	font: normal 90%/120% Verdana,sans-serif;
}
#FlexiMain table th { /* table header */
	color:#606060;
	background:#e8e8e8;
	padding:.1em .2em .1em .5em;
	border-top:solid 1px #c0c0c0;
	border-bottom:solid 1px #c0c0c0;
	text-align:left;
}
#FlexiMain table td { /* the data fields */
	color:#404040;
	background:inherit;
	padding:.1em .2em .1em .5em;
	border-bottom:solid 1px #d0d0d0;
}

#FlexiMain .formsheet table { /* table in form sheets*/
	color:#404040;
	background:#fafafa;
	font: normal 90%/120% Verdana,sans-serif;
	border:solid 1px #d0d0d0;
	padding:1em;
}
#FlexiMain .formsheet table td { /* the data fields */
	color:#404040;
	background:inherit;
	border:none;
}

#FlexiMain ul { /* bullet list */
	color:inherit;
	background:transparent;
	margin:1em;
}
#FlexiMain ul li {
	font: normal 90%/120% Verdana,sans-serif;
	margin-top:.5em;
}
#FlexiMain ol { /* ordered list */
	color:inherit;
	background:transparent;
	list-style-type:decimal;
	margin:1em;
}
#FlexiMain ol li {
	font:normal 90%/120% Verdana,sans-serif;
	margin-top:.5em;
}
#FlexiMain pre { /* source code visualisation */
	color:#202020;
	background:#f8f8f8;
	padding:.5em;
	border:1px dotted #105090;
	font:normal 100%/100% monospace;
	overflow:auto;
}
#FlexiMain form { /* form sheets */
	color:#606060;
	background:transparent;
	font: normal 80%/100% Verdana,sans-serif;
}
#FlexiMain .any { /* anything with left margin */
	margin-top:.7em;
	font: normal 100%/130% Verdana,sans-serif;
	overflow:hidden;
}
#FlexiMain .any .minilink{ /* left floating picture previews */
	float:left;
	padding-right:1em;
	padding-bottom:1em;
}
#FlexiMain hr { /* separator between navigation and content */
	display:none;
}
#FlexiMain #wikiedit form { /* the edit form sheet */
	color:#000000;
	background:#eaeaea;
	border:1px solid #b0b0b0;
	font: normal 80%/100% Arial,Verdana,sans-serif;
	margin-bottom:1em;
	padding:.7em;
	width:100%;
}
#FlexiMain #wikiedit form  textarea{
	color:#000000;
	background-color:#ffffff;
	border:1px solid #c0c0c0;
	font:normal 120%/120% monospace;
	width:99%;
	margin-top:.3em;
	margin-bottom:.3em;
}
#FlexiMain #wikiedit form input{
	margin-top:.5em;
	margin-right:.5em;
}
#FlexiMain  .quickref {
	font: normal 100%/130% Arial,sans-serif;
	width:100%;
}

#FlexiFooter { /* used as horizontal foot menu, permalinks */
	color:#606060;
	background:#e2e2e2 url(images/hmenubg.gif) repeat-x;
	border-top:1px solid #ffffff;
	border-left:1px solid #ffffff;
	border-bottom:1px solid #b0b0b0;
	border-right:1px solid #b0b0b0;
	font: normal 90%/150% Arial,Verdana,sans-serif;
	text-align:center;
}
#FlexiFooter a, a:visited {
	color:#003399;
	background:transparent;
	margin:0 .1em 0 .1em;
	text-decoration:none;
}
#FlexiFooter a:hover {
	color:#3366cc;
}
#FlexiFooter a.selflink { /* selected main item */
	color:#808080;
	background:transparent;
	font-weight:bold;
	text-decoration:none;
}
#FlexiFooter .pipe {
	display:inline-block;
	width:0;
	margin:0 .2em;
	border-left:1px solid #b0b0b0;
	border-right:1px solid #ffffff;
	overflow:hidden;
	vertical-align:middle;
	line-height:120%;
}

#FlexiBottom { /* copyright and address in each page foot line */
	color:#808080;
	background:transparent;
	margin:1em;
	padding-bottom:1em;
	font: normal 70%/100% Verdana,sans-serif;
	text-align:center;
}
#FlexiBottom a{
	color:#808080;
	background:transparent;
	text-decoration:none;
}
#FlexiBottom a:hover{
	text-decoration:underline;
}

/* ----- /flexi.css -----*/