@font-face {
    font-family: "Titillium";
    font-weight: 500;
    src: url("/static/portal/custom/webfonts/TitilliumText22L004-webfont.ttf") format("truetype");
}   
@font-face {
    font-family: "Titillium";
    font-weight: 700;
    src: url("/static/portal/custom/webfonts/TitilliumText22L005-webfont.ttf") format("truetype");
}   
        /* Default font settings. */
      	html { font-size:100.01%; }   
		
      	/*font-style*/
      	body, textarea, input{
        	text-decoration: none;
        	font-weight: normal;
        	font-family :  Arial,Helvetica,sans-serif;        	
      	}
		
        /* body & AppWrap */
        body{
        	background: url('/static/portal/custom/img/hintergrund-slaek.png') repeat-x fixed left top #C7D2D1;
            margin:0;
            padding:0;
        }
		
        /* Headings
        -------------------------------------------------------------- */        
        h1, h2, h3, h4, h5, h6 { font-weight: bold; color: #597870; display: inline-block;font-family: Georgia,"Times New Roman",serif;}
        
        h1 { font-size: 1.81818em;line-height: 1.25em; margin-bottom: 0.5rem; font-weight:normal;}
        h2 { font-size: 1.18182em;line-height: 1.53846em; margin-bottom: 0.75rem; display: inherit;}
        h3 { font-size: 1.18182em;line-height: 1.53846em; margin-bottom: 1rem; }
        h4 { font-size: 1.18182em;line-height: 1.53846em; margin-bottom: 1.25rem; }
        h5 { font-size: 1.18182em;line-height: 1.53846em; font-weight: bold; margin-bottom: 1.5rem; }
        h6 { font-size: 1.18182em;line-height: 1.53846em; font-weight: bold; }
        
        h1 img, h2 img, h3 img,
        h4 img, h5 img, h6 img {
          margin: 0;
        }       
        
        #Content h1{
        	display: block;
            border-bottom: 1px dotted #597870;
            padding-bottom: 1.36364em;
            /* margin-bottom: 0.818182em; Knoebel */
        }
        #ContentSection h2{
        	display: block;
            border-bottom: 1px dotted #597870;
    		border-top: 1px dotted #597870;         
    		margin-bottom: 0.454545em;
   		 	margin-top: 0.636364em;
    		padding: 0.307692em 0;
        }
        
        /* Text elements
        -------------------------------------------------------------- */        
        p           { margin: 0 0 1.5em 0; color:#454545;}
        /* 
        These can be used to pull an image at the start of a paragraph, so 
        that the text flows around it (usage: <p><img class="left">Text</p>) 
        */
        .left  		{ float: left !important; }
        p .left		{ margin: 1.5rem 1.5rem 1.5rem 0; padding: 0; }
        .right 		{ float: right !important; }
        p .right 		{ margin: 1.5rem 0 1.5rem 1.5rem; padding: 0; }
  
        blockquote    { margin: 1.5rem; color: #666; font-style: italic; }
        strong,dfn	{ font-weight: bold; }
        em,dfn        { font-style: italic; }
        sup, sub      { line-height: 0; }
        
        abbr,
        acronym     { border-bottom: 1px dotted #666; }
        address     { margin: 0 0 1.5rem; font-style: italic; }
        del         { color:#666; }
        
        pre         { margin: 1.5rem 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.5rem 1.5rem 0; padding-left: 24px; }
        
        ul          { list-style-type: disc; }
        ol          { list-style-type: decimal; }
        
        dl          { margin: 0 0 1.5rem 0; }
        dl dt       { font-weight: bold; }
        dd          { margin-left: 1.5rem;}
          
        /* Image
        -------------------------------------------------------------- */
        img {padding:0;display: inline-block;}    
  
        /* Misc classes
        -------------------------------------------------------------- */
        .small      { font-size:12.8px;font-size: 0.8rem; margin-bottom: 1.875rem; line-height: 1.875rem; }
        .large      { font-size:19.2px;font-size: 1.2rem; line-height: 2.5rem; padding:2.5rem; }
        .hide       { display: none; }
        .bold		  {font-weight:bold;}
        
        .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; }
      
        /*   Button Styles & Links
        -------------------------------------------------------------- */
        
        a:focus,
        a:hover,
        a:active,
        a:visited,
        a:link       {color: #597870; text-decoration: none; }
        a            {color: #597870; text-decoration: none; /* display: block; Knoebel*/}
        
        a:hover{text-decoration:underline;}
        input.button , button.button{
          background-color:#597870;
          color: #fff;
          display: inline-block;
          padding:0.2em;
          font-size: 1em;          
          text-decoration:none;          
          font-weight: bold;
          line-height: 16px;         
        }
        input[type="submit"]{
        	line-height: 16px;         
        }
        a.button{
        	font-size:1em;
            background:#597870;
            color:#fff;
            border-radius:0px;
            font-weight:bold;
            text-decoration:none;
            text-align: center;           
            display: inline-block;          
            padding-top:0.2em;
            padding-bottom:0.2em;
            line-height: 16px;
        }        
        input.button.primary, button.button.primary {
        	color:#fff;
    		background: url("/static/portal/custom/img/icon_pfeil_rechts_nav.png") no-repeat scroll 3% center #597870;
            text-transform:uppercase;
            font-size:1em;
            /*max-width: 200px;
      		min-width: 194px;         
            */
		}
        input[type="submit"].button.primary:hover,input[type="submit"].button.primary:focus,button.button.primary:hover,button.button.primary:focus{
          background: url('/static/portal/custom/img/icon_pfeil_rechts_focus.png') no-repeat scroll 3% center #EEF1F0;
          color: #597870;
        }   
        a.button:hover, a.button:focus, input.button:focus, input.button:hover,button.button:hover,button.button:focus{
        	background:#EEF1F0;
            color:#597870;
        }
        a.button:active{
        	background:#EEF1F0;
            color:#597870;
        }        
        input.button,a.button,button.button{cursor:pointer;border:none;padding-left:1.5em;padding-right:1.5em;
        	padding-top:0.4em;
            padding-bottom:0.4em;
        }
        /* a.Button normalize */             
        input, textarea, button, select{         
          -webkit-border-radius:0px;
          border-radius:0px;
          -moz-border-radius:0px;
          color:#454545;
        }
        /* opera Button Fix */
         doesnotexist:-o-prefocus, a.button {
          line-height:14px;
        }
        
        /* Tables
        ---------------------------------------------------*/
        table{color:#454545;border-collapse: collapse;border-color:#597870;}
        thead th{
          border:dotted;
          border-width: 1px 0;
        }
        table tr td{
          border-bottom: 1px dotted;
          border-width: 1px 0;
        }        
        th, td {
          padding: 4px;
        }
        /* DataTable Definitions */
        table.DataTable tr.even { background-color: #EEF1F0; }
		table.DataTable tr.odd { background-color: #fff; }
        table.DataTable tr:hover {cursor: pointer;background-color:#ddebf9;}
		table.DataTable tr.NoHover:hover {cursor:auto;} 
        .DataTable th {
        	background-color:#D7DAD9;
            font-weight:bold;
            padding-bottom: 5px;
    		padding-left: 20px;
    		padding-top: 5px;
        }  
		.DataTable td {
        	padding-left:20px; 
            padding-bottom: 5px;
    		padding-top: 5px;
        }
        .DataTable{
    		float: left;
    		width: 100%;
    	}
        
        /* Specific Definitions */
        .TableActionsContainer{
          display:block;
          float:left;
          margin-top:15px;
          overflow:hidden;
          width:100%;
        }
        .TableActions{
          float:left;
          text-align:left;
        }
        .TableFilters{
          float:right;
          text-align:right;
        }    
        /* Pagination */
        .TableActionsContainerBottom{
            width:100%;
            margin-left:auto;
            margin-right:auto;
            overflow:hidden;
            padding-top:10px;
            float:left;
        }        
        .TableListNavL{
            width: auto;
            float: left;
        }
        .TableListNavL > a, .TableListNavR > a{text-decoration:none;display: inline-block;}
        .TableListNavR{
            width: auto;
            float: right;            
        }
        .NavList {
            display: inline-block;
            float: left;
            margin-top: 5px;
            margin-left: 10px;
            margin-right: 10px;
        }
        .NavList a{
        	display: inline-block;
        }
		.NavListSpan{font-weight:bold;}