/*///////////////////////////////////////
///// TEMPLATE DEFINITIONS – SCREEN	  			
////////////////////////////////////////


*
*  The following CSS data defines the general elements used in the Typo3 template.
*  Copyright by Balz Rittmeyer, 2007, apologet@bluewin.ch
*


/******************* 
*	GENERAL TAGS
********************
*
*	
*	Definition of the website's general tags
*
*
*******************************************************
*	MENU AREA CONTAINER
*
*/


* {
	margin:0px;
	padding:0px;
}

html,body {
	
	height: 100%;
	
}

body {
	
	font-family: Helvetica,Arial;
	font-weight: lighter;
	font-size:0.8em;
	text-align:center;
	background: #0a210e;
	height: 100%;
	margin: 0px;
	
	 
}

div {
	text-align:left;
	color: #f6f1ac;
}


/*
*
*
*
*	(END OF GENERAL TAGS)
********************************************************/








/******************* 
*	WRAPS
********************
*
*	
*	Definition of the website's main and sub wraps
*
*
*******************************************************
*	MAIN WRAPS
*
*/


#pageWrap { 
	
	/*  page is aligned to center  */
	margin:0px auto;
	position:relative; /* => footer */
	top:0px;
	
	/*  page width  */
	width:887px;
	
	min-height:100%;
	height:auto !important;
	height: 100%;
	
	
	background: #041107 url('../images/body_bg.png') repeat-y 0% 0%;
	

}

#topWrap { /* => footer */
	
	
	background: url('../images/pageWrap_bg.jpg') no-repeat 0% 0%;
	width: 100%;
}

#topWrap:after { /* => footer */
	
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;

}

#bottomWrap {
			
	position:absolute;
	bottom:0pt !important;
	
	width:100%;
	height:28px; /* => footer height */
	
	background: url('../images/bottomWrap_bg.jpg') repeat-x 0% 0%;
	
}


/*******************************************************
*	SUB WRAPS
*
*/


#headerWrap {
	
	float: left;
	width: 100%;
	height: 200px;

	font-size: 1.8em;
	text-transform: uppercase;
	text-align: center;
	line-height: 7em;
	font-weight: bold;
	color: #0066cc;	

}

#sealWrap {
	
	position: absolute;
	right: 25px;
	top: 40px;
	
}

#sealWrap img{ 

	border: 0px;
}

#menuWrap {

	float: left;	
	margin: 0px;
}

#contentWrap {

	float: left;	
	
	/* content width */
	width: 605px;
	
	/* content minimum height */
	min-height: 400px;
	height: auto !important;
	height: 400px;
	
	margin: 0px 10px 40px 30px;
	padding: 0px;
	
}

#contentWrap .contentElement {

	float: left;	
	clear: left;
	margin-bottom: 40px;
	width: 100%;
}


#footerWrap {
	
	width: 100%;	
	background: url('../images/foot_bg.jpg');
}


/*
*
*
*
*	(END OF WRAPS)
********************************************************/








/******************* 
*	MENU AREA
********************
*
*	
*	Definition of the website's menu elements
*
*
*******************************************************
*	GENERAL MENU DEFINITIONS
*
*/

#menuWrap ul {
	
	float: left;		
	
	padding: 0px;
	margin: 0px;
	width: 230px;
	
	list-style: none;
	
}

#menuWrap ul li{
	
	float: left;
	clear: left;
	
	/* list element minimum height */
	min-height: 40px;
	height: auto !important;
	height: 40px;
	
	padding: 0px;
	margin: 0px;
	
	background: url('../images/lines.png') no-repeat !important;
	background: url('../images/lines.gif') no-repeat;
	
}

#menuWrap ul li.lastItem{
	
	/* list element minimum height */
	min-height: 41px;
	height: auto !important;
	height: 41px;

}

/*  general link tag  */
#menuWrap li a{ 
	
	display: block;
	width: 210px;
	
	height: 40px;
	
	padding: 0px;
	padding-left: 20px;

	
}





/*  link & visited  */
#menuWrap a:link,
#menuWrap a:visited {
	
	text-decoration: none;
	
	color: #f6f1ac;

}

/*  active & hover  */
#menuWrap li.active a:link,
#menuWrap li.active a:visited,
#menuWrap a:hover {
	
	background: url('../images/menuItem_ro_bg.png') no-repeat;
}



/*******************************************************
*	MENU LEVEL 1
*
*/


ul#menu_lvl1{ }

ul#menu_lvl1 li{ }


/*  link & visited  */
ul#menu_lvl1 li a:link,
ul#menu_lvl1 li a:visited { }

/*  active & hover  */
ul#menu_lvl1 li#active a:link,
ul#menu_lvl1 li#active a:visited,
ul#menu_lvl1 li a:hover{ }


/*******************************************************
*	MENU LEVEL 2
*
*/


ul#menu_lvl1 l.active ul#menu_lvl2 { 

}

ul#menu_lvl1 li.active ul#menu_lvl2 li{ }

ul#menu_lvl1 li.active ul#menu_lvl2 li a{ 

}

/*  link & visited  */
ul#menu_lvl1 li.active ul#menu_lvl2 li a:link,
ul#menu_lvl1 li.active ul#menu_lvl2 li a:visited{
	
	background: #99ffff;
	color: #0066cc;
}

/*  active & hover  */
ul#menu_lvl1 li.active ul#menu_lvl2 li.active a:link,
ul#menu_lvl1 li.active ul#menu_lvl2 li.active a:visited,
ul#menu_lvl1 li.active ul#menu_lvl2 li a:hover{
	
	background: #FFF;
	color: #0066cc;
	
}


/*
*
*
*
*	(END OF MENU AREA)
********************************************************/








/******************* 
*	FOOTER
********************
*
*
*	Definition of the website's footer tags
*
*
******************************************************
*	FOOTER TAGS & HYPERLINKS
*
*/


#footerWrap p {
	
	text-align:center;
	text-transform: uppercase;
	padding: 8px 0 0 0;	
	line-height: 1.4em;
	color: #e7e69b;
	font-size: 0.8em;
}

#footerWrap a:link, 
#footerWrap a:visited{
	
	text-decoration: none;
	color: #fcfbcc;

}

#footerWrap a:hover {
	
	color: #fcfbcc;
	
}


/*
*
*
*
*	(END OF FOOTER)
********************************************************/