@font-face{ font-family: 'Roboto-Light';
    src: url('fonts/Roboto-Light-webfont.eot'); 
    src: url('fonts/Roboto-Light-webfont.eot?iefix') format('eot'), 
    url('fonts/Roboto-Light-webfont.woff') format('woff'), 
    url('fonts/Roboto-Light-webfont.ttf') format('truetype'), 
    url('fonts/Roboto-Light-webfont.svg#webfont') format('svg');
}

@font-face{ font-family: 'Roboto-Medium';
    src: url('fonts/Roboto-Medium-webfont.eot'); 
    src: url('fonts/Roboto-Medium-webfont.eot?iefix') format('eot'), 
    url('fonts/Roboto-Medium-webfont.woff') format('woff'), 
    url('fonts/Roboto-Medium-webfont.ttf') format('truetype'), 
    url('fonts/Roboto-Medium-webfont.svg#webfont') format('svg');
}

* {
    font-family: 'Roboto-Light', Arial;
}

html, body {
	padding: 0;
	margin: 0;
	width: 100%;
	background: #fff url('gfx/water.jpg') repeat center 0;
	background-size:cover;
}

td { vertical-align:top; }
th { text-align:left; font-weight:normal; }

img { border: none; }

div.start {
    margin: 0 auto;
    padding:0px;
    width:600px;
    /*height:300px;*/
    background-color:rgba(255,255,255,1);
    box-shadow: 0px 2px 30px rgba(0,0,0,0.8);
    border-radius:10px;
}

    div.start p,a {
        color:#2e638b;
        text-decoration:none;
        padding:2px;
        padding-left:15px;
        padding-right:15px;
    }
    
    div.start a:hover {
        background-color:#2e638b;
        color:#fff;
    }
    

    div.start h1 {
        color:#2e638b;
	font-size:10px;
	font-weight:normal;
        text-align:center;
        padding:0px;
        margin:0px;
    }