/* -------------------------------------------------------------- 

   typography.css
   * Sets up some sensible default typography.
   
-------------------------------------------------------------- */

/* Default font settings. 
   The font-size percentage is of 16px. (0.75 * 16px = 12px) */
html { font-size:100.01%; }
body { 
  font-size: 75%;
  color: #000; 
  background: #244e89;
  font-family: Arial, Verdana, "Helvetica Neue", Helvetica, sans-serif;

}


/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: 900; color: #4d4d4d; }

h1 { font-size: 1.9em; line-height: 1; margin-bottom: 0.5em; text-transform: uppercase; letter-spacing: 1px;}
h2, .focus_teaser h3 { font-size: 1.2em; line-height: 1; margin-bottom: 0.75em;  text-transform: uppercase; letter-spacing: 1px;}
.miniarticles_block h2 { text-transform: none; font-size: 1.9em;}
h3 { font-size: 1.2em; line-height: 1.2em; margin-bottom: 1em; }
h4 { font-size: 1em; line-height: 1.25; margin-bottom: 1.25em; }
h5 { font-size: 1em; margin-bottom: 1.5em; }
h6 { font-size: 1em;  }
.teaser_box_360 h2 {font-size: 1.7em}
h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img {
  margin: 0;
}


.kicker
{
  color: #fff;
  text-transform: uppercase;
  font-size: 12px;
}

/* Text elements
-------------------------------------------------------------- */

p           { margin: 0 0 1.5em; }
p img.left  { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }


div#content_main p{ font-family: Arial;
font-size:1.0em;
margin:0 0 1em 0;
line-height:1.5em;
letter-spacing: 0px;
}
.teaser_box p, .teaser_box_360 p  {font-size: 13px; text-transform: uppercase; color: #4d4d4d}
.counterteaser p  {font-size: 11px; text-transform: uppercase; color: #4d4d4d}


a, a:link           { text-decoration: none; }
a:focus, 
a:hover     { text-decoration: underline; }

h1 a,h2 a,h3 a,h4 a,h5 a,h6 a, 
h1 a:focus,h2 a:focus,h3 a:focus,h4 a:focus,h5 a:focus,h6 a:focus,
h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover {color: #4d4d4d; text-decoration: none; }

#service_navi, #service_navi a, #service_navi label { font-size: 0.9em; color: #fff; }
#service_navi a.active { color: #3c3c3c;}

/*
div#content_main p a, div#content_main ul a, div#content_main ol a { color: #00792c; font-weight: 900; background: url(../img/content/arrow-textlink.png) left center no-repeat; display: inline; padding-left: 15px;}
div#content_main p a:hover, div#content_main ul a:hover, div#content_main ol a:hover { color: #498f41; text-decoration: underline;}
div#content_main p a:visited, div#content_main ul a:visited, div#content_main ol a:visited { color: #498f41;}
*/

div#content_main p a, .article_block ul a, .article_block ol a, .info_block ul a, .info_block ol a { color: #00792c; font-weight: 900; background: url(../img/content/arrow-textlink.png) left center no-repeat; display: inline; padding-left: 15px;}
div#content_main p a:hover, .article_block ul a:hover, .article_block ol a:hover, .info_block ul a:hover, .info_block ol a:hover { color: #498f41; text-decoration: underline;}
div#content_main p a:visited, .article_block ul a:visited, .article_block ol a:visited, .info_block ul a:visited, .info_block ol a:visited { color: #498f41;}


a.button, a.button:hover, a.button:visited, .form input.submit {font-size: 14px !important; color: #fff !important; text-transform: uppercase; text-decoration: none;}
span.dateline {color: #498f41;}

blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }

abbr, 
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#666; }

pre         { margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }


/* Lists
-------------------------------------------------------------- */

li ul,
li ol       { margin: 0; }
ul, ol      { margin: 0 1.5em 1.5em 0; padding-left: 0; }
/*Style lists*/
#content_main ul li       { margin-left:12px; text-indent: -12px; }
#content_main ul li:before{ content: "+"; padding-right: 5px; }
#content_main .indent ul li{ margin-left:24px; }
#content_main .indent ul li:before{ content: "-"; padding-right: 8px; }

ul          { list-style: none; /*list-style-type: disc; list-style-position: inside;*/}
ol          { list-style-type: decimal; }

dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}

div#content_main ul, div#content_main ol { list-style-position: inside; line-height:1.5em;}

/* Tables
-------------------------------------------------------------- */

table       { }
th          { font-weight: bold; }
thead th     { background: #e6e6e6; }
th,td,caption { }
tr.even td  {  }
tfoot       { font-style: italic; }
caption     { background: #fff; color: #00792c; font-weight: 900; text-transform: uppercase; margin-bottom: 0.5em; letter-spacing: 1px;}
div#content_main td, div#content_main th { padding: 10px 5px 5px 10px; vertical-align: top; text-align: left;border: 1px solid #d2d2d2;}
div#content_main table {border-collapse: collapse; margin-bottom: 1em;}
div#content_main td, div#content_main th {}

/* Misc classes
-------------------------------------------------------------- */

.small      { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.hide       { display: none; }

.quiet      { color: #666; }
.loud       { color: #000; }
.highlight  { background:#ff0; }
.added      { background:#060; color: #fff; }
.removed    { background:#900; color: #fff; }

.first      { margin-left:0; padding-left:0; }
.last       { margin-right:0; padding-right:0; }
.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }

.detail     {color:green}
.name-of-person{color:blue}
.important  {color:red;}