/* CSS Document */

/* © März 2006 | Valérie Vuillerat für den Besuchsdienst |  vuillerat(at)consign.ch*/



/*	A. GENERAL	***************************************************************************************************/
/*	1. TAGS	*/
body	{
	font-family: 		Arial, Helvetica, sans-serif;
	font-size: 			12px;
	font-weight: 		normal;
	color: 				#333333;
	text-align: 		left;
	vertical-align: 	top;
	background-image: 	url(../images/bg.gif);
	background-repeat: 	no-repeat;
	}
	
body.basel{
	background-image: 	url(../images/bg_basel.gif); !important
	background-repeat: 	no-repeat;
	}
	
body.zurich{
	background-image: 	url(../images/bg_zurich.gif); !important
	background-repeat: 	no-repeat;
	}

div, p, img , a, h1, ul, li, table, a 	{
	padding:			0px;
	margin:				0px;
	border:				0px;
	}

li	{	
	list-style-type: 	none;
	}	

a	{
	color: 				#E21A38;	
	text-decoration:	none;
	}
	
a:hover{
	color: 				#333333;
	}


/*	2. DESIGN	*/
#cssIndexLogo{
	position:			absolute;
	width:				343px;
	height:				26px;
	top:				84px;
	left:				215px;
	z-index:			100;
	}

#cssIndexImg1{
	position:			absolute;
	width:				215px;
	height:				120px;
	top:				120px;
	left:				215px;
	}
	
#cssIndexImg2{
	position:			absolute;
	width:				215px;
	height:				120px;
	top:				0px;
	left:				645px;
	}

#cssIndexImg3{
	position:			absolute;
	width:				215px;
	height:				120px;
	top:				240px;
	left:				645px;
	}
		
/*	3. NAVI LEVEL 1	*/
ul.level1	{
	position:			absolute;
	width:				100px;
	left: 				105px;
	top: 				256px;
	z-Index:			200;
	list-style-type: 	none;
	text-align: 		right;	
	}

ul.level1 li	{
	width:				100px;
	float:				none;
	margin-bottom:		2px;
	color:				#333333;
	font-weight:		bold;
	}

ul.level1 li a	{	
	margin-bottom:		0px;
	color:				#333333;
	font-weight:		bold;
	text-decoration:	none;
	}

ul.level1 li a:hover,
ul.level1 li.active	{
	color:				#E21A38;
	font-weight:		bold;
	}

	
/*	3. NAVI LEVEL 2	*/
ul.level2	{
	position:			absolute;
	width:				200px;
	left: 				5px;
	top: 				368px;
	z-Index:			200;
	text-align: 		right;	
	}

ul.level2 li	{
	width:				200px;
	margin-bottom:		2px;
	color:				#333333;
	float:				none;
	}

ul.level2 li a	{	
	margin-bottom:		0px;
	color:				#333333;
	text-decoration:	none;
	}

ul.level2 li a:hover,
ul.level2 li.active	{
	color:				#E21A38;
	}

/*	4. CONTENT	*/
#cssContentLeft{
	position:			absolute;
	width:				400px;
	height:				auto;
	left: 				228px;
	top: 				259px;
	}
	
#cssContentRight{
	position:			absolute;
	width:				195px;
	height:				auto;
	left: 				657px;
	top: 				372px;	
	z-Index:			300;
	}

	
#cssTemplateStandard	{
	position:			relative;
	float:				left;
	margin-left:		0px;
	margin-bottom:		10px;
	}
	
.cssNormal	{

	}

.cssNormal h1	{
	font-size:			12px;
	font-weight: 		bold;
	padding:			0px 0px 8px;
	margin:				0px;
	}
	
.cssNormal h2	{
	font-size:			12px;
	font-weight: 		normal;
	padding:			0px 0px 6px;
	margin:				0px;
	color:				#990000;
	}

.cssNormal p	{
	padding:			0px 0px 12px;
	line-height: 		15px;	
	}
	
.cssNormal td	{
	padding:			0px 0px 6px;
	line-height: 		14px;	
	}
	
.Stil1 {
	color: 				#E21A38;
	font-weight: 		bold;
}

#cssContentCopyright{
	position:			absolute;
	width:				195px;
	height:				auto;
	left: 				657px;
	top: 				482px;
	font-size: 			10px;
	}

#cssContentCopyright a{
	color: 				#333333;
	}