/****************************************************
*** HTML ********************************************
*****************************************************/

html {
	
	height: 100%;
}

/****************************************************
*** BODY ********************************************
*****************************************************/

body.mainpage {

	font-family:Arial, Helvetica, sans-serif;
	font-size:12px; 
	line-height: 20px;
	margin: 30px;
}

body {

	font-family:Arial, Helvetica, sans-serif;
	font-size:12px; 
	line-height: 20px;
}


/****************************************************
*** HEADINGS ****************************************
*****************************************************/

div.menuheader {

	width:95%;
	background-color: #2D58A0; 
	padding:5px; 
	margin-right:5px;
	color: white;
	font-weight: bold;
	margin-bottom: 5px;
}


#whitec {
	color: white;
}

.topicheading {
	padding-top: 45px;
	font-size: 20px;
	font-weight: normal;
	line-height: 0px;
	color: #006699;
	font-family: Arial, Helvetica, sans-serif
}
.line {
	font-size: 1px;
	line-height: 0px;
}
.lineclear {
	font-size: 1px;
	line-height: 0px;
	background-color: white;
		
}
.subheading {
	color: #000099; 
	font-size: 16px;
	font-weight: normal;
}

.minorsubheading {
	color: #000000; 
	font-size: 14px;
	font-weight: bold;
}

/****************************************************
*** PARAGRAPHS **************************************
*****************************************************/

p.makers {

	font-variant: small-caps;
}

p.back_to_top {

	text-align: right;
}

div.bgimage
	{
	background-image:url(../images/header.gif);
	width: 740;
	height: 75px;
	position:absolute;
	left: 0px;
	top: 0px;
	}
	

/****************************************************
*** DIVS *******************************************
*****************************************************/
div.topic {

	width:700px;
	text-align:justify;

}

div.line {

	width:100%;
	background-color:#CCCCCC;
	height:1px;
}

div.contentsMenu {

	width:680px;
	background-color: #F0F8FF;
	padding: 10px;
	border: solid thin  #EAEAEA 1px;

}

div.contentsMenu2 {

	width:680px;
	background-color: #F0FFF0;
	padding: 10px;
	border: solid thin  #EAEAEA 1px;

}

div.descrip {

	width:490px;
	float: left;
	margin-right: 0;
	border: none;
	clear:left

}

div.smallDescrip {

	width:200px;
	float: right;
	background-color:#F4F4F4;
	margin-right: 0;
	border: solid thin  #EAEAEA 1px;
	line-height: 28px;

	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 10px;
	margin-left: 20px;
	margin-bottom: 0px;
	text-align:left;

}

div.smallDescrip2 {

	width:200px;
	float: right;
	background-color: #FFE6E6;
	margin-right: 0;
	border: solid thin  #EAEAEA 1px;
	line-height: 28px;

	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 10px;
	margin-left: 20px;
	margin-bottom: 0px;
	margin-top: 10px;
	text-align:left;
	clear: right;

}

div.smallDescrip3 {

	width:150px;
	float: right;
	background-color: #F0FFF0;
	margin-right: 0;
	border: solid thin  #EAEAEA 1px;


	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 10px;
	margin-left: 10px;
	margin-bottom: 0px;
	margin-top: 20px;
	text-align:left;

}

div.smallDescrip4 {

	width:200px;
	float: right;
	background-color: #F0FFF0;
	margin-right: 0;
	border: solid thin  #EAEAEA 1px;


	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 10px;
	margin-left: 10px;
	margin-bottom: 0px;
	margin-top: 20px;
	text-align:left;

}



/****************************************************
*** Links *******************************************
*****************************************************/

A:link {

	color: #0000CC;
	text-decoration: none;
}

A:hover {

	color: #0000CC;   
	text-decoration: underline;
}

A:visited {

	color: #0000CC;
	text-decoration:none;
}

A:visited:hover {

	color: #0000CC;
	text-decoration:underline;
}


/****************************************************
*** BLOCKQUOTES *************************************
*****************************************************/

BLOCKQUOTE {

	text-align: justify;
}


/****************************************************
*** LISTS *******************************************
*****************************************************/

ul.menulist {

	list-style: square;
	color: #000000;
	padding: 0;
	margin-left: 2em;
	line-height: 20px;
	
}
	
ul.menulist2 {

	list-style: circle;
	color: #000099;
	padding: 0;
	margin-left: 2em;}
	
ol.menulist {

	list-style:  decimal;
	color: #000099;
	padding: 0;
	margin-left: 2.5em;}
	
ul.contentslist {

	list-style: square;
	color: #000000;
	padding: 0;
	margin-left: 1.5em;
	margin-top: 0em;
	margin-bottom: 0em;
	line-height: 18px;
	}

li {
	padding-right: 0em;
	margin: 0.7em 0;
}

li.a {
	color: white;
}

/****************************************************
*** TABLES *************************************
*****************************************************/
.hometable {
	border: 0;
	vertical-align: bottom;
}

.interfacetable {
	border: 0;
	width: 100%;
	background-color: #F5F5F5;

		
}

/****************************************************
*** SCREENSHOTS *************************************
*****************************************************/

.paddedImage {

	margin-left: 20px;
	margin-bottom: 10px;
	
}

.paddedImage2 {

	margin-left: 10px;
	margin-top: 10px;
	
}

.paddedImage3 {

	margin-right: 10px;
	margin-top: 0px;
	
}

DIV.screenshots {

	width: 100%;
	float: left;
}

.screenMarginRight {

	margin-right: 10px;
	}


DIV.screenshot {

	float: left;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-right: 10px;
}

DIV.screenshot DIV.caption {

	width: 200px;
	font-size: smaller;
	line-height: 120%;
}

DIV.screenshot IMG {

	border: 1px solid;
}

DIV.tour_screenshot {

	margin-top: 10px;
	margin-bottom: 10px;
	padding: 10px;
	background: #EEEEEE;
	border: 1px solid #DDDDDD;
	width: 80%;
}

DIV.cebit_logo {

	text-align: left;
	margin-top: 0px;
	margin-bottom: 15px;
	padding: 10px;
	background: #EEEEEE;
	border: 1px solid #DDDDDD;
}