/********************/
/*CONTENT STYLESHEET*/
/********************/
body { color: black; font-size: 11px; font-family: Arial, Helvetica, sans-serif; background-color: white; text-align: left; margin:0px; height:100% }
h1 { font-family: Arial, Verdana, sans-serif; font-size: 1.6em; font-weight: bold; margin-top: 0; margin-bottom: 0.5em; clear: both; color:#444444; border-bottom:1px solid #ccc}
h2 { font-family: Arial, Verdana, sans-serif; font-size: 1.4em; margin-top: 1.5em; margin-bottom: 0.5em; clear: both; border-bottom:1px solid #ccc; text-align:left; color:#444444; padding-top:0 }
h3 { font-family: Arial, Verdana, sans-serif; font-size: 1.2em; margin-top: 2.5em; margin-bottom: 0.5em; clear: both }
h4 { font-family: Arial, Verdana, sans-serif; font-size: 1.1em; margin-top: 2.5em; margin-bottom: 0; clear: both; border-bottom:1px solid #ccc; text-align:left; color:#444444 }
h5 { font-family: Arial, Verdana, sans-serif; font-size: 2.5em; clear: both }
div#content_text p { font-family: Arial, Verdana, sans-serif; font-size: 1em; clear: both; margin-left:20px; line-height:140%}
p.link {margin:0 !important}

div { font-size: 10pt; font-family: Arial, Verdana, sans-serif }
div.popuplive { background-color: #cccccc; width: 450px; height: 100%; padding: 30px }
div.popupauthoring { height: 450px; width: 450px; margin: 20px auto 0 auto; padding: 30px; background-color: #cccccc } 
div.hideme { visibility: hidden }
div#tooltips div.tooltip 
{  
    float: right;
    background: url(images/shadow.png) no-repeat bottom right !important;
    background: url(images/shadow.gif) no-repeat bottom right;
    margin: 10px 0 0 10px !important;
    margin: 10px 0 0 5px;
}
div#tooltips div.tooltip div
{
    background: none !important;
    background: url(images/shadow2.gif) no-repeat left top;
    padding: 0 !important;
    padding: 0 6px 6px 0;
}
div#tooltips div.tooltip p
{
    background-color: #a8cee2;
    padding: 4px;
    margin: -6px 6px 6px -6px !important;
    margin: 0;
}

table { border-spacing: 0px; padding: 0px }
table#layout { border-spacing: 2px 2px }
div#content_text table { margin-left: 16px; margin-right:16px }

td { font-size: 10pt; font-family: Arial, Verdana, sans-serif; text-align: left }
td.breadcrumbs { background-color: #9999ff }

span.footnote-text { font-size: 8pt }
span.disclaimer { font-size: 8pt }

a:link { color: #333399 }
a:active { color: #333399 }
a:visited { color: #333399 }

ul { list-style-type:square }
.list li { padding-top: 2px; padding-bottom: 2px; }
.printview   { margin-left: 20px; width: 600px }
.dc-title   { display: block; color: #333; font-size: 24px; font-family: "Times New Roman", Times, serif }
.asset		{ display: block; color: #000; font-size: 10px; margin: 10px 10px 10px 5px;}
.object object { display: block;}

span.a { text-decoration: underline; color: #666666 }
span.footnote-reference { text-decoration: underline; color: #666666 }
table.ornate { border-spacing: 0px; padding: 0px; background-color: #dfdfdf}
td.ornate { font-size: 10pt; font-family: Arial, Verdana, sans-serif;border-color:#666666; border-width:1px; border-style:solid }
div.footnotes { display: block }
div.footnotes title { display: block; color: #666666 }
[name=bxe_areaHolder] span.footnote { display: block; background-color: #dedede; margin-bottom: 20px }
[name=bxe_areaHolder] div.lernpfad {word-spacing: 12px; margin-bottom: 10px }

img { border: none }
code  { font-family: Courier, serif; font-weight: normal; line-height: 0.8em }
tt { text-align: left }
dt   /* Used for representing the glossary term (not the explanation!). */  { font-weight: bold; margin-top: 1em; clear: both }
sub, sup   /* Used in the eLML element "formatted" */ { font-size: 0.6em }
.popupTitle   /* popup title color */ { color: #016F00; font-weight: bold; font-size: 1em; cursor: pointer; }
.box, .popup  { background-color: #e0e0e0; margin: 1em 3em; padding: 0.5em 1em; border: solid 2px black  }
.tutor { color: red; font-weight: bold; background-color: yellow }
.icon  /* icon is used where the remark attribute is set. */ { margin: 0.5em 1em 0.5em 0; float:left; padding-bottom: 3em; }
.columnMiddle, .columnRight { padding-left: 1em; }
.link_table, .link_table td { padding: 0.5em; border: solid 1px #000000; border-collapse: collapse; }
.table  /* Define table cells for real tables here. */  { border-collapse: collapse ; text-align: left; }
.tabledata, .tableheading { padding: 0.5em; border: solid 1px #000000; border-collapse: collapse; text-align: left; vertical-align: top;}
.tabledata, .tableheading, .columnLeft, .columnMiddle, .columnRight  /* IE seems to ignore BODY settings and seems to need that within table cells... */  { font-size: 12px; text-align: left; }
.column { width: 100%; }
.term  /* A glossary term that is used inline in the text. */  { font-weight: bold; cursor: help }
.legend  /* eLML elements like tables, multimedia (image, flash), lists etc. can have legends displayed usally centered below the element. */   { font-size: 0.8em; line-height: 1em; text-align: inherit; margin-top: 0.5em; margin-bottom: 1em; }
ul.bibliography li {padding-top: 3px; padding-bottom:3px;}
.bibTitle, .index, .indexItem  /* The title of a bibliography element (eg. book) in the bibliography list. Usually italic. */ { font-style: italic }
.bibAuthor /* The author of a bibliography element (eg. book). Usually bold. */  { font-weight: bold; text-transform: uppercase }
ul.furtherReading li {padding-top: 3px; padding-bottom:3px;}
span.bibCommentFurther    /* The comment of a bibliography element (eg. book) in the recommended/further reading list. Not displayed in the bibliography list! */  { font-size: 0.8em; font-weight: bold; }
.bibCommentSource   /* The comment of a bibliography element (eg. book) in the bibliography list. */  { font-size: 0.8em }
.glossaryTooltip  { background-color: white;padding: 0.5em; margin: 0; border: solid 1px black; width:300px }
.glossaryTooltip strong {margin: 0; font-weight: bold}

.multimedia_paragraph_left  { float: none; clear: both; padding: 1em 1em 1em 0; display: block; }
.multimedia_paragraph_center { text-align: center; width: 100%; float: none; clear: both; padding-left: 1em ;padding-right: 1em;  display: block; }
.multimedia_paragraph_right { text-align: right; float: none; clear: both; padding: 1em 0 1em 1em; display: block; }
.multimedia_inline_left  { float: left; padding-right: 1em; padding-left: 0; display: inline; }
.multimedia_inline_center { text-align: center; width: 100%; float: left; padding-right: 1em; padding-left: 1em; display: inline; }
.multimedia_inline_right  { text-align: right; float: right; padding-right: 0; padding-left: 1em; display: inline; }
.download_table .tabledata, .download_table  .tableheading { padding: 0 1.7em 0 0; border: 0; border-collapse: collapse; }

.annotation { display:none; }

input
{
    background-color:#ebebfa;
    border:1px solid #666699;
/*    box-shadow: 0 0 2px rgba(0, 0, 255, 1);
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 255, 1); 
    -moz-box-shadow: 0 0 2px rgba(0, 0, 255, 1);*/ 
}

/*******************/
/*LAYOUT STYLESHEET*/
/*******************/
#container
{
	float:left;
	height:auto;
	width:991px;
	border-left:9px solid #666699;
	border-bottom:1px solid #666699;
	border-right:1px solid #666699;
}

#phpcounter_container
{
    	float:left;
	visibility:hidden;
}

#header
{
	float:left;
	border-bottom:1px solid #666699;
}

#topnav
{
	float:left;
	width:100%;
	height:30px;
	border-bottom: 1px solid #666699;
	text-align:center;
}

.tnav
{
	float:right;
	height:30px;
	border-left: 1px solid #666699;
}

.tnav a:link  { color: #616699; text-decoration: none }
.tnav a:visited  { color: #616699; text-decoration: none }

table.tnav_heading
{
    width:100%;
    height:100%;
}

table.tnav_heading td
{
    text-align:center;
    vertical-align:middle;
    color:#65669c;
}

.font_normal
{
    font-size:12px;
}

.font_small
{
    font-size:11px;
}

#cont
{
	float:left;
	width:100%;
	height:auto;
}

#navigation
{
	float:left;
    width:220px;
    min-height:667px;                /*609*/
}

#content
{
	float:left;
	width:770px;
	min-height:649px;                /*+18 (border)*/
	border-top:9px solid #666699;
	border-bottom:9px solid #666699;
	border-left:1px solid #666699;
}

#content_text
{
	float:left;
	width:473px;
	padding:20px 25px;
}

.column                    /* IE */
{
    padding-left:1.5em;
    padding-right:1.5em;
    border-right:1px solid #c4c8cc; 
}

.column.first
{
    padding-left:0;
}

.column.last
{
    border-right:none;
    padding-right:0;
}

.multi_column_2
{
	text-align: justify;
	-moz-column-count: 2;
	-moz-column-gap: 50px;
	-moz-column-rule: 1px solid #c4c8cc;
	-webkit-column-count: 2;
	-webkit-column-gap: 50px;
	-webkit-column-rule: 1px solid #c4c8cc;	
}

.multi_column_3
{
	text-align: justify;
	-moz-column-count: 3;
	-moz-column-gap: 50px;
	-moz-column-rule: 1px solid #c4c8cc;
	-webkit-column-count: 3;
	-webkit-column-gap: 50px;
	-webkit-column-rule: 1px solid #c4c8cc;	
}

.multi_column_4
{
	text-align: justify;
	-moz-column-count: 4;
	-moz-column-gap: 50px;
	-moz-column-rule: 1px solid #c4c8cc;
	-webkit-column-count: 4;
	-webkit-column-gap: 50px;
	-webkit-column-rule: 1px solid #c4c8cc;	
}

.single_column
{
}

#content_lawdisp
{
    float:right;
    width:100px;
    min-height:629px;                /*650-20*/
    border-left:1px solid #666699;
    padding:10px;
}

#Show_Artikel
{
    padding-left:16px;
    padding-right:16px;
    padding-bottom:16px;
    position:absolute;
    top:178px;
    width:460px;
    z-index:3;
    visibility:hidden;
    border: 2px solid #1a54ff;
    background:#b3c6ff;
}

.artikel_display
{
    padding-left:16px;
    padding-right:16px;
    padding-bottom:16px;
    position:absolute;
    width:553px;
/*    max-height:300px;
*/    overflow:auto;
    z-index:3;
    visibility:hidden;
    border: 2px solid #fb7600;
    background:#fdc391;
}

#my_iframe_menu
{
    min-height:609px;
    width:100px;
    visibility:hidden;
    overflow:hidden;
}

#content_images
{
    float:right;
    width:145px;
    min-height:649px;                /*609-9*/
    border-left:1px solid #666699;
}

.thmbnl_cont
{
    width:90%;
    height:auto;
    margin:5%;
}

.thmbnl_cont:hover
{
    border:1px solid #666699;
}

#footer
{
    float:left;
    width:100%;
    height:21px;
}

.footer_dummy
{
    float:left;
    height:auto;
    border-top:9px solid #666699;
}

#footer_text
{
    float:right;
    width:261px;
    height:16px;
	background-color:#c3c4d3;
    border-left:1px solid #666699;
	font-size:11px;
	padding-left:6px;
	padding-top:5px;
}
#footer_text a:link  { color: #000000; text-decoration: none }
#footer_text a:visited  { color: #000000; text-decoration: none }

/* ---------------------------------------------Menu------------------------------------------------------*/
td#navigation { background-color:#9999ff; }
table.menu { empty-cells:show; width:100% } 

.menuindex {background-color: #ffffff; color:#65669c; font-weight:bold; text-decoration:none; height:auto; padding-left: 24px; padding-top:7px; padding-bottom:7px; cursor:pointer }

.invisible { display:none }

.menuitem1 { background-color: #828493; width:100%; height:auto; text-align:left; float:left; color:#000000; text-decoration:none; padding-top:12px; padding-bottom:12px; cursor:pointer }
.menuitem1 .menuitem1_index { width: 0px; height:auto; padding-left: 16px; float:left; }
.menuitem1 .menuitem1_title { width: 172px; height:auto; padding-left:24px; float:left; }
.menuitem1:hover { background-color:#3e3e5d; color:#ffffff }
.menuitem1_inactive { background-color: #ffffff; width:100%; height:auto; text-align:left; float:left; color:#000000; text-decoration:none; padding-top:12px; padding-bottom:12px; cursor:pointer }
.menuitem1_inactive .menuitem1_index { width: 0px; height:auto; padding-left: 16px; float:left; }
.menuitem1_inactive .menuitem1_title { width: 172px; height:auto; padding-left: 24px; float:left; }
.menuitem1_inactive:hover { background-color:#3e3e5d; color:#ffffff }

.menuitem2 { background-color: #c3c4d3; width:100%; height:auto; text-align:left; float:left; color:#000000; text-decoration:none; padding-top:12px; padding-bottom:12px; cursor:pointer }
.menuitem2 .menuitem2_index { width: 0px; height:auto; padding-left: 16px; float:left; }
.menuitem2 .menuitem2_title { width: 172px; height:auto; padding-left: 24px; float:left; }
.menuitem2:hover { background-color:#52527b; color:#ffffff }

.menuitem3 { background-color: #ebebfa; width:100%; height:auto; text-align:left; float:left; color:#000000; text-decoration:none; padding-top:12px; padding-bottom:12px; cursor:pointer }
.menuitem3 .menuitem3_index { width: 0px; height:auto; padding-left: 16px; float:left; }
.menuitem3 .menuitem3_title { width: 172px; height:auto; padding-left: 24px; float:left; }
.menuitem3:hover { background-color:#666699; color:#ffffff }

.menuitem_act { font-weight:bold }

.menuspacer { width:100%; height: 1px; background-color: #ffffff; float:left; } 
.menuspacer_inactive { width:100%; height: 1px; background-color: #666699; float:left; }
.menumarker { width:100%; height: 8px; background-color: #ffffff; float:left; border-bottom:1px solid #666699 } 

div.menulabel div.left { position: relative; float:left; cursor:pointer }
div.menulabel div.right { position: relative; float:right; width: 140px; cursor:pointer }
table.infomenu { empty-cells: show }
td.infomenuindex { background-color: #9999ff; width: 140px; height: 30px; padding: 2px }
td.infomenuitem { background-color: #9999ff; width: 140px; height: 30px; padding: 2px }

.nlevel1   { padding: 0px 0px 0px 7px }
.nlevel2   { padding: 0px 0px 0px 14px }
.menuindex a:link  { color: #666699; text-decoration: none }
.menuindex a:visited  { color: #666699; text-decoration: none }
#navigation a { color:#000000; text-decoration:none }

.hidden { visibility:hidden; width:0px; height:0px }

#div_ovrview
{
    top:144px;
    border:4px solid #666699;
    position:absolute;
    width:auto;
    height:auto;
    visibility:hidden;
}

#div_ovrview_title
{
    display:none;
    background-color:white;
    color:black;
    font-size:14px;
    font-weight:normal;
    padding-left:10px;
    padding-top:9px;
    padding-bottom:9px;
}
.thmbnl_cont a:link  { color: #000000; text-decoration: none }
.thmbnl_cont a:visited  { color: #000000; text-decoration: none }
.thmbnl_legend { font-size:11px }
.thmbnl { visibility:hidden; width:100%; height:auto; -ms-interpolation-mode:bicubic }

/******************/
/*PROJECT SPECIFIC*/
/******************/
li p {
    padding-top:0px;
    padding-bottom:0px;
    margin-top:1px;
    margin-bottom:1px;
}

a.bibLink {
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 18px;
    background:url('images/pdf_s.gif') no-repeat left;
}

no_border { border:none }

table.our_table
{
    border-collapse:collapse;
    font-family: Arial, Verdana, sans-serif;
}

table.our_table th.tableheading
{
    text-align:left;
    vertical-align:top;
    font-size:12px;
    font-weight:bold;
}

table.our_table td.tabledata
{
    text-align:left;
    vertical-align:top;
    font-size:10px;
}

table.our_table td ul
{
   padding-left: 10px;
   margin-left: 0px;
   text-indent: 0px;;
}

table.small_table
{
    border-collapse:collapse;
    font-family: Arial, Verdana, sans-serif;;
}

table.small_table th.tableheading
{
    text-align:left;
    vertical-align:top;
    font-size:9px;
    font-weight:bold;
}

table.small_table td.tabledata
{
    text-align:left;
    vertical-align:top;
    font-size:9px;
}

table.small_table td ul
{
   padding-left: 10px;
   margin-left: 0px;
   text-indent: -5px;
   color: red;
}

p.italic_bold {
    font-weight: bold;
    font-style:italic;
}

p.inset_italic {
    margin-left: 20px;
    margin-right:10px;
    font-style: italic;
}

p.fragetext {
    font-weight: bold;
    color: #202CAF;
    background-color: white;
}

p.kursiv {
    font-style: italic;
}

li p {
    /*border: 1px solid red;*/
    padding-top:0px;
    padding-bottom:0px;
    margin-top:1px;
    margin-bottom:1px;
}

a.download_pdf {
    background-color:white;
    color: #333399;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    font-size: 12px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 18px;
    background:url('images/pdf_s.gif') no-repeat left;
}

a.bibLink {
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 18px;
    background:url('images/pdf_s.gif') no-repeat left;
}

a.link_intern:link {
    background-color:white;
    color: #333399;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 15px;
    background:url('images/link_intern.gif') no-repeat left;
}
a.link_intern:visited {
    background-color:white;
    color: #333399;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 15px;
    background:url('images/link_intern.gif') no-repeat left;
}

a.link_intern:active {
    background-color:white;
    color: #333399;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 15px;
    background:url('images/link_intern.gif') no-repeat left;
}
a.link_intern:hover {
    background-color:white;
    color: #333399;
    font-size: 12px;
    font-weight: bold;
    text-decoration: underline;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 15px;
    background:url('images/link_intern.gif') no-repeat left;
}

/* "annotated term" styling (icon) */
a.annoterm:link
{
    background-color:white;
    font-weight: bold;
    cursor: pointer;
    padding-left: 12px;
    background:url('icons/term.gif') no-repeat left;
}
a.annoterm:visited
{
    background-color:white;
    font-weight: bold;
    cursor: pointer;
    padding-left: 12px;
    background:url('icons/term.gif') no-repeat left;
}
a.annoterm:active
{
    background-color:white;
    font-weight: bold;
    cursor: pointer;
    padding-left: 12px;
    background:url('icons/term.gif') no-repeat left;
}
a.annoterm:hover
{
    background-color:white;
    font-weight: bold;
    cursor: pointer;
    padding-left: 12px;
    background:url('icons/term.gif') no-repeat left;
}

/* ==============================================================================================
    CUSTOM STYLES
============================================================================================== */

/* paragraphs */

p.bold {
    font-weight:bold;
}

p.kursiv {
    font-style: italic;
}

div.box {
    background-color: #DDDDDD;
    border: 1px solid #AFAFAF;
}

p.fragetext {
    font-weight: bold;
    color: #202CAF;
    background-color: white;
    text-indent:0px !important;
}

p.code {
    background-color: #DDDDDD;
    font-family: "courier new",courier,monospace;
    font-size: 11px;
    font-weight: normal;
    color: #0000FF;
    padding: 5px 5px 5px 5px;
    white-space:pre-line;
    text-indent:0px !important;
    
}

p.info {
    
    border: 1px solid #045FB4;
    font-size: 13px;
    color: #000;
    padding: 5px 5px 5px 25px;
    background: #EFF0FF url('images/info.png') no-repeat 2px 3px;
    text-indent:0px !important;
}

p.achtung {
    
    border: 1px solid #CC3333;
    font-size: 13px;
    color: #000;
    padding: 5px 5px 5px 25px;
    background: #FFEFF0 url('images/achtung.png') no-repeat 2px 3px;
    text-indent:0px !important;
}

p.screencast {
    
    border: 1px solid #7D878F;
    font-size: 13px;
    color: #000;
    padding: 5px 5px 5px 25px;
    background: #E0E8EF url('images/swf.gif') no-repeat 2px 3px; 
    text-indent:0px !important;
}

p.citation {
   margin-left: 10px;
   margin-right: 10px;
   padding: 5px;
   font-size: 13px;
   font-style: italic;
   font-family:Georgia, Helvetica, serif;
   background-color: #DDDDDD;
   color: #000;
   text-indent:0px !important;
}

/* lists */

ul {
    list-style-type:circle;
    padding-left:36px;
}

ul li {
    padding-left:12px;
}

li.bold {
    font-weight: bold;
}


/* tables */


/* links */

a.link {
	background-image:url(images/intern.gif);
	background-position:left top;
	background-repeat:no-repeat;
	margin-left:2px;
	padding-left:13px;
	padding-right:2px;
	text-decoration: none;
}

a.www {
    color:#333399;
    text-decoration:none;
    background-image:url(images/www.gif);
	background-repeat:no-repeat;
	margin-left:2px;
	padding-left:13px;
	padding-right:2px;
	text-decoration: none;
}

a.link:hover, a.www:hover {
    background-color:#E9E9F0;
    text-decoration: none;
}

a.link:visited, a.www:visited {
    color:#333399;
    text-decoration: none;
    
}


a.download_pdf {
    background-color:white;
    color: #000;
    font-size: 12px;
    font-weight: normal;
    text-decoration: none;
    border-bottom: 1px dotted #afafaf;
    font-size: 12px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 18px;
    background:url('images/pdf_s.gif') no-repeat top left;
}

a.mail_kontakt {
    background-color:white;
    color: #000;
    font-size: 12px;
    font-weight: normal;
    text-decoration: none;
    border-bottom: 1px dotted #afafaf;
    font-size: 12px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 18px;
    background:url('images/mail.gif') no-repeat left;
}

p.info a.link, p.achtung a.link, p.info a.link, p.screencast a.link {
    color: #000;
    font-size: 12px;
    font-weight: normal;
    text-decoration: none;
    border-bottom: 1px dotted #333;
    font-size: 12px;
    background:none;
    padding: 0px 0px 0px 0px;
    
}

p.screencast a.link:hover {
    background-color:white;
    text-decoration: underline;
}

p.info a.link:visited, p.achtung a.link:visited, p.info a.link:visited, p.screencast a.link:visited {
    color: #000;
    font-size: 12px;
    font-weight: normal;
    text-decoration: none;
    border-bottom: 1px dotted #333;
    font-size: 12px;
    background:none;
    padding: 0px 0px 0px 0px;
}

a.swf:hover {
    background-color:white;
    color: #FF3F47;
    font-size: 12px;
    font-weight: normal;
    text-decoration: none;
    border-bottom: 1px dotted #FF3F47;
    font-size: 12px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    background:#E0E8EF;
}

a.no_icon {
	background-image:none;
	text-decoration: none;
}

/* other */

span.phone_kontakt {
    background-color:white;
    color: #000;
    font-size: 12px;
    font-weight: normal;
    text-decoration: none;
    font-size: 12px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 18px;
    background:url('images/phone.gif') no-repeat left;
}

span.black {
    color:black;
}

span.orange {
    color:orange;
}


div.box {
    padding: 5px;
    background-color: #DDDDDD;
    border: 1px solid #AFAFAF;
}

/* nur benützen wenn die Bilder wirklich 500 px gross sind, kann ansonsten hässlich aussehen */

img.img_bordered_500 {
    width: 500px;
    border: 1px solid #AFAFAF;
    margin-top:0px;
    margin-left:0px;
    margin-right:0px;
    margin-bottom:1px;
    padding-left: 3px;
    padding-right: 3px;
}

img.img_bordered_500 + span.legend{
    border: 1px solid #AFAFAF;
    background-color: #C2D7EF;
    padding: 3px;
    color: #000;
    width: 500px;
    margin: 0px;
    font-size: 11px;
    font-weight:normal;
    font-family: Verdana, Arial, serif;
}