/*
===================================
CSS Basic Styles

Description: 	Styles the Basic CSS Tags
Author: 		Felix Kreitner
Date:			28.11.2009
*/

/*
========================================================
ELEMENTS
========================================================
*/

/* 	DOWNLOAD LINK */
.dw {
	display:				block;
	padding:				0 0 0 22px;
	background-repeat: 		no-repeat;
	background-position: 	left top;	
}

.dw.pdf {
	background-image: 		url(../images/file-icons/pdf.gif);
}

.dw.doc,
.dw.docx {
	background-image: 		url(../images/file-icons/doc.gif);
}

.dw.zip {
	background-image: 		url(../images/file-icons/zip.gif);
}

.dw.xls,
.dw.xlsx {
	background-image: 		url(../images/file-icons/xls.gif);
}

/* 	EXTENDED BUTTON */
.btn.extended {
	display:				block;
	padding:				4px 5px;
	background-image: 		url(../images/button-background.jpg) !important;
	background-repeat: 		no-repeat;
	background-position: 	left top;
	border-bottom:			4px solid #d2d2d2;
}

.btn.extended span.h1 {
	display:				block;
	float:					left;
	margin:					4px 0 8px 0;
	font-family:			RotisSansSerifRegular, Arial, Helvetica, sans-serif;
	color:					#FFF;
	font-size:				15px;
	padding:				3px 7px 2px 4px;
	text-transform:			uppercase;
	background-repeat: 		repeat-x;
	background-position: 	left top;
}

.btn.extended a {
	display:				block;
	margin:					0 0 5px 6px;
	padding:				0 0 0 13px;
	color:					#000;
	text-decoration:		none;
	background-repeat: 		no-repeat;
	background-position: 	left 5px;
}

.btn.extended a:hover {
	text-decoration:		underline;
}
	

/* 	LINKLIST,
	List with images */
#content .linklist {
	margin:					0 0 10px 0;
	padding:				1px 0 1px 0;
	border-top:				1px solid #e0e0e0;
	border-bottom:			1px solid #e0e0e0;
}

#content .linklist .image {
	width:					255px;
}

#content .linklist .image img {
	float:					left;
}

#content .linklist .text {
	width:					383px;
}

#content .linklist h3 {
	margin:					0 0 0 0;
	padding:				0 0 0 0;
}

#content .linklist p {
	margin-top:				0;
}

#content .linklist a {
	display:				block;
	padding:				0 0 0 0;
	color:					#000;
	text-decoration:		none;
	font-weight:			bold;
	font-size:				11px;
}

#content .linklist a span {
	margin-left:			3px;
	font-size:				14px;
}


/* 	LISTROWS,
	List with 2 rows */
#content .listrows h4 {
	text-transform:			none;
}

#content .listrows .secrow {
	display:				block;
	width:					300px;
	text-transform:			none;
}

#content .listrows .secrow.first {
	margin-right:			20px;
}

#content .listrows ul{
	margin:					5px 0 0 0;
	padding:				0;
	list-style:				none;
}
#content .listrows ul li{
	margin:					0 0 7px 0;
	padding:				0.2em 1.5em;
	list-style:				none;
	background-image:		url(../images/background-listbox.gif) !important;
	background-repeat:		repeat-x;
	background-position: 	left bottom;
	border-bottom:			1px solid #dddddd;
	font-size:				10px;
	text-transform:			uppercase;
}


/* 	IMGLIST,
	List with images */
#content ul.imglist,
#content ul.imglist li {
	margin:					0;
	padding:				0;
	list-style:				none;
	background-image:		none;
}

#content ul.imglist li {
	margin:					0 0 10px 0;
	padding:				1px 0 1px 0;
	border-top:				1px solid #e0e0e0;
	border-bottom:			1px solid #e0e0e0;
}

#content ul.imglist li .right {
	width:					380px;
}

#content ul.imglist li h3 {
	margin-top:				5px;
	color:					#000;
	font-size:				16px;
	text-transform:			none;
}

#content ul.imglist li a.more {
	display:				inline;
	margin:					0;
	padding:				0 0 0 15px;
	text-decoration:		none;
	color:					#000;
	font-weight:			bold;
	background-image: 		url(../images/more.gif);
	background-repeat: 		no-repeat;
	background-position: 	left 5px;
}


/* 	TABLE-LIST,
	Table look Definition List */
dl.table-display {
	width: 				640px;
	margin: 			4px 0;
	padding: 			0;
}

.table-display dt {
	width: 				200px;
	float: 				left;
	margin: 			0 0 0 0;
	padding: 			5px;
	border-top: 		1px solid #333333;
}

/* commented backslash hack for mac-ie5 \*/
.table-display dt { clear: both; }
/* end hack */

.table-display dd {
	float: 				left;
	width: 				420px;
	margin: 			0 0 0 0;
	padding: 			5px;
	border-top: 		1px solid #333;
}

/* 	FORM 2 COLS */
dl.twocols {
	width: 				640px;
	margin: 			0 0;
	padding: 			0;
}

.twocols dt {
	width: 				320px;
	float: 				left;
	margin: 			0 0 0 0;
	padding: 			3px 0 3px 0;
	font-weight:		normal;
}

/* commented backslash hack for mac-ie5 \*/
.twocols dt { clear: both; }
/* end hack */

.twocols dd {
	float: 				left;
	width: 				320px;
	margin: 			0 0 0 0;
	padding: 			3px 0 3px 0;
}

.twocols dt.blank,
.twocols dd.blank {
	margin:					0 !important;
	padding:				0 !important;
}

dl.twocols input.txt {
	width: 				250px;
}

input.large {
	width: 				570px;
}

/* 	PRODUCT OVERVIEW,
	List with images Horizontal */
#content ul.overview,
#content ul.overview li {
	margin:					0;
	padding:				0;
	list-style:				none;
	background-image:		none !important;
}

#content ul.overview li {
	margin:					0 20px 20px 0;
	padding:				5px;
	float:					left;
	width:					150px;
	height:					170px;
}

#content ul.overview li img {
	margin-bottom:			5px;
	padding-bottom:			4px;
	border-bottom:			3px solid #008854;
}

#content ul.overview li span.h1 {
	display:				block;
	color:					#008854;
	font-weight:			bold;
	text-transform:			uppercase;
}






#content .downloads
{
	margin:				10px 0 30px 0 !important;
	padding:			15px;
	background-color:	#ededed;
}

#content .downloads .dwimg,
#content .downloads .dwtext
{
	display:			block;
	float:				left;
}

#content .downloads div.dwimg
{
	width:				130px;
}

#content .downloads div.dwimg img
{
	border:				1px solid #CCC;
	padding:			3px;
	background-color:	#FFF;
}

#content .downloads div.dwtext
{
	width:				470px;
}

#content .downloads div.dwtext h4
{
	margin-top:				0;
}

#content .downloads a
{
	text-decoration:	none;
	text-transform:		uppercase;
}









#accordion .panel
{
	margin-bottom:			5px;
	border-bottom:			1px solid #dddddd;
}

#accordion .main {
	padding:				0 0 0 15px;
	width:					200px;
}

#accordion .articleno {
	padding:				0 0 0 15px;
	width:					140px;
}

#accordion .h1 {
	display:				block;
	color:					#00529e;
	font-family:			RotisSansSerifBold, Arial, Helvetica, sans-serif;
	font-size:				16px;
}

/* 	2 COLS */
dl.coltable {
	width: 				200px;
	margin: 			0;
	padding: 			0;
}

.coltable dt {
	width: 				150px;
	float: 				left;
	margin: 			0 0 0 0;
	padding: 			3px 0 3px 0;
	font-weight:		normal;
}

/* commented backslash hack for mac-ie5 \*/
.coltable dt { clear: both; }
/* end hack */

.coltable dd {
	float: 				left;
	width: 				50px;
	margin: 			0 0 0 0;
	padding: 			3px 0 3px 0;
}


/* 	SITEMMAP */

#content ul#sitemap, 
#content ul#sitemap ul {
	list-style-type: 			none !important;
}

#content ul#sitemap,
#content ul#sitemap ul {
	list-style-type: 			none !important;
	margin: 					0 !important;
	padding: 					0 !important;
	background-image: 			url(../images/sitemap/vline.png) !important;
	background-repeat: 			repeat-y !important;
}

#content ul#sitemap ul { 
	margin-left: 				10px !important;
}

#content ul#sitemap li { 
	margin: 					0 !important; 
	padding: 					0 12px !important;
	line-height: 				20px !important;
	background: 				url(../images/sitemap/node.png) no-repeat !important;
} 

#content ul#sitemap li a {
	text-decoration:			none;
} 

#content ul#sitemap li:last-child { 
	background: 				#fff url(../images/sitemap/lastnode.png) no-repeat !important;
}