/*===== infoterra main css file =====
=====================================
 general values: 

 ### color
 dark blue: #12466D; [e.g. bodybg]
 
 light blue: #0060AA;
 orange: #F6821F;
 
 green-blue: #339DAA;

 ### measurements
 total-width: 800px;
 total-height: flex

====================================*/

/*===================================
  GLOBAL
===================================*/

body
{
	margin: 0px 0px 0px 0px;
}

html { overflow: -moz-scrollbars-vertical !important; }

/*================================*/

table img {display: block;}
td img {display: block;}
tr img {display: block;}
div img {display: block;}
a img {display: block; border:0;}


div,table,td,tr
{
      padding: 0px 0px 0px 0px;
      border: 0;
      margin: 0px 0px 0px 0px;
}

/*===============================*/


/*=== FONTS: ================*/


p,h1,h2,h3,h4,h5,h6,ol,ul,li,strong
{
	margin: 0px 0px 0px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #12466D;		
}       

	p
	{
	font-size: 11px; 
	line-height: 15px;
	margin-bottom: 12px;
	}              
	
	ul {padding-left:1.15em;}
	ul li { color:#666; font-size:11px;}
/*=====  TABLE  ===============*/
	.contenttable {
		border-collapse:collapse;
		color:#12466D;
		font-family:Verdana,Arial,Helvetica,sans-serif;
		font-size:11px;
		margin-left:1px;
	}
	
	.contenttable thead .tr-0 {
		background-color:#D7E2E6;
		padding:8px 4px 4px;
		text-align:left;
	}
	
	.contenttable th , .contenttable td {	
		border:1px solid #AAAFB5;	
		padding:4px;
	}
	

/*=====  Formulare  ===============*/

	/*=====  Formulare  ===============*/

	#con1 fieldset {
		border:none;
		padding:10px 5px 5px 5px;
		margin:10px 0;
	}
	
	#con1 div.csc-mailform-field {
		margin:0pt 0pt 10px;
	}
	
	#con1 div.csc-mailform-field label {
		display:block;
		float:left;
		margin:0pt 10px 0pt 0pt;
		padding:3px 0pt 0pt;
		width:90px;
		color:#12466D;
		font-family:Verdana,Arial,Helvetica,sans-serif;
		font-size:11px;
		text-align:left;
	}
	
	#con1 div.csc-mailform-field input {
		background:#FFFFFF none repeat scroll 0%;
		border:1px solid #AAAFB5;
		color:#12466D;
		font-family:Verdana,Arial,Helvetica,sans-serif;
		font-size:11px;
		height:17px;
		padding:2px 0pt 0pt 5px;
		width:330px;
	}
	
	#con1 div.csc-mailform-field textarea {
		border:1px solid #AAAFB5;
		font-size:11px;
		color:#12466D;
		font-family:Verdana,Arial,Helvetica,sans-serif;
		padding:2px 0pt 0pt 5px;
		width:330px;
	}
	
	#con1 div.csc-mailform-field input.csc-mailform-submit {
		color:#12466D;
		float:right;
		font-size:10px;
		font-weight:normal;
		height:auto;
		letter-spacing:2px;
		margin:0px 43px 0px 0px;
		padding:2px 5px;
		text-transform:uppercase;
		width:auto;
	}
	
	* html #con1 div.csc-mailform-field input.csc-mailform-submit 
       	{
       		margin:0px 40px 0px 0px;
       	} 
	
/*=====  LIST ITEMS  ==============*/
	
	
	#con1 li, #con1 ul
	{
	font-size: 11px; 
	line-height: 15px;
	list-style-image: url(list_before_img.gif );
	list-style-position: outside;
 	margin-left: 12px;
	padding: 0px;
	color: #12466D;	
	}
	
	#con1 .bodytext ol li
	{
	list-style-image: none;
	list-style-type: decimal;
	}
	
	#con1 ul {padding-bottom: 10px;}
	
	*+html #con1 li
       	{
      	margin-left: 12px;
       	}

        	

       	* html #con1 li
       	{
       	margin-left: 25px;
       	} 
       	
/*=====================*/       	
	        
	#con1 li a, #con1 ul a
        {
	 color: #F6821F;
	 text-decoration: none;        
        }
           
           
           
            #con2 p, #con2 strong
            {
            color: #666666 !important;
            }
            
            .csc-textpic-caption        
	    {
	    border-top: 4px solid white;
  	    font-size: 11px; 
	    line-height: 15px;
  	    font-family: Verdana, Arial, Helvetica, sans-serif;
	    color: #666666;	
	    display: block;		    
	    }              
                      *+html .csc-textpic-caption 
                      {
                      width: 95%;
                      }
                      
	/*=== Strong ===*/
	strong
	{
	font-size: 11px; 
	line-height: 15px;	
	}

	/*=== H1 ===*/
	h1 
	{
	font-size: 14px;
	font-family: arial;
	margin-bottom: 12px;
	width: 100%;
	letter-spacing: 1px;
	}
	
	/*=== H2 ===*/
	h2
	{
	font-size: 12px;
	font-family: arial;
	margin-bottom: 6px;
	width: 100%;
	letter-spacing: 1px;
	}
	
	/*=== H3 ===*/                    
	h3
	{
	font-size: 17px;
	}	                     
	
	/*=== H4 ===*/                    
	h4
	{
	font-family: verdana;
	width: 100%;
	letter-spacing: 1px;
	background-color:#D9E7F4;
	color: #D9E7F4;
	border:1px solid #D4D4D4;
	font-size: 11px;
	padding:4px;
	float: left;
	margin-bottom: 5px; 
	} 
	
	/*=== H5 ===*/                    
	h5
	{
	color: white;
	font-size: 14px;
	font-family: arial;
	margin-bottom: 15px;
	width: 100%;
	letter-spacing: 1px;
	} 

/*=== /FONTS ================*/

.bodytext a, .bodytext a:visited
{
 color: #F6821F;
 text-decoration: none;
}

.bodytext img 
{
 display: inline;
}

/*==== gallery frame ======*/

.gallery_frame
{
  float: left; 
  border: 1px solid red; 
  width: 210px;
  height: 250px;
  margin: 0 20px 20px 0;
  background-color: #E7ECF0;
  border: 1px solid #12466D;
  padding: 5px;
  text-align: left;
}

.gallery_frame_flex
{
  float: left; 
  border: 1px solid red; 
  width: 210px;
  margin: 0 20px 20px 0;
  background-color: #E7ECF0;
  border: 1px solid #12466D;
  padding: 5px;
  text-align: left;
}

*+html div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image img 
{
 border-bottom: 5px solid white !important;
}