/* Stylesheet Parkhaus Badischer Bahnhof Basel
// Frank Preiswerk, visign graphics & solutions
*/

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

TABLE#maintable {
	background-image: url(images/img_tmpl_1000px.gif);
	border-collapse: collapse;
	border: 0px;
	width: 100%;
	vertical-align: top;
	height: 360px;
}

DIV#parentLayer {
	 position:absolute; 
	 width:100%; 
	 height:360px; 
	 z-index:1; 
	 left: 0px; 
	 top: 110px;
	 background-image: url(images/img_tmpl_1000px.gif); 
	 layer-background-image: url(images/img_tmpl_1000px.gif); 
}

DIV#backgroundLayer {
	 position:absolute; 
	 width:100%; 
	 height:360px; 
	 z-index:2; 
	 left: 0px; 
	 top: 110px;
}

DIV#titleLayer {
	 position:absolute; 
	 width:100%; 
	 height:57px; 
	 z-index:1; 
	 left: 14px; 
	 top: 44px;
}

DIV#titleLayerWelcome {
	 position:absolute; 
	 width:200px; 
	 height:49px; 
	 z-index:1; 
	 left: 542px; 
	 top: 58px;
}

/* DIV#contentLayer {
	// position:absolute;
	// width:545px;
	// height:285px;
	// z-index:4;
	// left: 17px;
	// top: 147px;
	// font-family: Verdana, Arial, Helvetica, sans-serif;
	// font-size: 10px;
	// line-height: 18px;
}*/

DIV#contentMask {
	position: absolute; 
	left: 17px; 
	top: 147px; 
	width: 545px; 
	height: 286px; 
	clip: rect(0pt, 500px, 286px, 0pt); 
	overflow: hidden; z-index: 9;
}

DIV#contentframeBackgroundLayer {

	background-image: url(images/img_tmpl_textfeld.gif);
	position: absolute;
	width: 563px; 
	height: 287px; 
	left: 14px; 
	top: 147px; 
	z-index: 3;
}

DIV#naviLayer {
	position: absolute; 
	width: 157px; 
	height: 184px; 
	z-index: 4; 
	left: 592px; 
	top: 147px;
}

DIV#flashBackgroundLayer {
	position:absolute; 
	width:302px; 
	height:154px; 
	z-index:4; 
	top: 279px; 
	left: 590px; 
	background-color: #FFFFFF; 
	layer-background-color: #FFFFFF; 
	border: 1px none #000000;
}

DIV#flashLayer {
	position: absolute; 
	width: 300px; 
	height: 152px; 
	z-index: 5; 
	left: 591px; 
	top: 280px;
}

DIV#statusLayer {
	position: absolute; 
	width: 200px; 
	height: 91px; 
	z-index: 4; 
	left: 695px; 
	top: 147px;
	
	text-align: right;

}




SPAN.navItem {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #FFFFFF;
	border:1px solid #000000;
	padding-left: 2px;
	padding-right: 1px;
		
	line-height: 12px;
	padding-bottom: 1px;
	
	/* needed for Internet Explorer:*/
	height: 12px;
	
}

SPAN.navItem A {
	color: #000000;
	text-decoration: none;

}	

TABLE#statTable {
	border-collapse: collapse;
	width: 200px;
}

TR.statItemRow {
	text-align: right;

}

TR.statSpacerRow {
	height: 5px;
	/*line-height: 5px;*/
}

SPAN.statItem {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	border:1px solid #000000;
	padding-left: 1px;
	padding-right: 1px;
	
	line-height: 12px;
	height: 12px;
}

SPAN.statItem A {
	text-decoration:none;
	color:#000000;
}


/* ACTUAL CONTENT FORMATTING */

DIV.csc-header H1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #218ECE;
	font-size: 11px;
	margin-top: 7px;
	/*margin-left: 10px;*/
	margin-bottom: 0px;
	
	text-transform: uppercase;
	
}

DIV#content {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #535353;
	font-size: 11px;
	margin-top: 5px;
	margin-left: 10px;
}

DIV#content P {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #535353;
	font-size: 11px;
	/*margin-top: 5px;*/
	/*margin-left: 10px;*/
}

DIV#content LI {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #535353;
	font-size: 11px;
	/*margin-left: 10px;*/
}

DIV#content A {
	color: #535353;
}

DIV#content A:visited {
	color: #535353;
}

DIV.csc-header {
	margin-top: 13px;
	margin-bottom: 10px;
}
	
p.bodytext {
	margin-bottom: 5px;
}
	
ul {
	margin-top: 0px;
	/*margin-left: -32px;*/
	/*padding-left: 25px;*/
	
}

li {
	/*list-style: none;*/
	/*padding-left: 1em; only needed in combination of li:before */
	/*text-indent: -1em;  only needed in combination of li:before */
	line-height: 1.2em;
	margin-top: 4px;
	list-style-images: url(http://www.netmechanic.com/news/vol3/redball.gif);
}
/*li:before {
	content: "\00BB \0020";
	color: #218ECE;
}*/
	
TABLE.imgtext-table {
	margin-left: 10px;
}

.formular {
	margin-left: 10px;
	/*padding-left: 15px;*/
}

.formElement {
	border: 1px solid;
	background-color: #FFFFCC;
	border-color: #218ECE;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #333333;
	width: 200px;
}

.formTextarea {
	width: 300px;
}

.submitButton {
	background-color: #218ECE;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border: #333333 1px solid;
	font-size: 9px;
	color: #333333
	width: 30px;
}