@charset "UTF-8";
/* =CALL LIBRARY */
	@import url("reset-min.css"); /* ------- Reset all CSS Styles */

/* =GENERAL - the general styles */
	body{
		font: 12pt Georgia, Tahoma, Verdana;
		color: #000;
		background: #FFF url(../images/header_bg_pattern.gif) repeat-x 0 0;
	}
	
	.clear{
		clear:both;
        height:0;
        margin:0;
        padding:0;
	}
	
	strong{
		font-weight: bolder;
	}
	
	em{
		font-style: italic;
	}
	
	fieldset{
		border: 1px double #F2F2FF;
		padding:10px;
		margin-bottom: 5px;
	}
	
	legend{
		font-weight: bold;
	}
    
    h1{
        font-size:1.2em;
        font-weight: bold;
    }
	
	a:focus{
		outline:none;
	}
	
/* =BOXES - styles for div boxes */	

	#box{
		margin: 0 auto;
		width:650px;
	}
	
    #header{
		height:301px;
	}
	
	#header_right{
		float:right;
		width:247px;
		margin-top:16px;
	}
	
	#header_flags{
		margin:1px 0 7px 18px;	
	}
	
	#header_flags_sel{
		height:9px;	
	}
	
	#middle_top{
		height:35px;
		background: url(../images/middle_top_border.gif) no-repeat 2px 0;
		margin-top: 24px;
		z-index:-1;
		position:relative;
	}
	
	#middle_top img{
		margin:12px 0 0 18px;	
	}
	
	#middle_content{
		margin:10px 14px 0 21px;
        line-height:1.33em;	
	}
    
	
	#middle_bot{
		height:20px;
		background: url(../images/middle_bot_border.gif) no-repeat 2px 0;
		margin: 4px 0 ;	
	}
	
	#footer{
		
	}
    
    #f_1{
        float:left;
        width:40%;
        margin-left:21px;
        font-size:0.8em;
    }
    #f_2{
        float:right;
        width:40%;
        text-align: right;
        margin-right:21px;
        border-bottom:1px dotted #EAEAEA;
        font-size:0.7em;
    }
    #f_2 a, #f_2 a:link, #f_2 a:visited, #f_2 a:active{
        color:#9A9A9A;
        text-decoration:none;    
    }
    
    #f_2 a:hover{
        text-decoration:underline;
    }
/* =FLAG - flags */
	#flag_sel_1{
		padding-left:12px;	
	}
	#flag_sel_2{
		padding-left:55px;	
	}
	#flag_sel_3{
		padding-left:141px;	
	}
	#flag_sel_4{
		padding-left:184px;	
	}
	#flag_sel_5{
		padding-left:98px;	
	}	
/* =PROCEDURE - procedure related defs */
	.digit_txt{
		float:left;
		width:500px;
		margin-left:20px;
		}
	
	.digit_img{
		clear:left;
		float:left;
		width:30px;	
		text-align:right;	
	}	
	
/* =FORMS - form related defs */
	
	.form_col{
		padding:10px 0;	
		clear:left;
	}
	
	.form_label{
		float:left;
		width:200px;
	}
	
	.form_field{
		float:left;
		width:370px;
		margin-left:20px;
	}
	
	.form_input{
		width:300px;
	}
	
	.form_radio{
		margin:0 5px;
		border:none;
	}
	
	input, textarea{
		border:1px solid grey;
		padding:5px;
		font-size:0.9em;
	}
	
	.form_textarea{
		width:300px;
		height:70px;
	}
	
	.form_textarea_long{
		width:300px;
		height:200px;	
	}
	
	.form_hint{
		font-size:0.6em;
	}
        
    input[type=text]:hover, textarea:hover{
        border-bottom:1px dotted gray;     
    }

    input[type=text]:focus, textarea:focus{
        border-bottom:1px solid black;     
    }   
    
     
	
/* =CONTACT - contact page related defs */

	.i1{
		margin-right: 10px;
	}
    
    .div_half{
        float:left;
        width:48%;
    }
    
    #contact_form_h1{
        margin-bottom: 20px;
        
    }

/* =BERLIN - berlin page related defs */
    .berlin_div{
        text-align:center;
    }
    
	.berlin_div img{
		margin:10px;
        border:1px solid gray;
	}