/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.8.0r4
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:12px;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}
.clearMe {	clear: both; font-size: 1px; height: 0; margin: 0; line-height: 0px; visibility: hidden; }


body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
a:link,  a:visited, a:active, a:hover {
	color: #3d3d3d;
	text-decoration: underline;
}
sup {
	vertical-align: text-top;
}
.blockElem {
	display: block;
	margin-bottom: 10px;
}
.floatLeft {
	float: left;
}

#wrapper {
	width: 980px;
	margin: 0 auto;
	position: relative;
}

#header {
	position: relative;
	background: url(..//img/bg_top.png) no-repeat #edf3fd;
	height: 130px;
}

#topNavi {
	margin-top: 70px;
	background: url(..//img/bg_topnavi.png) repeat-x #2788bd;
	float: left;
	width: 100%;
	color: #fff;
	height: 60px;
}
#topNavi .item1 {
	display: none;
}
#topNavi a:hover {
	color: #d3ccb6;	
}
#header #logo {
	position: absolute;
	left: 20px;
	top: 7px;
}
#header #backLink  {
	position: absolute;
	left: 176px;
	top: 7px;
	font-size: 10px;
	text-decoration: none;
}
#header #backLink:hover  {
	text-decoration: underline;
}
#header #product_logo {
	position: absolute;
	right: 120px;
	top: 7px;
}

#topNavi {/*fw*/
	position: absolute;
}
#topNavi ul {
	position: relative;
}
#topNavi a {
	text-decoration: none;
	color: #fff;
	padding: 9px 15px 0 10px;
	height: 30px;
	float: left;
}
#topNavi .active {
	background: url(..//img/bg_topnavi_active_left.png) no-repeat;
}
#topNavi .active a {
	background: url(..//img/bg_topnavi_active_right.png) right top no-repeat;
}
#topNavi .active a:hover {
	color: #fff;
}
#topNavi ul li {
	float: left;
}
#topNavi ul li ul {
	display: none;
	position: absolute;
	top: 20px; 
	left: 0px;
	margin-top: 9px;
}
#topNavi ul li.active ul {
	display: block;	
}
#topNavi ul li ul li.active {
	background: transparent;
}
#header #topNavi ul li ul li a {
	color: #000;
	height: 22px;
	padding: 10px 10px 0 10px;
	background: url(..//img/bg_topnavi_divider.png) right bottom no-repeat;
}
#header #topNavi ul li ul li.active a, #header #topNavi ul li ul li.active a:hover {
	color: #6e6e6e;
}
#header #topNavi ul li ul li a:hover {
	color: #03732d;	
}
#login {
	position: absolute;
	background: url(..//img/bg_loginbox.png) no-repeat;
	width: 315px;
	height: 125px;
	right: 10px;
	bottom: 0;
}

#login form {
	position: absolute;
	bottom: 33px;
	left: 12px;
}
#login form p {
	float: left; 
	margin-left: 10px;	
}
#login form input {
	width: 115px; 	
}
#login form .submitBut {
	width: 40px;
}
#login ul {
	position: absolute;
	top: 34px;
	left: 0;
}
#login ul li {
	float: left;
}
#login ul li a {
	padding: 0 10px;
	text-decoration: none;
}

#login ul li a:link,  #login ul li a:visited, #login ul li a:active, #login ul li a:hover {
	color: #6e6e6e;
}
#languageSelect {
	position: absolute;
	 top: 0px;
	 right: 25px;
}
#jflanguageselection {
	margin: 15px 10px; 
}

#content {
	clear: both;
	border: 1px solid #c7c7c7;
	border-top: 0;
	zoom: 1;
}

#contentCol {
	width: 658px;
	float: left;
	font-size: 14px;
}
#innerContentCol {
	margin: 10px;
	color: #3d3d3d;
}

/*
 * Artikelformatierungen
 * */
#innerContentCol h1, #innerContentCol h2.componentheading {
	color: #ca1c1b;
	font-size: 20px;
	margin: 10px 0 14px 0;
	font-family: Times, Verdana;
	clear: both;
}
#innerContentCol h2 {
	font-size 14px;
	color: #ca1c1b;
	font-weight: bold;
	margin: 15px 0 10px 0;
}
#innerContentCol h3 {
	font-size 13px;
	color: #ca1c1b;
	font-weight: bold;
	margin: 10px 0 5px 0;
}

#innerContentCol h2.contentheading {
	font-size: 12px;
}


#page .articleinfo {
	margin-bottom: 0;
}
#innerContentCol .modifydate {
	font-size: 12px;
	color: #919191;
}

#innerContentCol .wd {
	display: block;
	margin-bottom: 5px;
}
#innerContentCol .wd .wdfile {
	margin-right: 20px;
}
#teaserCol .wd {
	display: block;
	clear: both;
	margin-bottom: 10px;	
}
#teaserCol .wd .wdfile {
	border: 0px;
}

#innerContentCol p {
	margin-bottom: 15px;
}
#innerContentCol strong {
	font-weight: bold;	
}
#innerContentCol em {
	font-style: italic;	
}
#innerContentCol ul {
	margin-bottom: 15px;	
}
#innerContentCol ul li, #innerContentCol ol li {
	list-style-type: disc;
	margin-left: 20px;
	padding-left: 0px;
}
#innerContentCol ol li {
	list-style-type:decimal;
}

#teaserCol {
	width: 299px;
	float: left;
	background: #fafafa;
	border-left: 1px solid #c7c7c7;
	border-right: 1px solid #c7c7c7;
}

#teaserCol .teaser {
	margin: 5px 10px;
	padding: 5px 5px;
	border: 1px solid #c7c7c7;
	background-color: #fff;
}
#teaserCol .teaser h2 {
	font-size: 14px;
	margin-bottom: 8px;	
}

#teaserCol #kontaktTeaser {
	background: url(..//img/bg_kontakt_teaser.jpg) no-repeat 4px 4px;
	padding: 10px 0 0 15px;
	height: 160px;
	margin-top: 60px;
}

#teaserCol .userMenu {

}
#teaserCol .userMenu h2 {
	color: #fff;	
	background: url(..//img/bg_teaser_headline.png) no-repeat;
	width: 300px;
	padding: 5px 0 6px 10px;
}
#teaserCol .userMenu ul {
	margin-left: 10px;
	margin-bottom: 20px;
}
#teaserCol .userMenu ul li {

}
#teaserCol .userMenu ul a {
	padding: 3px 10px;
	margin-bottom: 1px;
	margin-right: 10px;
	background-color: #e5e5e5;
	text-decoration: none;
	display: block;
}
#teaserCol .userMenu ul a:hover {
	background-color: #efefef;
}
#teaserCol .userMenu ul ul {
	margin-left: 0;
	margin-bottom: 0;
}
#teaserCol .userMenu ul ul a {
	padding-left: 25px;
	font-weight: normal;
}
#teaserCol .userMenu li.active {
	font-weight: bold;
}
#teaserCol .userMenu li.active .active a {
	font-weight: bold;
}
#teaserCol .userMenu ul .item24 {
	margin-top: 6px;
}


/* Download */
.wd li {
	margin-bottom: 10px;
}

a.wdfile {
    color: #444 !important;
    font-size:12px;
    white-space:nowrap;
    text-decoration: underline;
    display:block;
    padding:1px 5px 1px 30px;
    height:25px;
    line-height:25px;
    background:#FFFFFF url(../img/down.gif) 1px center no-repeat;
    border:1px solid #dddddd;

}






/***** Kontakt ******/
.ristosorb #innerContentCol iframe { border: 0; }
#kontakt { padding: 10px; }
#kontakt label {
	width: 160px;
	display: block;
	float: left;
	margin-bottom: 3px;
}
#kontakt input {
	width: 200px;
	margin-bottom: 3px;
}
#kontakt textarea {
	width: 200px;
	height: 120px;
	font-family: verdana, arial;
	font-size: 1em;
}
#kontakt #submitBut {
	margin-left: 160px;
	margin-top: 10px;
}
#kontakt .error {
	background-color: #cc3300;
	color: #fff;
}

#kontakt #centerCol p {
	padding-bottom: 10px;	
}
#kontakt p strong {
	display: block;
}


/* Userdata Form */
.user div {
	clear: both;	
	float: left;
	margin-bottom: 5px;
}
.user label {
	width: 200px;
	float: left;
}
.user input {
	float: left; 
	width: 200px;
}
.user .paramlist {
	clear: both;
}
.user .paramlist td {
	padding-bottom: 5px;	
}
.user .paramlist td.paramlist_key {
	width: 200px;
}
.user .validate {
	margin-top: 10px;
}
.joomlaWatch, .inv {
	display: none;
}

/* Videoplayer */
#videoplayer1 {
	height: 272px;
	margin-bottom: 10px;
}
/* Zielgruppen Tabelle*/
#targetgroups ul {
	margin-top: 10px;
}
/* Absorbierbare Stoffe Tabelle*/
#absorbable p {
	margin-top: 10px;
	margin-left: 10px;
}


#footer {
	position: relative;
	margin-bottom: 60px;
}
#footer ul li {
	float: left; 
	padding-right: 10px;
	padding-left: 10px;
	border-right: 1px solid #3d3d3d;	
}
#footer ul {
	margin-left: 220px;
	margin-top: 10px;
}