/**
*
* @note                     css file for typography
*                           
* @appdef                   semigator
* @app-myapp-theme          
* @app-myapp-used           True
* @media                    screen
* @valid                    true
*                           
* @author                   Alp Uçkan
* @version                  1.0
* @link                     http://www.semigator.de/
*                           
*/                          
                            
/**                         
* @section                  setting font type and sizes
*
*/                          
                            
html                        { font-size: 100.01%; /* equals default size of 16px in most browsers */ } 
body                        { font-size: 62.5%; /* this takes 16px down to 10px so 1em is 10px */ font-family: Verdana, Tahoma, 'Bitstream Vera Sans', sans serif; }
#Canvas                     { font-size: 1.2em; /* <--- set average font size here / 1.2 X 10 = 12px */ } 

li li,
li p,
td p,
blockquote p                { font-size: 1em; /* prevent shrinking in nested elements */ } 

/**
* @section                  Headers
*/                          
h1, h2, h3, h4, h5, h6      { font-family: Arial, sans serif; font-weight: bold; line-height: 1.25em; margin: 0 0 .583em 0; padding: 0; }
h1                          { font-size: 1em; font-family: Arial, sans serif; margin: 0; text-align: center; font-weight: normal; }
h2                          { font-size: 1.667em; }
h3                          { font-size: 1.333em; }
h4                          { font-size: 1.1667em; }
h5                          { font-size: 1.083em; }
h6                          { font-size: 1.0em; }

h2 em                       { font-style: normal; } /* keywords in headings */

.sectionHeader              { text-align: center; }

/**                         
* @section                  Text
*/                          

p, address                  { margin: 0 0 1.333em 0; padding: 0; line-height: 1.5; }
.small                      { font-size: .91666em; }
sup                         { font-size: .83333em; display: inline-table; vertical-align: text-top; font-weight: bold; }
em                          { font-style: italic; }
strong, .strong             { font-weight: bold; }
acronym,                    
abbr                        {  }
blockquote                  { margin: 0 3em 2em 2em; padding: 0; }
blockquote p:before         { content: "\00BB"; }
blockquote p:after          { content: "\00AB"; }

.content ol,
.content ul,
ul.content,
ol.content                  { margin: 0 0 1em 3em; padding: 0; list-style-type: decimal; }
.content ul li,
ul.content li               { margin: 0; line-height: 1.5; list-style-type: disc; }
.content ol li,
ol.content li               { margin: 0; line-height: 1.5; }

ul.inline,
ol.inline                   {}
ul.inline li,
ol.inline li                { display: inline-block; }

/**
* @section                  Hyperlinks
*/                          
                            
a:link,
a:visited                   { text-decoration: underline; }
a:hover,                    
a:active,                   
a:focus                     { text-decoration: none; }
                            
/*                          use <a class="stndrd" href=""></a> to make a hyperlink look like a standard semigator hyperlink
                            in areas where hyperlinks are styled like normal text
*/                          

a.stndrd:link,
a.stndrd:visited            { text-decoration: underline !important; }
a.stndrd:hover,             
a.stndrd:active,            
a.stndrd:focus              { text-decoration: none !important; }

a.simpleText:link,
a.simpleText:visited        { text-decoration: none !important; }
a.simpleText:hover          { text-decoration: underline !important; }             
a.simpleText:active,            
a.simpleText:focus          { text-decoration: none !important; }

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

/**                         
* @section                  pdf links
*/                          

body a[href=".pdf"],
body a[href=".doc"],
body a[href=".vcf"]        { padding-right: 20px; }
body a[href=".pdf"]        { padding-bottom: .2em; }

/**
* @section                  icon links
*/                          

.prevContainer a,
.nextContainer a            { line-height: 1.5; } 
.prevContainer a            { padding-left: 1.667em; } 
.nextContainer a            { padding-right: 1.667em; } 

.printContainer a,
.pdfContainer a,
.feedbackContainer a,
.noticeContainer a,
.recommendContainer a       { line-height: 2; padding-bottom: .283em; }

.printContainer a,
.pdfContainer a             { padding-left: 1.667em; }

.ok,
.bookmarkContainer a,
.feedbackContainer a,
.noticeContainer a          { padding-left: 1.000em; }
.bookmarkContainer a        { padding-left: 1.250em; }
.ok                         { line-height: 1.25; }

.recommendContainer a       { padding-left: 2.169em; white-space: nowrap; }

.pulldown,
.pulldownDark               { padding-right: 1em; }

br                          { margin-bottom: 1em; }
span.br                     { display: block; margin-bottom: .583em; }

.centered                   { text-align: center; }
.right                      { text-align: right; }

/**
* @section                  *** DEPRECATED ***
*/                          

.semPagerPrev a,
.semPagerNext a             { display: block; line-height: 2; }
.semPagerPrev a             { padding-left: 2em; }
.semPagerNext a             { padding-right: 2em; text-align: right; }

ul.tall li                  { margin-bottom: .583em; }