@media print
{
	.header, #menu, .navigation, #navigation
	{
		display: none;
	}
	.navigation {
		display: none !important;/*090315*/
	}
	#headerimg
	{
		width: 500px !important;/*090315*/
	}
	#breadcrumb 
	{
		width: 500px !important;
	}
	body
	{
		ackground-color: #ffffff !important;
		/*bbackground-color: red !important;*/
		width: 500px !important;
	}
	.page
	{
		/*width: 98% !important;*/
		width: 500px !important;
		position: relative;
		left: 0 !important;
		margin: 0 1% !important;
		background-color: #ffffff !important;
		/*background-color: blue !important;*/
	}
	.content
	{
		background-color: #ffffff !important;
		/*width: 100% !important;*/
		width: 500px !important;
		margin: 0 !important;
		padding: 0 !important;
	}
	.content  #breadcrumb
	{
		margin: 0 !important;
		padding: 5px 0 !important;
	}
	.maincontent {
		border: none !important; /*090315*/
	}
	.headerimg
	{
		/*width: 100% !important;*/
		width: 500px !important;
		margin: 0 !important;
		padding: 0 !important;
	}
	#content
	{
		/*width: 100% !important;*/
		width: 500px !important;
		padding: 0 !important;
		margin: 0 !important;
		background-color: #ffffff !important;
	}
	#content.contentsb
	{
		/*width: 76% !important;*/ /*090315 - keine Sidebar*/
		width: 500px !important; /*090315 - keine Sidebar*/
	}
	.content #content .maincontent
	{
		padding: 0px !important;
		margin-left: 0px !important;
		background-color: #ffffff !important;
	}
	.sidebar
	{
		display: none; /*090315*/
		/*width: 22% !important;*/
	}
	#footer
	{
		width: 500px !important; /*090315*/
		background-color: #ffffff !important;
	}
}
html
{
	height: 100%;
	widht: 100%
}
body
{
	font-family: Arial;
	font-size: 80%;
	margin: 0;
	padding: 0;
	background-color: #ffffff;
	color: #000000;
}
p
{
	margin: 0 0 5px 0;
	padding: 0;
}
a:link, a:visited, a:active
{
	color: inherit;
	text-decoration: none;
}
a:hover
{
	/*text-decoration: underline;*/ /*THE, 090310*/
	color: #666666; /*THE, 090310*/
}
table
{
	font-family: Arial;
	font-size: 100%;
}
form
{
	margin: 0;
	padding: 0;
}
.end
{
	position: relative;
	clear: both !important;
	height: 1px;
	line-height: 1px;
	display: inline-block;
}
/* Der Kern von Clearfix */
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
/* IE-Patches für Clearfix */
.clearfix { display: inline-block; }
/* Vor IE5/Mac verstecken mit dem Commented Backslash Hack \*/
* html .clearfix { height: 1px; }
.clearfix { display: block; }
/* Ende des Versteckspiels für den IE5/Mac */

.page
{
	width: 900px;
	position: relative;
	left: 50%;
	margin-left: -450px;
	background-color: #d8d9da;
}
.header
{
	background: url(../images/css/top_img.gif) #005596 no-repeat top center;
	height: 75px;
}

#logo-zone {
position: absolute;
top: 0px;
left: 0px;
height: 65px;
width: 530px;
background-color: transparent;
}

* html #logo-zone {
position: absolute;
top: 0px;
left: 0px;
height: 65px;
width: 530px;
background-color: transparent;
zoom: 1;
float: left;
z-index: 10000;
/* border: 1px solid yellow; */
}

#metanav
{
	color: #ffffff;
	font-size: 80%;
	font-weight: bold;
	text-align: right;
	padding: 5px 5px 0 5px;
}
#metanav form
{
	display: inline;
}
#metanav a:link, #metanav a:visited, #metanav a:active
{
	color: #ffffff;
	text-decoration: none;
}
#metanav a:hover
{
	/*text-decoration: underline;*/ /*THE, 090310*/
	color: #cccccc; /*THE, 090310*/
}
#metanav #search
{
	font-size: 85%;
	margin-left: 5px;
	background-color: #ffffff;
	border: 1px solid #ffffff;
}
#menu
{
	background-color: #005596;
	font-size: 90%;
	min-height: 2.2em;
	_height: 2.2em;
}
#menu br.end
{
	display: none;
}
.flashbanner
{
	background-color: #d8d9da;
}
.content
{
	background-color: #d8d9da;
}
/***** Startpage *****/
.content .quater
{
	position: relative;
	width: 211px;
	float: left;
	margin: 7px;
	_margin: 6px;
	font-size: 90%;
}
.content .quater .top
{
	height: 10px;
	width: 100%;
	background: url(../images/css/quater-top.gif) no-repeat;
	overflow: hidden;
}
.content .quater .center
{
	width: 100%;
	min-height: 190px; /*130*/
	_height:190px; /*130*/
	background: url(../images/css/quater-center.gif) repeat-y;
}
.content .quater .center img
{
	width: 71px;
	float: left;
	margin: 0 10px 10px 10px;
}
.content .quater .center  p.title
{
	font-size: 120%;
	font-weight: bold;
}
.content .quater .center  p.title a
{
	color: #005596;
}
.content .quater .center  p
{
	margin: 0 10px 0 90px;
	padding-bottom: 5px;
}
.content .quater  .readmore
{
	background: url(../images/css/quater-center.gif) repeat-y;
	font-weight: bold;
	clear: both;
}
.content .quater  .readmore a
{
	margin: 0 10px 10px 10px;
	color: #000000;
	padding-left: 10px;
	background: url(../images/css/readmore_bg.gif) no-repeat center left;
}
.content .quater .bottom
{
	height: 10px;
	width: 100%;
	background: url(../images/css/quater-bottom.gif) no-repeat;
	overflow: hidden;
}

.content .third
{
	position: relative; /*new 090305*/
	float: left;
	width: 211px; /* 05.02.2010 changed from 290px*/
	height: 138px; /* 05.02.2010 added*/
	margin: 6px; /* 05.02.2010 changed from 10px 4px */
	border: 1px solid #666666;
	background: #ffffff;
	font-size: 90%;
}
/* added */ 
.content .bgimage
{
	position: absolute;
	width: 209px;
	height: 112px;
}
.content .third  .maintitle
{
	background-color: #cccccc;
	color: #005596;
	border-bottom: 1px solid #666666;
	padding: 2px 5px;
	margin: 0;
	font-weight: bold;
	font-size: 130%;
}
.content .third  .maintitle a
{
	color: #005596;
}
.content .third img
{
	float: left;
	width: 120px;
	margin: 0 10px 0px 0px;
}
.content .third p.title
{
	font-weight: bold;
	margin: 2px 10px 0 130px;
}
.content .third ul
{
	/* margin: 0 10px 10px 130px; */ /*new 090305*/
	margin: 10px 10px 0px 10px; /*new 090305 - 05.02.2010 changed from 0 10px 0px 130px*/
	padding: 0;
	list-style: none;
}
.content .third ul li
{
	padding-left: 10px;
	background: url(../images/css/list_bg.gif) no-repeat left 0.4em;
}
.content .third a.more
{
	position: absolute; /*new 090305*/
	bottom: 0; /*new 090305*/
	left: 0px; /*new 090305*/
	margin-left: 90px; /*new 090305; 05.02.2010 change from 130 to 90*/
	color: #005596;
	font-weight: bold;
	padding-left: 10px;
	background: url(../images/css/more_bg.gif) no-repeat center left;
}
/***** Contentpage *****/
.content  #breadcrumb
{
	margin-left: 172px;
	padding: 8px;
	color: #666666;
}
.content  #breadcrumb a:link, .content  #breadcrumb a:visited, .content  #breadcrumb a:active
{
	/*color: #666666;*/ /*cbi, 090407*/
	color: #0077CC;
	/*text-decoration: underline;*/  /*THE, 090310*/
}
.content  #breadcrumb a:hover
{
	text-decoration: none;
	color: #333333; /*THE, 090310*/
}
/***** Navigation *****/
.content .navigation
{
	position: relative;
	left: 7px;
	float: left;
	width: 165px;
	margin-bottom: 10px;
	display: block;
}
.content #navigation:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
html[xmlns] #navigation
{
    display: block;
}
* html #navigation
{
    height: 1%;
}
.content #navigation
{
	width: 164px;
	background-color: #005596;
	margin-bottom: 10px;
	display: inline-block;
}
.content #navigation ul
{
	margin: 0;
	padding: 0;
	list-style: none;
	color: #ffffff;
	font-size: 95%;
	font-weight: bold;
}
.content #navigation ul li
{
	padding: 0px;
}
.content #navigation ul li a:link, .content #navigation ul li a:visited, .content #navigation ul li a:active
{
	float: left;
	width: 96%;
	_width: 100%;
	background-color: #005596;
	color: #ffffff;
	padding: 2%;
	text-decoration: none;
}
.content #navigation ul li a:hover
{
	background-color: #ffffff;
	border-right: 1px solid #ffffff;
	/*color: #005596;*/
	color: #666666; /*THE, 090310*/

}
.content #navigation a.active
{
	/*text-decoration: underline !important;*/ /*THE, 090310*/
	font-weight: bold !important;  /*THE, 090310*/
}
.content #navigation ul li ul
{
	clear: left;
	color: #000000;
	font-size: 90%;
	margin: 2px 0 0 10px;
	padding: 0;
}
.content #navigation ul li ul li ul
{
	clear: left;
	color: #000000;
	font-size: 100%;
	margin: 2px 0 0 5px !important;
	padding: 0 !important;
}
.content #navigation ul li ul li
{
	padding: 2px 2px 2px 10px !important;
	background: url(../images/css/nav_list_bg.gif) no-repeat 0px 0.65em !important;
}
.content #navigation ul li ul li a:link, .content #navigation ul li ul li a:visited, .content #navigation ul li ul li 

a:active
{
	float: none;
	color: #ffffff;
	font-weight: normal;
	padding: 0;
	margin: 0;
}
.content #navigation ul li ul li a:hover
{
	background-color: #005596;
	/*text-decoration: underline;*/ /*THE, 090310*/
	border: none;
	color: #cccccc; /*THE, 090310*/

}
/*.content .metanav
{
	clear: both;
	background-color: #005596;
	padding: 20px 0 50px 0;
}
.content .metanav ul
{
	font-size: 85%;
	font-weight: bold;
	clear: both;
	margin: 0;
	padding: 0;
	list-style: none;
	color: #ffffff;
}
.content .metanav ul li
{
	padding: 2px 0 2px 10px;
	margin: 0;
	background: url(../images/css/nav_list_bg.gif) no-repeat 2px 0.55em;
}
.content .metanav ul li a:link, .content .metanav ul li a:visited, .content .metanav ul li a:active
{
	color: #ffffff;
}
.content .metanav ul li a:hover
{
	text-decoration: underline;
}*/
.navigation #related
{
	clear: both;
	background-color: #ffffff;
	border: 1px solid #999999;
	color: #666666;
	padding: 10px;
	font-weight: bold;
	font-size: 90%;
}
.navigation #related .title
{
	font-size: 110%;
}
.navigation #related ul
{
	margin: 0;
	padding: 0;
	list-style: none;
}
.navigation #related ul li
{
	padding-left: 10px;
	background: url(/images/css/more_bg.gif) no-repeat 0px 0.35em;
}
.navigation #related a:link, .navigation #related a:visited, .navigation #related a:active
{
	color: #666666;
	margin: 0;
	padding: 0;
}
.navigation #related a:hover
{
	color: #333333; /*THE, 090310*/

}
/***** Content *****/
.content #content
{
	position: relative;
	left: 7px;
	float: left;
	width: 727px;
}
.content #content.contentsb
{
	width: 548px;
	_width: 546px;
}
.content #content .headerimg
{
	width: 711px;
	border: 1px solid #999999;
	background-color: #005596;
	color: #ffffff;
	margin: 0 0 10px 8px;
	padding: 0;
}
.content #content.contentsb .headerimg
{
	width: 538px;
}
.content #content .headerimg a:link, .content #content .headerimg a:visited, .content #content .headerimg a:active
{
	color: #ffffff;
}
.content #content .headerimg p
{
	padding: 5px;
	text-align: center;
	margin: 0;
}
.content #content .headerimg img
{
	width: 100%;
	margin: 0;
	padding: 0;
}
.content #content .maincontent
{
	width: 691px;
	_width: 711px;
	padding: 10px;
	margin-left: 8px;
	background-color: #ffffff;
	border: 1px solid #999999;
}
.content #content.contentsb .maincontent
{
	width: 518px;
	_width: 538px;
}
.content #content .maincontent .addthis
{
	position: relative;
	display: table;
	padding-top: 30px;
	width: 350px;
	height: 18px;
	margin: 0 auto;
	text-align: center;
}
.content #content .maincontent .addthis .addthis_button_facebook_like
{
	width:60px;
}
.content #content .maincontent .addthis .twitter-share-button
{
	float: left;
	padding: 0px 20px;
}
#content h1
{
	clear: both;
	margin: 15px 0;
	color: #005596;
	font-size: 150%;
	font-weight: bold;
}
#content h2
{
	margin: 10px 0;
	background-color: #005596;
	color: #ffffff;
	font-size: 110%;
	font-weight: bold;
	padding: 2px 2px 2px 5px;
}
#content h3
{
	margin: 5px 0;
	color: #005596;
	font-size: 110%;
	font-weight: bold;
	padding: 2px 2px 2px 0px;
	border-bottom: 4px solid #005596;
}
#content h4
{
	border-bottom: 2px solid #000000;
	margin: 5px 0;
	color: #000000;
	font-size: 100%;
	font-weight: bold;
}
#content h5
{
	margin: 5px 0;
	color: #000000;
	font-size: 100%;
	font-weight: bold;
}
#content h6
{
	margin: 5px 0;
	color: #000000;
	font-size: 100%;
	font-weight: bold;
	font-style: italic;
}
.NewsAboutVasco
{
	color: #AAAAAA;
}
.FootNote
{
	color: #AAAAAA;
	font-style: italic;
}

/***** Form *****/
#content .form label
{
	font-weight: bold;
	float: left;
	clear: left;
	width: 10.5em;
}
#content .form p
{
	padding-left: 12em;
}
#content form p label
{
	float: none;
	clear: none;
	font-weight: normal;
}
#content .form input[type="text"]
{
	width: 225px;
}
#content .form input[type="password"]
{
	width: 225px;
}
#content .form textarea
{
	width: 225px;
}
#content .form fieldset
{
	border: 1px solid #666666;
	padding: 10px;
	margin: 10px 0;
}
#content .form fieldset legend
{
	color: #005596;
	font-weight: bold;
}
#content .form  .button
{
	background: none;
	border: none;
	color: #666666;
	cursor: hand;
	cursor: pointer;
}
#content .form  .button:hover
{
	color: #005596;
}
#content .form  .button span
{
	padding: 2px;
}
#content .form .button .btn_center
{
	background: url(../images/css/button_middle.gif) repeat-x center;
}
#content .form  .button .btn_left
{
	background: url(../images/css/button_side_left0.gif) no-repeat center left;
	padding-left: 13px;
	line-height: 1.5em;
}
#content .form  .button:hover .btn_left
{
	background: url(../images/css/button_side_left.gif) no-repeat center left;
}
#content .form  .button .btn_right
{
	background: url(../images/css/button_side_right0.gif) no-repeat center left;
	padding-left: 13px;
	line-height: 1.5em;
}
#content .form  .button:hover .btn_right
{
	background: url(../images/css/button_side_right.gif) no-repeat center left;
}
/***** News *****/
#content .news
{
	clear: both;
	width: 100%;
}
#content .news .date
{
	float: left;
	width: 70px;
	padding-right: 10px;
}
#content  .news .lang
{
	float: left;
	width: 30px;
	padding-right: 10px;
}
#content  .news .lang img
{
	/*width: 25px;*/
}
#content  .news .newstext
{
	float: left;
	width: 566px;
	_width: 564px;
}
#content.contentsb  .news .newstext
{
	float: left;
	width: 393px;
	_width: 390px;
}
#content  .news .newstext .title
{
	font-weight: bold;
	font-size: 110%;
}
/***** Products *****/
#content .product:after 
{
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
/* IE-Patches für Clearfix */
#content .product
{
	padding: 5px 0;
	display: inline-block;
	width: 100%;
}
/* Vor IE5/Mac verstecken mit dem Commented Backslash Hack \*/
* html #content .product 
{
	height: 1px;
}
/* */
#content .product img
{
	float: left;
	margin: 0 10px 10px 0;
}
/***** Pages *****/
#content .pages
{
	clear: both;
	font-size: 85%;
	text-align: center;
	margin: 15px 0;
}
#content .pages a
{
	padding: 2px 5px;
}
#content .pages a.active
{
	font-weight: bold;
	text-decoration: none !important;
}
/***** Partners *****/
#content .partner
{
	clear: both;
}
#content .partner .info ul
{
	margin-left: 9em;
}
/***** Events *****/
#content .event
{
	clear: both;
}
/***** Awards *****/
#content .award 
{
	clear: both;
	padding: 10px 0;
	width: 100%;
}
#content .award  p
{
	margin: 0;
	padding: 0;
}
#content .award  .title
{
	font-size: 110%;
	font-weight: bold;
	margin-bottom: 10px;
}
#content .award  label
{
	font-weight: bold;
	float: left;
	clear: left;
	width: 8em;
}
/***** Contacts *****/
#content .contactlist
{
	clear: both;
	display:inline-block;
	padding: 10px 0;
	width: 100%;
}
#content .contactlist .title
{
	padding: 5px;
	background-color: #efefef;
	color: #005596;
	font-weight: bold;
	font-size: 110%;
	text-align: center;
}
#content .contact
{
	float: left;
	width: 44%;
	margin-right: 3%;
	padding: 10px 0;
}
#content .contact p
{
	margin: 0;
	padding: 0;
}
#content .contact .title
{
	color: #005596;
	font-weight: bold;
	font-size: 100%;
	background-color: #ffffff;
	text-align: left;
	padding: 0;
}
#content .contact .subtitle
{
	font-weight: bold;
	font-size: 100%;
	background-color: #ffffff;
	text-align: left;
	padding: 0;
}
#content .textsubtitle
{
	color: #005596;
	font-weight: bold;
	font-size: 100%;
	background-color: #ffffff;
	text-align: left;
	padding: 0;
}
/***** Search *****/
#content .search
{
	padding-bottom: 10px;
	margin-bottom: 10px;
}
#content .search input
{
	margin: 0 5px;
	width: 50%;
}
#content .searchresults  div.pages
{
	border: none;
}
#content .searchresults  div .title
{
	font-size: 110%;
	font-weight: bold;
	margin: 5px 0 0 0;
}
#content .searchresults  div
{
	width: 100%;
	border-bottom: 1px dotted #666666;
	padding-bottom: 5px;
}
/***** Knowledgebase *****/
#content .knowledgebase
{
	width: 100%;
}
#content .knowledgebase .mono
{
	font-family: courier new, courier;
	font-size: 90%;
	color: #999999;
	margin: 0 0 10px 0;
	padding: 0;
}
#content .knowledgebase .faq
{
	background: url(../images/icon_kbase_faq.gif) no-repeat center left;
	padding-left: 20px;
	font-size: 110%;
	color: #005596;
	font-weight: bold;
	margin-bottom: 5px;
	margin-left: 0;
}
/***** Info *****/
#content .info
{
	padding-bottom: 10px;
	/*padding-left: 145px;*/
	/*margin-left:140px;*/
}
#content .info p
{
	margin: 4px 0;
	padding-left:9.8em;
	/*margin-left: 9em;*/
	/*margin-left: 20.8em;*/
}
#content .info .label
{
	font-weight: bold;
	width: 9em;
	float: left;
	/*position: absolute;
	margin-left: 140px;*/
}
#content .info .date
{
	margin: 4px 0;
	padding-left:9.8em;
	/*padding: 0;*/
	/*margin-left: 20.8em;*/
}
#content .info label
{
	font-weight: bold;
	float: left;
	width: 9em;
}
/***** Textblock *****/
#content .textblock:after 
{
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
/* IE-Patches für Clearfix */
#content .textblock
{
	display: inline-block;
}
/* Vor IE5/Mac verstecken mit dem Commented Backslash Hack \*/
* html #content .textblock 
{
	height: 1px;
}
#content .textblock
{
	padding-bottom: 10px;
	margin-bottom: 10px;
	display: block;
	width: 100%;
}
#content .textblock p
{
	margin-bottom: 10px;
}
#content .more
{
	margin: 0;
	padding: 0;
	float: right;
}
#content a.more:link, #content a.more:visited, #content a.more:active
{
	font-size: 90%;
	font-weight: bold;
	padding-left: 10px;
	background: url(../images/css/more_bg.gif) no-repeat left 0.35em;
}
#content a:link, #content a:visited, #content a:active
{
	color: #0077cc;
	text-decoration: none;
}

#content .moreevent
{
	margin:4px 0 4px 10em;
	float: right;
}

#content a.moreevent:link, #content a.moreevent:visited, #content a.moreevent:active
{
	font-size: 90%;
	font-weight: bold;
	padding-left: 10px;
	background: url(../images/css/more_bg.gif) no-repeat left 0.35em;
}


#content a:hover, #content a.more:hover, #content a.moreevent:hover
{
	color: #005596; /*THE, 090310*/
	/*text-decoration: underline;*/  /*THE, 090310*/
}
#content .textblock .abstract
{
	font-weight: bold;
}
#content  .images
{
	clear: right;
	float: right;
	padding: 0 0 5px 10px;
	background-color: #ffffff;
}
#content  .images p
{
	color: #999999;
	margin: 0 0 20px 0;
	font-size: 90%;
	/*width:150px;*/
}
#content  .images img
{
	max-width:681px;
	width: expression(this.width > 681 ? 681: true); /*fuer IE -> 

http://phydeaux3.blogspot.com/2006/01/max-width-and-faking-it-for-ie.html */
	margin-bottom: 10px;
}
#content.contentsb  .images img
{
	max-width: 505px !important;
	width: expression(this.width > 505 ? 505: true); /*fuer IE -> 

http://phydeaux3.blogspot.com/2006/01/max-width-and-faking-it-for-ie.html */
}
#content  ul
{
	margin: 0 10px 10px 20px;
	padding: 0;
	list-style: none;
}
#content  ul.contactdetail
{
	margin: 0 10px 10px 0px;
	padding: 0;
	list-style: none;
}
#content  ul li
{
	padding: 0 0 0 20px;
	margin: 2px 0;
	background: url(../images/css/list_bg.gif) no-repeat  7px 0.4em;
}
/***** Linktypes *****/
#content  ul.download li, #content li.download, #content a.download,
.sidebar  ul.download li, .sidebar li.download, .sidebar a.download
{
	list-style: none;
	padding-left: 20px;
	padding-bottom: 5px;
	background: url(../images/css/icon.download.png) no-repeat 0 0.1em;
}
#content  ul.summarydownload li, #content li.summarydownload, #content a.summarydownload,
.sidebar  ul.summarydownload li, .sidebar li.summarydownload, .sidebar a.summarydownload
{
	list-style: none;
	padding-left: 0;
	padding-bottom: 5px;
	background: url(../images/css/icon.download.png) no-repeat 0 0.1em;
	float: right;
	margin: 0;
}
#content  ul li.pdf, #content li.pdf, #content a.pdf,
.sidebar  ul li.pdf, .sidebar li.pdf, .sidebar a.pdf
{
	list-style: none;
	padding-left: 20px;
	background: url(../images/css/icon.pdf.gif) no-repeat 0 0.1em;
}
#content  ul li.zip, #content li.zip, #content a.zip,
.sidebar  ul li.zip, .sidebar li.zip, .sidebar a.zip
{
	list-style: none;
	padding-left: 20px;
	background: url(../images/css/icon.zip.gif) no-repeat 0 0.1em;
}
#content  ul li.doc, #content li.doc, #content a.doc,
.sidebar  ul li.doc, .sidebar li.doc, .sidebar a.doc
{
	list-style: none;
	padding-left: 20px;
	background: url(../images/css/icon.doc.gif) no-repeat 0 0.1em;
}
#content  ul li.xls, #content li.xls, #content a.xls,
.sidebar  ul li.xls, .sidebar li.xls, .sidebar a.xls
{
	list-style: none;
	padding-left: 20px;
	background: url(../images/css/icon.xls.gif) no-repeat 0 0.1em;
}
#content  ul li.ppt, #content li.ppt, #content a.ppt,
.sidebar  ul li.ppt, .sidebar li.ppt, .sidebar a.ppt
{
	list-style: none;
	padding-left: 20px;
	background: url(../images/css/icon.ppt.gif) no-repeat 0 0.1em;
}#content  ul li.jpg, #content li.jpg, #content a.jpg,
.sidebar  ul li.jpg, .sidebar li.jpg, .sidebar a.jpg
{
	list-style: none;
	padding-left: 20px;
	background: url(../images/css/icon.jpeg.16x16.gif) no-repeat 0 0.1em;
}
#content  ul li.swf, #content li.swf, #content a.swf,
.sidebar  ul li.swf, .sidebar li.swf, .sidebar a.swf
{
	list-style: none;
	padding-left: 20px;
	background: url(../images/css/icon.swf.gif) no-repeat 0 0.1em;
}
#content  ul li.external, #content li.external, #content a.external,
.sidebar  ul li.external, .sidebar li.external, .sidebar a.external
{
	list-style: none;
	padding-left: 20px;
	background: url(../images/css/icon.web.gif) no-repeat 0 0.1em;
}
#content  ul li.download, #content li.download, #content a.download,
.sidebar  ul li.download, .sidebar li.download, .sidebar a.download
{
	list-style: none;
	padding-left: 20px;
	padding-bottom: 5px;
	background: url(../images/css/icon.download.png) no-repeat 0 0.1em;
}
#content  ul li.mail, #content li.mail, #content a.mail,
.sidebar  ul li.mail, .sidebar li.mail, .sidebar a.mail
{
	list-style: none;
	padding-left: 20px;
	background: url(../images/css/icon.email.gif) no-repeat 0 0.1em;
}
#content  ul li.register, #content li.register, #content a.register,
.sidebar  ul li.register, .sidebar li.register, .sidebar a.register
{
	list-style: none;
	padding-left: 20px;
	background: url(../images/css/icon.reg.gif) no-repeat 0 0.1em;
}
#content  ul.related li, #content li.related, #content a.related,
.sidebar  ul.related li, .sidebar li.related, .sidebar a.related
{
	list-style: none;
	padding-left: 20px;
	background: url(../images/css/list_bg.gif) no-repeat  7px 0.4em;
}
/***** Sitemap *****/
#content .sitemap ul
{
	list-style: none;
	margin: 0;
	padding: 0;
}
#content .sitemap ul li
{
	margin: 20px 0;
	padding: 0;
	color: #ffffff;
	border-bottom: 1px solid #efefef;
	font-weight: bold;
	font-size: 120%;
	line-height: 1.5em;
	background: url(../images/css/nav_list_bg.gif) #005596 no-repeat  6px 0.5em;
}
#content .sitemap ul li a:link, #content .sitemap ul li a:visited, #content .sitemap ul li a:active
{
	padding: 2px 5px 2px 15px;
	color: #ffffff;
	text-decoration: none;
}
#content .sitemap ul li a:hover
{
	/*text-decoration: underline;*/  /*THE, 090310*/
	/*font-weight: bold;*/  /*THE, 090310*/
	color: #666666; /*THE, 090310*/

}
#content .sitemap ul li ul li
{
	margin: 0;
	padding: 0;
	font-size: 90%;
	padding: 1px 15px;
	font-weight: normal;
	line-height: 1.2em;
	background: url(../images/css/list_bg.gif) #efefef no-repeat  11px 0.5em;
}
#content .sitemap ul li ul li a:link, #content .sitemap ul li ul li a:visited, #content .sitemap ul li ul li a:active
{
	padding: 2px 5px;
	color: #005596;
}
/***** Sidebar *****/
.content .sidebar
{
	position: relative;
	left: 7px;
	font-size: 85%;
	float: left;
	width: 165px;
	margin-left: 8px;
}
.sidebar .twitter-followus-button img
{
	border: 0;
	max-width: none;
	width: 160px;
	text-align: center;
}
.sidebar img
{
	max-width: 145px;
	margin-bottom: 10px;
	width: expression(this.width > 145 ? 145: true); /*fuer IE -> 

http://phydeaux3.blogspot.com/2006/01/max-width-and-faking-it-for-ie.html */
}
.sidebar p
{
	margin-bottom: 10px;
}
.sidebar  ul
{
	margin: 0 0 10px 0;
	padding: 0;
	list-style: none;
}
.sidebar ul li
{
	padding: 0 0 0 20px;
	margin: 4px 0;
	background: url(../images/css/more_bg.gif) no-repeat 5px 0.35em;
	line-height: 1.4em;
}
.content .sidebar a:link, .content .sidebar a:visited, .content .sidebar a:active
{
	color: #005596;
	/*text-decoration: underline;*/  /*THE, 090310*/
}
.content .sidebar a:hover
{
	color: #00306a;
	/*color: #005596;*/  /*THE, 090310*/
	text-decoration: none;
}
.content .sidebar div
{
	margin-bottom: 10px;
	padding: 10px;
	background-color: #ffffff;
	border: 1px solid #999999;
}
.content .sidebar h1
{
	margin: 0 0 10px 0;
	font-size: 150%;
	color: #005596;
}
.content .sidebar .more
{
	margin:0 0 10px 0;
	padding: 0;
}
.content .sidebar .more a:link, .content .sidebar .more a:visited, .content .sidebar .more a:active
{
	font-size: 90%;
	font-weight: bold;
	padding-left: 10px;
	background: url(../images/css/more_bg.gif) no-repeat left 0.35em;
	color: #005596;
	/*text-decoration: underline;*/ /*THE, 090310*/
}
.content .sidebar .more a:hover
{
	text-decoration: none;
}
/***** Footer *****/
#footer
{
	clear: both;
	text-align: center;
	font-size: 80%;
	background-color: #d8d9da;
	color: #666666;
	padding: 20px 0 10px 0;
}
#footer p
{
	margin: 0;
	padding: 0;
}
#footer a:link, #footer a:visited, #footer a:active
{
	color: #666666;
	text-decoration: none;
}
#footer a:hover
{
	/*text-decoration: underline;*/
	/*font-weight: bold;*/
	color: #333333; /*THE, 090310*/

}



/*H3 in RTF*/

/* zu ändern, CSS von Thomas

.sidebar img {
	width:145px; ändern in max-width:145px;
}

umbenennen:
.content .sidebar div -> .content .sidebar .sidebarblock


entfernen:
#content .news .lang img -> width entfernen

.content .quater .center img -> width: 71px (instead of 70px (Border in IE))


.content .third
{
         position: relative;
         float: left;
         width: 290px;
         margin: 10px 4px;
         border: 1px solid #666666;
         background: #ffffff;
         font-size: 90%;
}

.content .third ul
{
         margin: 0 10px 10px 130px;
         margin: 0 10px 0px 130px; 
         padding: 0;
         list-style: none;
}

.content .third a.more
{
         position: absolute; 
         bottom: 0;
         left: 0px; 
         margin-left: 130px;
         color: #005596;
         font-weight: bold;
         padding-left: 10px;
         background: url(../images/css/more_bg.gif) no-repeat center left;
}

 
alle ".content form ..." ändern in class from -> ".content .form"

.content #navigation ul li a:hover
-->> Color entfgernen

diverse Änderungen css für hover

#content .form p -->> 10em

*/

/*neu*/
/***********************************************************/

.awardlabel {
	font-weight: bold;
	width: 100px;
	float: left;
}


#content .textblock .readmore .more {
	background:transparent url(../images/css/nav_list_bg.gif) no-repeat scroll 0 0.65em !important;
	float:right;
	margin:0;
	padding:2px 2px 2px 10px !important;
	width:20%;
}


#content .productlist .textblock .images {
	clear:left;
	float:left;
	margin:0 10px 0 0;
}


#content .commonList .textblock .images {
	clear:left;
	float:left;
	margin:0 10px 0 0;
}


.twocolumn {
	margin-bottom: 20px;
	width: 320px;
	margin-right:20px;
	float: left;
}
.basic{
	width: 100%;
	border-collapse:collapse;
}
.basic .title {
	background-color: #ece9d8;
}
.basic td {
	vertical-align: top;
	border:1px solid #d8d9da; 
	overflow:hidden; 
	padding: 5px;
}

.firstcol {
	clear:left;
}

#content  ul li.phone, #content li.phone, #content a.phone,
.sidebar  ul li.phone, .sidebar li.phone, .sidebar a.phone
{
	list-style: none;
	padding-left: 20px;
	background: url(../images/css/icon.phone.gif) no-repeat 0 0.1em;
}

#content  ul li.fax, #content li.fax, #content a.fax,
.sidebar  ul li.fax, .sidebar li.fax, .sidebar a.fax
{
	list-style: none;
	padding-left: 20px;
	background: url(../images/css/icon.fax.gif) no-repeat 0 0.1em;
}

#content .news .lang img {
	width:none;
}

#content .solution .images {
	clear:left;
	float:left;
	padding:0 10px 5px 0px;
}

#content .knowledgebase {
	padding-top:20px;
	clear:both;
}

#content .knowledgebase .date {
	float:left;
	padding-right:10px;
	width:70px;
}
#content .knowledgebase .kbtype {
	float:left;
	padding-right:10px;
	width:30px;
}
#content.contentsb .knowledgebase .kbtext {
	float:left;
	width:393px;
}
#content .knowledgebase .kbtext .title {
	font-size:110%;
	font-weight:bold;
}
/*
.content .third {
	position: relative;
	height: 112px;
	background-color:red;
}
.content .third .more {
	position: absolute;
	bottom: 0px;
	left: 130px;
}
*/
.shortarea 
{
	position: relative;
}
.shortarea .more
{
	display:none;
	position: absolute;
	bottom: 0px;
}

/***** Filter *****/
#content .filter label
{
	font-weight: bold;
	float: left;
	clear: left;
}
#content .filter p
{
	padding-left: 10em;
}
#content .filter p label
{
	float: none;
	clear: none;
	font-weight: normal;
}

#content .filter .button
{
	background: none;
	border: none;
	color: #666666;
	cursor: hand;
	cursor: pointer;
}
#content .filter .button:hover
{
	color: #005596;
}
#content .filter .button span
{
	padding: 2px;
}
#content .filter .button .btn_center
{
	padding: 0 0.5em;
	margin: 0 -0.3em;
	background: url(../images/css/button_middle.gif) repeat-x center;
}
#content .filter .button .btn_left
{
	background: url(../images/css/button_side_left0.gif) no-repeat center left;
	padding-left: 13px;
	line-height: 1.5em;
}
#content .filter .button:hover .btn_left
{
	background: url(../images/css/button_side_left.gif) no-repeat center left;
}
#content .filter .button .btn_right
{
	background: url(../images/css/button_side_right0.gif) no-repeat center left;
	padding-left: 13px;
	line-height: 1.5em;
}
#content .filter .button:hover .btn_right
{
	background: url(../images/css/button_side_right.gif) no-repeat center left;
}
#content .filter input[type="text"]
{
	width: 320px;
}
#content .filter .dateTime select
{
	width: 60px;
}
#content .filter .dateTime input[type="text"]
{
	background-image:url(../images/css/datepicker-icon.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	z-index:1
}
#content .dateISO
{
	background-image:url(../images/css/datepicker-icon.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}
#content .filter select
{
	width: 320px;
}
/***** jquery.validate *****/
label.error { 
	float: none !important; 
	color: red; 
	padding-left: .5em; 
	vertical-align: top; 
}
#content  ul li.mobile, #content li.mobile, #content a.mobile,
.sidebar  ul li.mobile, .sidebar li.mobile, .sidebar a.mobile
{
	list-style: none;
	padding-left: 20px;
	background: none;
}
.checkboxlabel {
	width: 1.2em;
	white-space: nowrap;
}

#content .images {
	text-align: right; /* wegen 2 Bildern bei Training */
}
#content .images img 
{
	margin-bottom: 0px;
}

/* all below needed for popup */ 
/* the overlayed element */ 
div.overlay { 
	/* growing background image */ 
	background-image:url(/images/css/white.png); 
	 
	/* some padding to layout nested elements nicely  */ 
	padding:55px; 

	/* must be initially hidden */
	display:none;
	
	/* place overlay on top of other elements */
	z-index:10000;
	
	/* dimensions after the growing animation finishes  */ 
	width:550px;
	/*height:150px;*/
	min-height:150px;
	/*border:1px solid #666;*/
	font-size: 14px;
	color: #005596;
}
 
/* default close button positioned on upper right corner */ 
div.overlay div.close { 
	background-image:url(/images/css/close.png); 
	position:absolute; 
	right:5px; 
	top:5px; 
	cursor:pointer; 
	height:35px; 
	width:35px; 
}