@charset "UTF-8";

@font-face {
	font-family: 'Roboto Slab';
	src: url('fonts/Roboto_Slab_400.woff2') format('woff2'),
	url('fonts/Roboto_Slab_400.eot'),
	url('fonts/Roboto_Slab_400.eot?#iefix') format('embedded-opentype'), 
	url('fonts/Roboto_Slab_400.woff') format('woff'), 
	url('fonts/Roboto_Slab_400.svg#RobotoCondensed') format('svg');
	font-weight: normal;
	font-style: normal;
}


@font-face {
	font-family: 'Roboto Slab';
	src: url('fonts/Roboto_Slab_300.woff2') format('woff2'),
	url('fonts/Roboto_Slab_300.eot'),
	url('fonts/Roboto_Slab_300.eot?#iefix') format('embedded-opentype'), 
	url('fonts/Roboto_Slab_300.woff') format('woff'), 
	url('fonts/Roboto_Slab_300.svg#RobotoCondensed') format('svg');
	font-style: normal;
	font-weight: 300;
}


@font-face {
	font-family: 'Roboto Slab';
	src: url('fonts/Roboto_Slab_700.woff2') format('woff2'),
	url('fonts/Roboto_Slab_700.eot'),
	url('fonts/Roboto_Slab_700.eot?#iefix') format('embedded-opentype'), 
	url('fonts/Roboto_Slab_700.woff') format('woff'), 
	url('fonts/Roboto_Slab_700.svg#HRobotoCondensed') format('svg');
	font-style: normal;
	font-weight: bold;
}


@font-face {
	Font-family: "MayartLogo";
	src: url('fonts/mayartnew-Regular.woff2') format('woff2');
	font-weight: normal;
	font-style: normal;
}



/**************************************************************************************/

html, body {
    text-align: left; margin-top: 3%; 
    font-family:'Roboto Slab', 'SF Mono', 'PT Mono', 'Menlo', 'Monaco', 'Cutive Mono', monospace, serif;
    font-size: 13px;
    font-weight: 400;
    line-height: 2;
    color: rgb(70,70,70);
	-webkit-font-feature-settings: "liga" 1,"dlig" 0,"kern" 1,"frac" 0,"pnum" 1;
	-moz-font-feature-settings: "liga" 1,"dlig" 0,"kern" 1,"frac" 0,"pnum" 1;
	-ms-font-feature-settings: "liga" 1,"dlig" 0,"kern" 1,"frac" 0,"pnum" 1;
	font-feature-settings: "liga" 1,"dlig" 0,"kern" 1,"frac" 0,"pnum" 1;
	text-rendering: optimizeLegibility;
	-moz-osx-font-smoothing: grayscale;
}

.main  { margin: auto; display:block; width: 800px; }

img    { border-style: none; }

h1     { padding-bottom: 0px; font-size: 3em;   }
p      { }

.small {font-size: 0.8em; line-height: 1.4; }


table {
    width: 800px;
    table-layout: auto;
    margin: auto;
}
    
td, th {
    line-height: 2.3;
    vertical-align: top;
    padding: 0px 40px 0px 0px;
    width: auto;
    color: rgb(70,70,70);
}
    
td.last, th.last 
    { width: 18%; }

.fuss  { line-height: 1.7; }

pre { 
    color: rgb(70,70,70);
    font-family:'Roboto Slab', 'SF Mono', monospace;
    font-size: 1em;
}

a {
    text-decoration: none;
    color: rgb(70,70,70);
}
a:visited {
    text-decoration: none;
    color: rgb(70,70,70);
}

a:hover, a:active {
    color: white;
    background-color: rgb(0,64,128);
    text-decoration: none;
}

.rot   { color: red; }

a.rot:link, a.rot:visited 
{
    color: red;
    text-decoration: none;
}
a.rot:active, a.rot:hover 
{
    color: white;
    background-color: red;
    text-decoration: none;
}
    

.mgrau  { color: rgb(134,134,134); }
.mrot   { color: rgb(180,40,0);    }


#logo {  
    font-family: MayartLogo; 
    font-size: 2em; 
    margin-bottom: 1em; 
    line-height: 38px; 
    color: rgb(134,134,134);
}
#logo a {  
    background-color: transparent;
    width: 800px; 
    margin:auto;
    display: block;
}

.start a .hint {display:none; }
.start a:hover .hint { display:block; color: rgb(150,150,150); }