* { margin: 0; padding: 0; }
html, body { font-size: 12px; font-family: Arial, Verdana, sans-serif;  font-style: normal; font-variant: normal; font-weight: normal; line-height: 16px; background: url('../images/background.jpg') repeat-x center top black; }

h1 { color: #bf1919; font-size: 26px; line-height: 28px; margin: 5px 0; }
img { border: none; }
a { color: #7F1616; }
a:hover { color: red; text-decoration: none; }

.clear { float: none; clear: both; font-size: 0; line-height: 0; background-color: transparent; }
ul.horizontal { list-style: none; }
ul.horizontal li { float: left; }

#container { position: relative; width: 940px; margin: 0 auto; padding: 0 10px; background: url('../images/bg_top.png') no-repeat left top; }

/* TOP CONTAINER */
#container #top_container { position: relative; height: 207px; }
#container #top_container #logo { position: absolute; top: 71px; left: 0; }

/* MAIN MENU */
#container #mainmenu { height: 36px; overflow: hidden; background: url('../images/bg_mainmenu.png') repeat-x left top #555; -moz-border-radius: 3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0; }
#container #mainmenu ul.left { float: left; }
#container #mainmenu ul.left li { padding: 0 2px 0 0; background: url('../images/separator_mainmenu-item.png') no-repeat right top; }
#container #mainmenu ul.left li a { color: white; font-weight: bold; text-align: center; text-decoration: none; display: block; min-width: 50px; _width: 50px; width: auto; padding: 10px 13px 10px 15px; }
#container #mainmenu ul.left li a:hover { color: #aeaeae; }
#container #mainmenu ul.left li a.selected { background: url('../images/bg_mainmenu-item-active.png') no-repeat top center; }
#container #mainmenu ul.left li.first {  }
#container #mainmenu ul.left li.first a { margin-left: 10px; }
#container #mainmenu ul.left li.last { background: transparent; }

/* DATA CONTAINER */
#container #data_container { position: relative; height: auto !important; height: 700px; min-height: 700px; padding: 0 0 27px 0; background: url('../images/bg_data.png') repeat-y left top #0e0e0e; -moz-border-radius: 0 0 3px 3px; -webkit-border-radius: 0 0 3px 3px; }
#container #data_container #data_left { float: left; width: 710px; }
#container #data_container #data_left #data_content { margin: 27px; }
#container #data_container #data_right { float: right; width: 230px; }

/* SUBMENU */
#container #data_container #data_left #submenu { height: 31px; overflow: hidden; background: url('../images/bg_submenu.png') repeat-x black; }
#container #data_container #data_left #submenu ul {  }
#container #data_container #data_left #submenu ul li { padding: 0 2px 0 0; background: url('../images/separator_submenu-item.png') no-repeat right top; }
#container #data_container #data_left #submenu ul li a { color: #aeaeae; text-decoration: none; display: block; padding: 7px 12px 7px 14px; }
#container #data_container #data_left #submenu ul li a:hover { color: #757575; }
#container #data_container #data_left #submenu ul li a.traceback { font-weight: bold; }
#container #data_container #data_left #submenu ul li.first a { padding-left: 27px; }
#container #data_container #data_left #submenu ul li.last { background: transparent; }

/* NAVIGATION */
#container #data_container #data_left div.navigation { color: white; margin: 10px 0; padding: 7px 0; }
#container #data_container #data_left div.navigation a { color: white; text-decoration: none; }
#container #data_container #data_left div.navigation a:hover { text-decoration: underline; }

/* RIGHT BOX */
#container #data_container #data_right .box { color: white; font-size: 11px; margin: 15px 10px 30px 10px; }
#container #data_container #data_right .box a { color: white; }
#container #data_container #data_right .box a:hover { color: red; }
#container #data_container #data_right .box h2 { color: #bf1919; font-size: 14px; padding: 0 0 16px 0; background: url('../images/bg_box-header.png') no-repeat 20px bottom; }
#container #data_container #data_right .box ul { color: black; list-style: none; }
#container #data_container #data_right .box ul li { padding: 4px 4px 8px 4px; border-bottom: solid 1px #1a1a1a; background: url('../images/bg_box-item.png') repeat-x left bottom #e3e3e3; }
#container #data_container #data_right .box ul li.first { -moz-border-radius: 3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0; }
#container #data_container #data_right .box ul li.first p { font-weight: bold; }
#container #data_container #data_right .box ul li.last { -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; }
#container #data_container #data_right .box ul li div.datetime { color: #757575; font-style: italic; text-align: right; }
#container #data_container #data_right .box ul li a { color: black; font-weight: bold; }
#container #data_container #data_right .box ul li a:hover { color: red; }
#container #data_container #data_right .fb_box { background: url('../images/bg_box-item.png') repeat-x left bottom #e3e3e3; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }

/* ABOUT */
#container #about_container { color: #9b9b9b; margin: 0 0 50px 0; }
#container #about_container ul { height: 36px; padding: 0 27px; border-bottom: solid 1px #0d0d0d; }
#container #about_container ul li { padding: 10px 14px 10px 0; }
#container #about_container ul li a { color: #aeaeae; text-decoration: none; }
#container #about_container ul li a:hover { text-decoration: underline; }
#container #about_container p { font-size: 11px; text-align: right; margin: 25px 0; }
#container #about_container p span.copyright { color: #a91818; font-weight: bold; }

/* NEWS */
#news { color: white; }
#news .newsBox { position: relative; padding: 0 0 10px 0; margin-top: 25px; border-bottom: solid 1px #1a1a1a; }
#news .newsBox h2 { color: #7f1616; font-size: 26px; line-height: 28px; margin: 0 34px 0 0; }
#news .newsBox h2 a { color: #7f1616; text-decoration: none; }
#news .newsBox h2 a:hover { color: red; text-decoration: underline; }
#news .newsBox .datetime { color: #757575; padding: 5px 0 24px 0; }
#news .newsBox .commentsBox { font-size: 11px; font-weight: bold; font-family: Arial; text-align: center; position: absolute; width: 20px; height: 18px; padding: 0 2px 4px 2px; right: 0; top: 0; background: url("../images/comments.png"); background-position: center; background-repeat: no-repeat; }
#news .newsBox .commentsBox a { color: #0e0e0e; text-decoration: none; }
#news .newsBox .commentsBox a:hover { color: white; text-decoration: none; }
#news .newsEmpty { text-align: center; padding: 25px 0; }


.pagebar { color: #757575; margin: 0 0 25px 0; }
.pagebar .informations { float: left; width: 500px; }
.pagebar ul.socialIcons { float: right; width: 156px; list-style: none; }
.pagebar ul.socialIcons li { float: left; margin: 0 5px 0 0; }

/* COMMENTS */
#commentsBox { font-size: 11px; font-family: Verdana,Helvetica,Arial,sans-serif; margin: 50px auto 0 auto; border: solid 1px #232323; background: #1a1a1a; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
#commentsBox #commentsForm { font-size: 11px; padding: 10px; }
#commentsBox #commentsForm .dp50 { width:50%;  float:left;  display: inline; *margin-right: -1px; }
#commentsBox #commentsForm label { color: white; padding: 2px; display: block; }
#commentsBox #commentsForm .dp50 input { width: 306px; padding: 4px; background-color: #fafafa; border: solid 1px #ccc; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
#commentsBox #commentsForm #commentsFormArea { clear: both; float: none; padding: 4px 0 0 0; }
#commentsBox #commentsForm #commentsFormArea textarea { width: 623px; padding: 4px; background-color: #fafafa; border: solid 1px #ccc; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
#commentsBox #commentsForm #comemntsFormSubmit { text-align: right; margin: 8px 0 0 0; }
#commentsBox #commentsForm #comemntsFormSubmit button { color: white; font-size: 11px; font-weight: bold; padding: 2px 4px; border: medium none; background: #0e0e0e; cursor: pointer; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
#commentsBox #comments { color: #e8e8e8; margin: 5px 0 0 0; }
#commentsBox #comments .comment { margin: 10px; padding: 5px 0; border-top: solid 1px #0e0e0e; }
#commentsBox #comments .comment p .header { color: #7F1616; font-size: 12px; font-weight: bold; }
#commentsBox #comments .comment p { padding: 4px 0 4px 0; }
#commentsBox #comments .comment .datetime { color: #757575; font-size: 11px; font-style: italic; }

/* PAGINATION */
ul.pagination { font-weight: bold; height: 23px; margin: 0; padding: 10px 0; list-style: none; }
ul.pagination li { float: left; margin: 0; padding: 2px; padding-left: 3px; padding-right: 3px; margin-right: 4px; border: solid 1px #1a1a1a; }
ul.pagination li:hover { background-color: #1a1a1a; }
ul.pagination li a { color: #636466; text-decoration: none; }
ul.pagination li.active { color: #e7e7e7; background-color: #1a1a1a; }
ul.pagination li.active a { font-weight: bold; }