/* CSS Document */

/* BASIC =====================================================================*/
body {behavior:url('csshover.htc');}

body {background:#262626 url('img/image_02.png') center top repeat-x;}
body {font-family: 'Trebuchet MS','Segoe UI'; font-size:13px; line-height:20px;text-align:center;}
body,code,div,h1,h2,h3,h4,h5,h6,img,li,ol,span,table,th,td,ul {padding:0px; margin:0px; border:0px;}

/* links */
a {color:#03659F; text-decoration:none;}
a:hover {color:#ff0000; text-decoration:underline;}

/* headings etc. */
h2,h3,h4,h5,h6 {margin-bottom: 10px; margin-top: 15px; letter-spacing:-1px}
h1 {margin-left:-4000px;margin-top:-10px;height:10px;}
h1 strong {color: #ffffff;}
h2 {font-size:17px; color:#0277B6}
h3 {font-size:15px}
h3.top {margin-top:30px}
h4 {font-size:13px}

/* paragraphs */
p {line-height:19px; margin-bottom:10px;margin-top: 0px;}
p.main {margin-top:20px;}
p.top {margin-top:10px;}
p.bottom {margin-top:20px;}

/* tables */
table {border-collapse: collapse}
th,td {font-size: 11px;}

/* lists */
ul,ol,li    {list-style: none;}
ul          {margin-bottom: 10px;}

/* other */
hr        {border:0px; border-top:2px solid #cccccc; height:0px; margin-top:20px;margin-bottom:20px}
hr.cleaner {border:0px; clear:both; height:0px; margin:0px; padding:0px; visibility:hidden;}
hr.left {clear:left;}
hr.right {clear:right;}
hr.line {border-bottom:1px solid #F0F0F0;margin-bottom:10px; visibility:visible;}
img         {border:0px;}
sub, sup {position:relative; vertical-align:baseline;}
sub {top:0.4em;}
sup {bottom:0.4em;}

/* alignment */
.center {text-align:center;}
.left {text-align:left;}
.right {text-align:right;}
.middle {vertical-align:middle;}
.top {vertical-align:top;}

/* GRID PARTS ================================================================*/
div#body {margin:0px auto; margin-top:10px; width:875px;}

div#header {background:url('img/image_04.jpg') no-repeat 35px 0px; padding:1px; height:180px; margin-bottom:-10px; text-align:left}
div#header a.title {display:block; height:135px; width:270px; margin-left:35px; margin-top:40px; padding-top:90px;padding-left:100px}
div#header a.title {color:#555555; font-size:10px; text-decoration:none;}


div#content {background:url('img/image_08.png') repeat-y 35px 0px; padding:60px; padding-top:20px; padding-bottom:30px; text-align:left;}

div#content #text{float:left; width: 450px; text-align:justify}
div#content #box{margin-left: 500px; padding: 20px; padding-top:0px}
/*div#content #box h3 {margin-top:30px;}*/
div#content #box h3 a{color:#000; text-decoration:none}
div#content #box div{margin-bottom:30px}

/* the styling */
#menu {background:#EFEFEF url('img/background.png') repeat-x -10px -5px; height:50px; margin-left:35px; margin-right:40px; padding-left:10px; position:relative;}
#menu li {display:inline; height:30px; list-style: none}
#menu li a       {color:#ffffff; display:block; float:left; font-weight:bold; font-size:12px; line-height:30px;text-decoration:none; white-space:nowrap;}
#menu li a       {padding-left:12px; padding-right:12px; border-right:1px solid #efefef;}
#menu li ul li a {font-size:11px; border-right:1px solid #ffffff}
#menu ul li ul {display:none;}
#menu ul li ul li:hover {background:#ffffff; color:#0000ff}
#menu ul li a{background:url('img/background.png') repeat-x bottom;}
#menu ul li:hover a,
#menu ul li.active a     {color:#ffffff; font-weight:bold; background:url('img/background_red.png') repeat-x bottom;}
#menu ul li:hover ul li a,
#menu ul li.active ul li a{background:url('img/background_h1.png') repeat-x bottom;color:#000000;}
#menu ul li ul li:hover a,
#menu ul li ul li.active a {background:url('img/background_red2.png') repeat-x bottom;color:#BD0A00;}
#menu ul li:hover ul {display:block; position:absolute; width:100%; top:30px; left:0; background:#efefef; margin-top:0; padding:0; z-index:100; color:#fff; font-size:11px;}
#menu ul li ul,
#menu ul li:hover ul li {background:#efefef;}
#menu ul li.active ul {display:block; position:absolute; width:100%; top:30px; left:0; background:#efefef; margin-top:0; padding:0; z-index:10;}
#menu ul li:hover ul {display:block;}

div#footer {background:url('img/image_11.png') no-repeat 35px 0px;color:#888888; font-size:11px; margin:0px auto; margin-top:0px; padding-top:15px; padding-bottom: 30px}
div#footer *{color:#aaaaaa; font-weight: bold;}

div#lang-switch               {line-height: 30px; text-align:right; margin-right:10px;}

/* content */
div#content ul li {margin-left: 0px; padding-left: 30px; margin-bottom: 10px;background: url('img/list.png') no-repeat 5px 3px;}
div#content ol li {margin-left: 20px; padding-left: 5px; margin-bottom:10px; list-style: decimal}

/* preview image */
div#content img.preview {margin:0 0 5px 30px}

/* table - overview */
/* TABLES ====================================================================*/
table {margin:0px auto;margin-bottom:10px;}
table th,
table td {padding:2px; padding-left:8px; padding-right:8px; text-align:left; font-size:12px;}

table.overview {border-bottom:1px solid #E0E0E0; margin:0px; margin-bottom:20px; width:99%;}
table.overview th,
table.overview td {background:#ffffff; border-top:1px solid #E0E0E0; padding:2px; text-align:left; font-size:11px;}
table.overview td.hidden {border-top:0px; padding-top:0px; padding-right:0px; padding-left:10px;}
table.overview th {background-color:#efefef;}
table.overview tr.up td {background-color:ghostwhite;}
table.overview tr:hover td {background-color:honeydew;}
table.overview a {margin-right:7px; color: #000000}
table.overview img {vertical-align:middle}
table.overview td.center {text-align:center;}

table.mini {width:auto;}
table.mini th,
table.mini td {padding-left:10px; padding-right:10px}

table.box {width:95%;}
table.box th,
table.box td{font-size:11px; padding:2px;}
table.box a {color:#000}

table.contacts                {border:0px;}
table.contacts td             {font-size:12px; line-height:20px; padding-right: 10px}

/* HAT-history page */
img.history-medal {float:left; border-right:60px solid #fff}


/* blog */
div.blog-info {font-size: 11px; margin-top: 20px; margin-bottom:30px}

/* gallery*/
div#gallery-body {margin:1px auto; width:650px}

/* button */
input.submit {background:url('../../admin/css/default/button.png') top left no-repeat; border:0px; cursor:pointer; font-weight:normal; height:30px; width:100px;}
input.submit:hover,
input.submit:focus { background-position: 0px -30px;}

/* link with image */
a.img {padding-top:2px; padding-bottom:2px; text-decoration:underline;}
a.img:hover{color:#ff0000;}

/* survey */
p.survey-answer {margin-bottom:15px;font-size:12px}
p.survey-answer .text {font-size:12px}
p.survey-answer .image {background: url('../survey/survey_back.gif') top left no-repeat; margin-right: 10px; background-position: 1px 0px;}

/* comments */
h2.comments{background:url('../common/comment.gif') left center no-repeat; padding:5px; padding-left:40px;}
h2.comment-new{background:url('../common/plus.gif') left center no-repeat; padding:5px; padding-left:40px;}
div.link-new-comment {font-weight:bold; font-size:15px;}
div.link-new-comment a {background:url('../common/plus.gif') left center no-repeat; display:inline-block; padding:5px; padding-left:40px;}
p.comment-preview {font-size:12px}
p.comment-preview strong {font-size:13px}

/* confirm boxes */
div.confirm {background:#E0FFC0 url('../common/ok.gif') 10px 7px  no-repeat; font-size:12px; font-weight:bold;}
div.confirm {line-height:18px; margin-bottom:20px; padding:10px; padding-left:45px; text-align:left;}
div.red {background-color:#fce8e8; background-image:url('../common/nok.gif');}

/* listing */
/*div.listing{margin-top:20px;text-align:center}
div.listing a{font-size:12px;color:#000000;border:1px solid #aaa;font-weight:bold; margin-right:5px; padding:3px 8px 3px 8px; text-align:center; text-decoration:none}
div.listing a.active{color:#00f;font-size:16px}
div.listing a:hover{border:1px solid #f00;}*/