/*
#################################################################################################
# General
#################################################################################################
*/

*{ margin: 0; padding: 0; outline: none; }

h1 { font-size: 12px; color:#004DA0; margin-bottom:10px;}
h2 {}
h3 {}
h4 {}
h5 {}
h6 {}

.clear { clear: both; }
.left { float: left; }
.right { float: right; }
.center { margin: 0 auto; }

html {
	overflow: hidden;
 	height: 100%;
 	overflow: scroll;
 	overflow-x: auto; /*CSS3*/
 	font: 11px  arial, verdana, sans-serif;
} 

body {
 	height: 100%;
 	background: url(../img/bg_page.jpg) repeat-x;
}

/*
#################################################################################################
# General Layout
#################################################################################################
*/

#page{height: 100%;}

#pagewrap{
 	background: url(../img/bg_wrapper.png) repeat-y;
 	width: 998px;
 	margin: 0 auto;
}

#header{
 	background: url(../img/bg_header.jpg) no-repeat;
 	width: 974px;
 	height: 203px;
 	margin: 0 auto;
}

#header a{
 	position:relative;
 	left: 48px;
 	top: 0px;
 	width: 222px;
 	height: 193px;
 	display: block;
}

#left{
 	width: 222px;
 	margin: 0 0 0 60px;
 	float: left;
}

#content{
 	width: 432px;
 	float:left;
 	padding: 25px 30px 0 30px;
}

#content ul{
	margin:5px 0 5px 15px;
}

#right{
	width:160px;
	float:left;
}


#right .content{
 	background: #EBF4FD;
 	padding: 10px 0 5px 0;
 	border-top: 1px solid #CCDEF1;
 	border-bottom: 1px solid #CCDEF1;
}

#footer{
 	background: url(../img/bg_footer.jpg) no-repeat;
 	width: 974px;
 	height: 187px;
 	margin: 0 auto;
 	color: #004DA0;
}

#footerAddress{
 	background: url(../img/ico_address.gif) no-repeat 0 2px;
 	padding: 0 0 0 28px;
 	margin: 125px 0 0 295px;
 	float: left;
}

#footerPhone{
 	background: url(../img/ico_phone.gif) no-repeat 0 2px;
 	padding: 0 0 0 28px;
 	margin: 125px 0 0 15px;
 	float: left;
}

#main_navi_footer{
 	background: url(../img/bg_main_navi_footer.gif) repeat-x;
 	height: 62px;
}

#right_footer{
 	background: url(../img/bg_main_navi_footer.gif) repeat-x;
 	height: 62px;
}

/*
#################################################################################################
# Left  -> MainNavigation
#################################################################################################
*/

#mainNavigation{
 	background: #CCDEF1;
 	padding: 1px 0 1px 12px;
}

#mainNavigation li{
 	list-style:none;
}

#level1 .no1 {
	margin: 1px 1px 0 0;
}

#level1 .no1 a{
 	text-decoration: none;
 	color: #004DA0;
 	background: #EBF4FD url(../img/ico_arrow_menu.gif) no-repeat 5px center;
 	padding: 4px 0 4px 20px;
	display:block;
}

#level1 .actsub1 a{
 	font-weight:bold;
 	text-decoration: none;
 	color: #004DA0;
}

#level1 .no1 a:hover{
 	color: black;
}

#level1 .act1 {
 	background: url(../img/ico_arrow_menu_act1.gif) no-repeat 5px center;
	background-color:#ffffff;
 	margin: 1px 1px 0 0;
 	padding: 4px 0 4px 20px;
}

#level1 .act1 a{
 	font-weight:bold;
 	text-decoration: none;
 	color: #004DA0;
}

#level1 .actsub1 {
 	margin: 1px 1px 0 0;
}

#level1 .actsub1 a{
 	background: url(../img/ico_arrow_menu_act1.gif) no-repeat 5px center;
	background-color:#ffffff;
 	margin: 1px 0px 0 0;
 	padding: 4px 0 4px 20px;
        display:block;
}

#level2 .no2 {
	 font-weight:normal;
	 margin: 1px 0 0 0;
}

#level2 .no2 a{
	 font-weight:normal;
}

#level2 .act2 {
	 margin: 1px 0 0 0;
}

#level2 .act2 a{
 	background: #ffffff url(../img/ico_arrow_menu.gif) no-repeat 20px center; 
 	text-decoration: none;
 	color: #004DA0;
 	font-weight:bold;
	display:block;
	padding: 4px 0 4px 35px;
}

#level2 .no2 a{ 
 	background: #ffffff url(../img/ico_arrow_menu.gif) no-repeat 20px center;
 	text-decoration: none;
 	color: #004DA0;
	display:block;
 	padding: 4px 0 4px 35px;
}

#level2 .no2 a:hover{
 	color: black;
}

#level2 .actsub2 {
 	margin: 1px 0px 0 0;
}

#level2 .actsub2 a{
 	background: url(../img/ico_arrow_menu_act1.gif) no-repeat 20px center;
	background-color:#ffffff;
 	margin: 1px 0px 0 0;
 	padding: 4px 0 4px 35px;
        display:block;
}


#level3 .no3 {
	 margin: 1px 0 0 0;
}

#level3 .no3 a{
	 font-weight:normal;
}

#level3 .act3 {
	 margin: 1px 0 0 0;
}

#level3 .act3 a{
 	background: #ffffff url(../img/ico_arrow_menu.gif) no-repeat 35px center; 
 	text-decoration: none;
 	color: #004DA0;
 	font-weight:bold;
	display:block;
	padding: 4px 0 4px 45px;
}

#level3 .no3 a{ 
 	background: #ffffff url(../img/ico_arrow_menu.gif) no-repeat 35px center;
 	text-decoration: none;
 	color: #004DA0;
	display:block;
 	padding: 4px 0 4px 45px;
}

#level3 .no3 a:hover{
 	color: black;
}

/*
#################################################################################################
# Center -> Content
#################################################################################################
*/

#content  p a {
 	background: url(../img/ico_link.gif) no-repeat 2px 2px;
 	padding: 0 0 0 14px;
 	color: #9F161C;
 	text-decoration: none;
}

#content  td a {
 	background: url(../img/ico_link.gif) no-repeat 2px 2px;
 	padding: 0 0 0 14px;
 	color: #9F161C;
 	text-decoration: none;
}

#footer  p a {
 	color: #123d6c;
 	text-decoration: none;
}

#footer  p a:hover {
 	color: #123d6c;
 	text-decoration: none;
}

/*
#################################################################################################
# Center -> Content -> Breadcrumb
#################################################################################################
*/

#breadcrumb{
 	background: url(../img/bg_breadcrumb.gif) repeat-x;
 	font-size: 10px;
 	color: #999999;
 	height: 15px;
 	padding: 3px 0 0 0;
 	margin:  0 0 10px 0;
}

#breadcrumb a{
 	background: url(../img/ico_arrow_breadcrumb.gif) no-repeat 5px 9px;
 	text-decoration: none;
 	color:#999999; 
 	padding:5px 0 0 10px;
 	margin:0 5px 0 -5px;
}

#breadcrumb a:hover{
	color:#000000;
}


/*
#################################################################################################
# Center -> Content -> 
#################################################################################################
*/

#maincontent{
 	width: 430px;
 	/*min-height:250px;*/
 
}

#content .csc-textpic-imagewrap img{
	background: #fff;
 	border: 1px solid #CCDEF1;
 	padding:5px;	
}

.csc-textpic-intext-left-nowrap{
	margin-bottom:50px;
}

#content .contentelement{
	margin-bottom:15px;
}
#content p {margin-top:10px;}

/*
#################################################################################################
# CONTENT2 Right ->
#################################################################################################
*/

#content2 img{
	margin:9px 0 0 9px;
}

#right{
	background-color:#ebf4fd;
}

/*#right a{
  	text-align:center;
  	display:block;
  	margin: 0 0 5px 0;
}*/

#right img{
 	background: #fff;
 	border: 1px solid #CCDEF1;
 	padding:5px;
}

/*
#################################################################################################
# Slideshow
#################################################################################################
*/

#vctagid{
	margin-top:30px;
	
}

/*
#################################################################################################
# FORM
#################################################################################################
*/

.csc-mailform-field{
	margin-top:10px;
	margin-bottom:10px;
}

.csc-mailform{
	border:none;
}

label {
	display:block;
	float:left;
	width:100px;
}

tr {
	padding-bottom:20px;
}