@media all
{
  /**
   * ------------------------------------------------------------------
   * Basic Settings
   * ------------------------------------------------------------------
   */

  * { 
  	margin: 0px; 
  	padding: 0px; 
  	font-family: Verdana, Helvetica, Arial, sans-serif;
  }

  html * { font-size: 12px }

  textarea, pre, tt, code {
	font-family:"Courier New", Courier, monospace;  	
  }

  body {
    
		
		
			padding: 10px 0;
		
	
    font-family: Verdana, Helvetica, Arial, sans-serif;
    font-size: 75.00%; 
    height: 1%;
    color: #333333;
    
  }

  h1, h2, h3, h4, h5, h6 { font-weight:bold; margin: 0 0 2px 0; }
  h1 { font-size: 24px }
  h2 { font-size: 20px; 	margin-top: 6px }
  h3 { font-size: 18px; 	margin-top: 5px }
  h4 { font-size: 16px; 	margin-top: 8px }
  h5 { font-size: 14px; 	margin-top: 8px }
  h6 { font-size: 14px; 	font-style: italic; margin-top: 8px }

  h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight:bold; margin: 0 0 2px 0; color: #333333;}
  h1 a { font-size: 24px }
  h2 a { font-size: 20px; 	margin-top: 6px }
  h3 a { font-size: 18px; 	margin-top: 5px }
  h4 a { font-size: 16px; 	margin-top: 8px }
  h5 a { font-size: 14px; 	margin-top: 8px }
  h6 a { font-size: 14px; 	font-style: italic; margin-top: 8px }

  p { 
  	line-height: 16px;
  	margin-top: 3px;
  	margin-bottom: 3px;
  }

  ul, ol, dl { line-height: 15px; margin: 10px 0 10px 10px}
  li { margin-left: 15px; line-height: 15px; }

  dt { font-weight: bold; }
  dd { margin: 0 0 10px 20px; }

  cite, blockquote { font-style: italic; }
  blockquote { margin: 0 0 10px 15px; }

  strong, b { font-weight: bold; }
  em, i { font-style: italic; }

  pre, code { 
  	font-family: monospace; 
  	font-size: 14px; 
  	margin-top: 3px;
  	margin-bottom: 3px;
  }

  acronym, abbr {
    letter-spacing: .07em;
    border-bottom: 1px dashed #c00;
    cursor: help;
  }

  a {
  	color: #FF1010; 
  	text-decoration: none;
  }
  a:focus,
  a:hover,
  a:active {
  	color: #FF1010;
  	text-decoration:underline;
  }
  
  a img {
  	text-decoration: none;
  	border: none;
  }
  
  option { padding-left: 4px; }
  
  /**
   * ------------------------------------------------------------------
   * Titles
   * ------------------------------------------------------------------
   */
  #utitle {
  	text-align: center;
	text-decoration: underline;
  }
  
  #ltitle {
  	text-align: center;
	font-weight: bold;
  }
  
  .collapsed {
  	margin-bottom: 0.5em;
  }
  
  /**
   * ------------------------------------------------------------------
   * Column Layout
   * ------------------------------------------------------------------
   */

  body { 
    background: #EEE url("/export/system/modules/gr.kke.inter.v8.template/resources/images/bg_demo_png24.png") repeat-x top left fixed; 
  }

    
  #window {
  	width: 960px;
    	margin: 0 auto;
  	text-align: left;
  }

  #page {
    background: #FFFFFF;
    padding: 5px;
  }

  #header {
  	background: #FFF ;
  	color: #333333;
    position: relative;
    padding-top: 0px;
  }
  
  #topnav {
    position: absolute;
    right: 10px;
    top: 10px;
  }
  
  #topnav a {
  	color: #333333;
  }

  #breadcrumb {
    padding: 5px 0px 5px 20px;
    border-bottom: 1px solid #B31B34;
    position: relative;
    height: 1%;
	
  }
  
  #breadcrumb a {
  	color: #333333;
  }

  #main {
    padding: 10px 0;
  }

  #featured {
    
  }
  
  #featured_col1 {
    width: 475px;
    float: left;
  }

  #featured_col1_rtl {
    width: 475px;
    float: right;
  }

  #featured_col1_content {
    padding: 5px 10px 10px 0px;
  }
  
  #featured_col1_content_rtl {
    padding: 5px 0px 10px 10px;
  }
  
  #featured_col2 {
    width: 475px;
    float: right;
  }

  #featured_col2_rtl {
    width: 475px;
    float: left;
  }

  #featured_col2_content {
    padding: 5px 0px 10px 10px;
  }
  
  #featured_col2_content_rtl {
    padding: 5px 0px 10px 0px;
  }
  
  #col1 {
  	
    width: 240px;
    float: left;
  }

  #col1_content {
    padding: 10px 10px 10px 0px;
    
  }
  
  #col2 {
    
      
      
    width: 710px;
    margin-left: 240px;
    margin-right: 0;
    	
    	
    
    border-left: ; 
    border-right: ; 
  }

  #col2_rtl {
    
      
      
    width: 710px;
    margin-right: 240px;
    margin-left: 0;
    	
    	
    
    border-left: ; 
    border-right: ; 
  }

  #col2_content {
    
    padding: 10px;
    
  }
  
  #col3 {
    width: 240px;
    float: right;
    display: none;    
  }

  #col3_rtl {
    width: 240px;
    float: right;
        
  }

  #col3_content {
    padding: 10px 0px 10px 10px;
    
  }
  
  #footercnt {
      margin: 5px 0px;
      clear: both;
      width: 100.6%;
  }
  
  #footercnt div.box {
      margin-right: 5px;
      width: 32.5%;
      float: left;
      min-height: 150px;
  }
  
  
  #footer {
  	background: #FFFFFF ;
    color: #333333;
    padding: 10px;
    margin-top: 10px;
    border-top: 1px solid #B31B34;
  }
  
  #header, #nav_main, #main, #footer, #breadcrumb { clear:both; }

  .clearfix:after { 
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden; 
  } 

  .clearfix { display: block; }
  
  .clear {
	clear: both;
  }

  /**
   * ------------------------------------------------------------------
   * Accessible
   * ------------------------------------------------------------------
   */
   
  .skip {
    position: absolute;
    left: 0px;
    top: -500px;
    width: 1px;
    height: 1px;
    overflow: hidden;
  }

  /**
   * ------------------------------------------------------------------
   * Search Page
   * ------------------------------------------------------------------
   */
   
   #searchForm {
     margin-bottom: 10px;
   }
   
   .search_text {
   	margin-bottom: 10px;
   }
   .search_noresult {
     margin-bottom: 10px;
   }
   
   .search_result, .search_error {
     margin-bottom: 10px;
   }
  
   .pagination {
     text-align: center;
   }
   
   .search-result-pagination {
   	text-align: center; 
   }
   
  /**
   * ------------------------------------------------------------------
   * Box Layout
   * ------------------------------------------------------------------
   */
   
   .box {
     background: #e1e1e1;
     margin-bottom: 15px;
   }
   
   .box h4 {
   	 background: #25438D url("../images/gradient.png") repeat-x scroll center top; 
   	 color: #fff;
   	 font-size: 13px;
   	 width: auto;
   	 margin: 0px;
   	 padding: 5px;
   	 line-height: 16px;
   }
   
   .box h5, .box h5 a {
   	font-size: 12px;
   }
   
   .article-box_schema1 {
	padding-left: 3px;
	padding-right: 3px;
	/*border: 1px solid #7B7F7E;*/
   	background: #AACCFF;   
   }

   .article-box_schema2 {
	padding-left: 3px;
	padding-right: 3px;
	/*border: 1px solid #7B7F7E;*/
   	background: #FFCD83;   
   }

   .article-box_schema3 {
   	background: #FFFFFF;   
   }
   
   .box_schema1 {
   	 background: #AACCFF;   
   }

   .box_schema2 {
   	 background: #FFCD83;   
   }

   .box_schema3 {
   	 background: #FFFFFF;   
   }
   
   
   .box_schema1 h4 {
   	 background: #003082 url("../images/gradient.png") repeat-x scroll center top; 
   	 color: #FFFFFF;
   }

   .box_schema2 h4 {
   	 background: #FF4903 url("../images/gradient.png") repeat-x scroll center top; 
   	 color: #FFFFFF;
   }

   .box_schema3 h4 {
   	 background: #FFFFFF url("../images/gradient.png") repeat-x scroll center top; 
   	 color: #333333;
   }
   
   .boxbody {
     padding: 10px;
     font-size: 11px;
     border-left:1px solid #7B7F7E;
     border-bottom:1px solid #7B7F7E;
     border-right:1px solid #7B7F7E;
   }
   
   .boxbody_full {
     padding: 10px;
     font-size: 11px;
     border:1px solid #7B7F7E;
   }
   
   .boxbody p, .boxbody div, .boxbody a, .boxbody b, .boxbody strong, .boxbody em, .boxbody i {
     font-size: 11px;
   }
   
   .boxbody small {
     font-size: 10px;
   }
   
   .boxbody_full p, .boxbody_full div, .boxbody_full a, .boxbody_full b, .boxbody_full strong, .boxbody_full em, .boxbody_full i {
     font-size: 11px;
   }
   
   .boxbody_full small {
     font-size: 10px;
   }
   
   div.paragraph:after {
     content: ".";
     display: block;
     clear: both;
     visibility: hidden;
     line-height: 0;
     height: 0;
   }

   div.paragraph {
      display: inline-block;
	  width: 100%;
   }

   html[xmlns] div.paragraph{
     display: block;
   }

   * html div.paragraph {
     height: 1%;
   }
   
   .boxbody_listentry {
     margin-bottom: 5px;
     overflow:hidden;
   }
   
   .boxbody_listentry div.left img {
   	 margin-right: 5px;
   }

   .boxbody_listentry div.right img {
   	 margin-left: 5px;
   }
   
   form div.boxform {
     display: block;
     margin: 5px 0px 0px;
     padding: 1px 3px;
   }
  
   form div.boxform label {
     display: block;
     float: left;
     padding-right: 5px;
     text-align: right;
     width: 60px;
   }
 
   .left {
     float: left;
   }
   
   .right {
     float: right;
   }
   
   img.left {
   	padding: 0 5px 5px 0;
   }
   
   img.right {
   	padding: 0 0 5px 5px;
   }
   
   img.top {
   	padding: 0 0 5px 0;
   }


	/**
	* Automatic sizing of markup
	*/
	
	.parent {
	}
	
	.parent img {
	   height: 100%;
	   width: 100%;
	}
	
	.parent div {
	   height: 100%;
	   width: 100%;
	}
	

   /**
   * ------------------------------------------------------------------
   * Navigation Menu adjustments
   * ------------------------------------------------------------------
   */
   
   #nav_left li a {
     color: #333333;
   }
   
   #nav_left li a:hover, #nav_left li a:focus, #nav_left li a:active {
     background: #DDD;
     color: #444444;
   }
   
   #nav_left a.current {
     background-color: #FF1010;
     color: #FFFFFF;
   }

   
     #nav_main {
       background: #FFFFFF url(../images/gradient.png) repeat-x top left;
		border-bottom: 1px solid #B31B34;
	}
   

   
     #nav_main a {
       color: #333333;
     }
   
   
   
     #nav_main a:hover {
       background: #DDDDDD url(../images/gradient.png) repeat-x top left;
     }
   

   
     #nav_main a:hover {
       color: #444444;
     }
   
   
   
     #nav_main a.current {
       color: #fff;
       background: #FFFFFF url(../images/gradient.png) repeat-x top left;
     }
   

   
     #nav_main a.current {
       color: #FF1010;
     }
   

   /**
   * ------------------------------------------------------------------
   * Editor adjustments
   * ------------------------------------------------------------------
   */
   
   	 
     
   
   
}

@media print
{
   /**
   * ------------------------------------------------------------------
   * Print Layout
   * ------------------------------------------------------------------
   */
   
  body, #window, #page, #main { margin:0; padding: 0; border: 0; }
  #window, #page {width: 100% !important; min-width:0; max-width: none}
  #header { height: auto; }
  #footer { display: none; }

  #topnav, #nav_main, #breadcrumb { display: none; }

  #col1 { display:none; }
  #col3 { display:none; }
  
  #col2, #col2_content, #featured_col1, #featured_col1_content, #featured_col2, #featured_col2_content { width: 100%; margin:0; padding: 0; border:0; }
}