/* stylesheet for czech website */
/* by JanP, 181.10.2004  */

/* Blue background for entire document */
/* body { background-color:#99CCFF; }  */
/* made brighter */
/* body { background-color:#BEDFFF; font-family:'Arial',sans-serif} */

#navigation { position:absolute; left:0px; width:20%; top:0px }
#content {position:absolute; left:20%; width:; top:0px } 

body { background-color:#BEDFFF; font-family:'Arial',sans-serif}


/* outer space for almost every element */
h1,h2,h3 { text-align:center; margin-top:2em}

p { margin-top:1em; margin-bottom:1em; margin-left:1em; font-family:'Times New Roman',Times,serif}
li { padding-left:1em; margin-bottom:1em; padding-right:1em;} 

/* Define red bullet-type */
ul.centered { list-style-image:url(../common/gifs/roterknopf.gif); }
/* placement of the navigation boxes */
ul.nav { margin-left:1em; padding-left:1em; padding-top:1em; padding-bottom:1em;  list-style-type:none; }
li.nav { list-style-type:none; }

/* a pseudo-centered style */
.centered { margin-left:20%; margin-right:15% }  


/* Make white, red, blue background colors. Also, add readable text-colors */
.colorwhite { background-color:#FFFFFF; color:#0000FF; }
.colorblue { background-color:#0000FF; color:#FFFFFF; }
.colorred { background-color:#FF0000; }

/* Colors for mouseouver */
.colorwhite a:link { color:#0000FF; }
.colorwhite a:hover { color:#FF0000; }
.colorwhite a:visited { color:#FF0000; font-style:italic; }
.colorwhite a:active { color:#FF0000; font-style:italic; }

.colorblue a:link { color:#FFFFFF; }
.colorblue a:hover { color:#FFFFFF; background-color:#FF0000; }
.colorblue a:visited { color:#FFFFFF; font-style:italic;  }
.colorblue a:active { color:#FFFFFF; font-style:italic; }

.colorred a:link { color:#FFFFFF; }
.colorred a:hover { color:#FFFFFF; background-color:#0000FF; }
.colorred a:visited { color:#FFFFFF; font-style:italic; }
.colorred a:active { color:#FFFFFF; font-style:italic; }

/* a small header for u-lists */
li.header {  list-style-type:none; margin-left:-1em; font-weight:bold; }
li.nav { padding:0em; } 


/* make mouseover */
a:hover { background-color:#FFFF00; }

/* box around active language */
table.centered { margin-left:20%; margin-right:20%; border-spacing:1em;  text-align:left;}
table.wide { border-spacing:1em; margin-left:1em; border-width=1px; }
table {  text-align:left; } 

/* basically, the same as centered, just adding italics and capitalization */
table.treff {margin-left:20%; margin-right:20%; border-spacing:1em; text-align:left; font-style:italic;}
th.treff { text-transform:uppercase; }
td.treff { text-transform:none; }

ol.big {font-family:'Times New Roman',Times,serif; font-size:1.2em; } 

/* instaed of using tables for value-key-pairs: */
/*.keywordblock { background-color:yellow;} */
/*.keyword { position:absolute; left:5%;  background-color:green; margin-top:1em; } */
/*.explanation {position:absolute; left:20%; background-color:white;margin-top:1em; } */

/* .keywordblock { margin-left:1em; margin-right:1em; background-color:yellow;} */
/*.keyword { text-align:left; background-color:green; } */
/* .explanation {text-align:left; background-color:white; padding-right:10% }*/

/*div.keywordblock { margin-top:1em; margin-bottom:1em; font-style:italic; color:#FF0000} */
/* span.keyword {padding-left:10%; } */
/* span.explanation {padding-left:10%; margin-right:10% }*/

.warning { border-width:2px; border-style:solid; border-color:red; padding:1cm; text-align:justify; }

/* a red eyecatcher, for things like ""New!"" */
.eyecatcher { font-style:italic; font-weight:bold; color:#FF0000; }

.msubtitle { font-style:italic; font-weight:bold; }
.mtitle { font-weight:bold; }
.mtranstitle { font-style:italic;  }

.note { font-style:italic; font-weight:bold;  }

.version { font-size:small; font-weight:lighter; text-align:right; }