/*
General Definitions
*/

* {
margin: 0;
padding: 0;
border: none;
}

/*
Tag Definitions
*/
a 
{
	text-decoration: none;
}

a:link, a:visited, a:active 
{
	color: #B99446;
}

a:hover, a:focus 
{
	color: #A87200;
}

body 
{
	color: #272727;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	background: #efeff0 url(../images/columnLineBg.gif);
	background-color: #efeff0;
	background-repeat: repeat-x;
	background-position: 0px 110px;
}

/*
ID Definitions
*/
#bgBottom 
{
	
}

ul.introMenu {
	list-style: none;

}

ul.introMenu li 
{
	display: inline;
	float:left;
	height:370px; /*Important for Firefox!!! */ 
}

#introMenuContent, #introMenu1Content, #introMenu2Content, #introMenu3Content, #introMenu4Content, #introMenu5Content 
{
	width:800px;
	color:#FFF;
}

#introMenu1 
{
	background:url(../images/Sec1_up.jpg);
	background-repeat:no-repeat;
}

#introMenu1:hover, #introMenu1Hover
{
	background:url(../images/Sec1_css_over.jpg);
	background-repeat:no-repeat;	
}

#introClick {
	position:absolute;
	width:800px;
	height:370px;
}

#introMenu1Content
{
	background-image:url(../images/Sec1_js_over.jpg);
	height:370px;
	position:relative;
}

#introMenu1Content h1 {
	font-size: 17px;
	padding: 30px 0 20px 180px;
	color:#FFF;
}

#introMenu1Content h2 {
	font-size: 17px;
	margin: 10px 0 10px 0;
	padding:0 0 0 0;
	line-height: 20px;
	color:#FFF;
	font-weight:bold;
}

#introMenu1Content p {
	position:relative;
	height:120px;
	line-height:1.3em;
}

#introMenu1Info {
	float:right;
	width: 480px;
}

#introMenu1Images
{
	margin-left: 180px;
}

#introMenu1Images img
{
	display:block;
	margin-bottom:10px;
}

#introMenu2 {
	background:url(../images/Sec2_up.jpg);
	background-repeat:no-repeat;	
}

#introMenu2:hover {
	background:url(../images/Sec2_css_over.jpg);
	background-repeat:no-repeat;	
}

#introMenu2Content
{
	background-image:url(../images/Sec2_js_over.jpg);
	height:370px;
	position:relative;
}

#introMenu2Content h1 {
	font-size: 17px;
	padding: 30px 0 20px 340px;
	color:#FFF;
}

#introMenu2Content h2 {
	font-size: 17px;
	margin: 10px 0 10px 0;
	padding: 0 0 0 0;
	line-height: 20px;
	color:#FFF;
	font-weight:bold;
}

#introMenu2Content p {
	line-height:1.3em;
	height:120px;
	line-height:1.3em;
}

#introMenu2Info {
	float:right;
	width: 320px;
}

#introMenu2Images
{
	margin-left: 340px;
}

#introMenu2Images img
{
	display:block;
	margin-bottom:10px;
}


#introMenu3 {
	background:url(../images/Sec3_up.jpg);	
	background-repeat:no-repeat;
}

#introMenu3:hover {
	background:url(../images/Sec3_css_over.jpg);
	background-repeat:no-repeat;	
}

#introMenu3Content
{
	background-image:url(../images/Sec3_js_over.jpg);
	height:370px;
	position:relative;
}

#introMenu3Content h1 {
	font-size: 17px;
	padding: 30px 0 20px 500px;
	color:#FFF;
}

#introMenu3Content h2 {
	font-size: 17px;
	margin: 10px 0 0 0;
	padding: 0 0 0 0;
	line-height: 20px;
	position:relative;
	color:#FFF;
	font-weight:bold;
}

#introMenu3Content p {
	position:relative;
	height:120px;
	line-height:1.3em;
}

#introMenu3Info {
	float:right;
	width: 160px;
}

#introMenu3Images
{
	margin-left: 500px;
}

#introMenu3Images img
{
	display:block;
	margin-bottom:10px;
}

#introMenu4 {
	background:url(../images/Sec4_up.jpg);	
	background-repeat:no-repeat;
}

#introMenu4:hover {
	background:url(../images/Sec4_css_over.jpg);
	background-repeat:no-repeat;	
}

#introMenu4Content
{
	background-image:url(../images/Sec4_js_over.jpg);
	height:370px;
	position:relative;
}

#introMenu4Content h1 {
	text-align:right;
	font-size: 17px;
	padding: 30px 340px 20px 0;
	color:#FFF;
}

#introMenu4Content h2 {
	font-size: 17px;
	margin: 10px 0 10px 0;
	line-height: 20px;
	position:relative;
	height:120px;
	color:#FFF;
	font-weight:bold;
}

#introMenu4Content p {
	position:relative;
	height:120px;
	line-height:1.3em;
}

#introMenu4Info {
	margin-right:10px;
	text-align:right;
	width: 320px;
	height:200px;
}

#introMenu4Images
{
	float:right;
	width:460px;
}

#introMenu4Images img
{
	display:block;
	margin-bottom:10px;
}


#introMenu5 {
	background:url(../images/Sec5_up.jpg);
	background-repeat:no-repeat;	
}

#introMenu5:hover {
	background:url(../images/Sec5_css_over.jpg);
	background-repeat:no-repeat;	
}

#introMenu5Content
{
	background-image:url(../images/Sec5_js_over.jpg);
	height:370px;
	position:relative;
}

#introMenu5Content h1 {
	text-align:right;
	font-size: 17px;
	padding: 30px 180px 20px 0;
	color:#FFF;
}

#introMenu5Content h2 {
	font-size: 17px;
	margin: 0 0 10px 0;
	line-height: 20px;
	position:relative;
	height:120px;
	color:#FFF;
	font-weight:bold;
}

#introMenu5Content p {
	position:relative;
}

#introMenu5Info {
	margin-right:20px;
	text-align:right;
	width: 480px;
	float:left;
	height:200px;
}

#introMenu5Images
{
	/*margin-right: 180px;*/
}

#introMenu5Images img
{
	display:block;
	margin-bottom:10px;
}


#centerMainField {
	width:955px;
	margin: 0 auto;
}

#column 
{
	width:100%;
	background-color: #272727;
	
}


/* IDs */
#container 
{
	position:absolute;
	width:956px;
	left:50%;
	margin-left:-478px;
	top: 10px;
}

#introMenu1Over, #introMenu2Over, #introMenu3Over, #introMenu4Over, #introMenu5Over
{
	position:absolute;
	width:800px;
	height:370px;
	left:50%;
	margin-left:-478px;
	top:100px;
	visibility: hidden;
}

#content 
{
	width:800px;
	color: #202020;
	margin: 0 auto;
	padding: 0 155px 0 0;
}

#content h1 
{
	font: normal 1.6em Verdana, Arial, Helvetica, sans-serif;
	color: #7d7d7d;
	padding: 20px 0 10px 13px;
}

#content h2 
{
	font: normal 1.2em Verdana, Arial, Helvetica, sans-serif;
	color: #202020;
	padding: 20px 0 10px 10px;
}

#content h3 
{
	font-weight: normal;
}

#content h1 + p 
{
	margin: 10px 0 0 0;
}

#content h2 + p 
{
	margin: 5px 0 0 0;
}

#content h1 + h2 
{
	margin: 10px 0 0 0;
}

#content img 
{
	float: right;
	margin: 5px 0 5px 5px;
	border: 1px solid #A87200;
	padding: 2px 2px 2px 2px;
	background-color: #FCF7ED;
}


#content p 
{
	padding: 0 10px 0 13px;
	line-height: 1.6em;
	width: 467px;
}

#contentText 
{
	height: 90px;
	overflow: auto;
	margin: 0 0 10px 0;
}

#header 
{
	width: 955px;
	margin: 0 auto;
	height: 90px;
}

#imageLine 
{
	width:800px;
	background: #272727; 
}

#imageLineContainer, #introNaviLine {
	width:955px;
	margin: 0 auto;
}

#imageLine img {
	padding: 2px 0 0 0;
}

#imageLine ul 
{
	list-style-type: none;
}

#imageLine ul li 
{
	display: inline;
}

#imageLine ul li.prevImageLine {
	background: url(../images/imageArrowLeft_up.jpg);
}

#imageLine ul li.prevImageLine:hover {
	background: url(../images/imageArrowLeftOver.jpg);
}



#line800 {
	font-weight:bold;
	width:800px;
	margin: 0 auto;
	padding: 0 155px 60px 0;
	color: #FFFFFF;	
}

#line800 a, #line800 a:link, #line800 a:visited, #line800 a:active, #line800 a:hover, #line800 a:focus 
{
	color: #272727;
}

#line800 ul 
{
	list-style-type: none;
	width:800px;
	color: #C0C0C0;
	top:0px;
}

#line800 ul li 
{
	text-align:center;
	position:absolute;
	display:inline;
	width: 159px;
	height: 2.1em;
	padding: 1em 0 0 0;
	background: #D2D2D2;
	border: solid 1px #9B9B9B;
}

#line800 .entry1 
{
	left:0px;
}

#line800 .entry1Sec 
{
	left:0px;
	font-weight:lighter;
}

#line800 .entry1:hover, #line800 .entry1Sec:hover  
{
	left:0px;
	background: #E8E8E8;
}

#line800 .entry1active 
{
	left:0px;
	background: #efeff0;
	color: #C0C0C0;
	border-top:solid 1px #efeff0;
}

#line800 .entry2 
{
	left:160px;
}

#line800 .entry2Sec 
{
	left:160px;
	font-weight:lighter;
}

#line800 .entry2:hover, #line800 .entry2Sec:hover 
{
	left:160px;
	background: #E8E8E8;
}

#line800 .entry2active
{
	left:160px;
	background: #efeff0;
	color: #ABABAB;
	border-top:solid 1px #c4c4c4;
}

#line800 .entry3 
{
	left:320px;
}

#line800 .entry3Sec
{
	left:320px;
	font-weight:lighter;
}

#line800 .entry3:hover,#line800 .entry3Sec:hover
{
	left:320px;
	background: #E8E8E8;
}

#line800 .entry3active
{
	left:320px;
	background: #efeff0;
	color: #C0C0C0;
	border-top:solid 1px #efeff0;
}

#line800 .entry4 
{
	left:480px;
}

#line800 .entry4Sec
{
	left:480px;
	font-weight:lighter;
}

#line800 .entry4:hover,#line800 .entry4Sec:hover 
{
	left:480px;
	background: #E8E8E8;
}

#line800 .entry4active 
{
	left:480px;
	background: #efeff0;
	color: #C0C0C0;
	border-top:solid 1px #efeff0;
}

#line800 .entry5 
{
	left:640px;
}

#line800 .entry5Sec
{
	left:640px;
	font-weight:lighter;
}

#line800 .entry5:hover,#line800 .entry5Sec:hover 
{
	left:640px;
	background: #E8E8E8;
}

#line800 .entry5active 
{
	left:640px;
	background: #efeff0;
	color: #C0C0C0;
	border-top:solid 1px #efeff0;
}


#logo 
{
	width: 955px;
	height: 90px;
	color: #000000;
}

#logo span 
{
	vertical-align: bottom;
}

#logoImg 
{
	padding: 10px 0 0 815px;
}

#main 
{
	width:100%;
	color: #000;
	line-height: 1.2em; /* to avoid the peekaboo bug */
	padding-top: 10px;
}

#mainImage p 
{
	font-weight:bold;	
}

#mainBot 
{
	width:800px;
	margin: 0 auto;
	padding: 0 155px 60px 0;
	color: #FFFFFF;
}

#mainBot a, #mainBot a:link, #mainBot a:visited, #mainBot a:active, #mainBot a:hover, #mainBot a:focus 
{
	color: #272727;
}

#mainBot ul 
{
	position:relative;
	list-style-type: none;
	width:800px;
	color: #C0C0C0;
}

#mainBot ul li 
{
	text-align:center;
	position:absolute;
	display:inline;
	width: 160px;
	height: 2.1em;
	padding: 1em 0 0 0;
	background: #D2D2D2;
	border: solid 1px #9B9B9B;
}

#mainBot .entry1 
{
	left:0px;
}

#mainBot .entry1:hover 
{
	left:0px;
	background: #E8E8E8;
}

#mainBot .entry1active 
{
	left:0px;
	background: #efeff0;
	color: #C0C0C0;
	border-top:solid 1px #efeff0;
}

#mainBot .entry2 
{
	left:160px;
}

#mainBot .entry2:hover 
{
	left:160px;
	background: #E8E8E8;
}

#mainBot .entry2active
{
	left:160px;
	background: #efeff0;
	color: #ABABAB;
	border-top:solid 1px #c4c4c4;
}

#mainBot .entry3 
{
	left:320px;
}

#mainBot .entry3:hover 
{
	left:320px;
	background: #E8E8E8;
}

#mainBot .entry3active
{
	left:320px;
	background: #efeff0;
	color: #C0C0C0;
	border-top:solid 1px #efeff0;
}

#mainBot .entry4 
{
	left:480px;
}

#mainBot .entry4:hover 
{
	left:480px;
	background: #E8E8E8;
}

#mainBot .entry4active 
{
	left:480px;
	background: #efeff0;
	color: #C0C0C0;
	border-top:solid 1px #efeff0;
}

#mainBot .entry5 
{
	left:640px;
}

#mainBot .entry5:hover 
{
	left:640px;
	background: #E8E8E8;
}

#mainBot .entry5active 
{
	left:640px;
	background: #efeff0;
	color: #C0C0C0;
	border-top:solid 1px #efeff0;
}

#mainImage
{
	width:800px;
	display:inline;
	float:left;
	padding-right:16px;
}

/* to clear the floating of previous divs */
#mainFieldBot {
	clear:both;
	line-height:0px;
	height:0px;
}

#navigation
{
	/*position:relative;*/
	height:370px;
	display:inline;
	color: #efeff0;
	width: 155px;
}

/*#mainLanguage ul
{
	bottom:0;	
}*/

/*#mainLanguage
{
	border:1px solid #999;
	position:absolute;
	bottom:0;
}*/

#navigation, #mainLanguage 
{
	line-height: 180%;
}

#navigation a {
	color: #efeff0; 
}

#navigation a:link,#navigation a:visited, #navigation a:active {
	color: #efeff0;
}

#navigation a:hover, #navigation a:focus {
	color: #C8CAD0;
	padding-left: 0.1em;
}

#navigation ul, #mainLanguage ul {
	padding-top:10px;
	list-style-type: none;
}

#sectionHeadline 
{
	position: absolute;
	height: 15px;
	top: 69px;
	width: 800px;
}

#sectionHeadline h1 
{
	font-size: 17px;
	display: inline;
	padding-right:5px;
}

/*
Class Definitions
*/
.containerbot 
{
	
}

.printInfoPath 
{
	display: none;
}

.screenInfoPath 
{
	font-size: 0.8em;
	color: #9D8753;
}

.topDiff {
	display:block;
	padding-top:0.3em;	
}
#indexLang {
	position: relative;
	top:160px;
}

