/************************************************************/
/* Theme:          Layout Styles zuerich.de                 */
/* Browser:        IE                                       */
/* Platform:       Windows                                  */
/* Author:         Gerhard Schauer                          */
/* Created:        22/07/2003                               */
/* Last Modified:  22/11/2003                               */
/* By:             Mark Koopmann                            */
/************************************************************/


/************************************************************/
/* General Styles                                           */
/************************************************************/


	body {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	color: #000;
	background-color: #fff;
	font-family: Arial, Verdana, sans-serif;
}


/************************************************************/
/* Browser Bugs IE 6 (text-align)                           */
/************************************************************/

#headerLayout, #secondNavigationLayout, #content,#breadCrumb {
	text-align: left;
}

/************************************************************/
/* Grid Layout Styles  (margins)                            */
/************************************************************/

	#gridTopLayout {margin: 0px 10px;}
	#gridHomeLayout {margin: 0px 5px 5px 5px;}
	#gridMainLayout {margin: 5px 5px 0px 5px;}
	#gridFooterLayout {margin: 0px 10px 10px 10px;}
	/*
	#headerLayout {}
	#primaryNavigationLayout {}
	#secondNavigationLayout {}
	#contentLayout {}
	#footerLayout {}
*/


/************************************************************/
/* Table Layout Styles  (alignment)                         */
/************************************************************/

	#headerLayout table {vertical-align: top;}
	#searchForm td {vertical-align: top;}
	#secondNavigationLayout table {vertical-align: top;}
	#gridHomeLayout table {vertical-align: top;}
	#gridMainLayout table {vertical-align: top;}
	#breadCrumb div {vertical-align: top; text-align: left;}
	#breadCrumb, #footer {vertical-align: middle;}
	#footerLayout td, #breadCrumb { vertical-align: middle;}
	#zurichLogo td, #descriptor td {vertical-align: bottom;}
	#secondNavigationLayout {background-color: #dbe3ea;}


/************************************************************/
/* Layout DIV Styles  (width and height)                    */
/************************************************************/
	
	
/* layout grid width */
	#header, #brandArea, #footer {
	width: 735px;

	}
	#secondNavigation,#blankBar {
	width:150px !important;
	width /**/:150px;
	}
	#content,#breadCrumb {

	}

/* layout grid height */
	#header {
	height:71px;
	}

	#brandAreaSmall {
	height: 76px !important;
	height /**/:76px;
}
	#brandAreaLarge {
	height: 120px !important;
	height /**/:120px;
}
	#blankBar {
/*	height: 100%;*/
}
	#breadCrumb {
	}
	#content {
/*	min-height: 225px;*/
}
	#footer {
	height: 20px;
}

/************************************************************/
/* Landing Page - Content Layout Files (border + alignment) */
/************************************************************/

.layoutBorderRightBottom {
	border-right:5px solid #fff;
	border-bottom:5px solid #fff;
	/* margin or padding possible as well */
}

.layoutBorderRight {
	border-right:5px solid #fff;
	/* margin or padding possible as well */
	
}

.layoutBorderBottom {
	border-bottom:5px solid #fff;
	/* margin or padding possible as well */
}

/************************************************************/
/* Subpages - Content Layout Files (border + alignment)     */
/************************************************************/

.content_580 {
	padding:0;
	margin:0;
	width: 580px;
	height: 225px;
}

.content_425 {
	margin-right: 5px;
	width: 425px !important; 
	width /**/:425px;
	height: 225px;
	float: left;
}

.content_210 {
	margin-right: 5px;
	padding:0px;
	width: 210px !important; 
	width /**/:210px;
	height: 225px;
	display: inline;
	float: left;
}

.content_150 {
	padding:0;
	margin:0;
	border:0;
	width: 150px;
	height: 225px;
	float: right;
	vertical-align: top;

}

.contentImagery_425_firstLevel {
	margin-right: 5px;
	margin-bottom: 5px;
	width: 425px !important; 
	width /**/:425px;
	height: 150px !important; 
	height /**/:150px;
	float: left;
}

.contentImagery_580_firstLevel {
	padding: 0;
	margin:0;
	width: 580px;
	height: 150px;
	border-bottom: 5px solid #fff;
}


/************************************************************/
/* for Layout Templates only                                */
/************************************************************/


.spacer {
	width:580px;
	clear:both;
	margin-top:30px;
}

#content_demo {
	width: 580px;
	margin: 0px;
	padding: 0px;
	border: 0px;
}

.contentDemoBox {
	padding:0;
	margin:0;
	border:0;
	clear: both;
}

/************************************************************/
/* Layout                                                   */
/************************************************************/

.bodyTableStone, .bodyTableLightGrey, .bodyTableWhite, .bodyTableBlue {
    vertical-align: Top;
    border-style: solid;
    border-width: 1px;
    border-color: #dddddd;
	padding-top:1px;
	padding-right:1px;
	padding-bottom:1px;
	padding-left:1px;
}

.bodyTableStone td {
	background-color: #eeeedd;
}

.bodyTableLightGrey td {
	background-color: #f6f6f6;
}

.bodyTableBlue td {
	background-color: #CCDDEE;
}

.bodyTableStone span, .bodyTableLightGrey span, .bodyTableWhite span, .bodyTableBlue span {
	text-decoration:underline;
}

.bodyTableStone A:link, .bodyTableLightGrey A:link, .bodyTableWhite A:link, .bodyTableBlue A:link {
	text-decoration: none;
	color: #003399;
}

.bodyTableStone A:active, .bodyTableLightGrey A:active, .bodyTableWhite A:active, .bodyTableBlue A:active {
	text-decoration: none;
	color: #003399;
}

.bodyTableStone a:visited, .bodyTableLightGrey a:visited, .bodyTableWhite a:visited, .bodyTableBlue a:visited {
	text-decoration: none;
	color: #666666;
}

.bodyTableStone a:hover, .bodyTableLightGrey a:hover, .bodyTableWhite a:hover, .bodyTableBlue a:hover {
	text-decoration: underline;
	color: #003399;
}

.bodyTableStone td, .bodyTableLightGrey td, .bodyTableWhite td, .bodyTableBlue td {
	font-family: Arial, Verdana, sans-serif;
	color:#000000;
	font-size:11px;
}

.bodyTableStone .headline, .bodyTableLightGrey .headline, .bodyTableWhite .headline, .bodyTableBlue .headline {
	color:#003399;
	font-family: Arial, Verdana, sans-serif;
	font-size:18px;
	font-weight: normal;
	text-decoration: none;
}

.bodyTableStone b, .bodyTableLightGrey b, .bodyTableWhite b, .bodyTableBlue b {
	line-height:16px;
}

ul.homeBullet {
	list-style-image : url(../media/bullet_small_midblue.gif);
	margin-top:0px;
	margin-bottom:15px;
}

ul.homeBullet li{
	font-size:11px;
	color:#003399;
	line-height:13px;
}

a.chevronLink{
	FONT-FAMILY: Arial, Helvetica, sans-serif;
    FONT-SIZE: 12px;
    line-height : 16px;
	color: #666666!important;
}

a.chevronLink:link {
	color: #666666!important;
	text-decoration: none;
}

a.chevronLink:active {
	color: #666666;
	text-decoration: none;
}

a.chevronLink:visited {
	color: #666666;
	text-decoration: none;
}

a.chevronLink:hover {
	color: #666666;
	text-decoration: underline;
}

a.chevronLink span {
    FONT-SIZE: 12px;
    line-height : 16px;
	text-decoration: underline;
}