body {
background-color: #6f70ca;  
font: 11px "calibri";
color: #d8d6d6;
letter-spacing: 1px;
padding: 0px;
margin: 0px;
}

#header {
background-image: url('img/gregor.png');
background-repeat: no-repeat;
width: 856px;
height: 310px;
position: absolute;
top: 0px;
left: 240px;
}

#side {
position: absolute;
width: 216px;
left: 870px;
top: 310px;
line-height: 15.5px;
background-color: #6d81f4;
border: 1px solid #674267;
text-align: justify;
padding: 4px;
margin: 0px;
}

#main {
position: absolute; 
width: 616px;
left: 240px;
top: 310px;
line-height: 19px;
background-color: #6d81f4;
border: 1px solid #674267;
text-align: justify;
padding: 4px;
margin: 0px;
}

h1 {
font: 28px/24px "georgia";
color: #d8d6d6;
background-color: #3E3F89;
border-bottom: 3px solid #B24D99;
font-style: italic;
text-align: center;
text-transform: lowercase;
letter-spacing: -2px;
padding: 1px 0px 2px 0px;
margin: 0px 0px 10px 0px;
}

h2 {
font: 18px/14px "georgia";
color: #d8d6d6;
background-color: #3E3F89;
border-bottom: 3px solid #B24D99;
font-style: italic;
text-align: center;
text-transform: lowercase;
letter-spacing: -1px;
padding: 1px 0px 3px 0px;
margin: 0px 0px 4px 0px;
}

a.menu:link, a.menu:visited, a.menu:active {
display: block;
font: 11px/20px "calibri";
font-weight: normal;
text-align: center;
text-transform: uppercase;
text-decoration: none;
padding: 4px 0px 3px 0px;
margin: 0px 0px 1.5px 0px;
}

a.menu:nth-child(4n+1) { color: #d8d6d6; background-color: #3E3F89; border-top: 3px solid #c95cae; }
a.menu:nth-child(4n+2) { color: #d8d6d6; background-color: #3E3F89; border-top: 3px solid #BD4C9F; }
a.menu:nth-child(4n+3) { color: #d8d6d6; background-color: #3E3F89; border-top: 3px solid #9D487E; }
a.menu:nth-child(4n+4) { color: #d8d6d6; background-color: #3E3F89; border-top: 3px solid #653961;
}
a.menu:nth-child(4n+1):hover { color: #d8d6d6; background-color: #3E3F89; border-top: 3px solid #23244D; }
a.menu:nth-child(4n+2):hover { color: #d8d6d6; background-color: #3E3F89; border-top: 3px solid #2C3372; }
a.menu:nth-child(4n+3):hover { color: #d8d6d6; background-color: #3E3F89; border-top: 3px solid #4B3979; }
a.menu:nth-child(4n+4):hover { color: #d8d6d6; background-color: #3E3F89; border-top: 3px solid #8947B8;
}


b, strong {
color: #CC0066;
letter-spacing: 1.5px;
}

i, em {
color: #802A00;
}

u {
color: #000099;
text-decoration: underline;
}

a:link, a:visited, a:active {
color: #582843;
font-weight: bold;
text-transform: uppercase;
text-decoration: none;
}
a:hover {
color: #8a0447;
}