@charset "utf-8";




/* Generic Selectors */

html {
        min-height: 100%;
}

body {

margin: 0px;
padding: 0px;

font-family: Georgia, "Times New Roman", Times, serif;


font-weight: bold;
font-size: 12px;


background-color: #003300;

}

p {
color: #003300;
margin-right: 20px;
margin-left: 20px;
font-weight: bold;
text-align: left;
}



table {

margin-left: 20px;
font-size: 11px;
font-family: Verdana, sans-serif;
font-weight: normal;

}
li {

list-style-type: none;

line-height: 200%;

list-style-image: url(../images/arrowSmall.gif);
text-align: left;

font-family: Georgia, "Times New Roman", Times, serif;
font-weight: bold;

}

form {
margin-left: 20px;}

h1 {

font-family: Georgia, "Times New Roman", Times, serif;
font-size: 14px;

padding: 0 0 0 0;
margin: 0 0 0 0;
font-weight: bold;

color: #EEDFC0;
text-align: center;





}



h2 {

font-family: Georgia, "Times New Roman", Times, serif;

text-align: center;
margin-left: 0px;
font-size: 14px;
font-weight: bold;

color: #003300;



}
h3 {

font-family: Georgia, "Times New Roman", Times, serif;
margin-left: 20px;
text-align: left;

font-size: 12px;
font-weight: bold;

color: #003300;



}




.autoImage2
{width: 560px;
height: auto;
margin-left: 20px;

}



 .autoImage
{width: 450px;
height: auto;
margin: auto;

}

.leftImage
{float: left;
margin: 40px 10px 30px 20px;
border: 0;
}

.leftImage2
{float: left;
margin: 0px 10px 0px 20px;
border: 0;
}
.leftImage3
{float: left;
margin: 0px 20px 0px 7px;

}

 .centeredImage
    {
    text-align:center;

    }
 
.centeredImage2
    {
  display: block;
    margin-left: auto;
    margin-right: auto;
border: 0;}
 
.centeredImage4
    {
  display: block;
    margin-left: auto;
    margin-right: auto;
border: 0;
    }

.centeredImage3
    {
  display: block;
    margin-left: auto;
    margin-right: auto;

border: 0;
 
    }
.doubleLine
{margin-top: 5px;
margin-bottom: 5px;
line-height: 100%;
}
.rightImage
{float: right;
margin-right: 40px;
margin-left: 40px;
margin-bottom: 20px;
}
.rightImage2
{float: right;
margin-right: 40px;
margin-left: 0px;
margin-bottom: 0px;
}
.rightImage3
{float: right;
margin-right: 7px;
margin-left: 20px;
margin-bottom: 10px;
margin-top: 10px;
}

.imgS2 {
width: 130px;
height: auto;
}

.imgS4 {float:right;
width: 120px;
height: auto;
margin-top: 80px;
margin-right: 18px;
border: 0px;
}

.imgS3 {
width: 250px;
height: auto;
margin-top: 20px;
margin-bottom: 40px;
}

.rightImage4
{float: right;
margin-right: 3px;
margin-left: 5px;
margin-bottom: 5px;
margin-top: 5px;
}

.red{
color: #A92B2B;
font-weight: bold;}

#card {
float:right;
width: 70px;
height: auto;
margin-top: 90px;
margin-right: 50px;
border: 0px;
}

#card:hover {
float:right;
width: 200px;
position: relative;
margin-left: -220px;
} 

#magn {
float:right;
margin-left: 20px;
width: 250px;
height: auto;

border: 2px solid #003300;
}
.magn {
float:left;
margin:5px;
width: 100px;
height: auto;

border: 2px solid #003300;
}
.magn:hover {

width: 350px;
position: relative;
margin-left: -220px;
z-index: 5;
} 




.programokP
{text-align: left;
font-size: 11px;
margin-top: 75px;
margin-left: 35px;
margin-right: 35px;
font-family: georgia, serif;
font-weight: normal;
color: #003300;
}
.rightP
{text-align: right;
}
.leftP
{float: left; clear: both; min-width: 50%;
}
.normalP {
font-weight: normal;
text-align: justify;
max-width: 70%;
}

.normalP2 {
font-weight: normal;
text-align: justify;
max-width: 50%;
}


.smallP {
font-weight: normal;
font-size: 11px;
}
.colorP{
color: #A92B2B;}

.img1 {display: block;
 margin-left: auto;
 margin-right: auto;
}

.titleP {
font-size: 13px;
font-weight: bold;
text-align: center;
}
.infoP {text-align: center;
font-size: 12px;
font-weight: bold;
margin-top: 45px;
margin-left: 30px;
color: #003300;
}
.longP {

font-weight: bold;
text-align: left;
max-width: 85%;
text-align: justify;
}
.fullP {
font-size: 13px;
font-weight: normal;
text-align: center;
max-width: 92%;
text-align: justify;
}
.fullP2 {

font-weight: normal;
text-align: left;
max-width: 92%;

}
.longP2 {

font-weight: bold;
text-align: left;
max-width: 85%;
text-align: left;
}

.centerP {text-align: center;

font-size: 12px;
font-weight: bold;
margin-top: 20px;
margin-left: 20px;
color: #003300;
max-width: 90%;
}

.indentP {
margin-left: 150px;
max-width: 40%;
}
.indentP2 {
margin-left: 50px;
max-width: 90%;
}

#kinalat {
font-family: Georgia, serif;
font-size: 10pt;
}

.table2 {
font-family: Georgia, serif;
font-size: 13px;
}

.over{
position: absolute;
top:470px;
left: 630px;
z-index: 100;
color: #003300;
text-align: center;
}

.button1 {

margin-right: 10px;
margin-left: 10px;
}

.bordered {border: 2px solid #003300; 
}

/**************** Pseudo classes ****************/
a:link img {border-color: #003300;
border-style: solid; 
}
a:visited img{
border-color: #003300;
}


a:hover img{
border-color: #009966;
}

a:link {


color: #003300;

text-decoration: underline;

font-weight: bold;

}

li a:link {

color: #003300;

text-decoration: none;

font-weight: bold;

}

a:visited {

color: #003300;

text-decoration: underline;

font-weight: bold;

}

li a:visited {

color: #003300;

text-decoration: none;
font-weight: bold;


}

a:hover {

color: #009966;

font-weight: bold;



text-decoration: none;

}

li a:hover {
font-weight: bold;


color: #02895C;






}

a:active {

color: #003300;
font-weight: bold;


}


a.red:link {
color: #A92B2B;
text-decoration: underline;
font-weight: bold;
}

a.red:visited {
color: #A92B2B;
text-decoration: underline;
font-weight: bold;
}

a.red:hover {
color: #;
text-decoration: none;
font-weight: bold;
}
/************************* ID's *************************/
#container2
{
margin: 0 auto;

width: 906px;


background-image: url(images/bckg.gif);
overflow: hidden;
}

#logo {


float: left;
width: 100%;

height: 220px;

background-image: url(images/utcatabla.gif);
background-repeat: no-repeat;
background-position: 20px 20px;
}

#infoR {

float: left;
width: 100%;
min-width: 200px;
height: 200px;
background-image: url(images/fatabla.gif);
background-repeat: no-repeat;

background-position: 20px 20px;
}
#logoR {


float: left;
width: 100%;

height: 220px;


background-image: url(images/utcatabla2.gif);
background-repeat: no-repeat;
background-position: 60px 20px;
}

#info {

float: left;
width: 100%;
min-width: 200px;
height: 200px;
background-image: url(images/fatabla.gif);
background-repeat: no-repeat;

background-position: 20px 20px;
}
#name
{

padding-top: 70px;

height: 183px;

background-image: url(images/centralbackgempty.png);
background-repeat: no-repeat;



}



#sidebar {


width: 200px;

float: left;
}

#flashcontent {

height:900px;}

#centerDoc {



width: 506px;
float: left;

padding-bottom: 0px;

overflow: hidden;
}


#sidebarR
{

width: 200px;
height: 100%;
float: left;

}


#navigation {

float: left;

padding-right: 0px;

width: 100%;


font-weight: normal;


background-image: url(images/keret.gif);
background-repeat: no-repeat;
background-position: 10px 0;




height: 350px;

}
#navigationR {

float: left;



width: 100%;


font-weight: normal;



background-image: url(images/keret2.gif) ;
background-repeat: no-repeat;
background-position: 10px 0;



height: 350px;

}



#content {

width: 498px;
background-color: #FFCC66;
overflow: hidden;
border-left: 4px solid #A92B2B;
border-right: 4px solid #A92B2B;
min-height: 550px;
color: #003300;
}

#aktualis1  {
width: 235px;
float: left;
background-image: url(images/oldpaper.png);
background-repeat: no-repeat;
height: 235px;
margin-left: 10px;
margin-bottom: 10px;

}
#aktualis2  {
width: 235px;
float: right;

height: 235px;
margin-right: 10px;
margin-bottom: 10px;
background-image: url(images/oldpaper.png);
background-repeat: no-repeat;
}



#aktualis3  {

width: 235px;
float: left;
background-image: url(images/oldpaper.png);
background-repeat: no-repeat;
margin-left: 10px;
margin-bottom: 10px;
height: 235px;

}
#aktualis4  {
width: 235px;
float: right;
background-image: url(images/oldpaper.png);
background-repeat: no-repeat;
height: 235px;
margin-right: 10px;
margin-bottom: 10px;

}

.event1  {
width: 70%;
height: 300px;
background-image: url(images/photo.gif);
background-repeat: no-repeat;
margin: 15px auto;
text-align: center;
padding-top: 30px;

}

#event2  {
width: 70%;
height: 300px;
background-image: url(images/photo.gif);
background-repeat: no-repeat;
margin: 15px auto;
text-align: center;
padding-top: 30px;

}

#event3  {
width: 70%;
height: 300px;
background-image: url(images/photo.gif);
background-repeat: no-repeat;
margin: 15px auto;
text-align: center;
padding-top: 30px;}

#event4  {
width: 70%;
height: 300px;
background-image: url(images/photo.gif);
background-repeat: no-repeat;
margin: 15px auto;
text-align: center;
padding-top: 30px;}

#picbox {

float: right;
width: 150px;
height: 250px;
margin-left: 10px;
margin-right: 15px;}

#atffc {display:none;}

.picbox2 {

float: right;
width: 150px;
height: 130px;
margin-left: 10px;
margin-right: 15px;}

.button {
float: right;
width: 120px;
height: 60px;


background: url('http://www.annokonyv.hu/images/sign.png') no-repeat;
color: black;
font-size: 10px;

padding: 15px 0 0 15px;


}

.button2 {

width: 130px;
height: 88px;
margin: 140px auto 0;
background: url('http://www.annokonyv.hu/images/sign_big.png') no-repeat;
color: #003300;
font-size: 12px;
padding-top: 10px;

}

div[class=button2] p {margin: 0 auto ;
text-align: center; }
div[class=button2] p a:link {text-decoration: none;}
div[class=button2] p a:visited{text-decoration: none;}
div[class=button2] p a:hover {text-decoration: none;
color: #02895C}

.button3 {color: #003300;
font-weight: bold; 
display: inline-block;
font-size: 12px;
padding: 3px;
border: 2px solid #937B5B; 
-moz-border-radius: 4px;
margin: 5px 0px 5px 0px;
background-color: #D1B286;}

a.button3:link{
color: #003300;
text-decoration: none;
}

a.button3:visited{
color: #003300;
text-decoration: none;}

a.button3:hover{
color: #009966;
text-decoration: none;
background-color: #FFE09F;}