/* *** css by miss monorom www.intensivstation.ch *** */
/* css released under Creative Commons License -  http://creativecommons.org/licenses/by/2.0/deed.en  */

@font-face {
	font-family: 'HighlandGothicLightFLFRegular';
	src: url('HighlandGothicLightFLF.eot');
	src: local('HighlandGothicLightFLF'), local('HighlandGothicLightFLF'), url('HighlandGothicLightFLF.woff') format('woff'), url('HighlandGothicLightFLF.ttf') format('truetype'), url('HighlandGothicLightFLF.svg#HighlandGothicLightFLF') format('svg');
}

@font-face {
	font-family: 'HighlandGothicFLFBold';
	src: url('HighlandGothicFLF-Bold.eot');
	src: local('HighlandGothicFLF'), local('HighlandGothicFLF-Bold'), url('HighlandGothicFLF-Bold.woff') format('woff'), url('HighlandGothicFLF-Bold.ttf') format('truetype'), url('HighlandGothicFLF-Bold.svg#HighlandGothicFLF-Bold') format('svg');
}

@font-face {
	font-family: 'HighlandGothicFLFRegular';
	src: url('HighlandGothicFLF.eot');
	src: local('HighlandGothicFLF'), local('HighlandGothicFLF'), url('HighlandGothicFLF.woff') format('woff'), url('HighlandGothicFLF.ttf') format('truetype'), url('HighlandGothicFLF.svg#HighlandGothicFLF') format('svg');
}

body {
	background-color: #000000;
	font-size: 0.8em;
	font-family: 'HighlandGothicFLFBold', Verdana, Sans-Serif;
	color:#FFFFFF;
	padding:0;
	margin:0;
}
a {
	color: #FFFFFF;
	text-decoration: none;
}
a:visited {
	color:#CCCCCC;
}
a:hover {color: #564b47;}
a:active {
	color:#FFFFFF;
}

h1 {
	font-size: 12px;
	text-transform:lowercase;
	border-bottom:1px solid #ffffff;
	padding:27px 0 3px 27px;
	margin:0 0 0 228px;
}

h2 {
	font-size:20px;
	font-weight: normal;
	padding: 30px 0 10px 10px;
	margin:0;
}

h3 {
	font-size:14px;
	font-weight: normal;
	padding: 40px 10px;
	margin:0;
	text-align: right;
}

h4 {
	font-size:14px;
	font-weight: normal;
	padding: 0px 10px 0 10px;
	margin:0;
	text-align: right;
	background-color: #333333;
}

h5 {
	font-family: 'HighlandGothicLightFLFRegular', Verdana, Sans-Serif;
	font-size:14px;
	font-weight: normal;
	padding: 5px 10px 8px 10px;
	margin:0;
	text-align: left;
}


img.download {vertical-align:middle;}

/* ----------container zentriert das layout-------------- */
#container {
	width: 800px;
	margin: 0 auto;
	background-image: url(hg1.gif);
	background-repeat: no-repeat;
	margin-top: 40px;
}
#container1{
	width: 800px;
	margin: 0 auto;
	margin-top: 40px;
	background-image: url(hg2.gif);
	background-repeat: no-repeat;
}
#container2{
	width: 800px;
	margin: 0 auto;
	margin-top: 40px;
	background-image: url(hg3.gif);
	background-repeat: no-repeat;
}
#container3{
	width: 800px;
	margin: 0 auto;
	margin-top: 40px;
	background-image: url(hg4.gif);
	background-repeat: no-repeat;
}
#container4{
	width: 800px;
	margin: 0 auto;
	margin-top: 40px;
	background-image: url(hg5.gif);
	background-repeat: no-repeat;
}
#container5{
	width: 800px;
	margin: 0 auto;
	margin-top: 40px;
	background-repeat: no-repeat;
}


/* ----------banner for logo-------------- */
#banner {
	text-align: right;
	background-image: url(logo.gif);
	background-repeat: no-repeat;
	background-position: left center;
	height: 60px;
}

/* -----------------Inhalt--------------------- */
#content {
	margin: 0 0 0 200px;
	padding: 0 0 0 0;
}
#content1 {
	margin: 0;
	padding: 0 0 0 0;
	text-align: center;
}
div#content {
	min-height:550px;
height:expression(this.scrollHeight > 600 ? "auto":"600px"); 
}

p, pre{
	font-family: 'HighlandGothicLightFLFRegular', Verdana, Sans-Serif;
	padding: 5px 10px;
	margin:0;
	letter-spacing: 1px;
}

p { line-height: 1.4em; }
pre, code { font-size:1.2em; color:#000;}

/* --------------left navigavtion------------- */
#left {
	float: left;
	width: 200px;
	padding: 0 0;
	font-size: 9px;
}

/* -----------footer--------------------------- */
#footer {
	text-align: left;
	border-bottom: solid #ffffff 1px;
	padding: 8px 0 5px 0;
	background-image: url(sardh_copy.gif);
	background-repeat: no-repeat;
	background-position: right center;
	clear: both;
}

/* -----------impressions-site--------------------------- */
#navi1 {
	width: 50px;
	padding: 0;
	color: #fff;
	height: 50px;
	padding:0;
	text-decoration: none;
	margin: 15px 4px 0 4px;
	float: left;
}
#navi1 a {
	display: block;
	font: bold 12px Arial, Helvetica, sans-serif;
	text-align: center;
	text-decoration: none;
	color: #fff;
}
#navi1 a .showcase {
	display: none;
}
#navi1 a:hover .showcase {
	display: block;
	text-align: center;
	background: transparent;
	color: #564b47;
	position: relativ;
	left: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: normal;
	text-decoration: none;w
}

/* -----------products-site--------------------------- */
#navi2 {
	font-family: 'HighlandGothicFLFRegular', Verdana, Sans-Serif;
	width: 145px;
	padding: 0;
	color: #fff;
	height: 145px;
	padding:0;
	text-decoration: none;
	margin: 15px 0 0 4px;
	float: left;
	font-size: 9px;
}
#navi2 img {
	border: solid #ffffff 1px;
}
#navi2 a {
	display: block;
	font: bold 12px Arial, Helvetica, sans-serif;
	text-align: center;
	text-decoration: none;
	color: #fff;
}
#navi2 a .showcase {
	display: none;
}
#navi2 a:hover .showcase {
	display: block;
	text-align: center;
	background: transparent;
	color: #564b47;
	position: relativ;
	left: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: normal;
	text-decoration: none;
}
#navi3 {
	font-family: 'HighlandGothicFLFRegular', Verdana, Sans-Serif;
	width: 145px;
	padding: 0;
	color: #fff;
	height: 212px;
	padding:0;
	text-decoration: none;
	margin: 15px 0 0 4px;
	float: left;
	font-size: 9px;
}
#navi3 img {
	border: solid #ffffff 1px;
}
#navi3 a {
	display: block;
	font: bold 12px Arial, Helvetica, sans-serif;
	text-align: center;
	text-decoration: none;
	color: #fff;
}
#navi3 a .showcase {
	display: none;
}
#navi3 a:hover .showcase {
	display: block;
	text-align: center;
	background: transparent;
	color: #564b47;
	position: relativ;
	left: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: normal;
	text-decoration: none;
}
#navi4 {
	font-family: 'HighlandGothicFLFRegular', Verdana, Sans-Serif;
	width: 190px;
	padding: 0;
	color: #fff;
	height: 150px;
	padding:0;
	text-decoration: none;
	float: left;
	font-size: 9px;
}
#navi4 img {
}
#navi4 a {
	display: block;
	font: bold 12px Arial, Helvetica, sans-serif;
	text-align: center;
	text-decoration: none;
	color: #fff;
}
#navi4 a .showcase {
	display: none;
}
#navi4 a:hover .showcase {
	display: block;
	text-align: center;
	background: transparent;
	color: #564b47;
	position: relativ;
	left: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: normal;
	text-decoration: none;
}