/* ------------------------------ HTML --------------------- */
html{
}

body{
	width:100%;
	text-align:center;
	margin:0px;
	padding:0px;
	background-repeat:no-repeat;
	background-color:white;
	font-size: 12px;
	font-family: Arial, Helvetica, Verdana, san-serif;
	color:#868686;
}
/* ------------------------------ MAIN DIV --------------------- */
.index_main{
	width:988px;
	height:677px;
	margin:0 auto;
	text-align:left;
	padding:47px 0 0 106px;
	background-image:url(../images/enter.png);
}

.index_main_link{
	width:887px;
	height:427px;
	background-image:url(../images/enter_baracom.png);
	text-decoration:none;
	cursor:pointer;
	display:block;
}

.index_video{
	width:862px;
	height:353px;
	padding:74px 0 0 25px;
	background-color:white;
}

.index_video_link{
	display:block;
	width:106px;
	height:37px;
	text-decoration:none;
	background-image:url(../images/video_weiter.png);
	cursor:pointer;
}

.main{
	width:1094px;
	height:724px;
	margin:0 auto;
	text-align:left;
	background-repeat:no-repeat;
}

.head{
	width:1094px;
	height:107px;
	margin:0 0 24px 0;
}

.middle{
	width:1094px;
	height:533px;
}

.footer{
	width:1094px;
	height:38px;
	margin-top:24px;
}
/* ------------------------------ TOP --------------------- */

.head_logo{
	width:1094px;
	height:59px;
}

.head_navi{
	width:912px;
	height:22px;
	background-color:#007cb1;
	padding:7px 0 0 182px;
}

.head_sub_navi{
	width:883px;
	height:19px;
	background-color:white;
	padding:3px 0 0 211px;
}

/* ------------------------------ HEAD NAVI --------------------- */

.head_navi_item{
	float:left;
	height:13px;
	border-left:1px solid white;
	padding:0 16px 0 16px;
}

.head_navi_item a{
	display:block;
	height:11px;
	color:white;
	font-weight:bold;
	text-decoration:none;
	font-size:13px;
}

.head_navi_item a:hover{
	color:#f8ec2b;
}

.head_sub_navi_item{
	float:left;
	height:13px;
	border-left:1px solid #f8ec2b;
	padding:0 6px 0 6px;
}

.head_sub_navi_item a{
	display:block;
	height:13px;
	color:#afaaa0;
	font-weight:bold;
	text-decoration:none;
	font-size:13px;
}

.head_sub_navi_item a:hover{
	color:#3c3b3b;
}

/* ------------------------------ MIDDLE --------------------- */

.middle_subnavi{
	margin:0 132px 0 132px;
	width:825px;
	height:462px;
	background-color:#007cb1;
	padding:5px 0 0 5px;
}

.middle_subnavi_container{
	width:270px;
	height:226px;
	margin:0 5px 5px 0;
	float:left;
	background-color:white;
}

.imgsubcon{
	border:none;
	width:270px;
	height:226px;
}

.middle_subnavi_container_titel{
	background-image:url(../images/gray.png);
	background-repeat:repeat-x;
	position:absolute;
	z-index:1000;
	height:28px;
	width:270px;
	text-align:center;
	color:white;
	font-weight:bold;
	padding:11px 0 0 0;
}

.middle_subnavi_container a{
	text-decoration:none;
	color:white;
	font-weight:bold;
	font-size:16px;
}

.middle_subnavi_container a:hover .imgsubcon{
	opacity:0.85;
	filter:alpha(opacity=85);
	z-index:900;
}

.middle_content{
	margin:0 122px 0 122px;
	width:814px;
	height:490px;
	background-color:#007cb1;
	padding:46px 0 0 36px;
	color:white;
	overflow-y:auto;
	overflow-x:hidden;
}

.middle_content a{
	color:#DFDFDF;
	text-decoration:none;
}

.middle_content a:hover{
	color:#F8EC2B;
}

.pager a:hover{
	color:#F8EC2B;
}


/* ------------------------------ NAVI --------------------- */

/* ------------------------------ FOOTER --------------------- */

.footer_navi{
	background-color:#007cb1;
	height:26px;
	width:1094px;
	color:white;
	padding:0;
	clear:both;
	text-align:center;
}

.footer_navi_wrapper{
	margin:0 0 0 348px;
	padding:8px 0 0 0;
	text-align:left;
}

.footer_navi_item{
	border-left:1px solid white;
	padding:0 14px 0 14px;
	font-size:12px;
	height:12px;
	float:left;
}

.footer_navi_item a{
	height:11px;
	display:block;
	color:white;
	text-decoration:none;
}

.footer_navi_item a:hover{
	color:#f8ec2b;
}

.footer_contex{
	color:black;
	clear:both;
	margin:0 auto;
	text-align:right;
	width:1094px;
}

.footer_contex a{
	color:#5F5F5F;
	text-decoration:none;
}

.footer_contex a:hover{
	color:black;
}

/* ------------------------------ FONTS --------------------- */

