@charset "UTF-8";
@media all
{
/*
  ACHTUNG: dieses CSS ist nur für den CONTENT Bereich - daher immer .content hinzufügen
  bg light light green	#E0ECEC
  light light green	#DBE8E2
  light green		#80CAC7
  green			#00958E
  yellow			#E6E018
  light yellow		#f0eb84
  grey			#616161
  dark grey		#a5acb2
*/
	.content, .content div, .content p, .content li, .content b, .content i, .content strong, .content span, .content td div, .content td{
		color:#616161;
	}
	.content p b, .content p strong{
		color:#666666;
		font-weight:bold;
	}
	.content h2{
		color:#666666;
		font-size:13px;
		font-weight:bold;
		line-height:18px;
		padding:0px 0px 0px 18px;
		background: url('/export/system/modules/de.dsv/resources/layout_images/arrow_bar_limegreen.gif') no-repeat left 0px;		
	}
	.content #productart{
		color: #00958f;
	}
	.content table.default{
		width: 100%;
	}
	.content table td{
		vertical-align: top;
	}
	.content table.default th, .content table.default th b, .content table.default td.headline, .content table.default td.headline strong{
		background-color: #00958F;
		text-align:left;
		vertical-align: top;
		color: white;
		font-weight: bold;
		padding: 3px;
	}
	.content table.default td{
		background-color:#F8F6C7;
		border-bottom:1px solid #f0eb84;
		vertical-align: top;
		padding: 3px;
	}	
	.content table.default tr.even td{
		background-color: #f0eb84;
	}
	.content table.default tr.highlight td, .content table.default tr.highlight td p,
	.content table.default td.highlight, .content table.default td.highlight p{
		color: white;
		background-color: #92beb9;
		cursor: pointer;
	}
	.content table.linklist td.linklistname{
		width: 60%;
	}
	.content table.linklist td.linklisturl{
		width: 40%;
	}
	.content table.rowHeightMedium td{
		height: 50px;
	}
	.content table.cellsBottom td{
		vertical-align:bottom;
	}
	
	/*formulare*/	
	.content form b{
			font-weight:bold;
			color:#666666;
	}
	.content input, .content select, .content textarea{
		color:#616161;
		border:1px solid #80CAC7;
		line-height:14px;
 		background-color:#F6F9F9;
 		width:320px;
	}
	.content input{
		height:20px;
	}
	.content a, .content a:link, .content a:active, .content a:visited, .content a:hover{
		color: #616161;
		color: #00958F;
	}
	.content a.formularbutton, a.formularbutton:link, a.formularbutton:active, a.formularbutton:visited, a.formularbutton:hover{
		display:inline;
		font-size:10px;
		text-decoration:none;
		margin-right:79px;
		
	}
	.content a.formularbutton:hover{
		text-decoration:underline;
	
	}
	.content .contentData{
		display: none;
	}
	.content img.floatleft{
		float: left;
		margin: 0px 20px 20px 0px;
	}
	
	table .barcontainer{
		width: 335px;
	}
	.content table .productBar{
		position: relative;
		background-color: #CCDDDA;
		height:17px;
		border-left: 1px solid #00958f;
		border-bottom: 1px solid #00958f;
		border-right: 1px solid #00958f;
	}
	.content table .productBarNone{
		color: #616161;
		padding-left: 5px;
	}
	.content table .productBar .name, table .productBar .bar{
		position: absolute;
		color:white;
		font-weight:bold;
	}
	.content table .productBar .name{
		padding-left: 5px;
	}
	.content table .productBar .bar{
		position: absolute;
		background-color: #92BEB9;
		height: 17px;
	}
	.content form.encryptedEmail, .content form.encryptedEmail input{
		display:inline;
		vertical-align : text-bottom;
	}
	.content #sitemap div{
		padding-left: 30px;
	}
	.content #sitemap a{
		display: block;
		background: transparent url('/export/system/modules/de.dsv/resources/layout_images/arrow_bar_limegreen.gif') no-repeat scroll left 0;
		font-size: 13px;
		font-weight: bold;
		line-height: 18px;
		text-decoration: none;
		padding:0 0 0 18px;
		margin:20px 0 10px 0;
	}
	.content #sitemap div a{
		background: transparent url('/export/system/modules/de.dsv/resources/layout_images/arrow_green.gif') no-repeat scroll left 4px;
		font-size: 12px;
		font-weight: normal;
		line-height: 15px;
		padding:0 0 0 10px;
		margin: 10px 0 0 0;
	}
	.content #sitemap div div a{
		font-size: 11px;
		margin: 0 0 0 0;
	}
	.content .maissortheader {
		color: #FFF;
		font-weight: bold;
	}
	#tableDialog {
	 	display: none; 
	 	padding: 5px; 
	 	width: 160px; 
	 	font-size: 11px; 
	 	background: #E0ECEC;
	 	border: 1px solid #00958F;
	}
	#tableDialog span {
	 	font-weight: bold;
	 	color: #00958F;
	}
	.content .innovation_rubrik div {
		margin-bottom: 10px;
	}
	.content .innovation_rubrik a {
		color: #00958E;
	}
	.content .addinfo, .content .addinfo p{
		font-size: 10px;
	}
/*------------------ Gräser -----------------------------*/	
	#greaser ul {
		list-style: none outside none;
	}	
	.content #greaser table th, .content #greaser table td {
		background-color: #F8F6C7;
		border-bottom: 1px solid #F0EB84;
		padding: 3px;
		text-align: center;	
	}
	#greaser ul li {
		margin-top: 20px;
	}		
	#greaser ul li h3, #greaser .choiceHeader h2 div{
		background: url('/export/system/modules/de.dsv/resources/layout_images/arrow_green.gif') no-repeat scroll right center transparent;
		padding-right: 10px;			   
		background-color: #F8F6C7;
		height: 18px;
	}
	 #greaser .switch_content  h2 div {
		background: url('/export/system/modules/de.dsv/resources/layout_images/arrow_down_green.gif') no-repeat scroll right center transparent;
		padding-right: 10px;			   
		background-color: #F8F6C7;
		height: 18px;
	 }
	.content{
		margin-top:20px;
	}
	
	.content .choiceContent{
		display:none;
	}
	.content .choiceContent{
		background-color: white;	
	}
	.content .choiceHeader {
		cursor: pointer;
		margin-top: 20px;   		
	}
	.choiceHeader h2 {
		background: none repeat scroll 0 0 transparent;
		text-align: center;	
	}
	.backForDesktop {
		float: right;
		background: url('/export/system/modules/de.dsv/resources/layout_images/arrow_left.gif') no-repeat scroll left 0 transparent;	
		font-size: 13px;
    		font-weight: bold;
	        line-height: 18px;
		padding: 0 0 0 18px;	
	}	
}