/* -----------------------------------*/
/* ---------->>> GLOBAL <<<-----------*/
/* -----------------------------------*/

* {	font-family: Verdana, Arial, Helvetica, sans-serif !important;}

body, * h1, * h2, * h3, * h4, * h5, * p, a, * ul, * li {
	margin:0;
	padding:0;
}
ul, li {
	list-style:none;
}

div#produktenavigation ul.nav li a span, #navigation a.login span {
	display:none;
}

hr{
	clear:both;
	color:#ddd;
	border:0 none;
	background-color:#ddd;
	height:1px;
	font-size:1px;
	line-height:1px;
	padding:0; margin:0;
	margin-bottom:10px;
}
/*html { height: 100%; margin-bottom: 1px; }*/

body {
	font-size: 62.5%;
	color:#888;
	background-image:url(bgd_body.gif);
	background-repeat:repeat-x;
	text-align:center;
}
div#maintext h1 {
	font-size:1.9em;
	width:33.5em;
	height:2.3em;
	margin-bottom:1em;
	margin-left:-0.2em;
}
div#maintext h1 span {
	display:none;
}

/* ---------->>> H1 <<<-----------*/
@media screen {
	.renderhead {
		display: block;
	}
	.renderhead span { 
		display: none;
	}
	.renderhead img { 
		padding:5px;
	}
}
/* Ausgabe auf dem Drucker */
@media print {
	.renderhead {
		display: block;
	}
	.renderhead span {
		display: block;
		color: blue;
	}
	.renderhead img { 
		display: none;
	}
}

/* ---------->>> H1 END <<<-----------*/
div#maintext h2 {
	font-size:1.15em;
	margin-top:1.1em;
	margin-bottom:0.5em;
	text-decoration:underline;
	color:#a0a0a0;
	margin-left:-0.2em;
}

div#maintext h3 {
	font-size:1.2em;
	line-height:20px;
	margin-bottom:10px;
}


p, div#maintext ul li {
	font-size:1.1em;
	line-height:1.4em;
	margin-bottom:0.8em;
}

div#maintext ul li {margin-bottom:0;}
 
a {
	text-decoration:none;
	font-weight:bold;
	color:#7ca1d0;
}
a:hover, a:focus {
	color:#888;
}
div#maintext .flLeft { 
	float:left;
	margin-top:3px;
	margin-left:0;
	margin-right:3em;
	margin-bottom:0;
	padding:1px;
	padding-bottom:0;
}

div#maintext .flRight {
	clear:both; 
	float:right;
	margin-top:3px;
	margin-left:3em;
	margin-bottom:0;
	padding:1px;
	padding-bottom:0;
}

/* ---------->>> CONTENT <<<-----------*/
div#content {
	position:relative;
	width:80em;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	background-image:url(bgd_main.gif);
}

/* ---------->>> NAVIGATION <<<-----------*/

div#navigation {
	position:relative;
	margin:0 auto;
	width:760px;
	height:40px;
	text-align:left;
	padding:0;	
}

#navigation li { padding:0 1px 0 0; float:left; background:url(bg_nav_sep.gif) center right no-repeat; }
#navigation a { display:block; color:#fff; font-size:11px; font-weight:normal; padding:15px 8px 12px; }
#navigation span { padding-bottom:12px;  }
#navigation a:hover, #navigation a:focus, #navigation li.on a { background:url(bg_nav_bg.gif) top repeat-x;  }
#navigation li.on span { background:url(bg_nav_on.gif) bottom repeat-x; }
#navigation li.end { padding:0; background:none; }

#navigation a.login { position:absolute; right:0; top:0; width:43px; height:40px; padding:0; background:url(nav.gif) -704px 0  no-repeat; }
#navigation a.login:hover, #navigation a.login:focus { background:url(nav.gif) -704px -40px  no-repeat; }
#navigation a.on, #navigation a.on:hover, #navigation a.on:focus { background:url(nav.gif) -704px -80px  no-repeat; }
/*
div#navigation {
	position:relative;
	margin:0 auto;
	width:76em;
	height:4em;
	background-image:url(nav.gif);
	background-position:0 0;
	background-repeat:no-repeat;
}

div#navigation ul li {
	position:absolute;
}

div#navigation ul li a {
	height: 4em; 
	display:block;
}

li#home { left:0; width:53px; }
li#news { left:54px; width:45px; }
li#exhibitions { left:100px; width:77px; }
li#company { left:178px; width:69px; }
li#investor { left:248px; width:116px; }
li#sales { left:365px; width:133px; }
li#impressum { left:569px; width:76px; }
li#contact { left:646px; width:57px; }
li#login { left:704px; width:46px; }

#home a:hover, #home a:focus{background: transparent url(nav.gif) 0 -40px no-repeat;}
#news a:hover, #news a:focus{background: transparent url(nav.gif) -54px -40px no-repeat;}
#exhibitions a:hover, #exhibitions a:focus{background: transparent url(nav.gif) -100px -40px no-repeat;}
#company a:hover, #company a:focus{background: transparent url(nav.gif) -178px -40px no-repeat;}
#investor a:hover, #investor a:focus{background: transparent url(nav.gif) -248px -40px no-repeat;}
#sales a:hover, #sales a:focus{background: transparent url(nav.gif) -365px -40px no-repeat;}
#impressum a:hover, #impressum a:focus{background: transparent url(nav.gif) -569px -40px no-repeat;}
#contact a:hover, #contact a:focus{background: transparent url(nav.gif) -646px -40px no-repeat;}
#login a:hover, #login a:focus{background: transparent url(nav.gif) -704px -40px no-repeat;}

#home a.on{background: transparent url(nav.gif) 0 -80px no-repeat;}
#news a.on{background: transparent url(nav.gif) -54px -80px no-repeat;}
#exhibitions a.on{background: transparent url(nav.gif) -100px -80px no-repeat;}
#company a.on{background: transparent url(nav.gif) -178px -80px no-repeat;}
#investor a.on{background: transparent url(nav.gif) -248px -80px no-repeat;}
#sales a.on{background: transparent url(nav.gif) -365px -80px no-repeat;}
#impressum a.on{background: transparent url(nav.gif) -569px -80px no-repeat;}
#contact a.on{background: transparent url(nav.gif) -646px -80px no-repeat;}
#login a.on{background: transparent url(nav.gif) -704px -80px no-repeat;}*/

/* ---------->>> SUBNAVIGATION <<<-----------*/
div#subnavigation {
	background-image:url(subnav_bgd.jpg);
	background-repeat:no-repeat;
	position:absolute;
	right:3.9em;
	top:0em;
	width:24.9em;
	height:23.1em;
}

*+ html div#subnavigation {            /* IE7 Hax */
	right:4.0em;
}

div#subnavigation ul{
	margin-top:2.7em;
	list-style-type: none;
}

div#subnavigation ul li {
	background-image:url(subnav_li_bgd.jpg);
	background-repeat:no-repeat;
	background-position:bottom left;
}

div#subnavigation ul li a {
	display: block;
	padding-top:0.7em;
	padding-bottom:0.9em;
	padding-left:1.8em;
	text-decoration: none;
	width:239px;
}

div#subnavigation ul li a:hover {
  text-decoration: underline;
}

div#subnavigation ul li a.on {
	background-image:url(subnav_li_on_bgd.jpg);
	background-repeat:no-repeat;
	font-weight:bold;
}


/* ---------->>> ZWEITE SUBNAVIGATION <<<-----------*/
div#subnavigation ul li ul {
	margin:0; padding:0;
	background-image:none;
	background-color:#fff;
	margin-left:2px;
}

div#subnavigation ul li ul li {
	background-image:none;
}

div#subnavigation ul li ul li a {
	display: block;
	padding-top:0.7em;
	padding-bottom:0.9em;
	padding-left:2.4em;
	text-decoration: none;
	color:#a3a3a3;
}

div#subnavigation ul li ul li a:hover, div#subnavigation ul li ul li a:focus {
	text-decoration: underline;
	color:#a3a3a3;
}

div#subnavigation ul li ul li a.on {
	text-decoration: underline;
	background-image:none;
	color:#a3a3a3;
}

/* ---------->>> DRITTE SUBNAVIGATION <<<-----------*/
div#subnavigation ul.level4 {
	margin-left:10px;
	padding-bottom:4px;
}

div#subnavigation ul.level4 a {
	padding-top:1px;
	padding-bottom:1px;
}

/* ---------->>> PRODUKTE NAVIGATION <<<-----------*/
div#produktenavigation {
	background-color:transparent;
	position:relative;
	width:80em;
	margin:0 auto;
	height:5.1em;
	background-image:url(bgd_main.gif);
}

div#produktenavigation ul.nav {
	margin:0 auto;
	position:relative;
	width:72em;
	height:5.1em;
	background-image:url(bgd_produkte-nav.gif);
	background-repeat:no-repeat;
	background-position:0 0;
}

div#produktenavigation ul.nav li {
	position:absolute;
}

div#produktenavigation ul.nav li a {
	height: 5.1em; 
	display:block;
}

li#diabetics { left:203px; width:98px; }
li#ivdproducts { left:302px; width:120px; }

#diabetics a:hover, #diabetics a:focus, #diabetics a.on{background: transparent url(bgd_produkte-nav.gif) -203px -51px no-repeat;}
#ivdproducts a:hover, #ivdproducts a:focus, #ivdproducts a.on{background: transparent url(bgd_produkte-nav.gif) -302px -51px no-repeat;}

div#produktenavigation ul.lang {
	position:absolute;
	right:56px;
	top:18px;
}

div#produktenavigation ul.lang li{
	float:left;
	width:16px;
	font-size:1.1em;
	text-align:center;
}

div#produktenavigation ul.lang li.desc{
	margin-right:10px;
	width:auto;
}

div#produktenavigation ul.lang li a{
	color:#888;
	font-weight:normal;
}

div#produktenavigation ul.lang li a:hover, div#produktenavigation ul.lang li a:focus{
	color:#575757;
	font-weight:bold;
}

div#produktenavigation ul.lang li a.on{
	font-weight:bold;
	color:#575757;
}

/* ---------->>> LOGO MEDISMART <<<-----------*/
#logo {
	width:80em;
	height:9em;
	background-image:url(bgd_logo_medismart.gif);
}

/* ---------->>> MAIN <<<-----------*/
div.main {
	width:80em;
	position:relative;
	min-height:48em;
    height:auto !important;
    height:48em;	
}

div.main div.content {
	position:relative;
	width:66.8em;
	background-image:url(bgd_maintext.gif);
	background-repeat:repeat-x;
	padding-top:2.5em;	
	margin-top:0.1em;
	margin-left:4em;
	padding-left:2.55em; padding-right:2.55em;
	padding-bottom:2.55em;
}

div#mimage {
	background-image:url(home_mainpic.jpg);
	width:66.9em;
	height:19em;
	margin-bottom:2.5em;	
}

div#maintext {
	float:left;
	width:40em;
}

div#maintext.wide {
	width:66.8em;
}

div#maintext ul{
	margin-left:1em;
	margin-bottom:1.6em;
}
div#maintext ul li{
	padding-left:1.5em;
	background-image:url(ul_arrow.gif);
	background-repeat:no-repeat;
	background-position:0 0.6em;
	position:relative;
}

div#slideshow {
	position:absolute;
	width:31em;
	height:22.1em;
	display:block;
	bottom:0;
	right:22px;
}

div#maintext table#tblexhibtions {
	width:100%;
	border-bottom:2px solid #aeaeae;
}

div#maintext table#tblexhibtions th, div#maintext table#tblexhibtions td{ padding:0.4em;}

div#maintext table#tblexhibtions th{
	font-weight:normal;
	font-style:italic;
}

div#maintext table#tblexhibtions td{
	font-weight:bold;
	border-top:2px solid #aeaeae;
}

div#maintext table#tblexhibtions td a{ padding:0.3em;}

div#maintext div.gallery { margin-top:15px; }
div#maintext div.gallery a { width:104px; height:104px; float:left; display:block; margin-right:15px; margin-bottom:15px; }

div#maintext div.newsitem{ margin-bottom:0; }
div#maintext div.newsitem p{ margin-bottom:10px;  }

div#maintext a.gallimg { margin-right:15px; margin-bottom:15px; height:102px; width:102px; display:block; float:left; }
div#maintext a.gallimg img { border:2px solid #ccc; }
div#maintext a:hover.gallimg img { border:2px solid #7ca1d0; }

/* ---------->>> FOOTER <<<-----------*/
#footer {
	height:10em;
	background-image:url(bgd_footer.gif);
	background-repeat:no-repeat;
	background-color:#fff;
	clear:both;
	position:relative;
}

#footer .footernav { position:absolute; right:40px; top:60px; }
#footer .footernav a.on { text-decoration:underline; }

#footer address {
	float:left;
	padding-top:3em;
	padding-left:4.4em;
	font-size:0.9em;
	font-style:normal;
	font-weight:normal;
}
#footer .createdby {
	float:right;
	margin-right:4.2em;
	margin-top:3em;
	font-size:0.9em;
	text-align:right;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
#footer div.createdby a{
	color:#dadada;
	margin-left:4px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
}

#footer div.createdby a:hover, #footer div.createdby a:focus{
	color:#575757;
}

* html #footer .createdby {             /* IE6 Hax */
	margin-right:1.8em;
}

/* ---------->>> KONTAKTFORM <<<-----------*/

#form1 {
	margin:0;
	padding:0;
	border:0;
	margin-bottom:4px;
	clear:both;
}

#form1 legend{
	margin:0; margin-bottom:10px;
	padding:0;
	font-weight:bold;
}

#form1 input, #form1 textarea, #form1 select {
	width: 230px;
	border: 1px solid #5f8ecb;
	margin-bottom: 5px;
}

#form1 textarea {
	height:8em;
	font-size:1.1em;
	color:#888;
}
#form1 label {
	padding-top:3px; margin-bottom:2px;
	width: 10em;
	display: block;
	float: left;
}

#form1 label.labelalone {
	margin-bottom:6px;
}

#form1 textarea {
}

#form1 select.select {
	width:230px;
	margin-left:100px;
}


#form1 .submit {
	margin-left:252px;
	width:80px;
	height:24px;
	margin-bottom:0;
	border: 1px solid #5f8ecb;
	background-color:#fff;
	color:#5f8ecb;
	font-weight:bold;
	text-align:center;
	cursor:pointer;
}

#form1 .submit:hover, #form1 .submit:focus {
	background-color:#5f8ecb;
	color:#fff;
}

/* ---------->>> KONTAKTFORM <<<-----------*/

div#theloginbutton {
	position:absolute;
	right:7em;
	top:12em;
}

div#theloginbutton a{
	background-color:#7ca1d0;
	display:block;
	color:#fff;
	font-size:1.6em;
	padding:0.6em;
	padding-top:0.4em; padding-bottom:0.4em;
}

div#theloginbutton a:hover{
	background-color:#888;
	
}