@import url("content.css");
@import url("content_normal.css");
@import url("boxes.css");
@import url("menu.css");
@import url("input.css");
@import url("language.css");
/***  General layout  ***/
html { height: 101% }
body     { background-color: #fff; background-repeat: repeat-x; text-align: center; margin: 10px auto 0; padding: 0 }
label { color: #2f5176; white-space: nowrap; margin-right: 5px }
.normal { font-weight: normal }
.green { color: #217725 }
#div_body  { margin: 0 auto; padding: 0; width: 960px; border: solid 0 #e6e6e6 }
#div_main     { text-align: center; display: block; width: 950px; border: solid 0 #58d756 }
#div_header       { background-image: none; background-repeat: no-repeat; background-position: right 17px; text-align: left; display: block; margin-top: 0; margin-bottom: 0; position: relative; z-index: 5; width: 100%; height: 125px; border-bottom: 0 solid #58d756 }
#div_header_album    { text-align: left; display: block; margin: 0; padding: 0; position: relative; z-index: 5; top: 15px; width: 562px; height: 86px; float: right; border: solid 0 #e4d7af }
.img_album    { margin: 0 3px 0 2px; padding: 0; width: 80px; height: 80px; border: solid 2px #14679d }
a:link .img_album  { width: 80px; height: 80px; border: solid 2px #14679d }
a:hover .img_album   { width: 80px; height: 80px; border: solid 2px #e92f2e }
a #div_nextAlbum { background-image: url("../grafik/album_next.gif"); background-repeat: no-repeat; position: absolute; z-index: 10; top: 15px; right: 0; width: 24px; height: 84px; overflow: hidden; border: solid 0 #6acd5c }
a:hover #div_nextAlbum { background-image: url("../grafik/album_next.gif"); background-repeat: no-repeat; background-position: 0 -100px; overflow: hidden; border-width: 0 }
#div_logo_dk   { background-image: url("../grafik/logo_accord_dk.gif"); background-repeat: no-repeat; background-position: 0 0; position: absolute; z-index: 5; top: 10px; left: 0; width: 335px; height: 93px; border: solid 0 #770106 }
#div_logo_uk  { background-image: url("../grafik/logo_accord_uk.gif"); background-repeat: no-repeat; background-position: 0 0; position: absolute; z-index: 5; top: 10px; left: 0; width: 335px; height: 93px; border: solid 0 #770106 }
/*
#div_header .menuRight    { font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 12px; display: inline; position: absolute; z-index: 5; top: 108px; right: 10px }
#div_header .menuRight a { color: #fff; font-weight: bold; text-decoration: none; background-image: url("../grafik/bullit/menuBullit_left.gif"); background-repeat: no-repeat; background-position: left -30px; margin-left: 20px; padding-left: 18px }
#div_header .menuRight a:hover { color: #fff; text-decoration: underline; background-image: url("../grafik/bullit/menuBullit_left.gif"); background-repeat: no-repeat; background-position: left -30px }
*/
#table_content        { margin: 0 auto; padding: 0; position: relative; width: 900px; border: solid 0 #be2007 }
#td_contentLeft    { margin: 0; padding: 0; width: 350px; vertical-align: top; border: solid 0 #64c658 }
#td_contentMiddle           { margin: 0; padding: 0; border: solid 0 #f17e2e }
#td_contentRight    { margin: 0; padding: 0; width: 500px; vertical-align: top; border: solid 0 #0064a3 }
#td_contentCenter { margin: 0; padding: 0; width: 775px; vertical-align: top; border: solid 0 #0064a3 }
.td_contentFront { text-align: center; padding-top: 5px; padding-left: 8px; width: 33%; vertical-align: top; border: dotted 0 #0f0 }
/***  Content Block layout  ***/
.div_blok_left       { text-align: left; display: block; margin: 0 0 20px; padding: 15px 20px 0; width: 310px; clear: both; vertical-align: top; border: solid 2px #175e8a }
.div_blok_right            { text-align: left; display: block; margin: 0 0 20px; padding: 15px 20px 0; position: relative; width: 455px; vertical-align: top; border: solid 2px #175e8a }
.div_mail p { margin: 12px 0; padding: 0 }
.div_blok_center      { text-align: left; display: block; margin: 0 0 20px; padding: 15px 20px 0; width: 730px; vertical-align: top; border: solid 2px #175e8a }
.div_blok_content  { text-align: left; display: block; margin: 0; padding: 0; width: 100%; height: 5px; min-height: 5px; max-height: 5px; clear: both; vertical-align: top; border: solid 0 #e92f2e }
.div_imgLeft  { margin: 0; padding: 5px 5px 15px 20px; position: relative; float: left; vertical-align: top; border: solid 0 #6acd5c }
.div_imgRight        { display: block; margin: 0; padding: 5px 5px 15px 20px; position: relative; float: right; vertical-align: top; border: solid 0 #6acd5c }
.div_imgCenter   { text-align: center; display: block; margin: 0; padding: 5px 0; position: relative; width: 100%; vertical-align: top; border: solid 0 #6acd5c }
a .article_img     { margin: 0; padding: 0; border: solid 2px #00284e }
a:hover .article_img { border-color: #14679d }
a .article_img_noBorder  { margin: 0; padding: 0; border: solid 0 #14679d }
.bg_yellow { background-color: #fbd701 }
.bg_grey   { background-color: #e3e3e3 }
.table_txt   { display: block; margin: 0; padding: 10px 0 0; position: relative; left: 10px; width: 590px; min-height: 180px; max-height: 1550px; border: solid 0 #e11a22 }
.td_txt_blok   { text-align: left; margin: 0; padding: 0; position: relative; vertical-align: top; border: solid 0 #3added }
.td_txt_middle  { text-align: left; margin: 0; padding: 0; position: relative; width: 20px; vertical-align: top; border: solid 0 #3added }
.td_imgRight     { display: inline; margin: 0; padding: 0; position: relative; width: 180px; min-width: 180px; max-width: 200px; vertical-align: top; border: solid 0 #6acd5c }
#div_login  { text-align: left; margin: 0; padding: 8px 0; position: relative; z-index: 10; width: 200px; height: auto; vertical-align: top; border-style: solid; border-width: 1px 0; border-color: #c2c2c2 }
#div_youshapeBar  { background-image: url("../grafik/youshape_bar.gif"); background-repeat: no-repeat; background-position: 5px 5px; text-align: left; margin: 5px 0 0 0; padding: 0; position: relative; z-index: 10; width: 200px; height: 60px; vertical-align: top; border: solid 0 #c2c2c2 }
/** #div_mainScroll { text-align: left; margin: 0; padding: 0; position: relative; width: 100%; height: 420px; float: left; overflow: auto; vertical-align: top; border: dotted 0 #be2007; overflow-x: hidden     }

#div_txt_blok              { text-align: left; margin: 0; padding: 15px 0 0 15px; position: relative; width: 460px; vertical-align: top; border: dotted 1px #eacd0e }
#div_txt_blok label  { text-align: left; margin: 0 0 0 15px; padding: 0; position: relative; width: 110px; float: left; vertical-align: top }
#div_errorMessage { position: absolute; z-index: 100; right: 0; bottom: 0; width: 500px; height: 50px; border: dotted 0 #eacd0e }
**/
.div_front  { text-align: center; margin: 0; position: relative; width: 277px; height: auto; min-height: 50px; vertical-align: top; border: dotted 0 #ffa500 }
.div_frontBlock       { background-color: #e4e7ec; text-align: left; margin: 0; padding: 0; position: relative; width: 275px; height: 375px; min-height: 50px; overflow: hidden; vertical-align: top; border: solid 1px #650202 }
.div_frontTxt       { text-align: left; margin-top: 5px; padding: 0; position: relative; top: 5px; bottom: 8px; left: 12px; width: 250px; height: auto; vertical-align: top; border: dotted 0 #f00 }
.div_frontPict { text-align: left; margin: 0; padding: 0; position: relative; width: 275px; height: 165px; vertical-align: top; border: dotted 0 #f00 }
.div_rightBlock  { background-color: #e4e7ec; text-align: left; margin: 0; position: relative; width: 100%; height: auto; vertical-align: top; border: solid 1px #650202 }
.div_end { height: 50px }
.div_left { text-align: left; width: 40%; float: left }
.div_right { text-align: right; width: 40%; float: right }
/***  Footer layout  ***/
/*
#div_footer            { color: #646566; font-size: 11px; font-weight: bold; line-height: 11px; background-repeat: no-repeat; text-align: right; text-transform: uppercase; margin: 0; padding: 10px 0 0; position: relative; width: 900px; border-style: solid; border-width: 1px 0 0; border-color: #bebebe }
#div_footer a  { color: #0075bc; text-decoration: none }
#div_footer a:hover  { color: #e91513; text-decoration: underline }
#counter { color: #87888a; font-size: 12px; line-height: 15px; text-align: center; display: inline; margin: 0; padding: 0 0 0 15px; position: relative; float: left }
#webdesign { color: #87888a; font-size: 12px; font-weight: normal; line-height: 15px; display: inline; margin: 0; padding: 0 15px 0 0; position: relative; float: right }
#webdesign a { color: #87888a; font-weight: normal; text-decoration: none }
#webdesign a:hover { color: #be2007; font-weight: normal }
*/
#div_footer            { margin: 20px 0 0; padding: 5px 0 0; z-index: 200; bottom: 0; width: 100%; height: 20px; border-style: solid; border-width: 1px 0 0; border-color: #fff }
#footerText    { color: #175e8a; font-weight: bold; text-align: right; white-space: nowrap; margin: 0; padding: 0 }
#footerText a   { color: #2f5176; text-decoration: none }
#footerText a:hover  { color: #be2007; text-decoration: underline }
#counter { color: #87888a; font-size: 12px; line-height: 15px; text-align: center; display: inline; margin: 0; padding: 0 0 0 15px; position: relative; float: left }
#webdesign  { color: #175e8a; font-size: 12px; font-weight: normal; line-height: 15px; display: inline; margin: 0; padding: 0 15px 0 0; position: relative; float: right }
#webdesign a  { color: #175e8a; font-weight: bold; text-decoration: none }
#webdesign a:hover  { color: #ce0f17; font-weight: bold }

/*** Lines and spaces ***/
.elementLine       { margin: 0; padding: 0; width: 100%; height: 1px; border-width: 0 }
.elementLineNews         { background-color: #d5cabb; margin: 12px 0; padding: 0; width: 100%; height: 1px; border-width: 0 }
.elementLineWhite     { background-color: #fff; text-align: right; margin: 3px 0 0; padding: 0; width: 80%; height: 1px; float: right }
.elementLineDot { margin: 0 0 8px; padding: 0 10px; width: 100%; height: 1px; border-top: 0; border-right: 0; border-bottom: 1px dashed #b5c8d0; border-left: 0 }
.elementBlock { display: block; margin: 0; padding: 0; border-width: 0 }

/*** Icons ***/
.file_link a, .file_link a:hover { font-weight: normal }
p.icon_pdf, p.icon_pict, p.icon_file, p.icon_doc, p.icon_exl, p.icon_web, p.icon_info   { background-repeat: no-repeat; background-position: 0 0; text-indent: 25px; white-space: nowrap; display: block; margin: 3px 0 2px; padding: 0 0 0 0; border-width: 0 }
.icon_pdf { background-image: url("../admin/grafik/icon/icon_pdf.gif") }
.icon_pict { background-image: url("../admin/grafik/icon/icon_pict.gif") }
.icon_file { background-image: url("../admin/grafik/icon/icon_file.gif") }
.icon_doc { background-image: url("../admin/grafik/icon/icon_doc.gif") }
.icon_exl { background-image: url("../admin/grafik/icon/icon_exl.gif") }
.icon_web { background-image: url("../admin/grafik/icon/icon_web.gif") }
.icon_info { background-image: url("../admin/grafik/icon/icon_info.gif") }
.link_info, .link_delete, .link_change, .link_edit { font-size: 11px; line-height: 20px; background-repeat: no-repeat; background-position: 0 1px; white-space: nowrap; margin: 3px 0 2px 10px; padding: 3px 0 4px 22px; overflow: visible; border-width: 0 }
.link_info { background-image: url("../admin/grafik/icon/icon_info.gif") }
.link_delete { background-image: url("../admin/grafik/icon/icon_delete.gif") }
.link_change { background-image: url("../admin/grafik/icon/icon_change.gif") }
.link_edit { background-image: url("../admin/grafik/icon/icon_edit.gif") }
.icon a { font-weight: normal }
.icon a:hover { font-weight: normal }