/* main CSS Document */
/* general styling first */
/* reset css styles individually instead of universal selector. */
/* based on http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */
html, body{
	margin: 0;
	padding: 0;
	font-weight: normal;
	font-style: normal;
	font-size: 100%;
	font-family: Arial, Helvetica, sans-serif;
	vertical-align: baseline;
	border-left:0;
} 
div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: normal;
	font-style: normal;
	font-size: 100%;
	font-family: Arial, Helvetica, sans-serif;
	vertical-align: baseline;
}
body {
	line-height: 1;
	background: url(pictures/bodybg_grad.jpg) repeat-x 0 0;
	background-color:#9c9ea0;
	font-family: Arial, Helvetica, sans-serif;
}
ol, ul {list-style: none;}
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
/* end reset styles */

/* clearing technique */
.clearfix:after {
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
}
.clearfix {display:inline-block;}
/* mac hide \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
 /* End hide */
/*........... do not change or amalgamate the above clearfix styles ......*/

p,h1,h2,h3,h4,h5,h6,ul,ol {margin-bottom:.5em}
a img,img{border:none;display:block;}
a{
	text-decoration:none;
	color:#FFFFFF;
}

h1{
	color:#000000;
	font-size:17px;
	text-transform:uppercase;
	font-weight:bold;
	}
	
h2{
	color:#000000;
	font-size:14px;
	text-transform: uppercase;
	}
	
h3{
	color:#000000;
	font-size:14px;
	text-decoration:underline;
	}
	
h4{
	color:#000066;
	font-size:16px;
	font-weight:bold;
	}
	
h5{font-size:136%}/* 18px */
h6{font-size:122%}/* 16px */

body{
	font-size: 13px; 
	text-align:center;/* for ie5.+*/
}

#outer{
	width:990px;
	margin:auto;/* center the page*/
	text-align:left;/* reset text back to left due to ie5.x fix */
      }

#header{
width:990px;
height: 27px;
      }

#header_frame{
width:990px;
position:relative
      }

#header_space{
width:990px;
height: 20px;
      }
#search{
	float:right;
	position:absolute;
	bottom:0px;
	width: 215px;
}

#search_frame{
	width:213px;
	height:77px;
	float:right;
	position:relative;}	  
	  
#footer_space{
	width:990px;
	height: 30px;
	background-color: #FFFFFF;
	float: left;
      }

#footer_left{
	font-size:11px;
	padding:7px 0 7px 0;
	float:left;
	}  
	
#footer_right{
	font-size:11px;
	padding:7px 0 7px 0;
	float:right;
	}  

#Logo{
	width:180px;
	height:70px;
	background:url(pictures/ASIG_Logo.jpg) no-repeat 0 0;
	position: relative;
	z-index: 1;
      }

#nav{
	width: 990px;
	height: 41px;
	background-color:#FFFFFF;
	}

a.bg_nebs{
	display: block;
	height: 40px;
	}

a.bg_nebs:hover{
	background: url(pictures/bg_nebs_hover.jpg) repeat-x 0 0;
	}
	
a.bg_bfs{
	display: block;
	height: 40px;
	}

a.bg_bfs:hover{
	background: url(pictures/bg_bfs_hover.jpg) repeat-x 0 0;
	}

a.bg_ifap{
	display: block;
	height: 40px;
	}

a.bg_ifap:hover{
	background: url(pictures/bg_ifap_hover.jpg) repeat-x 0 0;
	}

#bg_nebs{
	width:329px;
	height: 40px;
	background: url(pictures/bg_nebs.jpg) repeat-x 0 0;
	position:relative;
	float:left;
	margin-right: 1px;
	}

#bg_bfs{
	width:330px;
	height: 40px;
	background: url(pictures/bg_bfs.jpg) repeat-x 0 0;
	position:relative;
	float:left;
	
	}
	
#bg_ifap{
	width:329px;
	height:40px;
	background: url(pictures/bg_ifap.jpg) repeat-x 0 0;
	position:relative;
	float:left;
	margin-left: 1px;
	}
	
#button_text{
	text-transform:uppercase;
	font-size: 12px;
	line-height: 38px;
	}	

#pic_header{
	width:990px;
	height:220px;
	background-color:#FFFFFF;
	float: left;
}

#pic{
	position:relative;
	float: left;
	padding-right: 1px;
	}

#more_button{
	position:absolute;
	right:45px;
	}

a.button_bfs{
	background:url(pictures/Button_bfs.jpg);
	display:block;
	width: 72px;
	height: 30px;
	}
	
a.button_bfs:hover{
	background:url(pictures/Button_bfs_hover.jpg);
	}
	
a.button_ifap{
	background:url(pictures/Button_ifap.jpg);
	display:block;
	width: 72px;
	height: 30px;
	}
	
a.button_ifap:hover{
	background:url(pictures/Button_ifap_hover.jpg);
	}

a.button_nebs{
	background:url(pictures/Button_nebs.jpg);
	display:block;
	width: 72px;
	height: 30px;
	}
	
a.button_nebs:hover{
	background:url(pictures/Button_nebs_hover.jpg);
	}

#main{
	width:990px;
	background:white;
	text-align: left;
	float: left;
	position:relative;
	}
	
#space{
	background-color:#FFFFFF;
	width: 990px;
	height: 30px;
	float: left;
	position:relative;
	}

#col{
	width: 329px;
	position: relative;
	float: left;
	}

#sub_logo{
	position:relative;
	float: left;
	padding: 0 0 0 35px;
	}

#frame{
	float:left;
	position: relative;
	width:329px;
	height: 115px;
	}
	
#button_frame{
	float:left;
	position: relative;
	width:329px;
	height: 30px;
	}

#line_divide{
	width: 1px;
	height: 280px;
	background-color:#999999;
	position: relative;
	float: left;
	}
	
#content_text{
	width: 265px;
	height: 130px;
	position: relative;
	float: left;
	padding: 0 0 0 35px;
	text-align:justify;
	line-height: 17px;
	font-size:12px;
	}
	
#content_text_imp{
	width: 443px;
	position: relative;
	float: left;
	padding: 0 0 0 35px;
	text-align:justify;
	line-height: 15px;
	font-size:12px;
	}

a.content_text{
	color:#000000;
	font-weight:bold;}
	
a.content_text:hover{
	text-decoration:underline;}
	
a.aktuelles{
	color:#000066;
	text-decoration:underline;
	}
	
a.aktuelles:hover{
	color:#000066;
	text-decoration:none;
	}
	
#button_login_bfs{
	width: 215px;
	height: 28px;
	float:right;
	position:relative;
	margin-top:25px;
	}

a.button_login_bfs{
	background:url(pictures/login.png);
	display:block;
	width: 215px;
	height: 28px;
	}
	
a.button_login_bfs:hover{
	background: url(pictures/login_hover.png)
	}