/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/*default werte von tags setzen*/
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
*
{
  margin: 0px;
	padding: 0px;
}

h1, h2, h3, h4, h5, h6, p, ul, ol, li, div, td, th, caption, dl, dt, dd, form, fieldset, label, select, input, textarea, address, blockquote, nobr
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #5F5F5F;
}

img
{
	border: none;
}

.hrClearBoth,
.clearBoth
{
	clear: both;
	position: absolute;
	top:-1000px;
	font-size: 0.1em;
	height: 0em;
	visibility: hidden;
}

hr[class = "hrClearBoth"],
div[class = "clearBoth"]
{
	position: static;
}

.floatLeft
{
	float: left;
}

.floatRight
{
	float: right;
}

html
{
	height: 100%;
}

body
{ 
	background: url("/fileadmin/resources/images/web/dsi_background_tilevertical.jpg") repeat-x top left fixed;
/*	background: #FFFFFF;  */
	font-size: 100.01%;
	text-align: center;
	height: 100%;
}

#wrapper
{
  position: relative;
  top: 20px;
  margin: 0px 0px 40px 0px;
  padding-bottom:10px;
  padding-top:0px;
  padding-left:10px;
  padding-right:10px;
  background-color: #FFFFFF;

  -moz-box-shadow: 3px 3px 4px #000;
  -webkit-box-shadow: 3px 3px 4px #000;
  box-shadow: 3px 3px 4px #000;
  behavior: url(/fileadmin/media/css/ie-css3.htc); 

	background: #FFFFFF;
	text-align: left;
   margin: 0px auto;
   width: 1003px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* mothers little helpers */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.hidden
{
	position: absolute;
	left: -1000px;
	top:-1000px;
	width:0px;
	height: 0px;
	overflow:hidden;
	display:inline;
}

dfn, acronym, abbr 
{
  font-style: normal;
  text-decoration: none;
  cursor: help;
  border-bottom: 1px dotted;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* header */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#header
{
	height: 112px;
	padding-top: 10px;
}
/*
#screenLogo
{
	float: right;
	width: 550px;
	padding: 8px 20px 0px 0px;
}

#headerImage
{
	float: right;
	width: 150px;
	padding: 5px 20px;
}

#headerTitle
{
	clear: both;
	padding: 12px 0px 0px 16px;
}

#headerTitle h1
{
        font-size: 1.5em;
        font-weight: normal;
}
*/

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* hNavigationgation 1 level horizontal*/
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#hNavigationWrapper
{
	clear: both;
	background: #848589;
}


#hNavigation ul
{
	font-size: 0.7em;
	list-style-type: none;
}

#hNavigation li
{
	float: left;
	width: 157px;
}

#hNavigation li a,
#hNavigation li strong
{
	text-decoration: none;
	padding: 3px 0px 0px 16px;
	display: block;
	height: 1.5em;
	border-right: 1px solid #FFFFFF;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
}

#hNavigation li.first a,
#hNavigation li.first strong
{

}

#hNavigation li a
{
	background: #848589 url(hnavibg.jpg) repeat-x left bottom;
	color: #FFFFFF;
}

#hNavigation li a:hover,
#hNavigation li a:active,
#hNavigation li a:focus,
#hNavigation li strong
{
	background: #dcdedd;
	color: #848589;
	font-weight: normal;
	border-bottom: 1px solid #dcdedd;
}

#lNavigation
{
        padding-right: 16px;
}

#lNavigation ul
{
	font-size: 0.75em;
	list-style-type: none;
	float: right;
}

#lNavigation li
{
	display: inline;
	padding: 0px 1px;
}

#lNavigation a,
#lNavigation strong
{
	padding: 0px 0px;
}

#lNavigation .liact img
{

  filter:alpha(opacity=50); -moz-opacity: 0.50; opacity: 0.50;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* main 2 column layout*/
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#mainWrap
{
	background: #FFFFFF;
	border-top: 6px solid #dcdedd;
}

.mainWrapHeight
{
	height: 100px;
}

div[class = "mainWrapHeight"]
{
	height: auto;
	min-height: 100px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* maincontainer with right column and content*/
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#mainContainer
{
	background: #dcdedd url(maincontainerbg.jpg) repeat-x right bottom;	
}

.mainContainerHeight
{
	height: 100px;
}

div[class = "mainContainerHeight"]
{
	height: auto;
	min-height: 100px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* rightColumn*/
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#secondColumn
{
	float: right;
	width: 219px;
	padding: 14px 0px;
}

#secondColumnContent
{
	margin: 0px 35px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* contentSection*/
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#breadCrumb
{
	background: #ffffff;
	padding: 2px 0px;
}

#contentSection
{
	padding: 18px 18px 10px 18px;
	background: #ffffff;
}

.contentSectionSmall
{
	margin-right: 219px;
}

#content
{
	float: left;
	width: 100%;
}

.contentHeight
{
   height: 365px;
}

div[class = "contentHeight"]
{
	height: auto;
	min-height: 365px;
}



/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* footer*/
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#footer
{
	clear: both;
	padding: 6px 0px;
	text-align: center;
}

#footer *
{
        color: #FFFFFF;
}
/*
#footer p
{
	font-size: 0.7em;
	float: left;
	width: 500px;
	line-height: 1.5em;
}



#footer ul
{
	float: right;
	width: 340px;
	font-size: 0.7em;
	list-style-type: none;
	height: 1.5em;
	text-align: right;
}

*/

#footer p
{
	font-size: 0.65em;
	line-height: 1.5em;
	display: inline;
	padding-right: 16px;
}



#footer ul
{
	font-size: 0.7em;
	list-style-type: none;
	display: inline;
}

#footer li
{
	line-height: 1.5em;
	display: inline;
}

#footer li a,
#footer li strong
{
	padding: 2px 8px 2px 8px;
	font-weight: normal;
}

#footer a
{
	color: #FFFFFF;
	text-decoration: none;
}

#footer a:hover,
#footer a:active,
#footer a:focus,
#footer strong
{
	color: #FFFFFF;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* example content styles*/
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#mainContainer a
{
        color: #5F5F5F;
}

h1
{
        font-size: 1.3em;
        font-weight: normal;
        line-height: 1.5;
}

h2
{
	font-size: 0.85em;
	margin: 3px 0;
	line-height: 1.4;
}

h3
{
        font-size: 0.75em;
        margin: 3px 0;
        line-height: 1.4;
}

#secondColumn h3
{
        font-size: 0.75em;
}

#mainContainer p
{
        font-size: 0.7em;
        margin: 3px 0;
        line-height: 1.4;
}

#mainContainer #secondColumn p
{
        font-size: 0.7em;
}

#mainContainer #breadCrumb p
{
	margin: 0;
}

#mainContainer ul,
#mainContainer ol
{
        font-size: 0.7em;
        line-height: 1.4;
}

#mainContainer ul
{
        margin-left: 25px;
}

#mainContainer ol
{
        margin-left: 35px;
}

#mainContainer li
{
        margin: 3px 0;
}

#mainContainer ul ul
{
        font-size: 1em;
}


.csc-textpic-caption
{
	padding-top: 10px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #5F5F5F;
        font-size: 0.6em;

}


.csc-textpic-below .csc-textpic-imagewrap
{
      margin-top: 10px;
}

div.csc-textpic-intext-left-nowrap div.csc-textpic-imagewrap .csc-textpic-image img
{
      margin-top: 5px;
}

#Download Container
div.dl_item_navi {
  width:  222px;
}

div.downloads_icon_navi {
  padding:  4px 4px 4px 4px;
  float:  left; 
}

div.downloads_title_navi {
  font-size:  11px;
  font-weight:  normal;  
  padding:  4px 8px 4px 4px;
  height: 53px;
  }

div.downloads_title_navi a,
div.downloads_title_navi a:link,
div.downloads_title_navi a:hover,
div.downloads_title_navi a:visited {
  font-size:  11px;
  font-weight:  normal;
  text-decoration:  none;
}





/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* References Product Sites*/
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */


div.news {
	clear: both;
}



div.news_reference_image {
	float: left;
	width: 280px;
  padding: 0px 10px 0px 0px;
}


div.news_reference_body {
	float: right;
	display: block;
	width: 450px;
	font-size: 0.7em;
}


div.news_reference_body h2 {
	font-size: 1.35em;
	margin: 3px 0;
	line-height: 1.4;
}