body {
		font-size:			13px;
		position: 			absolute;
		top: 				0px;
		left: 				0px;
		right: 				0px;
		width:				100%;
		height:				100%;
		padding: 			0px;
		margin: 			0px;
		border: 			0px;
		overflow:			auto;
		color:				#6c6c6c;
		background-color: 	rgb(255, 255, 255);
		font-family: Arial, Helvetica, sans-serif;
	}


	

A:link { color:#5e5e5e; text-decoration:underline;}
A:visited { color:#5e5e5e; text-decoration:underline;}
A:active { color:#F4B82B; text-decoration:none;}
A:hover { color:#F4B82B; text-decoration:none;}



	span.bold {
		font-weight: bold;
	}



	h1 {
		font-family:		geneva, arial, helvetica, sans-serif;
		font-size:			1.5em;
		text-align:			left;
		text-shadow: 1px 1px 4px;
        font-weight: normal;
	}

	p {
		font-family:		geneva, arial, helvetica, sans-serif;
		font-size:			11pt;
		margin-top:			0px;
		margin-bottom:		5px;
		text-align:			left;
	}

	#header {
		background: #000000 url(./images/top_left_bg.jpg) no-repeat scroll 0 0;
		color:				#ffffff;
		width:				100%;
		height:				75px;
		white-space: 		nowrap;
		overflow:			hidden;
		z-index:			2;
	}
	#header span {
		z-index:			2;
		position: absolute;
		font-family: Verdana, Arial, Helvetica, sans-serif; 

		color:				rgb(255, 255, 255);
		font-size:			1.5em;
		text-align:			left;
		left:			20px;
		top: 25px;
		letter-spacing: 2px;
		

	}







    #text{
        width:      500px;
        position:   absolute;
        left:   20px;
        top: 100px;
        text-align: justify;
    }


	#dvorak {
		position:	absolute;
		left:	550px;
		top: 140px;
	}

    #links {
        width:  300px;
        position:   absolute;
        left:   550px;
        top: 410px;
        padding-left: 2px;
    }



    
    .image {
        width:      500px;

   
    }

    .zitat {
        width:      500px;
        font-family: Verdana, Arial, Helvetica, sans-serif; 
        font-size: 11px;
        font-style: italic;
    }

    .zitatul{
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
        font-style: italic;


    }

    .footer{
        margin-left:400px;
        padding-top:10px;
        float: right;
        }

    #dvorakimage1 {
        -moz-box-shadow: 0px 0px 15px;
        box-shadow: 0px 0px 15px;
        -webkit-box-shadow: 0px 0px 15px;
    }























#toolbar {
    z-index:100;
    font-weight:bold;

    color:#FFF;
    background-color:#000;

    position:fixed;
    bottom:0;
    top:auto;
    left:0;

    height:35px;
    width:100%;


    -moz-box-shadow: 0px -2px 10px #000000;
    box-shadow: 0px -2px 10px #000000;
    -webkit-box-shadow: 0px -2px 10px #000000;

}

#toolbar a {color: #BBBBBB; border: none 0; text-decoration: none; }
#toolbar a:hover { color: #FFFFFF; border: none 0 }
#toolbar img { border: none 0; }




#TBPaper { left:0px }
#TBServices { left:65px }





#toolbarMenu { float:left; list-style-type:none; font-size:10px; height:100% }
#toolbarMenu li.entry { float:left; width:auto; margin-left:10px; }
#toolbarMenu li.entry a.button { float:left; position: relative; display:block; width:auto; height:20px; color:#999; text-decoration:none }
#toolbarMenu li.entry a.button:hover { color: #FFF; text-decoration: none }
#toolbarMenu li.entry a.button span { line-height:20px; cursor: pointer; cursor: hand }
#toolbarMenu a.button:hover span { text-decoration: none }
#toolbarMenu .flyout, #toolbarMenu .close,{ display: none }

#toolbarMenu {
    margin:0;
    position:absolute;
    left:100px;
    width:488px;
    height:35px;
    overflow:visible;
}

#toolbarMenu li.entry {
    display:block;
    float:none;
    position:absolute;
    height:35px;
    margin:0;
    overflow:visible;
}

#toolbarMenu li.entry a.button {
    float:none;
    height: 35px;
    width: 61px;
    border:none;
    background-repeat:no-repeat;
    background-position:0 0;
}

#toolbarMenu li.entry:hover a.button { background-position:right 0; border:none; }
#toolbarMenu li.entry a.button span { display:block; position:absolute; bottom:5px; width:100%; text-align:center; line-height:100%; cursor:pointer; cursor:hand }

#TBPaperButton { background-image:url('./images/menu.png') }
#TBServicesButton { background-image: url('./images/menu.png') }

#toolbarMenu .flyout {
    display:block;
    visibility:hidden;
    position:absolute;
    bottom:35px;
    right:0;
    width:160px;
    margin-right:-8px;
    z-index:310;
    background:transparent url('./images/tb_menu_top.png') top center no-repeat;
}

#toolbarMenu .flyout .wrapper {
    margin:11px 0 0;
    padding:10px 0 0;
    background:transparent url('./images/tb_menu_body.png') 0 0 repeat-y;
}

#toolbarMenu .entry:hover .flyout { visibility:visible; }
#toolbarMenu .entry:hover a.button { color:#FFFFFF; }

#toolbarMenu .flyout p {
    margin:0 16px 0;
    padding:0 0 16px;
}

#toolbarMenu .flyout em {
    display:block;
    width:100%;
    padding:0;
    font-size:11px;
    font-style:normal;
    font-weight:normal;
    color:#FFFFFF;
    text-align:center;
}

#toolbarMenu .flyout ul {
    display:block;
    margin:0 8px;
    padding:0;
    border-bottom:4px solid #3B3B3B;
    list-style:none;
}

#toolbarMenu .flyout ul ul {
    margin:0;
    border-bottom:none;
}

#toolbarMenu .flyout li {
    margin:0;
    padding:0;
    border-top:1px solid #444;
}

#toolbarMenu .flyout li a {
    display:block;
    padding:0.5em 4px 0.5em 8px;
    font-size:11px;
    font-weight:normal;
    color:#FFFFFF;
}

#toolbarMenu .flyout ul.indent li a, #toolbarMenu .flyout li li a { padding-left:16px;}
#toolbarMenu .flyout ul.indent li.default a { padding-left:8px;}

#toolbarMenu .flyout li.default {
    min-height:4px;
    border-top-color:#888888;
    background:#3B3B3B;
}

#toolbarMenu .flyout li.default.empty { font:0/0 monospaced; }
#toolbarMenu .flyout li a:hover { background:#3B3B3B;}