html
{
	margin: 0;
	background: #fef8d4;
}

body
{
	font-family: arial;
	font-size: 12px;
	padding: 0;
	margin: 0;
}

form { margin: 0; padding: 0; }

table { font-family: arial; font-size: 12px; }

a { color: #171276; font-size: inherit; text-decoration: none; }
a:hover { text-decoration: underline; }
a input { width: auto; padding: 0; margin: 0; }
a:hover input { text-decoration: underline; }
a img { border: 0; }

td { vertical-align: top; }

#container
{
	width: 939px;
}

#container_uj
{
	width: 1024px;
}

#header
{
	position: relative;
	background: url(/image/hello_teens/e-magazin_angol_header.jpg) no-repeat;
	height: 234px;
}

#header_uj
{
	position: relative;
	background: url(/image/hello_teens/e-magazin_angol_header_uj.jpg) no-repeat;
	height: 234px;
}

#home_link
{
	position: absolute;
	display: block;
	top: 50px;
	left: 0;
	width: 250px;
	height: 184px;
}

#header_text
{
	position: absolute;
	top: 30px;
	left: 285px;
	color: #171276;
	font-size: 17px;
	font-weight: 800;
}

#header_links
{
	position: absolute;
	top: 206px;
	left: 450px;
}

#header_links_2
{
	position: absolute;
	top: 206px;
	left: 310px;
}

#content
{
	width: 939px;
	background: url(/image/hello_teens/e-magazin_angol_bg.jpg) repeat-y;
	height: 250px;
}

#content_uj
{
	width: 1024px;
	background: url(/image/hello_teens/e-magazin_angol_bg_uj.jpg) repeat-y 1px 0px;
	height: 250px;
}

#left
{
	width: 249px;
	height: 100px;
}

#left_uj
{
	width: 200px;
	height: 100px;
}

#right
{
	width: 610px;
	padding-left: 30px;
	padding-right: 50px;
	padding-top: 10px;
}

#footer
{
	position: relative;
	background: url(/image/hello_teens/e-magazin_angol_footer.jpg) no-repeat;
	height: 165px;
}

#footer_uj
{
	position: relative;
	background: url(/image/hello_teens/e-magazin_angol_footer_uj.jpg) no-repeat 1px 0px;
	height: 165px;
}

#footer_links
{
	position: absolute;
	top: 67px;
	left: 240px;
}

.blue_box_uj { width: 202px; height: 220px; padding: 15px; background: url(/image/hello_teens/boxok/blue_box_uj.png) no-repeat; position: relative; top: -30px; text-align: center; }
.orange_box_uj { width: 202px; height: 220px; padding: 15px; background: url(/image/hello_teens/boxok/orange_box_uj.png) no-repeat; position: relative; top: -30px; text-align: center; }
.green_box_uj { width: 202px; height: 220px; padding: 15px; background: url(/image/hello_teens/boxok/green_box_uj.png) no-repeat; position: relative; top: -30px; text-align: center; }
.yellow_box_uj { width: 202px; height: 220px; padding: 15px; background: url(/image/hello_teens/boxok/yellow_box_uj.png) no-repeat; position: relative; top: -30px; text-align: center; }

#yellow_box { margin-top: 10px; background: url(/image/hello_teens/boxok/e-magazin_yellowbox_bg.jpg) repeat-y; }
#yellow_box .box_header { height: 30px; background: url(/image/hello_teens/boxok/e-magazin_yellowbox_up.jpg) repeat-y; }
#yellow_box .box_footer { height: 30px; background: url(/image/hello_teens/boxok/e-magazin_yellowbox_down.jpg) repeat-y; }
#yellow_box .box_puzzle { width: 69px; height: 70px; background: url(/image/hello_teens/boxok/e-magazin_nemet_puzzle_1.jpg) no-repeat; }
#yellow_box .box_content { padding-right: 10px; }

#green_box { margin-top: 10px; background: url(/image/hello_teens/boxok/e-magazin_greenbox_bg.jpg) repeat-y; }
#green_box .box_header { height: 30px; background: url(/image/hello_teens/boxok/e-magazin_greenbox_up.jpg) repeat-y; }
#green_box .box_footer { height: 30px; background: url(/image/hello_teens/boxok/e-magazin_greenbox_down.jpg) repeat-y; }
#green_box .box_puzzle { width: 69px; height: 70px; background: url(/image/hello_teens/boxok/e-magazin_nemet_puzzle_2.jpg) no-repeat; }
#green_box .box_content { padding-right: 10px; }

#blue_box { margin-top: 10px; background: url(/image/hello_teens/boxok/e-magazin_bluebox_bg.jpg) repeat-y; }
#blue_box .box_header { height: 30px; background: url(/image/hello_teens/boxok/e-magazin_bluebox_up.jpg) repeat-y; }
#blue_box .box_footer { height: 30px; background: url(/image/hello_teens/boxok/e-magazin_bluebox_down.jpg) repeat-y; }
#blue_box .box_puzzle { width: 69px; height: 70px; background: url(/image/hello_teens/boxok/e-magazin_nemet_puzzle_3.jpg) no-repeat; }
#blue_box .box_content { padding-right: 10px; }

#orange_box { margin-top: 10px; background: url(/image/hello_teens/boxok/e-magazin_orangebox_bg.jpg) repeat-y; }
#orange_box .box_header { height: 30px; background: url(/image/hello_teens/boxok/e-magazin_orangebox_up.jpg) repeat-y; }
#orange_box .box_footer { height: 30px; background: url(/image/hello_teens/boxok/e-magazin_orangebox_down.jpg) repeat-y; }
#orange_box .box_puzzle { width: 69px; height: 70px; background: url(/image/hello_teens/boxok/e-magazin_nemet_puzzle_4.jpg) no-repeat; }
#orange_box .box_content { padding-right: 10px; }

.fontArial { font-family: arial; }

.size0 { font-size: 0; }
.size17 { font-size: 17px; }
.size11 { font-size: 11px; }
.size20 { font-size: 20px; }
.size12 { font-size: 12px; }
.size13 { font-size: 13px; }
.size15 { font-size: 15px; }

.colorBlue { color: #171276; }
.colorRealRed { color: #860a49; }
.colorRed { color: #c30; }
.colorBlack { color: #000; }
.colorGrey { color: #000; }
/*.colorGrey { color: #999; }*/
.colorWhite { color: #fff; }
.colorGreen { color: #2e2; }

.bgYellow { background: #fef8d4; }

.bold { font-weight: 800; }

.lineBlueTop { border-top: 2px dotted #171276; }
.lineGreyTop { border-top: 2px dotted #ccc; }
.lineBlueBottom { border-bottom: 2px dotted #171276; }
.lineGreyBottom { border-bottom: 2px dotted #ccc; }
.lineBlueRight { border-right: 2px dotted #171276; }
.lineGreyRight { border-right: 2px dotted #ccc; }

.borderBlue { border: 1px solid #171276; }
.borderGrey { border: 2px dotted #ccc; }


.alignLeft { text-align: left; }
.alignCenter { text-align: center; }
.alignRight { text-align: right; }

.padding5 { padding: 5px; }
.padding10 { padding: 10px; }
.padding15 { padding: 15px; }

.padding5l { padding-left: 5px; }
.padding10l { padding-left: 10px; }
.padding15l { padding-left: 15px; }
.padding5r { padding-right: 5px; }
.padding10r { padding-right: 10px; }
.padding15r { padding-right: 15px; }
.padding10b { padding-bottom: 10px; }

.width100 { width: 100%; }
.width80 { width: 80%; }
.width70 { width: 70%; }
.width60 { width: 60%; }
.width40 { width: 40%; }
.width30 { width: 30%; }
.width20 { width: 20%; }

.width110px { width: 110px; }
.width200px { width: 200px; }

.height5px { height: 5px; }
.height10px { height: 10px; }
.height15px { height: 15px; }
.height20px { height: 20px; }
.height25px { height: 25px; }
.height30px { height: 30px; }

.margin5t { margin-top: 5px; }
.margin10t { margin-top: 10px; }
.margin15t { margin-top: 15px; }
.margin20t { margin-top: 20px; }
.margin5b { margin-bottom: 5px; }
.margin10b { margin-bottom: 10px; }
.margin15b { margin-bottom: 15px; }
.margin20b { margin-bottom: 20px; }
.marginAuto { margin: auto; }
.margin10 { margin: 10px; }
.margin30 { margin: 30px; }

.clear { clear: both; }