@charset "UTF-8";
/* CSS Document */

/*
	NAME //  Fluentis
	AUTHOR // Mathias Kaelin
	AUTHOR WEBSITE: www.alex-schmid.ch
	VERSION: 1.0

	Farben
	
	
	blue			rgb(000,044,083) | 002c53
	blue-light		rgb(102,129,152) | 668198
	darkblue		rgb(053,068,080)
	darkblue-light 	rgb(134,143,150)
	gray 			rgb(095,095,095) | 5f5f5f
	gray-light 		rgb(159,159,159) | 9f9f9f
	gray-light NEW	rgb()				f3f3f3
	gold			rgb(141,123,100) | 8d7b64

*/

/* allgemeine Definitionen */

html {
	overflow-y: scroll;
}

body {
	font-family: DIN, Helvetica, Verdana, Arial, sans-serif;
	font-size: 13px;	
	line-height: 18px;
	text-align:left;
	color: #000000;
	background-image:url(../_img/site/line.png);
	background-position:center top;
	background-repeat:no-repeat;
	background-color:#f3f3f3;
}

* {
	padding:0;
	margin:0;
}

img {
	border-style: none;
}

.preload {
	display:none;
}


/* Titel und Schriftdefinitionen */
		
h1 {
	font-weight:lighter;
	font-size:24px;	
	line-height:28px;
	color:#8d7b64;
	margin:25px 0 15px 0;
}

h2 {
	font-weight:lighter;
	font-size:18px;	
	line-height:22px;
	color: #5f5f5f;
	margin:20px 0 10px 0;
}

h3 {
	font-weight:lighter;
	font-size:15px;	
	line-height:18px;
	margin:25px 0 10px 0;
}

p {
	margin:0 0 10px 0;
}

div>h1 {
	margin:0 0 15px 0;
}

h2+h3 {
	font-weight:lighter;
	font-size:15px;	
	line-height:18px;
	margin:15px 0 10px 0;
}

/* Link definitionen */

a:link, a:visited {
	text-decoration:none;
	color:#668198;
}

a:hover {
	text-decoration:none;
	color:#002c53;
}
a:active {
	text-decoration:none;
}

.pdf {
	background-image:url(../_img/site/pdf.png);
	background-repeat:no-repeat;
	background-position:left;
	padding:0 0 0 20px;
}

/* allgemeine Definitionen */

#zentrieren {
	width:860px;
	margin:15px auto 15px auto;
	padding:20px;
	background-image:url(../_img/site/header-background.png);
	background-position:top center;
	background-repeat:no-repeat;
	z-index:1;
}

#all_content {
	background-color:#fff;
}

#header {
	width:850px;
	height:190px;
	margin:0px 5px 50px 5px;
	padding-top:5px;
	background-image:url(../_img/site/header.png);
	background-position:bottom;
	background-repeat:no-repeat;
	z-index:2;
}

#homelink {
	width:200px;
	height:50px;
	margin:140px 0 0 650px;
	z-index:10;
}

#content-container {
	width:850px;
	margin:5px;
	z-index:2;
}

#inhalt {
	width:680px;
	float:right;
}

#content-left {
	margin:0;
	padding:0;
	width:460px;
	min-height:450px;
	_height:450px;
	z-index:3;
	float:left;
}

#kunden-logos td {
	text-align:center;
	background-image:url(../_img/site/underline.png);
	background-position:center bottom;
	background-repeat:no-repeat;
	text-align:center;
}

#kunden-logos tr td p {
	text-align:center;
	margin:10px 0 0 12px;
}

#kunden-logos td img {
}
/* content right */

#content-right {
	margin:0 5px 0 0;
	padding:0 0 0 6px;
	width:177px;
	z-index:3;
	border-left:1px solid #9f9f9f;
	float:right;
	
	font-size:11px;
	line-height:13px;
	cursor:default;
}

#content-right h1 {
	font-size:16px;
	line-height:18px;
	margin:15px 0 15px 0;
	padding:0;
	color: #8d7b64;
	font-weight:bold;
}

#content-right>h1 {
	margin:0 0 15px 0;
	padding:0;
}

#content-right ul li {
	list-style-type: none;
	margin:3px 0 3px 0;
	padding:3px;
	border-bottom:1px solid #668198;
	border-top:1px solid #668198;
}

#content-right ul li:hover {
}

#content-right p, #content-right a, #content-right a:link, #content-right a:hover {
	color:#000;
}

#content-right a.link_rechts {
	color:#668198;
}
/* Formular */

label {
	width:100%;
	display:block;
	padding:5px 0 5px 0;
}

label span {
	display:block;
	color:#5f5f5f;
	float:left;
	width:80px;
	text-align:right;
	padding:8px 20px 0 0;
}

label:hover span {
	color:#668198;
}

input, select, textarea {
	border-top:none;
	border-right:none;
	border-left:none;
	border-bottom:1px solid #5f5f5f;
	background-color:#f3f3f3;
	color:#668198;
	height:25px;
	width:300px;
	padding:3px 5px 0 5px;
}

textarea {
	font-family: DIN, Helvetica, Verdana, Arial, sans-serif;
	font-size: 13px;	
	line-height: 18px;
	border-top:none;
	border-right:none;
	border-left:none;
	border-bottom:1px solid #5f5f5f;
	background-color:#f3f3f3;
	color:#668198;
	height:60px;
	width:300px;
	padding:3px 5px 0 5px;
}

input:focus, textarea:focus {
	background-color:#668198;
	border-bottom:1px solid #fff;
	color:#fff;
}

#strasse {
	float:left;
	width:240px;
	margin-bottom:10px;
}

#hausnummer {
	float:right;
	width:40px;
	margin: 0 50px 10px 0;
}

#plz {
	float:left;
	width:40px;
	margin-bottom:10px;
}

#ort {
	float:right;
	width:240px;
	margin: 0 50px 10px 0;
}

.button {
	float:right;
	width:100px;
	margin:0 50px 11px 0;
	padding:4px 7px;
	background-color:#668198;
	color:#fff;
	border:0px;
	border-bottom: 1px double #9f9f9f;
	border-top: 1px double #9f9f9f;
	border-left:1px double #9f9f9f;
	border-right:1px double #9f9f9f;
}

.button:hover {
	background-color:#002c53;
}

.button:active {
	margin:1px 50px 10px 0;
}

.auszeichnung_rot {
	color:#C00;
}

/* Navigation */

#navi-container {
	font-size:14px;
	margin:0;
	width:150px;
	z-index:3;
	float:left;
}

#navi-container a:link, #navi-container a:visited {
	color:#777;
	text-decoration:none;
}

#navi-container a:hover, #navi-container a:active {
	color:#002c53;
	text-decoration:none;
}

#navi-container ul {
	list-style:none;
	text-decoration:none;
	margin:0 0 5px 0;
}

#navi-container ul li {
	font-weight:bold;
	padding:0 8px 0 5px;
	margin:0 0 3px 1px;
	cursor:pointer;
}

#navi-container ul li:hover {
	color:#002c53;
}

#navi-container ul ul {
	margin-left:15px;
	border-top: 1px dashed #002c53;
	border-bottom: 1px dashed #002c53;
}

#navi-container ul ul li {
	font-weight:normal;
	padding:2px 0 1px 0;
	cursor:pointer;
}

.inactive {
	display:none;
}

#navi-container a.active:link, #navi-container a.active:visited, #navi-container a.active:hover, #navi-container a.active:active {
	color:#002c53;
}

/* Footer */

#footer {
    clear: both;
	bottom:0;
	margin:0;
	width:100%;
	height:50px;
	background-image:url(../_img/site/footer-background.png);
	background-repeat:no-repeat;
	z-index:3;
}

#footer p {
	font-size:11px;
	color:#a0a0a0;
	text-align:center;
	padding: 13px 0 0 0;
}

#footer a:link, #footer a:visited {
	color:#a0a0a0;
	text-decoration:none;
}

#footer a:hover {
	color:#d0d0d0;
	text-decoration:none;
}

#footer a:active {
	color:#a0a0a0;
	text-decoration:none;
}

/* colors */

.blue {
	background-color: #002c53;
}

.blue-light {
	background-color: rgb(102,129,152);
}

.darkblue {
	background-color: rgb(53,068,080);
}

.darkblue-light {
	background-color: rgb(134,143,150);
}

.gray {
	background-color: rgb(95,95,95);
}

.gray-light {
	background-color: rgb(159,159,159);
}

.referenzen {
	float:left;
	padding: 0 20px 15px 0;
}

.referenzen img {
	border:1px #000 solid;
	margin:3px 0 0 0;
}

.referenzen:hover img {
	border:1px #000 solid;
	margin:3px 0 0 0;
}

.clear {
	width:100%;
	clear:both;
}

/* Kundenlogos */

.bayer {
	height:72px;
	width:120px;
	background-image:url(../unternehmen/kunden/_img/bayer.png);
}

.bayer:hover {
	background-image:url(../unternehmen/kunden/_img/bayer_hover.png);
}

.boehringer {
	height:72px;
	width:120px;
	background-image:url(../unternehmen/kunden/_img/boehringer.png);
}

.boehringer:hover {
	background-image:url(../unternehmen/kunden/_img/boehringer_hover.png);
}

.gilead {
	height:72px;
	width:120px;
	background-image:url(../unternehmen/kunden/_img/gilead.png);
}

.gilead:hover {
	background-image:url(../unternehmen/kunden/_img/gilead_hover.png);
}

.csl {
	height:72px;
	width:120px;
	background-image:url(../unternehmen/kunden/_img/csl.png);
}

.csl:hover {
	background-image:url(../unternehmen/kunden/_img/csl_hover.png);
}

.gsk {
	height:72px;
	width:120px;
	background-image:url(../unternehmen/kunden/_img/gsk.png);
}

.gsk:hover {
	background-image:url(../unternehmen/kunden/_img/gsk_hover.png);
}

.zeller {
	height:72px;
	width:120px;
	background-image:url(../unternehmen/kunden/_img/zeller.png);
}

.zeller:hover {
	background-image:url(../unternehmen/kunden/_img/zeller_hover.png);
}

.janssen {
	height:72px;
	width:120px;
	background-image:url(../unternehmen/kunden/_img/janssen.png);
}

.janssen:hover {
	background-image:url(../unternehmen/kunden/_img/janssen_hover.png);
}

.novartis {
	height:72px;
	width:120px;
	background-image:url(../unternehmen/kunden/_img/novartis.png);
}

.novartis:hover {
	background-image:url(../unternehmen/kunden/_img/novartis_hover.png);
}

.ubc {
	height:72px;
	width:120px;
	background-image:url(../unternehmen/kunden/_img/ucb-pharma.png);
}

.ubc:hover {
	background-image:url(../unternehmen/kunden/_img/ucb-pharma_hover.png);
}

.almirall {
	height:72px;
	width:120px;
	background-image:url(../unternehmen/kunden/_img/almirall.png);
}

.almirall:hover {
	background-image:url(../unternehmen/kunden/_img/almirall_hover.png);
}

.merz {
	height:72px;
	width:120px;
	background-image:url(../unternehmen/kunden/_img/merz.png);
}

.merz:hover {
	background-image:url(../unternehmen/kunden/_img/merz_hover.png);
}

.gfk {
	height:72px;
	width:120px;
	background-image:url(../unternehmen/kunden/_img/gfk.png);
}

.gfk:hover {
	background-image:url(../unternehmen/kunden/_img/gfk_hover.png);
}

.pangas {
	height:72px;
	width:120px;
	background-image:url(../unternehmen/kunden/_img/pangas.png);
}

.pangas:hover {
	background-image:url(../unternehmen/kunden/_img/pangas_hover.png);
}

.geistlich {
	height:72px;
	width:120px;
	background-image:url(../unternehmen/kunden/_img/geistlich.png);
}

.geistlich:hover {
	background-image:url(../unternehmen/kunden/_img/geistlich_hover.png);
}

.lilly {
	height:72px;
	width:120px;
	background-image:url(../unternehmen/kunden/_img/lilly.png);
}

.lilly:hover {
	background-image:url(../unternehmen/kunden/_img/lilly_hover.png);
}

.insel {
	height:72px;
	width:120px;
	background-image:url(../unternehmen/kunden/_img/insel.png);
}

.insel:hover {
	background-image:url(../unternehmen/kunden/_img/insel_hover.png);
}

.upd {
	height:72px;
	width:120px;
	background-image:url(../unternehmen/kunden/_img/upd.png);
}

.upd:hover {
	background-image:url(../unternehmen/kunden/_img/upd_hover.png);
}

.pdag {
	height:72px;
	width:120px;
	background-image:url(../unternehmen/kunden/_img/pdag.png);
}

.pdag:hover {
	background-image:url(../unternehmen/kunden/_img/pdag_hover.png);
}

.waid {
	height:72px;
	width:120px;
	background-image:url(../unternehmen/kunden/_img/waid.png);
}

.waid:hover {
	background-image:url(../unternehmen/kunden/_img/waid_hover.png);
}

.spital_basel {
	height:72px;
	width:120px;
	background-image:url(../unternehmen/kunden/_img/spital_basel.png);
}

.spital_basel:hover {
	background-image:url(../unternehmen/kunden/_img/spital_basel_hover.png);
}

.spital_biel {
	height:72px;
	width:120px;
	background-image:url(../unternehmen/kunden/_img/spital_biel.png);
}

.spital_biel:hover {
	background-image:url(../unternehmen/kunden/_img/spital_biel_hover.png);
}

.basilea {
	height:72px;
	width:120px;
	background-image:url(../unternehmen/kunden/_img/basilea.png);
}

.basilea:hover {
	background-image:url(../unternehmen/kunden/_img/basilea_hover.png);
}

.nearmedic {
	height:72px;
	width:120px;
	background-image:url(../unternehmen/kunden/_img/nearmedic.png);
}

.nearmedic:hover {
	background-image:url(../unternehmen/kunden/_img/nearmedic_hover.png);
}

.ipsen {
	height:72px;
	width:120px;
	background-image:url(../unternehmen/kunden/_img/ipsen.png);
}

.ipsen:hover {
	background-image:url(../unternehmen/kunden/_img/ipsen_hover.png);
}

.lups {
	height:72px;
	width:120px;
	background-image:url(../unternehmen/kunden/_img/lups.png);
}

.lups:hover {
	background-image:url(../unternehmen/kunden/_img/lups_hover.png);
}

.geriatrische {
	height:72px;
	width:120px;
	background-image:url(../unternehmen/kunden/_img/geriatrische.png);
}

.geriatrische:hover {
	background-image:url(../unternehmen/kunden/_img/geriatrische_hover.png);
}

.chuv {
	height:72px;
	width:120px;
	background-image:url(../unternehmen/kunden/_img/chuv.png);
}

.chuv:hover {
	background-image:url(../unternehmen/kunden/_img/chuv_hover.png);
}

.sandoz {
	height:72px;
	width:120px;
	background-image:url(../unternehmen/kunden/_img/sandoz.png);
}

.sandoz:hover {
	background-image:url(../unternehmen/kunden/_img/sandoz_hover.png);
}

.desitin {
	height:72px;
	width:120px;
	background-image:url(../unternehmen/kunden/_img/desitin.png);
}

.desitin:hover {
	background-image:url(../unternehmen/kunden/_img/desitin_hover.png);
}

.genzyme {
	height:72px;
	width:120px;
	background-image:url(../unternehmen/kunden/_img/genzyme.png);
}

.genzyme:hover {
	background-image:url(../unternehmen/kunden/_img/genzyme_hover.png);
}

.roche {
	height:72px;
	width:120px;
	background-image:url(../unternehmen/kunden/_img/roche.png);
}

.roche:hover {
	background-image:url(../unternehmen/kunden/_img/roche_hover.png);
}

.merck {
	height:72px;
	width:120px;
	background-image:url(../unternehmen/kunden/_img/merckserono.png);
}

.merck:hover {
	background-image:url(../unternehmen/kunden/_img/merckserono_hover.png);
}