/*----------------------------------------------------------------------------
	


/*-- global container ------------------------------------------------------*/

#container {
	position: relative;
	text-align: left;
	margin: 0 auto;
	padding: 3px 2px 1px 2px;
	width: 725px;
	background: white;
}

/*--- main navigation ------------------------------------------------------*/

#main_nav_container {
	margin: 2px 2px 3px 2px;
	height: 25px;
	background: #6caee1;
	vertical-align: middle;
}

#main_nav_list {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#main_nav_list li {
	float: left;
	margin: 0;
	padding: 0;
	position: inherit;
}

/*--- main navigation items ------------------------------------------------*/

#main_nav_list a {
	float: left;
	margin: 0;
	display: block;
	height: 25px;
	text-transform: uppercase;
	line-height: 25px;
	text-align: center;
	text-decoration: none;
	padding: 0 12px 0 12px;
}

/*--- header ---------------------------------------------------------------*/

#header	{
	width: 720px;
	height: 150px;
	margin: 0 0 8px 3px;
	padding: 0;
}

/*--- key visual -----------------------------------------------------------*/

#key_visual {
	z-index: -1;
	width: 720px;
	height: 150px;
	margin: 0;
	padding: 0;
}

/*--- logo -----------------------------------------------------------------*/

#logo {
	width: 34px;
	height: 34px;
	position: absolute;
	top: 138px;
	left: 448px;
	z-index: 3;
}

/*--- caption (as text or background image) --------------------------------*/

/* verweist auf das caption_template.gif */
#image_caption {
	position: absolute;
	top: 150px;
	left: 490px;
	height: 24px;
	width: 220px;
	z-index: 5;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='bilder/img1.png',sizingMethod='scale');
}

/*-- main container: contains all between header and footer ----------------*/

#main_container {
	margin: 0 10px 0 0;
	padding: 0;
}

#main_container ul {
	font-size: 14px;
	margin-bottom: 6px;
}

#main_container ol {
	font-size: 12px;
	margin-bottom: 6px;
}
/*--- the main container is devided in sub containers ----------------------*/

#sub_container1 {
	margin: 0;
	padding: 0;
}

/*-- right column container alias --*/

#sub_container2 {
	padding: 0;
	width: 713px;
	float: right;
	margin: 0;
}

#left_column_container {
	float: left;
	width: 10px;
	margin: 0;
	padding: 0;
	height: 300px;
}

/*--- container for the subnavigation --------------------------------------*/

.sub_nav_container {
	margin:  0;
	padding: 0;
}



/*--- subnavigation --------------------------------------------------------*/


.sub_nav_list {
	
	list-style-type: none;
	border: 0;
	padding: 0;
	margin: 0;
	width: 174px;  /* fuer IE5 */
	voice-family: "\"}\"";
	voice-family: inherit;
	margin-left: 12px;
	padding: 0px;  	/* fuer nicht IE */
	width: 148px;  /* fuer IE6 */
}

.sub_nav_list a.sub_nav_active_item {
	color: #ffffff;

}

html>body .sub_nav_list {
	width: 158px;  /* fuer gute browser */
}


.sub_nav_list li {
	font-size: 11px;
	padding: 0;
	margin: 0;
}

/*--- subnavigation items --------------------------------------------------*/

.sub_nav_list a {
	font-family: Arial, Trebuchet MS,Tahoma,Verdana,sans-serif;
	text-decoration: none;
	text-transform: uppercase;
	text-align: left;
	line-height: 24px;
	margin: 0;
	color: #0065b3;
	width: 100%;
	display: block;
	padding: 0 0 0 18px;  /* extra fuer IE5 */
	voice-family: "\"}\"";
	voice-family: inherit;
	padding-left: 13px;  
	/* fuer nicht IE 5 – schiebt rechte Kante im IE5.2 MacOsX mit */
}

.sub_nav_list a:hover {
	text-decoration: none;
	color: #0065b3;
}

/*--- content --------------------------------------------------------------*/

#content_container {
	line-height: 1.4;
  	overflow: hidden;
	margin: 0;
	padding: 0;
	width: 690px;
}



/*--- footer ---------------------------------------------------------------*/

#footer {
	padding: 25px 0 25px 0;
	clear: both;
        font-size: 9px;
	margin: 25px 0 0 0;

}




/*----------------------------------------------------------------------------
  default-styles for html-elements
----------------------------------------------------------------------------*/

/*--- body -----------------------------------------------------------------*/

body#main_body {
	margin: 0;
	padding: 0;
	
	color: #696969;
	/* color 6 */
	background: #cce9ff url(pgbk.gif) repeat-x;
}

/*--- paragraph ------------------------------------------------------------*/



/*--- forms ----------------------------------------------------------------*/


/*box hack IE5 & 6*/
html>body button {
	padding: 2px 4px 2px 4px;	
}


/*--------------------------------------------------------------------------*/