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

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

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

/* NEWSBLOCK */

.newsblock {
	margin-top: 40px;
}

.newsblock .releasedate {
	margin: 0 0 12px 0;
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	font-size: 11px;
	background-color: #d2d2d2;
	padding: 4px 7px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
}

.newsblock .imgsec {
	float: left;
	width: 210px;
}

.newsblock .contentsec {
	float: left;
	width: 420px;
}

.newsblock .hl {
	font-family: RotisSansSerifBold, Arial, Helvetica, sans-serif;
	font-size: 18px;
}

.newsblock .more {
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	padding-left: 15px;
	margin-right: 25px;
	background-image: url(../images/icon-more-company.gif);
	background-repeat: no-repeat;
	background-position: left 5px;
}

/* WEBFORM */

#webxform .formrow  {
	margin-bottom: 20px;
}

#webxform label {
	display: block;
	margin: 0;
	padding: 0;
	line-height: 18px;
}

#webxform .twocols {
	margin-bottom: 0;
	width: 300px;
}

#webxform input[type="text"],
#webxform input[type="password"] {
	display: block;
	padding: 1px 5px 1px 5px;
	width: 280px;
	height: 21px;
	font-size: 14px;
	color: #000;
}

#webxform input[type="text"].large {
	width: 580px;
}

#webxform select {
	padding: 1px 5px 1px 5px;
	width: 290px;
	height: 21px;
	font-size: 14px;
	color: #000;
}

#webxform select.day {
	width: 70px;
}

#webxform select.month {
	width: 120px;
}

#webxform select.large {
	width: 590px;
}

#webxform input[type="text"].error,
#webxform input[type="password"].error{
	border: 1px solid #F00;
}

#webxform input[type="radio"],
#webxform input[type="checkbox"]{
	margin: 0 5px 0 0;
}

#webxform .valtext {
	display: block;
	float: left;
	margin-right: 10px;
}

div.errormsg {
	position: absolute;
	display: block;
	width: auto !important;
	width: 180px;
	min-width: 150px;
	z-index: 99;
	font-size:15px;
	color: #F00;
	padding-left: 7px;
	background-attachment: scroll;
	background-color: transparent;
	background-image: url(../images/error/msg_arrow.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

div.error {
	display: block;
    background-color:#F3E6E6;
    border-color: #F00;
    border-style: solid solid solid none;
    border-width: 2px;
    padding: 2px 5px;
}

/* 	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;
}

/* 	CONTACTPARTNER BUTTON */
.btn.contactpartner {
	display:				block;
	background-color:		#d2d2d2;
	border:					5px solid #d2d2d2;
}

.btn.contactpartner .header {
	background-color:		#e9e9e9;
}

.btn.contactpartner span.h1 {
	display:				block;
	float:					left;
	margin:					0 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.contactpartner .sub {
	padding:				0 0 12px 4px;
	font-size:				12px;
	line-height:			14px;
	border-bottom:			1px solid #d2d2d2;
}

.btn.contactpartner .name {
	padding:				8px 0 10px 38px;
	font-size:				12px;
	font-weight:			bold;
	background-image: 		url(../images/buttons/contactperson/name.gif);
	background-repeat: 		no-repeat;
	background-position: 	3px 4px;
}

.btn.contactpartner .ico {
	padding:				8px 0 10px 38px;
	border-top:				1px solid #FFF;
	background-repeat: 		no-repeat;
	background-position: 	3px left;
}

.btn.contactpartner .phone {
	background-image: 		url(../images/buttons/contactperson/phone.png);
}

.btn.contactpartner .fax {
	background-image: 		url(../images/buttons/contactperson/fax.png);
}

.btn.contactpartner .email {
	background-image: 		url(../images/buttons/contactperson/email.png);
}
	

/* 	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;
}

/* 	LISTDOWNLOAD */
#content .listdownload {
	margin:					10px 0 0 0;
	padding-bottom:			10px;
	border-bottom:			1px solid #d7d7d7;
	cursor:					pointer;
}

#content .listdownload .date,
#content .listdownload .ico,
#content .listdownload .text {
	float:					left;
}

#content .listdownload .date {
	margin-right:			15px;
	width:					107px;
	height:					44px;
	background-image: 		url(../images/content/listdownload/date-bg.gif);
	background-repeat: 		no-repeat;
	background-position: 	left top;
	color:					#FFF;
}

#content .listdownload .date .row1,
#content .listdownload .date .row2 {
	display:				block;
	text-align:				center;
}

#content .listdownload .date .row1 {
	margin-top:				2px;
	text-transform:			uppercase;
	font-size:				13px;
}

#content .listdownload .date .row2 {
	margin-top:				3px;
	font-size:				22px;
}

#content .listdownload .ico {
	margin-right:			30px;
	width:					44px;
	height:					44px;
	background-image: 		url(../images/content/listdownload/download-ico-bg.png);
	background-repeat: 		no-repeat;
	background-position: 	left top;
}

#content .listdownload .ico a,
#content .listdownload .ico .row1,
#content .listdownload .ico .row2 {
	display:				block;
	color:					#FFF;
	text-decoration:		none;
	text-transform:			uppercase;
}

#content .listdownload .ico .row1 {
	margin:					10px 0 0 17px;
	font-size:				12px;
	font-weight:			bold;
}

#content .listdownload .ico .row2 {
	margin:					1px 0 0 0;
	text-align:				center;
	font-size:				10px;
}

#content .listdownload .text {
	margin:					8px 0 0 0;
	width:					430px;
}


/* 	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;
}

/* 	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;
}