/*

DIALOG WEB-DESIGN

================================================*/
@media screen
{

.header .header_middle { background: #0d4767 url(../img/header_bg.jpg) 50% 100% no-repeat;}

.header .header_middle .logo span {color: #FFFFFF;}
.header .header_middle .logo a {color: #FFFFFF;}

.header .header_middle .logo_m span {color: #FFFFFF; background: url(../../../Files/logo.gif) no-repeat scroll 0 50%;}
.header .header_middle .logo_m a {color: #FFFFFF; background: url(../../../Files/logo.gif) no-repeat scroll 0 50%;}

.header .header_middle .fl_top { background: url(../img/header_bg_top_l.png) 0 0 no-repeat;}
.header .header_middle .fl_left { background: url(../img/header_bg_bottom_l.png) 0 0 no-repeat;}
.header .header_middle .fl_right { background: url(../img/header_bg_bottom_r.png) 0 0 no-repeat;}

.header .header_bottom { background: #3f9cd6;}

.header .header_bottom ul.top_nav li a.active span { background: #348bc1 url(../img/header_curent_bg.png) 0 0 repeat-x;}

.header .header_bottom ul.top_nav li a.active:active span, .header .header_bottom ul.top_nav li a.active:focus span { background:#0d4767;}

.header .header_bottom ul.top_nav li a:active span, .header .header_bottom ul.top_nav li a:focus span{ background:#0d4767;}

.header form { background: #0d4767;}

.header form .bg_top { height: 9px;}
.header form .bg_top .fl_left { height: 9px; width: 8px; background: url(../img/search_bg_top_l.png) 0 0 no-repeat;}
.header form .bg_top .fl_right { height: 9px; width: 8px; background: url(../img/search_bg_top_r.png) 0 0 no-repeat;}

.left_menu ul li a:active, .left_menu ul li a:focus {background: #424d62!important; color: #fff!important;}

.left_menu ul li a.active, .left_menu ul li li a.active {background: #a7b1c3; color: #000;}
.left_menu ul li a.active:hover, .left_menu ul li li a.active:hover {background: #a7b1c3; text-decoration: underline; color:#3e95cd;}

.content_column blockquote { background: url(../img/blockquote_img.png) no-repeat 4px 7px;}

.content_column hr {background: #999999;}

.content_column .site_br li { background: url(../img/br_sep.gif) 100% 50% no-repeat;}

.content_column ul li { background: url(../img/list_dot_img.png) 0 .45em no-repeat; }
.content_column ul li li { background: url(../img/list_middledot_img.png) 0 .45em no-repeat;}
.content_column ul li li li { background: url(../img/list_thirddot_img.png) 0 .45em no-repeat;}

.content_column .ear li span { background: url(../img/ear_sep.gif) 100% 50% no-repeat;}

.content_column .sitemap li li {background: url(../img/sitemap_img.png) 0 5px no-repeat;}

.content_column .kontrol li.left a { background: url(../img/gallery_left_bg.gif) 0 0 repeat-y;}
.content_column .kontrol li.right a { background: url(../img/gallery_right_bg.gif) 0 0 repeat-y;}

.content_column .kontrol li.left a:hover, .content_column .kontrol li.left a:active, .content_column .kontrol li.left a:focus{background:url(../img/gallery_left_bg_hover.gif) 0 0 repeat-y;}
.content_column .kontrol li.right a:hover, .content_column .kontrol li.right a:active, .content_column .kontrol li.right a:focus {background:url(../img/gallery_right_bg_hover.gif) 0 0 repeat-y;}

.content_column .advanced_search form input.button:hover, .content_column .advanced_search form input.button {background: url(../img/search_button_adv.gif) 50% no-repeat;}

.page .footer { background: #b2b2b2 url(../img/footer_bg.gif) 0 100% repeat-x;}

.page .footer .fl_left { background: url(../img/footer_t_l.gif) 0 0 no-repeat;}
.page .footer .fl_right { background: url(../img/footer_t_r.gif) 0 0 no-repeat;}

/*.page .footer p {background: url(../img/footer_bg_l.gif) repeat-x;}*/

.page .footer ul li { background: url(../img/footer_sep.gif) 100% 2.2em no-repeat;}

.page .footer .bottom_fl_left { background: url(../img/footer_b_l.gif) 0 0 no-repeat;}
.page .footer .bottom_fl_right { background: url(../img/footer_b_r.gif) 0 0 no-repeat;}

.left_column form span input#submit, .left_column form span input#submit:hover { background:url(../img/search_button_adv.gif) no-repeat 50% 50%;  height:33px; width:100px; border:medium none; clear:left; color:#FFFFFF; cursor:pointer; font-size:1.2em; font-weight:bold; margin:6px 0 0 0;}	
	
.content_column form span input#submit, .content_column form span input#submit:hover {margin: 0.6em 0 1em 0; padding: 0.6em 0 0.7em; width:8.4em; height:2.7em; font-size:1.2em; font-weight:bold; color:#FFFFFF; clear:left; cursor:pointer; background:url(../img/search_button_adv.gif) no-repeat;  border:medium none !important;}

/* Gallery inner
======================*/

.slider_nav span {color: #2085C5;}
.slider_nav span:hover {color: #000000; background: #7EBBF0;}

/* Clndr
================================================*/

.content_column .news_calendar li ul li.week_day {background: #A7B1C3;}

.type_of_day ul.tage_calendar li.werktag {background: url(../img/work_day.gif) 0 50% no-repeat;}
.type_of_day ul.tage_calendar li.arbeits_tag {background: url(../img/week_day.gif) 0 50% no-repeat;}

.header_calendar ul.nav_calendar li.tag a {background-image: url(../img/clndr_tag.gif); background-repeat:no-repeat; background-position: 0.2em 0.2em;}
.header_calendar ul.nav_calendar li.woche a {background-image: url(../img/clndr_woche.gif); background-repeat:no-repeat; background-position: 0.2em 0.2em;}
.header_calendar ul.nav_calendar li.monat a {background-image: url(../img/clndr_monat.gif); background-repeat:no-repeat; background-position: 0.2em 0.2em;}
.header_calendar ul.nav_calendar li.jahr a {background-image: url(../img/clndr_jahr.gif); background-repeat:no-repeat; background-position: 0.2em 0.2em;}

/* Poll
================================================*/ 
.answer h1 {color: #999999;} 
.answer .answer_q {color: #FFFFFF; background: url(../img/search_button_adv.gif) no-repeat 0 0 transparent;}

/* Comments
======================*/

.content_column .comment_header {background: #DBEAF5;}

/* pageNav
================================================*/
.content_column .pageNav {overflow: hidden; padding: 0 0 3em; margin: .5em 0 0;}
* html .content_column .pageNav {overflow: visible; height: 1%;}
.content_column .pageNav li {background: none; padding: 0 .2em; font-size: 1.2em; color: #2086c6; font-weight: bold; float: left; text-align: center;}
.content_column .pageNav li span {display: block; float: left; padding: .25em .5em; color: #000;}
.content_column .pageNav li a {display: block; color: #2086c6; padding: .3em .5em; text-decoration: none;}
.content_column .pageNav li a:hover {text-decoration: underline;}
.content_column .pageNav li a:active, .content_column .pageNav li a:focus {color: #fff; background: #2086c6;}

.content_column form  input#submit, .content_column form  input#submit_email, .content_column form  input#submit_email:hover .content_column form input#submit:hover { background:url(../img/search_button_adv.gif) no-repeat 50% 50%;  height:33px; width:100px; border:medium none; clear:left; color:#FFFFFF; cursor:pointer; font-size:1.2em; font-weight:bold; margin:6px 0 0 0;}
.left_column .left_box_content ul {margin: 1em 0 0 0;}
.left_column .left_box_content ul li.end {padding: 0.71em 0; list-style: none;}	
.left_column .left_box_content ul li.end a {padding: 1em 2.5em; color:#FFFFFF; width: 100px; height:33px; text-decoration: none; margin: 0.5em 0.8em 0.3em 1em; background:url(../img/search_button_adv.gif) no-repeat 50% 50%; cursor:pointer; font-size:1.2em; font-weight:bold;}	
		
	
}

/* Footer
================================================*/
.page .footer { position: relative; background: #b2b2b2 url(../img/footer_bg.gif) 0 100% repeat-x; height: auto; max-width: 96.4em; margin: 1em auto; padding: 0 .8em .1em 0!important; clear: both;}
/* .footer:before {content: url(../img/footer_t_l.gif); background: url(../img/footer_t_r.gif) 100% 0 no-repeat; height: 8px; display: block; margin: 0 -8px -8px 0;}
.footer:after {content: url(../img/footer_b_l.gif); background: url(../img/footer_b_r.gif) 100% 0 no-repeat; height: 8px; display: block; margin: -8px -8px -3px 0;} */
.page .footer .fl_left { position: absolute; top:0; left:0; float: left; width: 6px; height: 6px; background: url(../img/footer_t_l.gif) 0 0 no-repeat; display: block;}
.page .footer .fl_right { position: absolute; top:0; right:0; float: right; width: 6px; height: 6px; background: url(../img/footer_t_r.gif) 0 0 no-repeat; display: block; margin: 0 0 0 -6px;}

.page .footer_width {overflow: hidden;}
.page .footer p {/*width: 20em;*/ padding: 1.58em 0 1.58em 1.58em; font-size: 1.2em; color: #000; float: right; }
.page .footer p a {color: #000; text-decoration: none;}
.page .footer p a:hover {text-decoration: underline;}
.page .footer p a:active, .footer p a:focus {background: #333333; color: #fff;}

.page .footer ul {float: left; list-style-type: none; background: url(../img/footer_bg_l.gif) repeat-x;}
.page .footer ul li {float: left; font-size: 1.4em; background: url(../img/footer_sep.gif) 100% 1.6em no-repeat; padding: 1.8em 1.78em 0 1.28em;}
.page .footer ul li.end {background: none;}
.page .footer ul li a{color: #000; text-decoration: none;}
.page .footer ul li a:hover {text-decoration: underline;}
.page .footer ul li a:active, .footer ul li a:focus {background: #333333; color: #fff;}

.page .footer .bottom_fl_left { position: absolute; bottom:0; left:0; width: 6px; height: 6px; background: url(../img/footer_b_l.gif) 0 0 no-repeat; display: block;}
.page .footer .bottom_fl_right { position: absolute; bottom:0; right:0; width: 6px; height: 6px; background: url(../img/footer_b_r.gif) 0 0 no-repeat; display: block;}

#weather {overflow: hidden; width: 182px; position: relative; background: #fff;}
* html #weather {overflow: visible; height: 1%;}
#weather p {margin: 0; padding: 10px 10px 0 20px; font: bold 32px Arial, Helvetica, sans-serif; float: left;}
#weather p span {font-size: 18px; font-weight: normal; margin: 0 0 0 -12px;}
#weather img {float: left;}
/*.weather_day {background: url(../img/w_day.png) 100% 29px no-repeat;}*/
/*.weather_night {background: url(../img/w_night.png) 100% 29px no-repeat;}*/
.weather_day p {color: #165d87;}
.weather_night p {color: #5c84bb;}
h3.h3weather {font-size: 1.8em!important; color: #666!important; float: left; margin: -57px 0 0 96px; position: relative;}


/*upload_box_top_nav
*****************************/
.download_center .upload_box_top_nav fieldset {border:none; text-align:right;}
.download_center .upload_box_top_nav fieldset label, .sort_files label{color:#165D89; font-size:1.2em;}
.download_center .upload_box_top_nav .button, .sort_files input{background:#0D4767; color:#fff; border:none;}
.download_center .upload_box_top_nav #search_files, .sort_files #sort{border:1px solid #0D4767;}

/*sort_files
****************************/
.download_center .sort_files {border:1px solid #0D4767; text-align:right; padding:1.5em 0.5em 2em; clear:both; margin-top:1em;}
.download_center .sort_files legend{text-align:right; font-size:1.4em; font-weight:bold; color:#1E59A0;}

/*tabs_download
****************************/
.download_center .tabs_download{ background: url(../img/bg-tabs_download.gif) 0 100% repeat-x; padding-bottom:0!important;}
.download_center .tabs_download li{float:left; background:none!important; margin-top:1.5em ; margin-bottom:0;padding-bottom:0!important;}
.download_center .tabs_download li a{display:block; border:1px solid #4D4D4D; border-bottom:none; padding:0.5em 1em; background:#fff; font-weight:bold;color:#4D4D4D;}
.download_center .tabs_download li a.current{padding:0.5em 1em 0.6em; border-color:#0D4767;color:#1E59A0;}
.download_center .tabs_download li a:hover, .tabs_download li a:focus, .tabs_download li a:active{color:#1E59A0!important; border-color:#0D4767; padding:0.5em 1em 0.6em; text-decoration:none;}

/*files_list
****************************/
.download_center .files_list{padding-top:1.5em;}
.download_center .files_list li{background:none!important; overflow:hidden; margin-top:0!important; padding-left:1.7em;}
.download_center .files_list li li{margin-bottom:0;}
.download_center .files_list img{float:left;}
.download_center .files_list .delete{ display:block; padding-left:1.8em; overflow:hidden;}

/*upload_box_form
***************************/
.download_center .upload_box_form{border:1px solid #0D4767; margin-top:1em;padding-top:1.5em; padding-bottom:1em;}
.download_center .upload_box_form li{background:none; display:block; width:36.8em;}
.download_center .upload_box_form li label{width:18.7em; float:left; color:#1E59A0;}
.download_center .upload_box_form li #description{border:1px solid #0D4767!important; width:16.4em;}
.download_center .upload_box_form li.end input{float:right; background:#0D4767; color:#fff; border:none; margin-right:.1em;}

/* TEST MODUL
===============================================*/
.test_mod .test_list {list-style: none; margin: 8px 0 0;}
.test_mod .test_list li {background: url(../img/list_sep.gif) 0 5px no-repeat; margin: 0 0 0 14px; padding: 0 0 14px 12px; font-size: 14px; color: #222; line-height: 16px;}
.test_mod .test_list li a {color: #222;}
.test_mod .test_list li a:hover {text-decoration: none;}

.content_column ul.test_nav {list-style: none; overflow: hidden; padding: 0 0 1.5em;}
.content_column ul.test_nav li {float: left; margin: .5em 0 0; background: none; padding: 0;}
.content_column ul.test_nav li.number_test {margin: .6em 0 0;}
.content_column ul.test_nav li.number_test strong {display: block; background: url(../img/number_t_l.gif) no-repeat; height: 1.31em; color: #444; font: bold 1.33em Arial, Helvetica, sans-serif; margin: 0 45px 0 0; float: left;}
.content_column ul.test_nav li.number_test span {background: url(../img/number_t_r.gif) 100% no-repeat; padding: 0 5px; display: block; height: 21px; float: left;}
.content_column ul.test_nav li h3 {font-size: 1.5em; color: #444;}
.content_column ul.test_nav li.time_test {float: right; margin: 0;}
.content_column ul.test_nav li.time_test strong{background: url(../img/time_t_l.gif) no-repeat; height: 36px; display: block; font-weight: bold; font: bold 16px Arial, Helvetica, sans-serif; float: left;}
.content_column ul.test_nav li.time_test span {background: url(../img/time_t_r.gif) 100% 0 no-repeat; display: block; height: 36px; line-height: 36px; color: #444; padding: 0 15px 0 45px; float: left;} 
.test_mod p {font-size: 16px; color: #000; line-height: 20px; margin: 0 25% 0 0;}

.test_mod form {margin: 13px 17px 15px;}
.test_mod form select {width: 25%; margin: 0 1.5% 10px 0; float: left; height: 110px; font-size: 14px; color: #000; line-height: 16px; padding: 3px 0 3px 5px;}

.test_mod form ul {list-style: none; margin-bottom: 10px;}
.test_mod form ul li {margin: 0 0 4px; clear: left;}
.test_mod form ul li img {margin: 1px 5px 0 0;}
.test_mod form ul li label {position: relative;}

.dialog_test {position: relative;}
.dialog_test ul li {background: none; padding-left: 0;}
.dialog_test legend {display: none;}

.answer_desc {position: absolute; top: 0; left: 25%; margin: 0 0 0 70px; width: 200px; background: #e9e8e8; padding: 10px; border-right: 1px solid #555; border-bottom: 2px solid #555; color: #090; font-size: 14px; line-height: 18px; min-height: 50px; font-weight: bold;}
* html .answer_desc {height: 50px;}
.test_mod ul li .answer_desc span {/*background: url(../img/info_line.gif) no-repeat;*/ width: 68px; height: 34px; position: absolute; top: 18px; left: -68px;}

.test_mod form label {font-size: 16px; color: #000; margin: 0 0 0 5px;}

ul#sl {margin: 0 0 15px 7px;}
ul#sl li {color: #000; padding-left: 0; background: none;}
ul#sl li ul {overflow: hidden; margin-bottom: 0!important; border-bottom: 1px solid #ccc;}
* html ul#sl li ul {overflow: visible; height: 1%;}
ul#sl ul li {float: left; width: 30%; padding: 0 3% 0 0; clear: none!important;}
ul#sl ul li.del {width: 12px; padding: 0 .5em 0 0; float: left;}
* html ul#sl ul li.del a {display: block; height: 12px; margin: 5px 0 0;}

#q1, #a1 {width: 45%; font: 1.2em Tahoma, Geneva, sans-serif; height: 100px;}

.test_mod input, .dialog_test input  {cursor: pointer; font-size: 14px; color: #fff; text-transform: uppercase; font-weight: bold; margin: 0 5px 0 0; padding: 2px 12px; width: auto; background: #444; border: none; border-top: 1px solid #787878; border-right: 1px solid #787878; border-left: 1px solid #787878;}
* html .test_mod input, * html .dialog_test input  {padding: 2px 3px;}
.test_mod input.left_b, .test_mod input.right_b, .dialog_test input.left_b , .dialog_test input.right_b {background: #444 url(../img/b_l.gif) 0 100% no-repeat; border: none; border-top: 1px solid #787878; border-right: 1px solid #787878;}
.test_mod input.right_b, .dialog_test input.right_b {background: #444 url(../img/b_r.gif) 100% 100% no-repeat; border: none; border-top: 1px solid #787878; border-left: 1px solid #787878;}
.test_mod input.hover, .dialog_test input.hover  {color: #737373;}
.test_mod input#bn, .dialog_test input#bn {margin-bottom: 10px;}
.test_mod br, .dialog_test br {clear: both;}

.test_mod fieldset {border: none;}
.test_mod legend {display: none;}
.test_box h3 {text-align: center;}
	
.content_column h3.result {font-size: 2em;}
	
.test_box ol li {border-bottom: .5em;}
.test_box ol li ul {margin-bottom: 1em;}
.test_box ol li ul li {margin-bottom: .5em;}
.test_box ol li p {padding-bottom: 1em;}

.content_column form div select {margin: 0 1.5% 10px 0; padding: 3px 0 3px 5px; border: 1px solid #787878;}	
	
.test_mod .test_box {margin: 8px 0 0;}
.test_mod .test_box ul {}
.test_mod .test_box ul li {padding: 0 0 14px 125px; clear: left; color: #000; background: none;}
.test_mod .test_box ul li strong {margin: 0 0 0 -125px; width: 125px; float: left;}
.test_mod .test_box ul ul {margin: 12px 0 7px 15px;}
.test_mod .test_box ul ul li {padding: 0 0 5px 15px; font-size: 14px; background: url(../img/li_sep.gif) 0 5px no-repeat;}

.test_mod .test_box h3 {font-size: 24px; text-align: center; margin: 8px 0 0;}
.test_mod .test_box div {margin: 25px 0 0;}
.test_mod .test_box div input {display: inline; margin-right: .8em;}

.content_column .dialog_test div input {display: inline; margin: 1.5em .8em 0 0; border: none;}
.content_column .dialog_test div ul li input {width: auto; margin: 0 .4em; border: none;}
.content_column .dialog_test div input#time_spend {padding: 0;}


.content_column .dialog_test div ul li label {font-size: 1.1em;}
.content_column .dialog_test div #sl ul li input {padding: 0;}	
.right_column .rss {background:transparent url(../img/ukr_school_rss.gif) no-repeat scroll 100% 100%; color:#165E89; display:block; font-size:1.2em; padding:1.5em 1.5em 0 0; width:auto; float: left;}	
}