@charset "utf-8";
/* CSS Document */
html, body {
	width: 100%;
	height: 100%;
}

body {
	margin: 0;
	padding: 0;	
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	background-color: #000;
}

/* FONTIT */
h1 {
	/* Väri määritellään sivukohtaisesti */
	font-size: 22px;
	font-weight: normal;
	line-height: normal;		
}

h2 {
	/* Väri määritellään sivukohtaisesti */
	font-size: 17px;
	font-weight: normal;
	line-height: normal;		
}

h3 {
	/* Väri määritellään sivukohtaisesti  */
	font-size: 14px;
	font-weight: normal;
	line-height: normal;			
}

p, a {
	/* Väri määritellään sivukohtaisesti  */
	font-size: 12px;
	font-weight: normal;
	line-height: 17px;	
}

h1, h2, h3 {
	margin: 15px 0 5px 0;
}

td h1, td h2, td h3 {
	margin: 5px 0 0 0;
}


a {
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

.inputTxt {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0 0 3px 0;
	display: block;	
}

.inputFld {
	width: 94%;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666;
	margin-bottom: 5px;
	padding: 3px;
	background-color: #fff;
	border: 1px solid #CCC;
	border-radius: 8px;
	-moz-border-radius: 8px;
}

.inputBtn {
	width: 100%;	
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #fff;
	padding: 5px 15px;
	background-color: #d22930;
	border: 1px solid #631216;	
	cursor: pointer;
	border-radius: 10px;
	-moz-border-radius: 10px;		
}

.inputBtn:hover {
	background-color: #9c1c21;	
}

#lomake .inputFld {
	display:block;
	margin: 0 0 -5px 0;
	max-width: 75%;
}

#lomake .inputBtn {
	display:block;
	margin: 10px 0 0 0;	
	max-width: 100px;
}

/* TAUSTAVÄRIT, käytetään sivukohtaisesti */
.bg_black {
	background-image: url(img/bg_black.png);
	background-repeat: repeat;
}

.bg_white {
	background-image: url(img/bg_white.png);
	background-repeat: repeat;	
}

/* TEKSTIN VÄRIT, käytetään sivukohtaisesti */
.txt_black {
	color: #000;
}

.txt_white {
	color: #fff;
}

/* MUSTAT REUNUKSET */
div#top, div#right, div#bottom, div#left {
	position: fixed;
	background-color: #000;
	z-index: 5;
}

div#top {
	top:0;
	left:0;
	min-width: 100%;
	height: 16px;
}

div#right {
	top: 0;
	right:0;
	width: 16px;		
	min-height: 100%;
}

div#bottom {
	bottom:0;
	left: 0;
	height: 16px;		
	min-width: 100%;		
}

div#left {
	top: 0;
	left:0;
	width: 16px;	
	min-height: 100%;			
}

div#container {
	min-width: 86%; /* SKAALAUS */
	min-height: 100%;
	padding: 0 7%; /* SKAALAUS */
	position: absolute;
}

/* TAUSTAKUVAT */
/* Etusivun tausta */
.etusivu {
	background-image:url(img/etusivuBg.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	background-attachment: scroll;
}

/* Meistä tausta */
.meista {
	background-image:url(img/meistaBg.jpg);
	background-repeat: no-repeat;
	background-position: bottom right;
	background-attachment: scroll;
}

.about_us {
	background-image:url(img/ENG_aboutUsBg.jpg);
	background-repeat: no-repeat;
	background-position: top right;
	background-attachment: scroll;	
}

/* Palvelumme tausta */
.palvelumme {
	background-image:url(img/palvelummeBg.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	background-attachment: scroll;
}

/* Näyteikkuna tausta */
.nayteikkuna {
	background-image:url(img/nayteikkunaBg.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	background-attachment: scroll;
}

/* Meille töihin tausta */
.toihin {
	background-image:url(img/toihinBg.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	background-attachment: scroll;
}

.careers {
	background-image:url(img/ENG_careersBg.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	background-attachment: scroll;
}


/* Yhteystiedot tausta */
.yhteystiedot {
	background-image:url(img/yhteystiedotBg.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	background-attachment: scroll;
}

.contact {
	background-image:url(img/ENG_contactBg.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	background-attachment: scroll;
}

/* Header: logo, nav_sel */
#header {
	min-width: 350px; /* Tämä vaikuttaa koko sivuston minimi leveyteen */
	width: 100%;
	height: 116px;
	display: block;
	position: relative;
}

#logo {
	width: 216px;
	height: 68px;
	display: block;
	position: absolute;
	top: 31px;
	left: 0;
	background-image:url(img/karpalo_logo.png);
	background-repeat: no-repeat;
	background-position: left top;
}

#lang_sel {
	width: auto;
	height: auto;
	display: block;
	position: absolute;
	top: 43px;
	right: 0;	
}

#lang_sel span {
	padding: 5px 10px 7px 10px;
}

#lang_sel span a {
	font-size: 11px;
	text-decoration: none;
	text-transform: uppercase;
}

#lang_sel span a:hover {
	text-decoration: underline;	
}

#lang_sel span a.active {
	text-decoration: underline;
}

/* Navigaatio */
#navigation {
	width: 100%;
	min-height: 37px;
	height: auto;
	display: block;
	position: relative;	
}

ul#main_nav {
	width: auto;
	height: auto;
	list-style-image: none;
	list-style-type: none;
	padding: 0;
	margin: 0;
	display: block;	
}

ul#main_nav li {
	float: left;
}

ul#main_nav li a {
	/* Tekstinväri ja mouseover määritellään sivukohtaisesti javascriptillä */
	width: auto;
	height: auto;
	padding: 11px 15px;
	margin: 0 3px 3px 0;
	display: block;
	font-size: 13px;
	text-decoration: none;
	text-transform: uppercase;
}

/* Content: content_block */
#content {
	width: 100%;
	height: auto;
	display: block;
	position: relative;
	margin: -3px 0 30px 0;
	float: left;
}

.content_block, .showcase_block {
	/* Taustaväri määritellään sivukohtaisesti javascriptillä */
	width: auto;
	height: auto;
	display: block;
	position: relative;
	float: left;	
	margin: 5px 5px 0 0;
	padding: 10px 20px 20px 20px;
}

#content img {
	max-width: 100%;
	max-height: 100%;
}

.main_block, .sub_block, .showcase_block {
	width: auto;
	height: auto;
}

/* Showcase: showcase_block */
.showcase_elem {
	width: auto;
	height:auto;
	display: block;
	float:left;
	position:relative;
	padding: 10px;
	margin: 0 5px 5px 0;
	border: 1px solid #151114;
}

.showcase_elem h2 {
	margin: 0 0 5px 0;
}

.showcase_elem p {
	margin: 0 0 0 0;
}

/* Slider (Apteekki ja Asiakas-lehti etusivulla */
#slider {
	width: 150px;
	height: 180px;
	margin: 0 auto;
	overflow: hidden;
}

#slider div {
	width: 150px;
	height: 180px;	
}

#slider div img {
	width: 150px;
	height: 180px;	
	margin: auto;
	display: block;
	border: 0;
}

/* Showcase (Etusivun näyteikkuna) */
#showcase_txt {
	float: left;
}

#showcase_images_change {		
	margin-top: 8px;
	float: right;		
}

#showcase_images_change img {
	max-width: 100%;
	max-height: 100%;
}

/* Erikoisfontti */
@font-face {
	font-family: css3FontWendy;
	src: url('content/fonts/WendyLPStd-Bold.otf'),
		 url('content/fonts/wendylpstd-bold-webfont.eot') format("opentype"); /* IE */
}

.css3Font {
	font-family: css3FontWendy, "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 60px;
	margin-top: 0;
}

/* Muut */
.no_float {
	clear: both;
}