@charset "utf-8";
/* CSS Document produced by Care of Haus */


body {
	font-size:76%;
	line-height:1.4em;
}

body, input, select, textarea {
	font-family:"Trebuchet MS", Arial;
}

body, form, h1, h2, h3, h4, h5, h6, ul, li {
	margin:0;
	padding:0;
}

a {
	color:#868788;
}

a:hover {
	color:#666768;
}

img { border:0; }

a.logo img {
	margin:2px 0 0 -23px;
	position:relative;
}

ul.menu_sub {
	left:23px;
	position:absolute;
	width:150px;
}

ul.menu_sub li {
	list-style:none;
	margin-top:2px;
}

div.main.blue ul.menu_sub li {
	background-color:#97BEE1;
}

div.main.blue ul.menu_sub li.lvl2 {
	background-color:#6ba2d4;
}

div.main.green ul.menu_sub li {
	background-color:#A6DADF;
}

div.main.green ul.menu_sub li.lvl2 {
	background-color:#99CCCE;
}

div.main.grey ul.menu_sub li {
	background-color:#C7C4BC;
}

div.main.grey ul.menu_sub li.lvl2 {
	background-color:#aeaaa1;
}

div.main.violette ul.menu_sub li {
	background-color:#B5AACD;
}

div.main.violette ul.menu_sub li.lvl2 {
	background-color:#8D84A5;
}

div.main.yellow ul.menu_sub li {
	background-color:#EFD36F;
}

div.main.yellow ul.menu_sub li.lvl2 {
	background-color:#e6bf35;
}

ul.menu_sub li a,
ul.menu_sub li a:hover {
	background:url(../gfx/nav/menu_arrow.gif) no-repeat;
	color:#ffffff;
	display:block;
	padding:1px 0px 1px 20px;
	text-decoration:none;
	width:130px;
}

ul.menu_sub li a:hover,
ul.menu_sub li a.selected {
	background:url(../gfx/nav/menu_arrow_active.gif) no-repeat;
}

ul.top {
	float:right;
	margin-top:8px;
}

ul.top li {
	color:#333333;
	float:left;
	font-size:1.25em;
	list-style:none;
}

ul.top li a {
	color:#000000;
	text-decoration:none;
}

ul.top li a:hover {
	text-decoration:underline;
}

div.content {
	height:auto !important;
	height:315px;
	margin-left:150px;
	min-height:315px;
	padding:0 15px 15px 28px;
	width:567px;
}

div.content a.arrow,
body.mceContentBody a.arrow
{
	background:url(../gfx/icons/arrow.gif) no-repeat left top;
	color:#868788;
	padding-left:11px;
	text-decoration:none;
}

div.content a.arrow:hover {
	color:#666768;
}

div.content img {
	float:right;
}

div.content h1 {
	color:#636466;
	font-size:1.65em;
	font-weight:normal;
	margin:23px 0px 18px;
}

div.content h2,
body.mceContentBody h2 {
	color:#636466;
	clear:left;
	float:none;
	font-size:1.5em;
	font-style:italic;
	font-weight:normal;
	margin-bottom:7px;
}

div.content h3, div.content h4, div.content h5, div.content h6, 
body.mceContentBody h3, body.mceContentBody h4, body.mceContentBody h5, body.mceContentBody h6 
{
	clear:left;
	float:none;
	font-size:1em;
}

div.content p {
	clear:left;
	color:#636466;
	float:left;
	margin:0 0 17px;
	width:320px;
}

body.mceContentBody p {
	color:#636466;
	margin:0 0 17px;
}

div.content p.intro {
	clear:left;
	color:#636466;
	float:left;
	font-size:1.15em;
	font-style:italic;
	margin:0 0 17px;
	width:320px;
}

body.mceContentBody p.intro {
	color:#636466;
	font-size:1.15em;
	font-style:italic;
	margin:0 0 17px;
}

div.content a.arrow,
body.mceContentBody p.list 
{
	
}

div.content ul,
body.mceContentBody ul {
	clear:left;
	margin:0;
	padding:0;
}

div.content ul li,
body.mceContentBody ul li {
	margin-bottom:4px;
	margin-left:20px;
}

div.content ul li a,
body.mceContentBody ul li a {
	color:#636466;
	text-decoration:none;
}

div.content ul li a:hover,
body.mceContentBody ul li a:hover {
	color:#666768;
	text-decoration:underline;
}

div.content ul ul,
body.mceContentBody ul ul {
	margin-bottom:13px;
	margin-left:20px;
}

div.content ul ul li,
body.mceContentBody ul ul li {
	list-style:disc;
	margin-left:20px;
	#margin-left:0;
}

div.content p.block_yellow,
body.mceContentBody p.block_yellow {
	background-color:#FAF2D4;
	float:none;
	margin:0 0 17px 0;
	padding:20px;
	#padding-top:11px;
	width:auto;
}

div.content div.ear_anatomi {
	display:none;
	float:left;
	left:46px;
	position:absolute;
	top:220px;
	width:230px;
}

div.content div.ear_anatomi h2 {
	color:#86A9B2;
	font-style:normal;
	position:relative;
}

div.content div.ear_anatomi p 
{
	position:relative;
	width:auto;
}

div.content div.news_column {
	clear:right;
	float:right;
	margin:25px 0 10px;
	width:200px;
}

div.content div.news_column h2 {
	color:#86A9B2;
	font-style:normal;
	margin-bottom:10px;
}

div.content div.news_column h2 a {
	color:#86A9B2;
	text-decoration:none;
}

div.content div.news_column h2 a:hover {
	color:#7699a2;
}

div.content div.news_column p {
	float:none;
	font-size:1em;
	font-style:normal;
	width:auto;
}

div.content div.news_column p a {
	text-decoration:none;
}

div.content div.product {
	background:url(../gfx/backgrounds/hr_dotted.gif) repeat-x left top;
	clear:both;
	float:left;
	margin-bottom:10px;
	padding:15px 15px 0 20px;
	width:532px;
}

div.content div.product img {
	float:left;
	margin:5px 20px 5px 0;
}

div.content div.product p {
	float:none;
	font-size:1em;
	font-style:normal;
	margin-bottom:5px;
	width:auto;
}

div.content div.product div.description {
	float:left;
	width:441px;
}

div.content.start {
	background:url(../gfx/extras/chell.jpg) no-repeat left top;
	float:left;
	height:auto !important;
	height:355px;
	margin-left:0;
	min-height:355px;
	width:717px;
}

div.content.start h1 {
	clear:both;
	font-style:italic;
	left:359px;
	line-height:1.35em;
	margin-top:47px;
	position:relative;
	width:380px;
}

div.content.start a.more_about_h1 {
	background:url(../gfx/icons/lasmer_arrow.gif) no-repeat right;
	clear:both;
	float:right;
	padding-right:15px;
	text-decoration:none;
}

div.content.webshop {
	margin-left:0;
	padding:0 0 15px 0;
	width:760px;
}

div.content.webshop h2 {
	background:#D6EBEB url(../gfx/icons/shop_arrow_down.gif) no-repeat left top;
	font-size:1.22em;
	font-style:normal;
	font-weight:bold;
	line-height:1.6em;
	padding:0px 8px 1px 20px;
}

div.content.webshop h2 span {
	float:right;
	font-size:0.75em;
}

div.content.webshop div.column {
	float:left;
	padding:0 0 14px 7px;
	width:238px;
}

div.content.webshop div.column.separator {
	background:url(../gfx/backgrounds/verticalline_dotted.gif) repeat-y left top;
	padding-left:19px;
}

div.content.webshop div.column h2 {
	margin:0 0 7px -7px;
	padding-right:0;
	position:relative;
	width:224px;
}

div.content.webshop div.column img {
	float:left;
	margin-right:14px;
}

div.content.webshop div.column select {
	clear:both;
	display:block;
	font-size:0.9em;
	line-height:0.4em;
	margin-bottom:14px;
	padding:0;
}

div.content.webshop div.column div.product_item {
	float:left;
	width:160px;
}

div.content.webshop div.column div.product_item h3 {
	color:#636466;
	font-size:1em;
	margin:0;
}

div.content.webshop div.column div.product_item p {
	font-size:0.9em;
	line-height:1.2em;
	margin-bottom:2px;
	width:auto;
}

div.content.webshop div.form {
	padding:10px 100px 10px 20px;
	width:640px;
}

div.content.webshop div.form input.text 
{
	display:block;
	float:left;
	margin-bottom:7px;
	width:200px;
}

div.content.webshop div.form input#city.text {
	width:149px;
}

div.content.webshop div.form input#phone.text {
	width:130px;
}

div.content.webshop div.form input#postcode.text {
	margin-right:7px;
	width:40px;
}

div.content.webshop div.form label {
	clear:left;
	color:#535456;
	display:block;
	float:left;
	padding:4px 0 0 0;
	width:90px;
}

div.foot {
	background:url(../gfx/backgrounds/hr_dotted.gif) repeat-x left top;
	clear:both;
	padding:1px 5px;
}

div.foot.webshop {
	padding-left:20px;
	padding-right:20px;
	padding-top:20px;
	width:720px;
}

div.foot.webshop button,
div.foot.webshop input.button {
	background-color:#9FCBCB;
	color:#245555;
	float:right;
	font-size:1.1em;
	font-weight:bold;
	margin:0 0 0 20px;
	width:90px;
}

div.foot.webshop p {
	color:#636466;
	float:left;
	font-size:0.9em;
	width:476px;
}


div.foot div.btm_line {
	background:url(../gfx/backgrounds/hr_dotted.gif) repeat-x top;
	clear:both;
	font-size:1px;
	height:1px;
	line-height:1px;
	margin:0 -5px;
	padding:0px 0 13px;
	position:relative;
	width:760px;
}

div.foot div.item {
	float:left;
	height:auto !important;
	height:87px;
	min-height:87px;
	padding:18px 7px 0px 95px;
	position:relative;
	width:148px;
}

div.foot div.item a.arrow {
	background:url(../gfx/icons/arrow.gif) no-repeat left top;
	padding-left:11px;
	text-decoration:none;
}


div.foot div.item img {
	left:9px;
	position:absolute;
	top:18px;
}

div.main {
	margin:0px auto;
	padding-left:23px;
	position:relative;
	width:760px;
}

div.menu {
	border-bottom:2px solid #A6DADF;
}

div.main.blue div.menu {
	border-bottom-color:#97BEE1;
}

div.main.green div.menu {
	border-bottom-color:#A6DADF;
}

div.main.grey div.menu {
	border-bottom-color:#C7C4BC;
}

div.main.violette div.menu {
	border-bottom-color:#B5AACD;
}

div.main.yellow div.menu {
	border-bottom-color:#EFD36F;
}

div.menu ul {
	float:right;
	margin-bottom:-2px;
	position:relative;
}

div.menu ul li {
	float:left;
	height:26px;
	list-style:none;
	padding:0 0 0 2px;
	text-align:center;
	width:102px;
}

div.menu ul li.blue {
	background:#ffffff url(../gfx/nav/blue.gif) no-repeat right;
}

div.menu ul li.green {
	background:#ffffff url(../gfx/nav/green.gif) no-repeat right;
}

div.menu ul li.grey {
	background:#ffffff url(../gfx/nav/grey.gif) no-repeat right;
}

div.menu ul li.violette {
	background:#ffffff url(../gfx/nav/violette.gif) no-repeat right;
}

div.menu ul li.yellow {
	background:#ffffff url(../gfx/nav/yellow.gif) no-repeat right;
}

div.menu ul li a,
div.menu ul li a:hover {
	color:#ffffff;
	display:block;
	font-size:0.95em;
	font-weight:bold;
	line-height:1.65em;
	padding:4px 0 3px;
	text-decoration:none;
}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain its child floats */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}