/* InfraSwiss Slovakia stylesheet document */

* {
	padding: 0;
	margin: 0;
}

body {
	background: #fff;
}

ul {
	list-style: none;
}

a {
	outline: none;
}

.clear {clear: both;}

#footer ul li.active a {
	font-weight: bold;
	color: #6c6c6c;
}
#footer ul li.active a:hover {	
	color: #6c6c6c;
}

body#activezone-first #navbar ul li.active a, 
body#activezone2 #navbar ul li.active a, 
body#activezone3 #navbar ul li.active a, 
body#activezone4 #navbar ul li.active a,
body#activezone5 #navbar ul li.active a,
body#activezone-last #navbar ul li.active a {
	color: #6c6c6c;
	font-weight: bold;
}

body#activezone-first #navbar ul li.active a:hover, 
body#activezone2 #navbar ul li.active a:hover, 
body#activezone3 #navbar ul li.active a:hover, 
body#activezone4 #navbar ul li.active a:hover,
body#activezone5 #navbar ul li.active a:hover,
body#activezone-last #navbar ul li.active a:hover {
	color:#6c6c6c;
}

img {
	border: none;
}

#wrapper {
	width: 900px;
	/*height: 800px;*/
	margin: 0 auto;
}

/* ................................................................................................. HEADER, LOGO, NAVIGATION */

		#header {
			width: 900px;
			height: 100px;
			border-bottom: solid 1px #b2b2b2;
			background: #fff;
			position: relative;
		}
		
				#logo a {
					width: 130px;
					height: 38px;
					display: block;
					background: url(../gfx/logo_infraswiss.gif) 0 0 no-repeat;
					position: absolute;
					top: 19px;
					right: 0;					
					overflow: hidden;				
					font: normal 12px Verdana;
							color: #5b5b5b;
							text-decoration: none;
							cursor: pointer;
				}				
#logo span {
	display: none;
}
				
				#mainnav {
					width: 900px;
					height: 25px;
					border-bottom: solid 1px #c5c5c5;
					position: absolute;
					top: 50px;
					left: 0;
				}
				
						#mainnav li {
							display: inline;
							float: left;
							text-align: center;
							height: 25px;
						}
						
						#mainnav li a {
							text-decoration: none;
							font: normal 11px/25px verdana;
							color: #8c8c8c;
							height: 25px;
							display: block;
							float:left;
						}
						
						#mainnav li a:hover {
							color: #333;
						}
						
						#mainnav li#btn-first {background: url(../gfx/btn_first.gif) 0 0 no-repeat;}											
						#mainnav li#btn-first a {background: url(../gfx/btn_separ.gif) 100% 0 no-repeat; padding: 0 10px;}
						
						#mainnav li#btn2, #mainnav li#btn3, #mainnav li#btn4, #mainnav li#btn5 {background: url(../gfx/btn_main_bg.gif) 0 0 repeat-x;}						
						#mainnav li#btn2 a, #mainnav li#btn3 a, #mainnav li#btn4 a, #mainnav li#btn5 a {background: url(../gfx/btn_separ.gif) 100% 0 no-repeat; padding: 0 10px;}
						
						#mainnav li#btn-last {background: url(../gfx/btn_last.gif) 100% 0 no-repeat;}						
						#mainnav li#btn-last a {padding: 0 10px;}
						
		body#activezone-first #mainnav li#btn-first {background: url(../gfx/btn_first_on.gif) 0 0 no-repeat;}
		body#activezone-first #mainnav li#btn-first a, body#activezone-first #mainnav li#btn-first a:hover {color: #fff; padding: 0 10px;}
		
		body#activezone2 #mainnav li#btn2 {background: url(../gfx/btn2_on.gif) 0 0 repeat-x;}
		body#activezone2 #mainnav li#btn2 a, body#activezone2 #mainnav li#btn2 a:hover {color: #fff;}
		
		body#activezone3 #mainnav li#btn3 {background: url(../gfx/btn3_on.gif) 0 0 repeat-x;}
		body#activezone3 #mainnav li#btn3 a, body#activezone3 #mainnav li#btn3 a:hover {color: #fff;}
		
		body#activezone4 #mainnav li#btn4 {background: url(../gfx/btn4_on.gif) 0 0 repeat-x;}
		body#activezone4 #mainnav li#btn4 a, body#activezone4 #mainnav li#btn4 a:hover {color: #fff;}
		
		body#activezone5 #mainnav li#btn5 {background: url(../gfx/btn5_on.gif) 0 0 repeat-x;}
		body#activezone5 #mainnav li#btn5 a, body#activezone5 #mainnav li#btn5 a:hover {color: #fff;}
		
		body#activezone-last #mainnav li#btn-last {background: url(../gfx/btn_last_on.gif) 100% 0 no-repeat;}
		body#activezone-last #mainnav li#btn-last a, body#activezone-last #mainnav li#btn-last a:hover {color: #fff; padding: 0 10px;}

				#navbar {
					width: 900px;
					height: 24px;
					position: absolute;
					top: 76px;
					left: 0;
					background: url(../gfx/navbar_bg.gif) 0 0 repeat-x;
				}
				
						#navbar ul li {display: inline;}
						#navbar ul li a {font: normal 11px/24px verdana; text-decoration: none; padding: 6px 10px;}
						#navbar ul li a:hover {color: #303030;}

						body#activezone-first #navbar ul li a {color: #ef8213;}
						body#activezone-first #navbar ul li a:hover {color: #303030;}
						body#activezone-first #navbar ul li.active_navbar a {color: #fff; background: url(../gfx/navbar_bg_btn1.gif) 0 0 repeat-x;}
						body#activezone-first #navbar ul li.active_navbar a:hover {color: #fff;}

						body#activezone2 #navbar ul li a {color: #61639e;}
						body#activezone2 #navbar ul li a:hover {color: #303030;}
						body#activezone2 #navbar ul li.active_navbar a {color: #fff; background: url(../gfx/navbar_bg_btn2.gif) 0 0 repeat-x;}
						body#activezone2 #navbar ul li.active_navbar a:hover {color: #fff;}
						
						body#activezone3 #navbar ul li a {color: #a3999e;}
						body#activezone3 #navbar ul li a:hover {color: #303030;}
						body#activezone3 #navbar ul li.active_navbar a {color: #fff; background: url(../gfx/navbar_bg_btn3.gif) 0 0 repeat-x;}
						body#activezone3 #navbar ul li.active_navbar a:hover {color: #fff;}											
						
						body#activezone4 #navbar ul li a {color: #95643c;}
						body#activezone4 #navbar ul li a:hover {color: #303030;}
						body#activezone4 #navbar ul li.active_navbar a {color: #fff; background: url(../gfx/navbar_bg_btn4.gif) 0 0 repeat-x;}
						body#activezone4 #navbar ul li.active_navbar a:hover {color: #fff;}
						
						body#activezone5 #navbar ul li a {color: #2b2bc9;}
						body#activezone5 #navbar ul li a:hover {color: #303030;}
						body#activezone5 #navbar ul li.active_navbar a {color: #fff; background: url(../gfx/navbar_bg_btn5.gif) 0 0 repeat-x;}
						body#activezone5 #navbar ul li.active_navbar a:hover {color: #fff;}
						
						body#activezone-last #navbar ul li a {color: #a3999e;}
						body#activezone-last #navbar ul li a:hover {color: #303030;}
						body#activezone-last #navbar ul li.active_navbar a {color: #fff; background: url(../gfx/navbar_bg_btn3.gif) 0 0 repeat-x;}
						body#activezone-last #navbar ul li.active_navbar a:hover {color: #fff;}
	
/* ................................................................................................. CONTENT */	


#content {
	width: 900px;	
	text-align: left;
	padding: 23px 0px 23px 0px;
	display: table;
}
		
		h2 {
			font: normal 29px verdana;
			color: #ef8213;
			margin: 0 0 15px 0;
		}
		
				#activezone-first #content h3, 
				#activezone2 #content h3, 
				#activezone3 #content h3, 				
				#activezone4 #content h3,
				#activezone5 #content h3,
				#activezone-last #content h3 {
					font: normal 23px verdana;					
					margin: 40px 0 15px 0;	
					line-height: 35px;
				}
				
				#activezone-first #content h3 {color: #ef8213;}
				#activezone2 #content h3, #activezone2 #content h2 {color: #61639e;}				
				#activezone3 #content h3, #activezone3 #content h2 {color: #a3999e;}				
				#activezone4 #content h3, #activezone4 #content h2 {color: #95643c;}
				#activezone5 #content h3, #activezone5 #content h2 {color: #2b2bc9;}
				#activezone-last #content h3, #activezone-last #content h2 {color: #a3999e;}
		
		#content p,
		#content table.type1 {
			font: normal 12px/18px verdana;
			color: #676767;
			letter-spacing: 0;
			margin: 0 0 15px 0;
		}
		
		#content table.type1 {
			width: 100%;
			
		}
			#content table.type1 td {
				padding: 0 0 3px 0;
			}
		
		#content-left {
			width: 414px;
			float: left;			
		}
		
		#content-right {
			width: 466px; 
			/*background:red;*/
			float: right;		
		}
			
				#content-right ul {
					margin-top: 50px;
				}
				
				#content-right ul li {
					display: inline;
					margin-right: 30px;					
				}
				
				#content-right ul li a {
					font: normal 12px/18px verdana;
					color: #676767;
					text-decoration: none;
				}

				#content-right ul li a:hover {
					color: #ef8213;
				}
		



/* ................................................................................................. FOOTER */	

#footer {
	width: 900px;
	height: 26px;
	background: url(../gfx/footer_bg.gif) 0 0 repeat-x;
	clear: both;
}

		#footer ul li {
			display: inline;
			font: normal 11px/25px verdana;
			color: #8c8c8c;
			padding: 0 10px;
		}
				
				#footer ul li a {
					text-decoration: none;
					font: normal 11px/25px verdana;
					color: #8c8c8c;
				}
				
				#footer ul li a:hover {
					color: #333;
				}

				.floatleft {
					float: left;
				}
				.floatright {
					float: right;
				}
				
		



/* ................................................................................................. CONTENT SUBPAGES */			

.box600 {
	width: 590px;
	text-align: justify;
}

.box530 {
	width: 530px;
	text-align: justify;
}

.box440 {
	width: 440px;
}

		.box440 ul {
			background: #ededee;
			padding: 10px 15px;
			width: 400px;
		}
		
				.box440 ul li {
					font: normal 12px verdana;
					color: #ef8213;
					list-style: disc;
					list-style-position: inside;
					line-height: 25px;
				}

		.box440 h3 {
			font: normal 18px Verdana;
			color: #ef8213;
			margin: 5px 0 15px 0;
		}
		.box440 a {
			text-decoration: none;
			font: normal 12px verdana;
			color: #676767;
		}
		.box440 a:hover {
			color: #ef8213;
		}

.box400 {width: 400px; text-align:center}

.contact-box {
	background: #f6f4f2;
	padding: 10px 16px 1px 16px;
	margin-left: 3px;
}
.contact-box img {
	margin-top:10px;
}
				
.box316 {
	width: 316px;
	padding-top: 5px;
}

.box220 {
	width: 220px;
}

.box250 {
	width: 250px;
}

.box300 {
	width: 300px;
}

.box290 {
	width: 290px;
}

.sidebox {
	width: 250px;
	padding-top: 5px;
}

		.sidebox ul li {
			background: url(../gfx/blank_icon_orange.gif) 0 50% no-repeat;
			padding-left: 30px;
			line-height: 22px;
			margin-bottom: 10px;
		}
			
			.sidebox ul li a {
				font: normal 12px verdana;
				text-decoration: none;
				color: #ef8213;
			}
			
			.sidebox ul li a:hover, #activezone-last .sidebox ul li a:hover {
				color: #6c6c6c;
			}
		
		#activezone-last .sidebox ul li, #activezone3 .sidebox ul li {
			background: url(../gfx/blank_icon_gray.gif) 0 50% no-repeat;			
		}
				#activezone-last .sidebox ul li a, #activezone3 .sidebox ul li a {
					color: #a3999e;
				}
		#activezone-last .sidebox ul li a:hover, #activezone3 .sidebox ul li a:hover {color: #6c6c6c;}
				
		#activezone4 .sidebox ul li {
			background: url(../gfx/blank_icon_brown.gif) 0 50% no-repeat;			
		}
				#activezone4 .sidebox ul li a {
					color: #95643c;
				}
				
		#activezone4 .sidebox ul li a:hover {
					color: #6c6c6c;
				}
		
.middlebox {
	width: 230px;
	padding: 0 45px; 
	margin-left: 23px;
	border-left: solid 1px #a9a9a9;
	border-right: solid 1px #a9a9a9;
}			

#content .sitemap_list, #content .dw_list {
	background: none;
	padding: 0;
	/*margin-right: 90px;*/
	font: normal 12px verdana;
}

#content .dw_list {
	margin-right: 0;
	padding-bottom: 5px;
}

#content .sitemap_list li, #content .dw_list li {
	list-style: none;
	line-height: 18px;	
}

#content .sitemap_list li strong a, #content .dw_list li strong a {
	text-decoration: none;
	color: #ef8213;
	padding-left: 0;
}
#content .sitemap_list li strong a:hover, #content .dw_list li strong a:hover {
	text-decoration: none;
	color: #676767;
}

#content .sitemap_list li a, #content .dw_list li a {
	text-decoration: none;
	color: #676767;
}

#content .sitemap_list li a:hover, #content .dw_list li a:hover {
	text-decoration: none;
	color: #111;
}

.dw_icon {
	font-weight: bold;
	background: url(../gfx/dw_icon.gif) 0 50% no-repeat;
	text-indent: 20px;
}

.list_subtitle {
	margin: 15px 0 7px 0;
}









/* ................................................................................................. GALLERY */	


.gallerydisplay {
	padding:0;
	margin:0px 0 0 0;
	list-style-type:none;
	float:left;
	position: absolute;
	top: 200px;
}

.gallerydisplay img.mainimage, #defaultimage img.mainimage{
	border:0;
/*	width:200px;
	height:200px;*/
}


.gallerydisplay li {
	float:left;
	margin:10px 0 10px 0;
}


.gallerydisplay li a img.mainimage {
	position:absolute;
	left:400px;
	visibility:hidden;
	border:0;
	top:55px;
	z-index:5;
}

.gallerydisplay li a:active img.mainimage, .gallerydisplay li a:focus img.mainimage {
	visibility:visible;
}

.gallerydisplay li img.thumbnail{
	height:27px;
	width:27px;
	margin-right:4px;
	border:1px solid #666;
}

.gallerydisplay li a:active img.thumbnail{
	border:#eee solid 1px;
}

#defaultimage img{
	position:absolute;
	top:50px;
	left:400px;
	z-index:-1;
}







/* ------------------------------------------------------------------------------------- LANGUAGE SWITCHER */


#zUL,#zUL ul {padding:0;margin:0;}
/*#zUL li ul a {margin-left:1em}*/
#zUL li {
	float:left;
	width:9em;
	position:relative;
	list-style-type:none;
	font-weight:600;
	background:url(../gfx/lang.gif) 0 0 repeat-x;
}


#zUL li ul {
	visibility:hidden;
	position:absolute;
	left:0;
/*	width:9em*/
}
#zUL li ul li {background:url(../gfx/lang.gif) 0 0 repeat-x; width:9em; height:25px; border-left:solid 1px #ebe9ea; border-right:solid 1px #ebe9ea;}
#zUL li ul li a {height:100%; width:100%; display:block}

fieldset p {clear:left}
#zUL li:hover ul, #zUL li.msieFix ul {
	visibility:visible;
/*	background-color:#ebe9ea;*/
}



* html fieldset p {z-index:-1}
* html #zUL li:hover ul,
* html #zUL li.msieFix ul {
	top:2.3em;
	left:.2em
}