/* ------ ------- Neuaufbau  ------ ------- */




/* ############################################## */
/* ############################################## */
/* ##############   meta   ###################### */
/* ############################################## */
/* ############################################## */


#header {
	position: relative;
	height:19.9em;
}

#keyvisual {
	height:8.2em;
	border-top: 7px solid #ccc
}

#metanavi_header ul {
	margin-top:0;
	position: absolute;
	top: 10px;
	right: 2%;
	width: 45em;	
}

#metanavi_header ul li {
	display:inline;
	padding-right: 5px;
	padding-left: 6px;
	border-right: 1px solid #000;
	list-style-type: none;	
}



#metanavi_header ul li a, 
#metanavi_header ul li strong {
	color:#000;
	text-decoration:none;
	font-weight:normal;
	font-size: 110%
}

#metanavi_header ul li a:active,
#metanavi_header ul li a:hover,
#metanavi_header ul li a:focus,
#metanavi_header ul .active a,
#metanavi_header ul li strong {
	border-bottom:1px solid #000;
}

#mainnavi {
    overflow: hidden;
	padding-left:240px;
	line-height:1em;
	border-top:none;
	 border-bottom: none; 
	 border-width: 0;
	background: url(../img/main_navi_bg.gif) bottom left repeat-x #f2fdfe
}


/*#c1e4ea*/

/* ############################################## */
/* ############################################## */
/* ##############   Topnavi   ###################### */
/* ############################################## */
/* ############################################## */


#mainnavi li {
    display: block;
    float: left;
	margin-right:0;	
}

#mainnavi ul li a{
display: block;
    padding-right: 1.3em;
    padding-left: 1.3em;
	color:#000;
	font-size: 115%;
	line-height: 2em;
	text-decoration:none;
}

#mainnavi ul li a:active,
#mainnavi ul li a:hover,
#mainnavi ul li a:focus,
#mainnavi ul .active a,
#mainnavi ul li strong {
    display: block;
    padding-right: 1.3em;
    padding-left: 1.3em;
	color: #9D0113;
	font-size: 115%;
	line-height: 2em;
	background: #fff;
}

#mainnavi ul li a {
    border-right: 1px solid #f2fdfe;
	border-left: 1px solid #f2fdfe  
}

#mainnavi ul li a:hover {
   border-right: 1px dashed #0EADCC;
	border-left: 1px dashed #0EADCC;
	background: #fff !important
}

#mainnavi ul li strong {
    border-right: 1px dashed #0EADCC;
	border-left:  1px dashed #0EADCC;  
}

#mainnavi ul li.first a, #mainnavi ul li.first strong {
    padding-left: 28px !important
}

#mainnavi ul li.first strong a, #mainnavi ul li.first strong a:visited {
    padding-left: 0 !important
}



#mainnavi ul li strong a {
    padding-right: 0 !important;
    padding-left: 0 !important;
    font-size: 100%;
    color: #9D0113;
    border-left: none !important;
    border-right: none !important;
}

#mainnavi ul li strong a:hover {
 padding-right: 0 !important;
    padding-left: 0 !important;
    border-left: none !important;
    border-right: none !important;
    font-size: 100%;
}




#mainWrapper {
	top: -1px
}

/* ----- Linke Spalte ----- */


h1.csc-firstHeader {
    font-weight: normal;
    font-size: 155%
}



#leftColumn {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 240px;
	padding-top: 1.7em
}

/* ----- Rechte Spalte----- */


#rightColumn {
	 padding: 1.7em 20px 0em 20px;
	 width: 210px
}



/* ----- Newsletter Teaser----- */


div#newsletterteaser {
    padding-bottom: 5px;
    background: #c1e4ea
}

div#newsletterteaser h2 {
    padding: 10px 5px 2px 10px;
    color: #fff;
    font-weight: normal;
    font-size: 145%;
    background: #0eadcc
}

div#newsletterteaser p {
    padding-left:10px 
}


#rightColumn .contentWrap {
    padding-top: 2em;
	padding-bottom:1em;
}

div#newsletterteaser a, div#newsletterteaser a:visited {
    border-bottom: 1px solid #333
}

div#newsletterteaser a:hover {
    border-bottom: 1px dotted #333
}

/* ----- News ----- */

div.csc-header {

}

#rightColumn .contentWrap h1,
#rightColumn .contentWrap h2,
#rightColumn .contentWrap h3,
#rightColumn .contentWrap h4 {
	display:block;
	margin-left:0;
	margin-right:0;
	padding-left:10px;
	padding-right:20px;
	color:#0FB2CF;
	line-height:2.5em;
	margin-bottom:1.0909em;
	border-top:1px dotted #0EADCC;
	border-bottom:1px dotted #0EADCC;
}

#rightColumn .contentWrap h2 a {
    font-weight: bold;
    font-size: 103% !important
}

#rightColumn .contentWrap .press h3 {
    margin-bottom: 0.5em;
    padding-left: 10px;
    line-height: 1.5em;
}
div.press p {
        padding-left: 10px
}


#rightColumn .contentWrap a {
	border-bottom:1px solid #4e5459;
}

#rightColumn .contentWrap a:focus,
#rightColumn .contentWrap a:hover,
#rightColumn .contentWrap a:active {
	border-bottom:1px dotted #4e5459;
}



/* -----Linke Spalte ----- */


#leftColumn .contentWrap {
    margin: 0 auto 0 auto;   
}



#leftColumn .contentWrap {
	padding:0;
	width: 210px;
	background:  #fff;
	border: 1px solid #ccc
}


#leftColumn .contentWrap li {
	background-position:0em 0.80em;
}

#leftColumn .contentWrap h1,
#leftColumn .contentWrap h2,
#leftColumn .contentWrap h3 {
	display:block;
	margin-left:0;
	margin-right:0;
	padding-left:10px;
	padding-right:10px;
	color:#333;
	line-height:1.3363em;
	margin-bottom:0.8em;
	border-width: 0;
	font-weight: normal;
	font-size: 130%;
}

#leftColumn .contentWrap a,
#leftColumn .contentWrap a * {
	color:#333;
	font-weight:bold;
}

#leftColumn .contentWrap a {
	border-bottom:1px solid #4e5459;
	font-weight: normal
} 


#leftColumn .contentWrap a:focus,
#leftColumn .contentWrap a:hover,
#leftColumn .contentWrap a:active {
	border-bottom:1px dotted #4e5459;
	
}


#leftColumn .contentWrap p,
#leftColumn .contentWrap li
 {
	line-height:1.6em;
	color:#4e5459;
}

#leftColumn .contentWrap img {
    margin-left: 10px
}

#leftColumn .contentWrap p {
      margin-right: 10px;
      margin-left: 10px;
      font-size: 89%
}

#leftColumn .contentWrap {
     padding-top: 10px;
}



/* -----Patentportal Button ----- */

a#patent, a#patent:visited  {
    display: block;
    width: 195px;
    height: 35px;
    background: url(../img/patport_off.gif) no-repeat;
    text-indent: -5000px;
    border-width: 0 !important
}


a#patent:hover {
    background: url(../img/patport_on.gif) no-repeat;
    border-width: 0 !important
}





/* ----- Content ----- */



/* ----- Überschriften Technologie u. Pressem ----- */




/* --- Technologie --- */


 ul.list53 li {
    margin-top:  2.5em !important;
    margin-bottom:  1.25em !important;
    padding-left: 0;
    list-style: none;
    background-image: none
}

ul.list53 li span {
    display: block
}


span.tx-list-pi1-cat2 {
    font-weight: bold;
    color: #0EADCC;
    font-size: 110%
}


span.tx-list-pi1-date {
    padding-bottom: 0.5em
}

span.tx-list-pi1-title a, span.tx-list-pi1-title a:visited {
color: #000 !important;
border-bottom: 1px solid #000 !important
}



span.tx-list-pi1-title a:hover {
    border-bottom: 1px dotted #000 !important
}


/* --- pressemitteilungen --- */


div.press h3 {
     font-weight: bold;
    font-size: 110%
}

div.press h3 a, div.press h3 a:visited {
     color: #333 !important;
     border-bottom: 1px solid #333 !important
}



div.press h3 a:hover {
    border-bottom: 1px dotted #333 !important
}




div#content div.press p {
padding-left: 0
}

div#content div.press p.teaser {
    margin-top: 10px
}

/* --- h2 rightcolumn --- */



/* --- text-pic rightColumn --- */


div#rightColumn div.csc-textpic-text {
	background: #fff;
	border: 1px solid #ccc;
	padding-top: 10px
}

div#rightColumn div.csc-textpic-text p {
     margin-right: 10px;
      margin-left: 10px;
      font-size: 89%
}


div#rightColumn div.csc-textpic-text {
	border: none;
	background: none
}


div#teaserevent {
	margin-top: 20px;
	background: #fff;
	border: 1px solid #ccc;
	padding: 10px 10px 0 10px
}

div#teaserevent a.teas {border: none !important}

div#teaserevent img {
	margin-bottom: 5px
}