body {
/*margin: 2em 12em 2em 14em;*/
/*	margin: 1em 8% 1em 10%;*/
        width: 680px;
	margin: 12px auto;
padding: 2em;
background-color: #3D4D5D;
color: #EEEEEE;
font: 11pt Verdana, sans-serif;
}

h1 {
     color: #FFBE7A;
     border-bottom: 2px dashed white;
}

h2 {
     color: #FFDEBC;
}

h2 a {
     color: #FFDEBC;
}

h3 {
     color: #7ABCFF;
}

a {
    /*padding: 2px;
  margin: 2px;*/
  text-decoration: none;
  color: #FFBE7A;
}

a:hover {
  border-bottom: 1px dotted #7E8C81;
  color: #BFA78D;
}

p {
text-align: left;
}

li {
text-align: left;
margin: .5em;
}

pre {background-color: black;
     padding: 1em; 
     color: #586877;
     border: 1px solid gray;}

pre.gei {
	background-color: white;
     padding: 1em; 
     color: #586877;}


.todo {color: #89939D; font-size: 75%;}


.portlet li {
           display: inline;
           margin: 0;
           text-align: center;
           }

#footer li {
           display: inline;
           margin: 0;
           text-align: center;
           }
#f-poweredbyico { 
                  display: none;
                  }
.printfooter { 
               margin-top: 10px;
               padding-top: 10px;
               border-top: 2px solid #ccc;
               }
a {
text-decoration: none;
}
table.infobox {
	background:#eeeeff;
	color:black;
	border: 1px solid black;
	text-align: left;
	float: right;
}

table.infobox th {
	vertical-align: top;
	text-align: left;
}


/* images */
div.floatright, table.floatright {
	clear: right;
	float: right;
	position: relative;
	margin: 0 0 .5em .5em;
	border: 0;
/*
	border: .5em solid white;
	border-width: .5em 0 .8em 1.4em;
*/
}
div.floatright p { font-style: italic; }
div.floatleft, table.floatleft {
	float: left;
	position: relative;
	margin: 0 .5em .5em 0;
	border: 0;
/*
	margin: .3em .5em .5em 0;
	border: .5em solid white;
	border-width: .5em 1.4em .8em 0;
*/
}
div.floatleft p { font-style: italic; }
/* thumbnails */
div.thumb {
	margin-bottom: .5em;
	border-style: solid;
	/*border-color: white;*/
	border-color: transparent;
	width: auto;
}
div.thumb div {
	/*border: 1px solid #ccc;*/
	padding: 3px !important;
	/*background-color: #f9f9f9;*/
	font-size: 94%;
	text-align: center;
	overflow: hidden;
}
div.thumb div a img {
	border: 1px solid #ccc;
}
div.thumb div div.thumbcaption {
	border: none;
	text-align: left;
	line-height: 1.4em;
	padding: .3em 0 .1em 0;
}
div.magnify {
	float: right;
	border: none !important;
	background: none !important;
}
div.magnify a, div.magnify img {
	display: block;
	border: none !important;
	background: none !important;
}
div.tright {
	clear: right;
	float: right;
	border-width: .5em 0 .8em 1.4em;
}
div.tleft {
	float: left;
	margin-right: .5em;
	border-width: .5em 1.4em .8em 0;
}

.hiddenStructure {
	display: none;
	speak: none;
}
img.tex {
	vertical-align: middle;
}

span.texhtml {
	font-family: serif;
}

img { 
 border: none; 
}

img.etusivu { 
 border: 1px solid; 
              float:right;
              margin: 5px;
}

#content1 { 
            /*background:#FFF;*/
            margin:0 auto;
            padding: 0px 8px 0px 8px;
            width:750px;
            /*border-right: 1px solid #c1c1c1;
            border-left: 1px solid #c1c1c1;*/
            }

#content2 { 
            float:left;
            width:500px;
            /*border-left: 1px solid #c1c1c1;*/
            border-right: 1px solid #c1c1c1;
            margin-top: 10px;
            margin-bottom: 10px;
            padding:20px;
            /*font-size: 0.9em;*/
            line-height: 120%}


#sidebar { 
           float:right;
           width:200px;
           margin-top: 40px;
           /*font-size: 0.9em;*/
           
}
#sidebar li
{ 
    list-style-type: square;
    margin-left: -1em;
   }

#footer { 
          /*background:#cc9;*/
          clear:both;
          }
#hit { 
       display: inline;
       text-decoration: none;
       color: #FFBE7A;
 }

 .flattr23 {
     float: right;
     margin: 4px;
 }