* 	{ 
	margin:0; 
	padding:0; 
	outline: 0;
	}

html
	{
	overflow-y: scroll;
	height: 100%;

	}

body
	{
	height: 100%;
	background:#fff;
	font-size: 15px;
	font-family: 'Open Sans',Arial,Helvetica,sans-serif;
	line-height: 1.5;	
	margin:0;
	padding:0;
	color:#333;
	
	
	
	}

/* ####################################################################################################################
   SEKTIONEN
   #################################################################################################################### */

	
	
	
.contentwidth
	{
	max-width:960px;
	margin:0 auto;
	padding:0 20px;
	}

#logo
	{
	padding-top:20px;
	
	}

#content	
	{
	
	
	}

#submenu
	{
	padding:35px 0;
	}

#main
	{
	padding:35px 0;
	}

#main.withsubmenu
	{
	margin-left:220px;
	}


#header_wrapper
	{
	background:#eee url(/images/layout/header_back.png);
	border-bottom:1px solid #005887;
        z-index:99999;

	}
	
#header
	{
	position:relative;
	height:130px;
	}

#submenu
	{
	float:left;
	width:190px;
	}




#footer_wrapper
	{
	
	background:#005887;
	}
	
#footer
	{
	padding:30px 0 40px 0;
	}

	
/* ####################################################################################################################
   INLINE
   #################################################################################################################### */	


.onlymobile
	{
	display:none;
	}

img
	{
	border:0;
	}

a, a:visited
	{
	color:#005887;
	}
a:hover
	{
	color:#0089CF;
	}
   
p 	{
	margin: 0 0 1em 0;
	}	
	
	
.clearer
	{
	clear:both;
	}   

#main ul, #main ol
	{
	margin-left:30px;
	margin-bottom:1em;
	}
	
h1
	{
	color:#0089CF;
	line-height:1em;
	margin-bottom:1em;
	text-shadow: 2px 2px 3px #CCCCCC;
	font-size:30px;
	}


h2
	{
	font-size:22px;
	color:#0089CF;
	line-height:1em;
	margin-bottom:1em;
	text-shadow: 1px 1px 2px #CCCCCC;
	}

h3
	{
	margin-top:1.5em;
	}

.wirkstoffe
	{
	float: left;
	width: 100%;
	}

.wirkstoffe:last-child
	{
	margin-bottom: 40px;
	}

.wirkstoffe h3
	{
	margin: 20px 0 10px 0;
	}

.inpic_right
	{
	float:right;
	margin-top:5px;
	margin-left:10px;
	margin-bottom:10px;
	padding:3px;
	border: 1px solid #eeeeee;
	}

.inpic_left
	{
	float:left;
	margin-top:5px;
	margin-right:10px;
	margin-bottom:10px;
	padding:3px;
	border: 1px solid #eeeeee;
	}

.inpic_center
	{
	padding:3px;
	border: 1px solid #eeeeee;
	max-width:70%;
	}

.bildunterschrift
	{
	font-size: 11px;
	color:#666666;
	}
	
.tdbulletimage
	{
	margin-left:5px; 
	margin-right:4px;
	margin-bottom:1px;
	vertical-align:baseline;
	}	

.bullet
	{
	float: left;
	width: 28%;
	margin-right: 10px;
	padding-left: 14px;
	background: url(/images/layout/li_bullet.gif) no-repeat 0px 4px;
	}

#main ul.nice
	{
	margin:0;
	margin-left:0;
	list-style-type: none;
	
	}

#main ul.nice li
	{
	padding-left:18px;
	background-image:url(/images/layout/li_bullet.gif);
	background-repeat:no-repeat;
	background-position:0px 4px;
	margin-bottom:6px;
	
	}
#main ul.nice li a
	{
	text-decoration:none;
	}

#main ul.nice li a:hover
	{
	text-decoration:underline;
	}

blockquote
	{
	margin-left:30px;
	}

a.iconlink
	{
	margin: 0 15px 0 0;
	padding: 8px 0 8px 35px;
	background-repeat: no-repeat;
	background-position: left 2px;	
	}
	
a.icontable
	{
	display:block; 
	}
	
a.pdf { background-image: url(/images/icons/icon_pdf_32x32.png); }
a.doc { background-image: url(/images/icons/icon_doc_32x32.png); }


table.manualtable
	{
	border-spacing: 0px;
	border-collapse: separate;
	margin-bottom:20px;
	}

table.manualtable > tbody > tr:nth-child(2n+1) > td
	{
	padding-top:20px;
	}
	
table.manualtable > tbody > tr:nth-child(2n+1) > td:nth-child(1)
	{
	padding-right:20px;
	}	
	
table.manualtable > tbody > tr:nth-child(2n) > td
	{
	padding-bottom:20px;
	border-bottom:1px solid #ccc;
	}

table.factsheet
	{
	border-spacing: 0px;
	border-collapse: separate;
	margin-bottom:20px;	
	}

table.factsheet th
	{
	border-spacing: 5px;
	text-align:left;
	background:#ccc;
	padding-left:4px;
	
	}

table.factsheet td
	{
	vertical-align:top;
	padding:2px 5px 5px 0;
	font-size:13px;
	}


.regsign
	{
	font-size: 60%;
	vertical-align: super;
	}

.smalltext
	{
	font-size:13px;
	}

.tinytext
	{
	font-size:11px;
	}

td.num
	{
	text-align:right;
	padding-right:20px;
	color:#0089CF;
	}

td.highlight
	{
	color:#0089CF;
	}

/* ####################################################################################################################
   HAUPTMENU
   #################################################################################################################### */		

#nav-main-wrapper
	{
	position:absolute;
	right:20px;
	bottom:6px;
	}

#nav-main
	{
	display: inline-table;
	list-style-type: none;
	margin: 0;
	position: relative;
	padding: 0;
	
	
	}
#nav-main:after 
	{
	content: ""; clear: both; display: block;
	}	

#nav-main > li
	{
	float:left;
	font-size:20px;
	}

#nav-main >li > a
	{
	text-decoration:none;
	padding:5px 20px;
	display:block;
	}

#nav-main >li.current > a
	{
	background:#fff;	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;	
	
	-webkit-box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.75);
	box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.75);	
	}

#nav-main li ul
	{
	display:none;
	width:170px;
	list-style-type: none;
	margin: 0 0 0 20px;
	padding: 0;	
	position: absolute; top: 100%;
	background:#fff;
	font-size:13px;
	z-index:999;
	-webkit-box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.75);
	box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.75);	
	}

#nav-main li.last ul
	{
	margin: 0 0 0 -80px;
	}

#nav-main li ul li
	{
	border-bottom:1px solid #27739b;
	}


#nav-main li ul li:hover
	{
	background:#ccc;
	}

#nav-main li ul li a
	{
	text-decoration:none;
	padding:5px 20px;
	display:block;	
	}


#nav-main li:hover > ul
	{
	display:block;
	}

#nav-main li.current:hover > ul
	{
	display:none;
	}


/* ####################################################################################################################
   SUBMENU
   #################################################################################################################### */		

#nav-sub
	{
	list-style-type: none;
	margin: 0;
	padding: 0;	
	}

#nav-sub a
	{
	text-decoration:none;
	padding:5px 0 5px 5px;
	display:block;
	}

#nav-sub li
	{
	border-bottom:1px solid #eee;
	}

#nav-sub li:hover
	{
	border-bottom:1px solid #999;
	}

#nav-sub li.current
	{
	background:#eee;
	
	}

	
/* ####################################################################################################################
   META OBEN 
   #################################################################################################################### */		

#meta-wrapper
	{
	position:absolute;
	top:5px;
	right:20px;
	}
   
#nav-meta
	{
	list-style-type: none;
	margin: 0;
	padding: 0;	
	font-size:11px;
	}
#nav-meta li
	{
	float:left;
	}
	
#nav-meta li a
	{
	display:block;
	margin-left:20px;
	}	

li.facebook a { 
	display: block;
	padding: 0;
	
	text-indent: -99999px;
	width: 29px;
	height: 29px;
	background: url(/images/layout/icon_facebook.png) no-repeat left top;
	}

li.twitter a { 
	display: block;
	padding: 0;
	
	text-indent: -99999px;
	width: 29px;
	height: 29px;
	background: url(/images/layout/icon_twitter.png) no-repeat left top;
	}




	
/* ####################################################################################################################
   META FOOTER 
   #################################################################################################################### */		
   
#nav-footer
	{
	list-style-type: none;
	margin: 0;
	padding: 0;	
	color:#68BBE7;
	display:table;
	width:100%;
	}
#nav-footer li
	{
	display:table-cell;
	text-align:center;
	}
	
#nav-footer li a
	{
	color:#68BBE7;
	display:block;
	text-decoration:none;
	}		
#nav-footer li a:hover
	{
	color:#fff;
	text-decoration:underline;
	}			
	
	
.bxslider .slidebox
	{
	padding:20px 25px;
	background:#005887;
	-webkit-box-shadow: 4px 4px 15px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 4px 4px 15px 0px rgba(0,0,0,0.75);
	box-shadow: 4px 4px 15px 0px rgba(0,0,0,0.75);	
	
	}

/* ####################################################################################################################
   Contentbox
   #################################################################################################################### */		

div.homeboxes
	{
	margin-top:15px;
	height: 300px;

	text-align: justify;
	-ms-text-justify: distribute-all-lines;
	text-justify: distribute-all-lines;	
	}

.stretch {
    width: 100%;
    display: inline-block;
    font-size: 0;
    line-height: 0
}

div.contentbox 
	{
	text-align: left;
	width: 300px;
	height: 320px;
	background: #eee;
	vertical-align: top;
	display: inline-block;
	*display: inline;
	zoom: 1
	}

div.rightbox {
	xmargin-left: 50px;
}

div.inside-contentbox {
	padding: 20px 10px;
}

div.contentbox h2 {
	margin: 0;
	padding: 5px 10px;
	font-size: 13px;
	color: #FFF;
	background: #0086CC;
	text-shadow: none;
}

p.newshead {
	margin: 0 0 0.5em 0;
	color: #848484;
}

p.newshead span {
	padding-right: 10px;
	margin-right: 10px;
	border-right: 1px solid #A0A0A0;
	font-weight: bold;
}



/* ####################################################################################################################
   PRINT_STYLES
   #################################################################################################################### */

@media print
{
	#meta-wrapper, #submenu, #footer_wrapper, #nav-main-wrapper
		{ 
		display: none; 
		}
	
	
	#main.withsubmenu
		{
		margin-left:0;
		}
	
	#page, #content {
		width: 100%;
		margin: 0;
		padding: 0;
		background-image: none !important;
		background: #FFF;
	}
	
	
}