* { font-family: Tahoma, Helvetica, Veranda, sans-serif; }
body { margin: 0; padding: 0; font-size: 11px; color: #000000; background-color: #dfdfdf; }
form { display: inline; margin: 0; }
img { border: 0; margin: 0; vertical-align: top; }
p { margin: 0; }

ul { margin-top: 0; margin-bottom: 0; }

div.clear { clear: both; }
div.center { text-align: center; }

#container { width: 930px; margin: 0 auto 0 auto; background-color: #ffffff; }
#header { width: 900px; height: 119px; padding: 15px 15px 0 15px; background-color: #ffffff; background-image: url("../images/design/headerbackground.jpg"); background-repeat: no-repeat; }
#headerContent { width: 900px; height: 119px; background-color: #ffffff; background-image: url("../images/design/headerimage.jpg"); background-repeat: no-repeat; }
#headerContent #quote { width: 420px; text-align: right; color: #86294c; padding: 25px 0 0 320px; }

ul.menu { list-style: none; display block; padding: 0; height: 25px; margin: 0; padding 0; position: relative; top: 30px; left: 6px; }
ul.menu li { display: block; float: left; width: 143px; margin: 0 6px 0 0; padding: 0; position: relative; }
ul.menu li a.menuFooldal { display: block; width: 143px; height: 25px; background-image: url("../images/design/menu_fooldal.jpg"); background-repeat: no-repeat; background-position: 0 0; overflow: hidden; }
ul.menu li a.menuFooldal:hover { background-position: 0 -25px;}
ul.menu li a.menuSzexologia { display: block; width: 143px; height: 25px; background-image: url("../images/design/menu_szexologia.jpg"); background-repeat: no-repeat; background-position: 0 0; overflow: hidden; }
ul.menu li a.menuSzexologia:hover { background-position: 0 -25px;}
ul.menu li a.menuEzoteria { display: block; width: 143px; height: 25px; background-image: url("../images/design/menu_ezoteria.jpg"); background-repeat: no-repeat; background-position: 0 0; overflow: hidden; }
ul.menu li a.menuEzoteria:hover { background-position: 0 -25px;}
ul.menu li a.menuIrasok { display: block; width: 143px; height: 25px; background-image: url("../images/design/menu_irasok.jpg"); background-repeat: no-repeat; background-position: 0 0; overflow: hidden; }
ul.menu li a.menuIrasok:hover { background-position: 0 -25px;}
ul.menu li a.menuMedia { display: block; width: 143px; height: 25px; background-image: url("../images/design/menu_media.jpg"); background-repeat: no-repeat; background-position: 0 0; overflow: hidden; }
ul.menu li a.menuMedia:hover { background-position: 0 -25px;}
ul.menu li a.menuElerhetosegek { display: block; width: 143px; height: 25px; background-image: url("../images/design/menu_elerhetosegek.jpg"); background-repeat: no-repeat; background-position: 0 0; overflow: hidden; }
ul.menu li a.menuElerhetosegek:hover { background-position: 0 -25px;}
ul.menu li ul { display: none; list-style: none; margin: 0; padding: 0; width: 141px; position: absolute; top: 25px; left: 0; border: 1px solid #86294c; border-top: 5px solid #86294c; background-color: #ffffff;}
ul.menu li:hover ul { display: block; }
ul.menu li ul li { width: 141px; clear: left; }
ul.menu li ul li a { display: block; width: 131px; padding: 10px 5px 10px 5px; text-decoration: none; color: #86294c; }
ul.menu li ul li a:hover { background-color: #ffa7f9; }

#middle { width: 900px; padding: 0 15px 0 15px; background-color: #ffffff; background-image: url("../images/design/contentbackground.jpg"); background-repeat: repeat-y; }
#middleContent { width: 900px; background-color: #ffffff; border-top: 5px solid #86294c; }
#middleContentLeft { width: 570px; padding: 15px 15px 15px 15px; float: left; color: #86294c; text-align: justify; font-size: 10pt; }
#middleContentLeft h1 { text-align: left; margin: 0 0 15px 0; display: block; color: #86294c; border-bottom: 2px solid #86294c; font-size: 24px; }
img.imageLeft { display: inline; float: left; margin: 5px 10px 0 0; }
img.imageRight { display: inline; float: right; margin: 5px 0 0 10px; }

#middleContentRight { width: 270px; padding: 15px 15px 15px 15px; float: right; color: #86294c; text-align: left; font-size: 9pt; }
#middleContentRight h1 { text-align: left; margin: 0 0 15px 0; display: block; color: #86294c; border-bottom: 2px solid #86294c; font-size: 24px; }
#middleContentRight h2 { text-align: left; margin: 0 0 15px 0; display: block; color: #86294c; border-bottom: 2px solid #86294c; font-size: 18px; }

#footer { width: 900px; height: 35px; padding: 0 15px 15px 15px; background-color: #ffffff; background-image: url("../images/design/footerbackground.jpg"); background-repeat: no-repeat; }
#footerContent { width: 900px; height: 35px; background-color: #86294c; }
#footerContentLeft { width: 595px; padding: 4px 0 0 5px; float: left; color: #ffffff; text-align: left; }
#footerContentLeft a { color: #ffffff; font-weight: bold; text-decoration: none; }
#footerContentLeft a:hover { text-decoration: underline; }
#footerContentLeft p.doubleDot { display: inline; margin: 0 10px 0 10px; font-weight: bold; }
#footerContentRight { width: 295px; padding: 4px 5px 0 0; float: right; color: #ffffff; text-align: right; }
#footerContentRight a { color: #ffffff; text-decoration: none; }
#footerContentRight a:hover { text-decoration: underline; }

table.leftTitle { width: 100%; border-collapse: collapse; border: 1px solid #86294c; text-align: left; }
table.leftTitle th { background-color: #ffdafc; border: 1px solid #86294c; padding: 5px 10px 5px 10px; font-weight: bold; }
table.leftTitle td { border: 1px solid #86294c; padding: 5px 10px 5px 10px; }

table.topTitle { width: 100%; border-collapse: collapse; border: 1px solid #86294c; text-align: left; }
table.topTitle th { background-color: #ffdafc; border: 1px solid #86294c; padding: 5px 10px 5px 10px; font-weight: bold; }
table.topTitle td { border: 1px solid #86294c; padding: 5px 10px 5px 10px; }