/**
 * color codes
 *
 * @description:	user color in project
 *
 * @author:			Sven Wolfermann <sven.wolfermann@marit.ag>
 * @dependencies: 	see element documentations	
 * @required: 		see element documentations	
 * @constants:		see element documentations	
 * @version:			1.0
 * 
 * 
 * 

background:         #ffffff (white)
textColor:          #828282 (grey) #

mainContent (bg):   #ffffff (white)

color1:             #143A58 (dark blue)#
color2:             #99221a (red)#

a (standard):       #143A58 (dark blue)
a (internal):       #143A58 (dark blue)
a (external):       #1c8ec9 (blue)

navHover (bg):      #dff0f9 (light blue)

borderColors:       #ddd (mid grey)
oddColor (bg):      #f8f8f8 (light grey)

 */



/**
 * fonts
 *
 * @description:	general font settings
 * 					styles and classes which can also be used in RTE (f.e. styles for p/table/a tags) (this file will be included in the RTE, see pageTSconfig.ts)
 * 					font-family, font-weight, font-size, font-style, font-variant, line-height, color, ...
 *
 * @author:			Marco Huber <marco.huber@marit.ag>
 * @dependencies: 	see element documentations	
 * @required: 		see element documentations	
 * @constants:		see element documentations	
 * @version:		1.0
 */

/** 
 * Default font settings.
 * The font-size percentage is of 16px. (0.75 * 16px = 12px) 
 */
html {
    height: 100%;
}

body {
    color: #828282;
    background-color: #fff;
    font: 100.01%/1.25 Verdana, "Lucida Sans", "Bitstream Vera Sans", "DejaVu Sans", Geneva, sans-serif;
    height: 100%;
}


/**
 * Headings // jv. : 6.10. angepasst auf wunsch von phe 
 */
h1,
h1 a,
h2,
h2 a,
h3,
h3 a,
h4,
h4 a, 
h5,
h5 a,
h6,
h6 a { 
  	font-family: Arial, Verdana, sans-serif;
	color: #99221a; 
	display:block;
	text-decoration: none; 
}
h1,
h1 a { 
	font-size: 27px; 
	line-height: 1; 
	padding-bottom: 15px;
}
h2,
h2 a { 
	font-size: 18px; 
	line-height: 1; 
	padding-bottom: 15px;
}
h3,
h3 a { 
	font-size: 13px; 
	line-height: 1; 
	padding-bottom: 8px;
}
h4,
h4 a { 
	font-size: 11px; 
	line-height: 1; 
	padding-bottom: 8px;
}
h5,
h5 a { 
	font-size: 11px; 
	line-height: 1; 
	padding-bottom: 8px;
}
h6,
h6 a { 
	font-size: 11px; 
	line-height: 1; 
	padding-bottom: 8px;
}

h1 a,
h2 a,
h3 a,
h4 a, 
h5 a,
h6 a { 
  	padding-bottom: 0;
}

/**
 * Text elements
 */
p { 
	padding: 0 0 1em;
}

a,
a.internalLink,
a:focus,
a.internalLink:focus,
a:hover,
a.internalLink:hover { 
	color: #000; 
	text-decoration: none; 
}


.summary a.internalLink {
	text-decoration: none; 
}
.summary a.internalLink:hover,
.summary a.internalLink:focus {
	text-decoration: underline; 
}

a.externalLink:link,
a.externalLink:visited
 { 
	color: #1c8ec9; 
	text-transform: uppercase;
	text-decoration: none;
}
a.externalLink:focus,
a.externalLink:hover {
   text-decoration: underline;
}
a.discretLink:link,
a.discretLink:visited
 { 
 	color: #828282;
	font-weight: bold;; 
	text-decoration: none;
}
a.discretLink:focus,
a.discretLink:hover {
	color: #143a58 ;
	font-weight: bold;
   text-decoration: underline;
}
H1 a.discretLink:link,
H1 a.discretLink:visited,
H2 a.discretLink:link,
H2 a.discretLink:visited,
H3 a.discretLink:link,
H3 a.discretLink:visited
{ 
	color: #99221a;
 	display: inline;
	text-decoration: none;
}
H1 a.discretLink:focus,
H1 a.discretLink:hover, 
H2 a.discretLink:focus,
H2 a.discretLink:hover, 
H3 a.discretLink:focus,
H3 a.discretLink:hover 
{
	display: inline;
	color: #143a58 ;
	font-weight: bold;
   text-decoration: underline;
}



a.emailLink,
a.emailLink:focus,
a.emailLink:hover { 
	color: #143a58; 
}
a.moreLink:link,
a.moreLink:visited,
span.moreLink a:link,
span.moreLink a:visited{ 
	color: #143a58;
/*	display: block;  // jv. am 7.12. verschoben dann am 8.12. nur in sidebar */
	text-decoration: none;
	text-transform: uppercase;
}
#sidebar a.moreLink:link,
#sidebar a.moreLink:visited,
#sidebar span.moreLink a:link,
#sidebar span.moreLink a:visited{ 
	display: block;  
}


a.moreLink:focus,
a.moreLink:hover,
span.moreLink a:focus,
span.moreLink a:hover { 
	text-decoration: underline;
	}
/*   2 doppelpunkte for dem after ??? */   
span.moreLink a {padding: 1em 0 0}
a.moreLink:after { content:"\00a0\00BB"; }
span.moreLink a:after { content:"\00a0\00BB"; }
a.externalLink:after { content:"\00a0\00BB"; }

a.buttonLink,
a.buttonLink:hover,
span.buttonLink a,
span.buttonLink a:hover { 
	background: #154695 url(../images/button-link.png) no-repeat 0 50%;
	border: 1px solid #154695;
	color: #fff;
	padding: 7px 10px 10px 40px;
	text-decoration: none
	}

a.backLink {
	background: #fff url(../images/arrow-grey.png) no-repeat 0 50%;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;	
	display: block;
	font-size: 10px;
	margin: 10px 0;
	padding: 2px 5px 2px 12px;
	text-decoration: none;
	text-transform: uppercase;
}
a.backLink:hover {
	text-decoration: underline;
}

.fileLink,
a.fileLink { 
	background:url('../images/default.gif') center left no-repeat;
	color: #143A58;
	display: inline-block; 
	padding-left: 25px;
}
/* Icons begin */
.ai{background-image:url('../images/ai.gif')!important;}
.ani{background-image:url('../images/ani.gif')!important;}
.au{background-image:url('../images/au.gif')!important;}
.avi{background-image:url('../images/avi.gif')!important;}
.bmp{background-image:url('../images/bmp.gif')!important;}
.cdr{background-image:url('../images/cdr.gif')!important;}
.css{background-image:url('../images/css.gif')!important;}
.csv{background-image:url('../images/csv.gif')!important;}
.doc{background-image:url('../images/doc.gif')!important;}
.dtd{background-image:url('../images/dtd.gif')!important;}
.eps{background-image:url('../images/eps.gif')!important;}
.exe{background-image:url('../images/exe.gif')!important;}
.fh3{background-image:url('../images/fh3.gif')!important;}
.flash{background-image:url('../images/flash.gif')!important;}
.folder{background-image:url('../images/folder.gif')!important;}
.gif{background-image:url('../images/gif.gif')!important;}
.htm{background-image:url('../images/htm.gif')!important;}
.html{background-image:url('../images/html.gif')!important;}
.ico{background-image:url('../images/ico.gif')!important;}
.inc{background-image:url('../images/inc.gif')!important;}
.java{background-image:url('../images/java.gif')!important;}
.jpg{background-image:url('../images/jpg.gif')!important;}
.js{background-image:url('../images/js.gif')!important;}
.max{background-image:url('../images/max.gif')!important;}
.mid{background-image:url('../images/mid.gif')!important;}
.mov{background-image:url('../images/mov.gif')!important;}
.mpeg{background-image:url('../images/mpeg.gif')!important;}
.mpg{background-image:url('../images/mpg.gif')!important;}
.pcd{background-image:url('../images/pcd.gif')!important;}
.pcx{background-image:url('../images/pcx.gif')!important;}
.pdf{background-image:url('../images/pdf.gif')!important;}
.png{background-image:url('../images/png.gif')!important;}
.ps{background-image:url('../images/ps.gif')!important;}
.psd{background-image:url('../images/psd.gif')!important;}
.rtf{background-image:url('../images/rtf.gif')!important;}
.sgml{background-image:url('../images/sgml.gif')!important;}
.swf{background-image:url('../images/swf.gif')!important;}
.sxc{background-image:url('../images/sxc.gif')!important;}
.sxw{background-image:url('../images/sxw.gif')!important;}
.tga{background-image:url('../images/tga.gif')!important;}
.tif{background-image:url('../images/tif.gif')!important;}
.ttf{background-image:url('../images/ttf.gif')!important;}
.txt{background-image:url('../images/txt.gif')!important;}
.wav{background-image:url('../images/wav.gif')!important;}
.wrl{background-image:url('../images/wrl.gif')!important;}
.xls{background-image:url('../images/xls.gif')!important;}
.xml{background-image:url('../images/xml.gif')!important;}
.xsl{background-image:url('../images/xsl.gif')!important;}
.zip{background-image:url('../images/zip.gif')!important;}
/* Icons end */

blockquote { 
	margin: 15px;
	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 #DDDDDD; 
}
address { 
	margin: 0 0 15px; 
	font-style: italic; 
}
del { 
}
pre { 
	margin: 15px 0; 
	white-space: pre; 
}
pre,
code,
tt { 
	font: 10px monospace; 
	line-height: 1.5; 
}

/**
 * Lists
 */

ul {
    margin: 0 0 1em 1em
}

ul li {
    background: transparent url(../images/list-point-arrow.png) no-repeat 0 7px;
    padding: 3px 5px 3px 20px
}

ol {
    margin: 0 0 1em 30px;
    list-style-type: decimal;
    color: #d12710;
    font-size: 14px;
    font-family: Helvetica, Arial, sans-serif;
}

ol li {
    padding: 3px 5px 3px 10px
}

ol li p {
    color: #828282;
    font-family: Verdana, "Lucida Sans", "Bitstream Vera Sans", "DejaVu Sans", Geneva, sans-serif;
    font-size: 12px;
    padding: 0
}
dl { 
	margin: 0 0 1em 0; 
}
dl dt { 
	font-weight: bold;
}
dd { 
	margin-left: 1em;
}

/**
 * Tables
 */
table { 
	margin-bottom: 1em; 
	width:100%; 
	border-collapse: collapse;
}
th { 
	background-color: #f8f8f8;
	color: #333;
}
thead th { 
}
th,
td,
caption { 
	padding: 2px; 
	vertical-align: top;
}
tfoot { 
	font-style: italic; 
}
caption { 
}
.bordered,
table.bordered,
table.bordered th,
table.bordered td,
tr.bordered th,
tr.bordered td,
th.bordered,
td.bordered {
	border: 1px solid #000000;
}

.zebra,
table.zebra {}

tr.zebra-odd td,
tr.zebra-odd th {
  background-color: #F8F8F8;
}
tr.zebra-even td,
tr.zebra-even th {
  background-color: #F1F1F1;
}

/**
 * Forms
 */

form ol {
    margin: 0 0 1em 0;
    list-style-type: none;
    color: #828282;
    font-size: 12px;
    font-family: Verdana, "Lucida Sans", "Bitstream Vera Sans", "DejaVu Sans", Geneva, sans-serif;
}

form ol li {
    padding: 3px 5px 3px 5px;
}

form ol li p {
    color: #828282;
    font-family: Verdana, "Lucida Sans", "Bitstream Vera Sans", "DejaVu Sans", Geneva, sans-serif;
    font-size: 12px;
    padding:0 0 5px;
}

input,
select,
option,
textarea {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #828282;
}
select {
    background: #fff;
	color: #828282;
    border: 1px solid #828282;
	height: 19px;
	padding: 0;
}
input[type="submit"] {
    background: #828282;
    border: none;
	color: #fff;
    cursor: pointer;
	margin: 0;
	padding: 2px 10px;
	vertical-align: middle;
	width:auto !important;
}
input[type="radio"], input[type="checkbox"] {
    border: none !important;
	width: auto !important;
}
/**
 * often used class (also for RTE)
 */
.align-left,
h1.align-left,h2.align-left,h3.align-left,h4.align-left,h5.align-left,h6.align-left,
p.align-left,
td.align-left,
th.align-left {
	text-align: left;
}
.align-right,
h1.align-right,h2.align-right,h3.align-right,h4.align-right,h5.align-right,h6.align-right,
p.align-right,
td.align-right,
th.align-right {
	text-align: right;
}
.align-center, 
h1.align-center,h2.align-center,h3.align-center,h4.align-center,h5.align-center,h6.align-center,
p.align-center, 
td.align-center, 
th.align-center {
	text-align: center;
}
.indent, 
p.indent, 
td.indent, 
th.indent {
	padding-left: 50px;
}