/* Suggested order:
 * display
 * list-style
 * position
 * float
 * clear
 * width
 * height
 * margin
 * padding
 * border
 * background
 * color
 * font
 * text-decoration
 * text-align
 * vertical-align
 * white-space
 * other text
 * content
 *
 */

#accesskeysNavigation,
#subNavigaiton,
#rootline {
	display: none;
}

* {
	color: #000;
	font-size: 13px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
}

html, body {
	height: 100%;
}

body {
	background: #fff url(../images/body_bg.gif) repeat-y 0 0;
}

form .text {
	border-color: #000;
}

form .button {
	padding: 0 5px 0 5px;
	border-color: #000;
	background-color: #fff;
	color: #000;
}

#title {
	position: absolute;
	top: 14px;
	right: 28px;
	z-index: 1;
	/*background: url(../images/suisa_logo.gif) no-repeat 50% 50%;*/
	background: url(../images/suisa_logo2.gif) no-repeat 0 bottom;
}

	#title a {
		display: block;
		width: 105px;
		height: 70px;
		/*text-indent: -9999px;*/
	}
	
	#title a span {
		display: none;
	}
	
#subtitle {
	position: absolute;
	top: 7px;
	right: 3px;
	width: 182px;
	height: 5px;
	/*background-image: url(../images/subtitle_bg.png);*/
	text-indent: -9999px;
}

#box {
	position: relative;
	width: 870px;
	/* f�r Zentrierung */
	margin: 0 auto 0 66px;
}

	#header {
		position: relative;
		height: 224px;
	}
	
		ul#languageNavigation {
			position: absolute;
			top: 48px;
			left: 0;
		}
		
			#languageNavigation li {
				float: left;
			}
	
			#languageNavigation li a {
				display: block;
				font-size: 11px;
				margin-left: 5px;
				padding-left: 6px;
				background: url(../images/langNav_spacer.png) no-repeat 0 3px;
			}
			
			#languageNavigation li.first a {
				margin-left: 0;
				padding-left: 0;
				background: transparent;
			}
			
		ul#mainNavigation {
			/*display: block;*/
			position: absolute;
			top: 42px;
			/*right: 170px;*/
			left: 171px;
			background: url(../images/mainNav_spacer.gif) no-repeat 0 3px;
			z-index: 2;
		}
	
			#mainNavigation li {
				float: left;
			}
			
			#mainNavigation li a {
				display: block;
				width: auto !important;
				width: 1px;
				height: auto !important;
				height: 1px;
				padding: 0 12px;
				background: url(../images/mainNav_spacer.gif) no-repeat right 3px !important;
				background: url(../images/mainNav_spacer.gif) no-repeat right 5px;
			}
			
			/* pull down */
				#mainNavigation li ul {
					/*clear: both;*/
					position: absolute;
					top: 18px;
					left: -9999px;
					width: 188px !important;
					width: 210px;
					margin-left: -30px;
					padding: 7px 30px 30px 30px;
					z-index: 2;
				}
				
				#mainNavigation li li {
					clear: left;
					padding-top: 1px;
					background: #D50019 url(../images/hr_white.gif) repeat-x 0 0;
					opacity: 0.8;
					-moz-opacity: 0.8;
					-khtml-opacity: 0.8;
					filter: alpha(opacity=80);
				}
				
				#mainNavigation li li.first {
					padding-top: 0;	
					background: transparent;
				}
				
				#mainNavigation li li:hover {		
					height: 100%; /* Safari fix added by MB */
					opacity: 1.0;
					-moz-opacity: 1.0;
					-khtml-opacity: 1.0;
					filter: alpha(opacity=100);
				}
				
				#mainNavigation li li.sfhover {	
					filter: alpha(opacity=100);
				}
				
				#mainNavigation li li a {
					display: block;
					width: 124px !important;
					width: 159px;
					font-size: 11px;
					line-height: 16px;
					padding: 2px 10px 2px 25px;
					color: #fff;
					font-weight: bold;
					font-size: 13px;
					background: #9E0E17 !important;
					background: #9E0E17;	
				}
				
				#mainNavigation li li a:hover {
					/*background: #a70014 !important;
					background: #a70014;*/
					background: #D50019 !important;
					background: #D50019;	
				}
				
				#mainNavigation li:hover ul, #mainNavigation li.sfhover ul {
					left: auto;
				}			
				
		ul#metaNavigation {
			position: absolute;
			bottom: 25px;
			right: 0;
			width: 135px;
		}
		
			#metaNavigation li a {
				display: block;
				height: auto !important;
				height: 1px;
				font-size: 10px;
				text-transform: uppercase;
			}
			
		#searchBox,
		#lexikonBox {
			position: absolute;
			display: block;
			right: 0;
			bottom: 0;
			width: 159px;
			height: 18px;
		}
		
		#lexikonBox{
			bottom: auto; 
			top: 10px;
		}
	
			#searchBox label,
			#lexikonBox label {	
				display: none;
			}
	
			#searchBox .text,
			#lexikonBox .text {
				position: absolute;
				width: 102px !important;
				width: 139px;
				height: auto !important;
				height: 18px;
				padding: 3px 13px 2px 24px;
				border: 0;
				background-color: #e9e9ea;
				font-size: 10px;
			}
			
			#searchBox .button, 
			#lexikonBox .button {
				position: absolute;
				right: 0;
				z-index: 1;
				width: 18px;
				height: 18px;
				border: 0;
				background: #cfd1d2 url(../images/search_button.png) no-repeat 50% 50%;
				text-indent: -9999px;
			}

		#treeTitle .box {
			position: absolute;
			bottom: 0;
			display: block;
			width: 159px;
			height: 77px;
			background: #D50019;
			background: #9e0e17;
			
			opacity: 0.8;
			-moz-opacity: 0.8;
			-khtml-opacity: 0.8;
			filter: alpha(opacity=80);
		}
		
		#treeTitle .title {
			position: absolute;
			bottom: 15px;
			left: 10px;
			display: block;
			width: 139px;
		}
		
	
	#col1 {
		position: relative;
		float: left;
		clear: both;
		width: 159px;
		min-height: 200px;
		height: auto !important;
		height: 200px;
		margin-right: 12px;
	}
	
		div#subNavigation {
			margin-bottom: 12px;
			width: 159px;
			overflow: hidden;
		}
		
			div#subNavigation * {
				font-weight: bold;
			}
		
			#subNavigation ul.level-1 {
				background: #d50019;
			}
			
				#subNavigation ul.level-1 li {
					padding-top: 1px;
					background: url(../images/hr_white.gif) repeat-x 0 0;
				}
				
				#subNavigation ul.level-1 li.first {
					padding-top: 0;	
					background: transparent;
				}
			
				#subNavigation ul.level-1 a {
					display: block;
					width: 124px !important;
					width: 159px;
					padding: 2px 10px 2px 25px;
					color: #fff;
				}
				
				#subNavigation ul.level-1 a:hover {
					background: #a70014;
				}
				
				#subNavigation ul.level-1 a.cur {
					background: url(../images/subNav_arrow_white.gif) no-repeat 8px 7px;
				}
				
				#subNavigation ul.level-1 a.cur:hover {
					background: #a70014 url(../images/subNav_arrow_white.gif) no-repeat 8px 7px;
				}
				
			#subNavigation ul.level-2 {
				background: #e9e9ea;
			}
			
				#subNavigation ul.level-2 li,
				#subNavigation ul.level-2 li.first {
					padding-top: 1px;
					background: url(../images/hr.gif) repeat-x 0 0;
				}
			
				#subNavigation ul.level-2 a {
					display: block;
					width: 124px !important;
					width: 159px;
					padding: 1px 10px 1px 25px;
					color: #000;
					font-weight: normal;
				}
				
				#subNavigation ul.level-2 a:hover {
					background: #dcdcdc;
				}				
				
				#subNavigation ul.level-2 a.cur {
					background: url(../images/subNav_arrow_red.gif) no-repeat 8px 6px;
				}
				
				#subNavigation ul.level-2 a.cur:hover {
					background: #dcdcdc url(../images/subNav_arrow_red.gif) no-repeat 8px 6px;
				}
				
	#rightCols {
		position: relative;
		float: left;
		z-index: 1;
	}	
	
		#pageTitle {
			height: 42px;
			margin-bottom: 12px;
			background: url(../images/hr.gif) repeat-x 0 bottom;
		}
		
			#pageTitle h3 {
				height: auto !important;
				height: 1px;
				width: 699px;
				margin: 0;
				padding: 19px 0 0 0;
				font-size: 12px;
				color: #D50019;
			}

		#col2 {
			position: relative;
			float: left;
			width: 540px;
			z-index: 1;
		}
		
		.layout1 #col2 {
			width: 699px;
		}

			#mainContent {
				padding: 0px 12px 10px 0;
				z-index: 1;
			}

			.layout1 #mainContent {
				padding-right: 0;
			}
	
		#col3 {
			position: relative;
			float: left;
			width: 159px;
			z-index: 1;
		}

		.layout1 #col3 {
			display: none;
		}
		
			#rightContent {
				padding: 0 0 20px 0;
			}
	
	#footer {
		position: relative;
		width: 530px;
		height: 70px;
		padding-top: 35px;
		margin-left: 170px;
		background: #fff url(../images/hr.gif) repeat-x 0 35px;
	}
	
		#footer * {
			font-size: 11px;
		}
		
		ul#footerTextNavigation {
			position: absolute;
			top: 17px;
			left: 0;
		}
		
			#footerTextNavigation li {
				float: left;
			}
			
			#footerTextNavigation li a {
				display: block;
				padding-left: 9px;
				margin-left: 7px;
				background: url(../images/langNav_spacer.png) no-repeat 0pt 3px;
			}
			
			#footerTextNavigation li.first a {
				padding: 0;
				margin: 0;
				background: transparent;
			}
		
		#footerLogo {
			position: absolute;
			top: 44px;
			left: 0;
		}
		
		#footer #address {
			position: absolute;
			top: 43px;
			left: 69px;
		}
		
		#footerNavigation {
			position: absolute;
			/*top: 41px;*/
			top: 16px;
			right: 4px;
		}
		
			#footerNavigation li {
				float: left;
				background: url(../images/footerNav_spacer.gif) no-repeat 0 1px;
				padding-left: 8px;
				margin-left: 10px;
			}
			
			#footerNavigation li.first {
				background: transparent;
				padding-left: 0;
				margin-left: 0;
			}
			
			#footerNavigation li.pdfPage a {
				background: url(../images/footerNav_pdf.gif) no-repeat 0 0;
			}
			
			#footerNavigation li.printPage a {
				background: url(../images/footerNav_print.gif) no-repeat 0 1px;
			}
			
			#footerNavigation li.gotoTop a {
				background: url(../images/footerNav_top.gif) no-repeat 0 2px;
			}
			
			#footerNavigation li a {
				display: block;
				width: 12px;
				height: 12px;
				text-indent: -9999px;
			}
			
/********************************
	Homepage
********************************/
.homepage #header {
	height: 315px;
}

	.homepage #mainNavigation li li {
		opacity: 1.0;
		-moz-opacity: 1.0;
		-khtml-opacity: 1.0;
		filter: alpha(opacity=100);
	}
	
	.homepage #mainNavigation li li a {
		background: #D50019 !important;
		background: #D50019;
	}
		
	.homepage #mainNavigation li li a:hover {
		background: #a70014 !important;
		background: #a70014;
	}

.homepage #treeTitle .box {
	left: 171px;
	width: 259px;
	height: 98px;
	bottom: 0px !important;
	bottom: -1px;
}

.homepage #treeTitle .title {
	bottom: 0px !important;
	bottom: -1px;
	left: 441px;
	width: 259px;
	height: 98px;
	background: #D50019;
	background: #9e0e17;
			
	opacity: 0.8;
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	filter: alpha(opacity=80);
}

.homepage #treeTitle .title img {
	display: none;
}

.homepage #rightCols {
	background: url(../images/rightCols_bg_homepage.gif) repeat-y 0 0;
}

.homepage #col2 {
	top: -98px;
	margin-bottom: -98px;
	overflow: hidden;
}

.homepage #rightContent {
	padding: 20px 0;
}