/* Matt Flaron CSS - Rolz */

/* basics */

body {
background: #000000 url(../images/bg.png) top center no-repeat;
color: #ffffff;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
height: inherit;
list-style-type: square;
margin: 0 auto;
padding: 0;
text-align: center;
}

a, a:link, a:visited, a:hover {
text-decoration: none;
}

a:link {
color: #969696;
}

a:visited {
color: #969696;
}

a:hover {
color: #ffffff;
}


h2 {
font-size: 12px;
font-weight: bold;
letter-spacing: 2px;
}

/* layout */

#menu {
margin-top: 85px;
width: 752px;
height: 40px;
margin-left: auto;
margin-right: auto;
}

#content {
margin-top: 20px;
width: 740px;
margin-left: auto;
margin-right: auto;
}

#container01 {
display: block;
float: left;
width: 500px;
text-align: left;
}

#right {
display: block;
float: right;
margin-top: 0px;
width: 200px;
text-align: justify;
}

#text {
text-align: justify;
}

/* Classes */

.titletext {
float: left;
color: #ffffff;
font-size: 16px;
margin-bottom: 2px;
}

hr {
height: 2px;
border: none;
border-top: 1px solid #000000;
opacity: 0.25;
filter: alpha(opacity=25);
padding: 8px 0;
clear: both;
}

.biotext {
display: block;
float: left;
margin-top: 20px;
width: 500px;
text-align: justify;
}

/* Links */

.stefan {
background: url(../images/tam_stefan_off.png) top center no-repeat;
width: 500px;
height: 100px;
margin-bottom: 10px;
}

.stefan:hover {
cursor: pointer;
background: url(../images/tam_stefan_on.png) left bottom no-repeat;
}

.partynet {
background: url(../images/tam_partynet_off.png) top center no-repeat;
width: 500px;
height: 100px;
margin-bottom: 10px;
}

.partynet:hover {
cursor: pointer;
background: url(../images/tam_partynet_on.png) left bottom no-repeat;
}

.partyoldal {
background: url(../images/tam_partyoldal_off.png) top center no-repeat;
width: 500px;
height: 100px;
margin-bottom: 10px;
}

.partyoldal:hover {
cursor: pointer;
background: url(../images/tam_partyoldal_on.png) left bottom no-repeat;
}

.franky {
background: url(../images/tam_franky_off.png) top center no-repeat;
width: 500px;
height: 100px;
margin-bottom: 10px;
}

.franky:hover {
cursor: pointer;
background: url(../images/tam_franky_on.png) left bottom no-repeat;
}

.avas {
background: url(../images/tam_avas_off.png) top center no-repeat;
width: 500px;
height: 100px;
margin-bottom: 10px;
}

.avas:hover {
background: url(../images/tam_avas_on.png) left bottom no-repeat;
}

.hem {
background: url(../images/tam_hem_off.png) top center no-repeat;
width: 500px;
height: 100px;
margin-bottom: 10px;
}

.hem:hover {
cursor: pointer;
background: url(../images/tam_hem_on.png) left bottom no-repeat;
}

.falatozz {
background: url(../images/tam_falatozz_off.png) top center no-repeat;
width: 500px;
height: 100px;
margin-bottom: 10px;
}

.falatozz:hover {
cursor: pointer;
background: url(../images/tam_falatozz_on.png) left bottom no-repeat;
}

.ejszakaielet {
background: url(../images/tam_ejszakaielet_off.png) top center no-repeat;
width: 500px;
height: 100px;
margin-bottom: 10px;
}

.ejszakaielet:hover {
cursor: pointer;
background: url(../images/tam_ejszakaielet_on.png) left bottom no-repeat;
}

/* Misc */

.mixbutton {
background: url(../images/mixbutton.png) top center no-repeat;
width: 200px;
height: 40px;
margin-bottom: 10px;
}

.mixbutton:hover {
cursor: pointer;
background: url(../images/mixbutton.png) bottom center no-repeat;
}

.email {
background: url(../images/email.png) top center no-repeat;
width: 500px;
height: 100px;
margin-bottom: 10px;
}