/* Style definitions for all devices, especially PC */


html
{
   font-size: medium;
}

body {
   color: white;
   background-color: black;
   font-family: Verdana, sans-serif;
   margin-top: 7%;
   margin-bottom: 2%;
   margin-left: auto;
   margin-right: auto;
   padding-left: 10%;
   width: 75%;
   max-width: 90em;
   line-height: 1.5em;
   word-spacing: 0.15em;
   font-size: 80%;   /* Should be 80% of medium */
}

img {border:none;}

a:link    {color: #FF5151;}
a:visited {color: #D62810;}

/*SSI-Error, BOM not removed*/
.SSI
{
   display: none;
}
.IEInfo
{
   font-size:smaller;
}

h1,h3,h4
{
   line-height: 1em;
}


h1
{
   margin-top: 3.5em;
   margin-bottom: 1.5em;
   margin-left: -5%;
}

h2
{
   margin-top: 1em;
   margin-bottom: 0.5em;
   margin-left: -4%;
}


h3
{
   margin-top: 4em;
   margin-bottom: 1em;
   margin-left: -3%;
}

.Warning
{
   font-size:20px;
   color:red;
}

.small_Links
{
   font-size: 60%;
   font-weight: 700;
   line-height: 1em;
   margin-left:3%;
}

.nonHHeading
{
   line-height: 1.3em;
   font-size: 3em;
   text-align: center;
}

.homelogo
{
   position:fixed;
   text-align:left;
   line-height: 1.5em;
   font-size: 0.8em;
   margin-left:1%;
   margin-top:1%;
   left:0;
   top:2%;
   z-index:0;
}

.homelogo a:hover {font-size:1.4em; color:white;}

.homelogo img {border:none;}
.homelogo a
{
   text-decoration:none;
   font-weight:bold;
   font-size: 1.2em;
}

.TOC_VID
{
   font-size:1.2em;
   line-height:1.6em;
   z-index:-1;
}

li{
   list-style: url(Klingon_List_Item.gif);
   line-height:30px;
}

.pic_text
{
   display:block;
   float:none;
   min-height: 225px;
}

.pic_text img
{
   float:left;
   clear:left;
}

.ContentTab
{
   border-style:outset;
}

.TableHeadings
{
   font-size: 0.8em;
   line-height: 1.0em;
}

.NWInfo
{
   font-size: 0.7em;
}

.SmallNote
{
   font-size: 0.8em;
   line-height: 1.0em;
}

.LargeNote
{
   font-size: 1.1em;
   line-height: 1.2em;
   font-weight:bold;
}

.ShowOff
{
/*
   position:absolute;
   left:0%;
   width:99%
*/
margin-left: 20%;
margin-right: 20%;
}

/* *[LANG=tlh] { title:"Klingon";} */

.LeftLogoText
{
   position:absolute;
   top:45%;
   left:15%;
   display:block;
   z-index:1;
   float: left;
   clear: none;
}
.RightLogoText
{
   position:absolute;
   top:45%;
   left:65%;
   display:block;
   z-index:2;
   float: left;
   clear: none;
}

.MiddleLogo
{
   position:relative;
   margin-left:25%;
   margin-right:50%;
   z-index:0;
   float: left;
   clear: none;
}
.MainLogo
{
/* Height has to be fixed, in case no pictures are loaded */
   height: 464px;
}

.LeftRightCol
{
   clear:left;
   float:left;
   padding-right:2.5em;
}

/**************************************/
/*DIVs für mu' chenwI' Bilder und Text*/
/**************************************/
.mu_pt_table
{
   display:table;
   width: 680px;
   margin-left: auto;
   margin-right: auto;
}
.mu_pic_text
{
   display:block;
   float:none;
   background-image:url(mu_DelwI_foreground.gif);
   background-repeat: no-repeat;
   width:680px;  
/*The picture is only 696 pixel in height - but I want some space for*/
/*scrolling(to adjust picture for better reading) */
/*   height:696px; */
   height:750px; 
   position:absolute;
}

.mu_pt_pic
{
   float:left;   
   clear:none;
   position:absolute;
   width:240px;
   height:170px;
/*The picture is positioned absolute within the borders*/
   top: 80px;
   left:219px;
}

.mu_pt_pic img {display:block;}

.mu_pt_text_right
{
   text-align:center;
   line-height:1.1em;
   position:absolute;
   width:203px;
   height:200px;
   top: 75px;
   left:465px;
   display:table-cell;
   vertical-align:middle;

}
.mu_pad1_right
{
   float:left;
   clear: left;
   height: 170px;
}

.mu_pad2_right
{
   height: 12px;
   border: 0px;
   margin: 0px;
   padding: 0px;
   float: left; 
   clear: left;
/* width is defined in HTML */
}

.mu_pad1_left
{
   float:right;
   clear: right;
   height: 180px;
}

.mu_pad2_left
{
   height: 15px;
   border: 0px;
   margin: 0px;
   padding: 0px;
   float: right; 
   clear: right;
/* width is defined in HTML */
}

.mu_pt_text_left
{
   text-align:center; 
   line-height:1.2em;
   position:absolute;
   height:315px;
   width:207px;
   top: 55px;
   left:4px;
   padding-top: 1em;
}

.mu_pt_text_down1
{
   text-align:center; 
   vertical-align:middle;
   line-height:1.2em;
   position:absolute;
   width:600px;
   height:150px;
   top: 250px;
   left:40px;
   display:table;
   vertical-align:middle;
   padding: 0px;
}

.mu_pt_text_d1_left
{
   clear: left;
   float: left;
   height: 15px;
}

.mu_pt_text_d1_right
{
   clear: right;
   float: right;
   height: 15px;
}

.mu_pt_text_vdl1
{
   height: 50px;
}
.mu_pt_text_vdl2
{
   height: 70px;
}
.mu_pt_text_vdl3
{
   height: 30px;
}

.mu_pt_text_under1c
{
/* text-align works also for non-text... */
   text-align:center;
   position:absolute;   
   width:499px;
   height:210px;
   top:398px;
   left:90px;
   display:table;
   vertical-align:middle;
}

.mu_pt_text_under1d
{
   position:absolute;
   text-align:center;
   font-weight:bold;
   width:275px;
   height:35px;
   top:590px;
   left:201px;
}
/*These links are always #FF5151! */
.mu_pt_text_under1d a:link    {color: white; text-decoration:none;}
.mu_pt_text_under1d a:visited {color: white; text-decoration:none;}

.mu_word_box
{
   display:table-cell;
   vertical-align:middle;
}
img.mu_word_box {display:block;}

span.mu_InfoBox {color: red;}
span.mu_Info {display:none;}
span.mu_InfoBox:hover span.mu_Info,
div.mu_pt_pic:hover span.mu_Info
{
   display:block;
   position: absolute;
   top:80px; 
   left:218px;
   width:244px;
   height:160px;
   background-color:black;
   color:red;
   padding-top: 2px;
   padding-right: 1px;
   font-size: 0.9em;
}

div.mu_pt_pic:hover span.mu_Info
{
   top:0px;
   left:0px;
}

/*Word Info*/
.mu_wi
{
   color: #F08106;
   font-style: italic;
   font-weight: bold;
}

/*Styles for word selection of muDelwI*/
.TheWindow
{
   width: 93%;
   height: 300px;
   overflow:scroll;
   margin-top: 2%;
   border-style: inset;
   border-width: thick;
}

.mu_QuickLink
{
   position: relative;
   top: -310px;
   left: 95%;
   width: 10%;
   height: 300px;
   background-color: #666666;
   border: outset;
   font-size: 1.1em;
   padding: 5px;
   line-height: 1.5em;
}

.mu_QuickLink a:hover
{
   background-color: #555555;
}

.TheWindow a
{
   display: block;
   margin-right: 5px;
   margin-left: 5px;
   clear:none;
   float:left;
   line-height: 1.4em;
   text-decoration: underline;
}

a.mu_QL_navi
{
   width: auto;
   float:none;
   clear: both;
   display:block;
   margin-bottom: 3em;
   text-decoration: underline;
}

.mu_QuickLink a
{
   width: auto;
   padding-right: 1px;
   padding-left: 1px;
   margin-left: 0px;
   margin-right: 0px;
   display: inline;
   float:none;
   clear: none;
   text-decoration: underline;
}
.mu_pt_trifoil
{
   position: absolute;
   display:block;
   height: 70px;
   width:  65px;
   top: 00px;
   left: 310px;
}

/*-------------------------------------------------*/


.Text_One_Img_Right img
{
   clear: right;
   display: block;
   float: right;
}




@media handheld
{
/* This stylesheet contains additional definitions for non-PC devices! */
/* Essentially it´s a reset of margins, because there´s probably not enough room for them*/

body {
   margin-top: 0%;
   margin-bottom: 0%;
   margin-left:0%;
   margin-right:0%;
   line-height: 1em;
   word-spacing: 0.1em;
   font-size: 90%;
}

h1,h3,h4
{
   margin-left: 0%;
}

h2
{
   margin-left: 0%;
}

}

/* Printers don´t like black background ;-) */
@media print
{
body {
   color: black;
   background-color: white;
}

}