@CHARSET "UTF-8";

/* -------------------------------------------------------------------------- */
/* General HTML elements                                                      */
/* -------------------------------------------------------------------------- */

html, body {
	font-family: Arial, Sans-serif;
	font-size: 13px;
	margin: 0;
	padding: 0;
	color: #333;
	background-color: #dae5f0;
}

a:visited,
a:link,
a:hover {
	color: #0000ff;
	text-decoration: underline;
}

img {
	border: none;
}

/* -------------------------------------------------------------------------- */
/* Container/placeholder positioning                                          */
/* -------------------------------------------------------------------------- */

#container {
	margin: 0px auto 0px auto;
	width: 1006px;
}



#placeholder-top {
	float: left;
	height: 190px;
	width: 987px;
	margin-top: 10px;
	padding-top: 0px;
	padding-right: 19px;
	padding-left: 6px;
	padding-bottom: 6px;
	background-image: url(images/top-bg.png);
	background-position: left bottom;
	background-repeat: no-repeat;
}



#placeholder-left {
	clear:both;
	float: left;
}

#placeholder-right {
	float: right;
	margin-left: -2px; /*hack to fix IE6 bug*/
}

#placeholder-left,
#placeholder-right {
	width: 163px;
	padding: 6px;
}

#content-container {
	float: left;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 7px;
	padding-left: 7px;
	background-image: url(images/container-bg.png);
	background-repeat: repeat-y;
	background-position: top;
}

#placeholder-content {
	float: left;
	width: 620px;
	margin-left: 5px;
	padding: 6px;
}

#placeholder-content-no-right {
	float: left;
	width: 812px;
}

#placeholder-bottom {
	clear: both;
	text-align: center;
	background-image: url(images/bottom-bg.png);
	background-position: top;
	background-repeat: no-repeat;
	padding-top: 10px;
	height: 20px;
}

#content-link {
	display: none;
}


/* -------------------------------------------------------------------------- */
/* General tile                                                               */
/* -------------------------------------------------------------------------- */

/*
   Tiles in top, bottom and content placeholders should not be styled using
   the general styles, so we reset these styles here. HTML element ID spesific
   styling, using the #html-element-id notion has precendence over styles set
   generally using only the css-class. If we want to override these styles later
   in the stylesheet, we must remember to use the full element path.
*/

#placeholder-top .tile-content,
#placeholder-top .tile-common,
#placeholder-top .tile-common h3,
#placeholder-bottom .tile-content,
#placeholder-bottom .tile-common,
#placeholder-bottom .tile-common h3,
#placeholder-content .tile-content,
#placeholder-content .tile-common,
#placeholder-content .tile-common h3,
#placeholder-content-no-right .tile-content,
#placeholder-content-no-right .tile-common,
#placeholder-content-no-right .tile-common h3  {
    background: none;
    border: none;
    margin: 0;
    padding: 0;
}

.tile-common {
    margin-bottom: 10px;
   
}

#placeholder-left .tile-common,
#placeholder-right .tile-common {
	margin-bottom: 6px;
	width: 163px;
}

#placeholder-left .tile-common {
	border-bottom: 6px solid #fff;
	margin-bottom: 0px;	
	background-color: #dae5f0;
}
.tile-common h3 {
    margin: 0 0 5px 0;
    padding: 2px 10px 3px 10px;
}
.tile-content {
    padding: 5px;
}
#placeholder-top h3,
#placeholder-left h3,
#placeholder-right h3 {
	display: none;
}
#placeholder-top img {
	border: none;
}

/* -------------------------------------------------------------------------- */
/* General inline listing (eg. horizontal menu, linktoolbar, sitelocator)     */
/* -------------------------------------------------------------------------- */

.horizontal-menu h3,
.linktoolbar h3,
.sitelocator h3 {
    display: inline;
    float: left;
    margin: 0;
    padding: 0;
}

#placeholder-top .vertical-menu ul,
.horizontal-menu ul,
.linktoolbar ul,
.sitelocator ul {
	display: inline;
	float: left;
	margin: 0;
	list-style-type: none;
	padding: 0;
}
#placeholder-top .vertical-menu li,
.horizontal-menu li,
.linktoolbar li,
.sitelocator li {
	display: inline;
}

#placeholder-top .horizontal-menu li a,
#placeholder-top .vertical-menu li a {
    color: #29466c;
    text-decoration: none;
}

/* -------------------------------------------------------------------------- */
/* General bullet-less listing (eg. verical menu and small article list)      */
/* -------------------------------------------------------------------------- */

.full-articlelist ul,
.small-articlelist ul,
.vertical-menu ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.full-articlelist li li,
.small-articlelist li li,
.vertical-menu li li {
    padding-left: 10px;
}


/* -------------------------------------------------------------------------- */
/* Styling for spesific elements                                              */
/* -------------------------------------------------------------------------- */

/* -- Horizontal menu ----------------------------------------------------------- */

#placeholder-top .horizontal-menu {
	float: left;
	clear: both;
	overflow: hidden;
	height: 47px;
	width: 1014px;
	margin-top: 5px;
	margin-bottom: 10px;
	margin-left: -10px;
}

#placeholder-top .horizontal-menu ul {
	width: 1014px;
	height: 47px;
	padding-left: 11px;
	background-image: url(images/top-menu-bg.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}

#placeholder-top .horizontal-menu ul.active-first {
	background-image: url(images/top-menu-bg-active-first.gif);
}

#placeholder-top .horizontal-menu ul.active-last {
	background-image: url(images/top-menu-bg-active-last.gif);
}

#placeholder-top .horizontal-menu li {
	display: block;
	float: left;
	height: 47px;
}

#placeholder-top .horizontal-menu li.first {
}

#placeholder-top .horizontal-menu li.last {
}

#placeholder-top .horizontal-menu li.active,
#placeholder-top .horizontal-menu li.main-active {
	background-image: url(images/menu_active.png);
	background-position: left;
	background-repeat: repeat-x;
}

#placeholder-top .horizontal-menu li.before {
	background-image: url(images/menu_active_before.png);
	background-position: right;
	background-repeat: no-repeat;
}

#placeholder-top .horizontal-menu li.after {
	background-image: url(images/menu_active_after.png);
	background-position: left;
	background-repeat: no-repeat;
}

#placeholder-top .horizontal-menu li.after a:link,
#placeholder-top .horizontal-menu li.after a:visited,
#placeholder-top .horizontal-menu li.after a:hover {
	background-image: url(images/menu_active_after_a.png);
	background-position: top left;
	background-repeat: no-repeat;
}


#placeholder-top .horizontal-menu a:link,
#placeholder-top .horizontal-menu a:visited,
#placeholder-top .horizontal-menu a:hover {
	background-color: #b4c8df;
	display: block;
	height: 9px;
	overflow: hidden;
	padding-top: 6px;
	padding-bottom: 10px;
	margin-top: 11px;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
	border-right: 6px solid #fff;
	float: left;
}

#placeholder-top .horizontal-menu li.before a:link,
#placeholder-top .horizontal-menu li.before a:visited,
#placeholder-top .horizontal-menu li.before a:hover {
	background-image: url(images/menu_active_before_a.png);
	background-position: top right;
	background-repeat: no-repeat;
	border:none;
}

#placeholder-top .horizontal-menu li.active a:link,
#placeholder-top .horizontal-menu li.active a:visited,
#placeholder-top .horizontal-menu li.active a:hover,
#placeholder-top .horizontal-menu li.main-active a:link,
#placeholder-top .horizontal-menu li.main-active a:visited,
#placeholder-top .horizontal-menu li.main-active a:hover {
	color: #fff;
	background-color: #85a4c8;
	border-left: 6px solid #fff;
}


/* Adjust padding to get correct menu width according to language */
#container.container-no_no #placeholder-top .horizontal-menu a:link,
#container.container-no_no #placeholder-top .horizontal-menu a:visited,
#container.container-no_no #placeholder-top .horizontal-menu a:hover {
	padding-right: 25px;
	padding-left: 24px;
}

#container.container-no_no #placeholder-top .horizontal-menu li.first a:link,
#container.container-no_no #placeholder-top .horizontal-menu li.first a:visited,
#container.container-no_no #placeholder-top .horizontal-menu li.first a:hover {
	border-left: 6px solid #fff;
	padding-right: 27px;
	padding-left: 27px;
}

#container.container-no_no #placeholder-top .horizontal-menu li.last a:link,
#container.container-no_no #placeholder-top .horizontal-menu li.last a:visited,
#container.container-no_no #placeholder-top .horizontal-menu li.last a:hover {
	padding-right: 23px;
}

/* Adjust padding to get correct menu width according to language */
#container.container-sv_se #placeholder-top .horizontal-menu a:link,
#container.container-sv_se #placeholder-top .horizontal-menu a:visited,
#container.container-sv_se #placeholder-top .horizontal-menu a:hover {
    padding-right: 24px;
    padding-left: 24px;
}

#container.container-sv_se #placeholder-top .horizontal-menu li.first a:link,
#container.container-sv_se #placeholder-top .horizontal-menu li.first a:visited,
#container.container-sv_se #placeholder-top .horizontal-menu li.first a:hover {
    border-left: 6px solid #fff;
    padding-right: 27px;
    padding-left: 27px;
}

#container.container-sv_se #placeholder-top .horizontal-menu li.last a:link,
#container.container-sv_se #placeholder-top .horizontal-menu li.last a:visited,
#container.container-sv_se #placeholder-top .horizontal-menu li.last a:hover {
    padding-right: 19px;
}


/* -- Page header ----------------------------------------------------------- */
#placeholder-top .page-header {
    float: left;
    clear: both;
    margin-top: 16px;
    margin-left: 6px;
}
.page-header .logo {
    font-size: 1.85em;
    font-weight: bold;
}
.horizontal-menu h3 {
    display: none;
}

/* -- Small articledisplay ---------------------------------------------------------- */
#placeholder-top .small-articledisplay-nolayout {
	float: left;
	height: 110px;
	width: 689px;
	margin-top: 13px;
}
#placeholder-top .small-articledisplay {
	float: left;
	margin-top: 16px;
	margin-left: 20px;
}
#placeholder-top p,
#placeholder-bottom p {
	margin: 0px;
	padding: 0px;
}
#placeholder-bottom .small-articledisplay-nolayout {
	font-size: 13px;
	font-weight: bold;
	color: #29466c
}

#placeholder-right .small-articledisplay .tile-content,
#placeholder-left .small-articledisplay .tile-content {
	margin: 0px;
	padding: 0px;
}

#placeholder-right .small-articledisplay p,
#placeholder-left .small-articledisplay p {
	margin: 0px;
	margin: 0px;
}


#placeholder-right .small-articledisplay-nolayout {
}


/* -- Vertical(display horizontal) menu in top placeholder ("quicklaunch") -------------------- */
#placeholder-top .vertical-menu {
}
#placeholder-top .vertical-menu ul {
    float: right;
}
#placeholder-top .vertical-menu li {
    margin-left: 17px;
}
#placeholder-top .vertical-menu a:link,
#placeholder-top .vertical-menu a:visited,
#placeholder-top .vertical-menu a:hover {
    font-weight: bold;
    font-size: 12px;
}
.horizontal-menu ul {
	clear: both;
    float: left;
}

/* -- Linktoolbar ----------------------------------------------------------- */
.linktoolbar {
	margin: 0px;
	padding: 0px;
	text-transform: uppercase;
	font-size: 10px;
}

.linktoolbar h3 {
	display: none;
}

.linktoolbar ul {
	float: right;
}

.linktoolbar a {
	text-decoration: none;
}

/* -- Sitelocator ----------------------------------------------------------- */
#placeholder-top .sitelocator { 
	float: left;
	font-size: 11px;
	margin-left: 6px;
	text-transform: uppercase;
}

#placeholder-top .sitelocator h3 {
	display: inline;
	font-size: 12px;
}

#placeholder-top .sitelocator ul {
	margin-left: 7px;
	margin-top: 0px;
}

#placeholder-top .sitelocator ul li {
	margin-right: 5px;
}

#placeholder-top .sitelocator a {
	color: #29466c;
	text-decoration: none;
}

/* -- Language selector ----------------------------------------------------------- */
#placeholder-top .language-selector { 
	float: right;
	margin-top: 16px;
}

#placeholder-top .language-selector ul { 
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}

/* -- Search ----------------------------------------------------------- */
#placeholder-top .small-searchinput { 
	float: right;
	margin-top: 25px;
}


#placeholder-top .small-searchinput input.submit,
.full-searchinput input.submit {
	height: 23px;
	border: 0px;
	float: left;
}

#placeholder-top .small-searchinput input.textinput,
.full-searchinput input.textinput { 
	height: 19px;
	border: 0px;
	float: left;
	padding-top: 4px;
	padding-left: 6px;
	font-size: 14px;
	font-weight: normal;
	background-image: url(images/searchfield_bg.png);
	background-repeat: no-repeat;
	background-position: left;
	width: 121px;
}

#placeholder-top .small-searchinput input.submit,
.full-searchinput input.submit{ 
	width: 36px;
	font-size: 11px;
	padding: 0px;
	text-transform: uppercase;
	color: #fff;
	background-color: #85a4c8;
	margin-top: 1px;
}

#placeholder-content .full-searchinput { 
	margin-left: 50px;
	margin-bottom: 50px;
}

#placeholder-content .small-articlelist-frontpage { 
	float: right;
	width: 164px;

	padding-left: 28px;
	padding-right: 28px;
	padding-top: 73px;
	padding-bottom: 0;

	margin-left: 0px;
	margin-right: 22px;
	
	font-size: medium;
}

#container.frontpage #placeholder-right .small-articledisplay-nolayout p {
	margin: 0;
}

#container.frontpage #placeholder-right .small-articlelist {
	margin: 7px 0 10px;
}

#container.frontpage #placeholder-right .small-articlelist h3,
#placeholder-content .small-articlelist-frontpage .small-articlelist-frontpage-title {
	background-color: #85a4c8;
}

#container.frontpage #placeholder-right .small-articlelist .tile-content {
	padding: 0;
	min-height: 437px;
	overflow: hidden;
}

#container.frontpage #placeholder-right .small-articlelist .tile-content,
#placeholder-content .small-articlelist-frontpage .small-articlelist-frontpage-list {
	background-color: #dae5f0;
	margin-top: 3px;
}

#container.frontpage #placeholder-right .small-articlelist h3 { display: block; }

#container.frontpage #placeholder-right .small-articlelist h3,
#container.frontpage #placeholder-content .small-articlelist-frontpage h3{ 
	color: white;
	text-align: left;
	padding: 7px 0 4px 13px;
	margin: 0px;
	font-size: 12px;
	
}

#container.frontpage #placeholder-right .small-articlelist ul,
#placeholder-content .small-articlelist-frontpage ul {
	list-style-type: none;
	padding-top: 11px;
	padding-left: 13px;
	padding-right: 13px;
	font-weight: bold;
	margin: 0px;
}

#container.frontpage #placeholder-right .small-articlelist ul li,
#placeholder-content .small-articlelist-frontpage ul li {
	padding-bottom: 10px;
}

#container.frontpage #placeholder-right .small-articlelist ul a,
#placeholder-content .small-articlelist-frontpage ul a {
	color: #333;
	text-decoration: none;
	font-size: 0.8em;
	line-height: 1.25em;
}

#container.frontpage #placeholder-right .small-articlelist ul a {
	font-size: 12.8px;
}

#container.frontpage #placeholder-right .small-articlelist ul .date {
	display: none;
}

#container.frontpage #placeholder-right .small-articlelist ul li .read-more,
#placeholder-content .small-articlelist-frontpage ul li .read-more{
	color: #333399;
	font-weight: normal;
}

#placeholder-content .full-searchinput input.submit { 
	padding: 0px;
	margin: 0px;
}

#placeholder-content .full-searchinput input.textinput { 
	width: 300px;
}



/* -- Vertical menu ------------------------------------------------------- */
#placeholder-left .vertical-menu.tile-common {
	padding: 0px;
}

#placeholder-left .vertical-menu .tile-content {
	padding: 0px;
}

#placeholder-left .vertical-menu li {
	border-bottom: 6px solid #fff;
}

#placeholder-left .vertical-menu li ul {
	background-color: silver;
	padding-left: 0px;
}

#placeholder-left .vertical-menu li ul li {
	background-color: blue;
	padding-left: 0px;
}

#placeholder-left .vertical-menu li.last{
	margin-bottom: 0px;
	border: none;
}

#placeholder-left .vertical-menu a:link,
#placeholder-left .vertical-menu a:visited,
#placeholder-left .vertical-menu a:hover {
	display: block;
	height: 16px;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 5px;
	font-weight: bold;
	font-size: 13px;
}

#placeholder-left .vertical-menu a {
	background-color: #dae5f0;
	color: #29466c; 
    text-decoration: none;
}

#placeholder-left .vertical-menu ul li ul a:link,
#placeholder-left .vertical-menu ul li ul a:visited,
#placeholder-left .vertical-menu ul li ul a:hover {
	padding-left: 15px;
}

#placeholder-left .vertical-menu li.active a:link,
#placeholder-left .vertical-menu li.active a:visited,
#placeholder-left .vertical-menu li.active a:hover {
	background-color: #85a4c8;
	color: #fff;
}

#placeholder-left .vertical-menu ul li.active ul li a:link,
#placeholder-left .vertical-menu ul li.active ul li a:visited,
#placeholder-left .vertical-menu ul li.active ul li a:hover {
	background-color: #dae5f0;
	color: #29466c; 
}

#placeholder-left .vertical-menu a:hover,
#placeholder-left .vertical-menu ul li ul a:hover,
#placeholder-left .vertical-menu ul li.active ul li a:hover {
	background-color: #b4c8df;
}


/* -- Article display ------------------------------------------------------- */
#placeholder-content .full-articledisplay {
	clear: both;
	padding-top: 10px;
	padding-left: 50px;
	padding-right: 50px;
	padding-bottom: 10px;
}

#placeholder-content .full-articledisplay h1 {
	font-size: 24px;
}

/* -- Digest ---------------------------------------------------------------- */
h2.digest {
	font-size: 1em;
}

/* -- Article list ---------------------------------------------------------- */
#placeholder-content .full-articlelist {
	padding-top: 10px;
	padding-left: 50px;
	padding-right: 50px;
	padding-bottom: 10px;
}

#placeholder-content .full-articlelist h3 {
	margin: 0px 0px 15px 0px;
}

#placeholder-content .full-articlelist h3 a:link,
#placeholder-content .full-articlelist h3 a:visited,
#placeholder-content .full-articlelist h3 a:hover {
	font-size: 15px;
	color: #000;
	text-transform: uppercase;
}

.full-articlelist img {
	border: none;
}

.full-articlelist p {
	padding: 0px;
	margin: 0px;
}

.list-thumbnail-left {
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
}

.list-thumbnail-right {
	float: right;
	margin-left: 5px;
	margin-bottom: 5px;
}

.list-thumbnail-center {
	text-align: center;
	margin-bottom: 5px;
}

.full-articlelist ul,
.full-articlelist-twocolumn ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.full-articlelist ul li {
	clear: both;
	margin-bottom: 50px;
	float: left;
	width: 100%;
}

.full-articlelist .articlelist-link-internal {
	float: left;
	font-size: 11px;
}

.full-articlelist .articlelist-link-internal ul li,
.full-articlelist-twocolumn .articlelist-link-internal ul li {
	padding: 0px;
	margin: 0px;
}

.full-articlelist .articlelist-link-internal a:link,
.full-articlelist .articlelist-link-internal a:visited,
.full-articlelist .articlelist-link-internal a:hover,
.full-articlelist-twocolumn .articlelist-link-internal a:link,
.full-articlelist-twocolumn .articlelist-link-internal a:visited,
.full-articlelist-twocolumn .articlelist-link-internal a:hover,
.login-form a:link,
.login-form a:visited,
.login-form a:hover {
	color: #d30d44;
	text-transform: uppercase;
}

.full-articlelist-twocolumn li.odd {
	float: left;
	clear: both;
	width: 48%;
}

.full-articlelist-twocolumn li.even {
	float: right;
	width: 48%;
}

#placeholder-content .list-navigation {
	float: left;
	width: 620px;
	text-align: center;
}

#placeholder-content .list-navigation-text {
	float: left;
	clear: both;
	width: 620px;
	margin-top: 10px;
	text-align: center;
}


/* -- login form ----------------------------------------------------------- */
.login-form input.textinput {
	border: 0px;
	background-image: url(images/loginform_formfield_bg.png);
	background-repeat: no-repeat;
	background-position: left;
	width: 143px;
	height: 22px;
	padding: 5px 0px 0px 10px;
	color: #b9babc;
}
.login-form .submit{
	color: #29466c;
	background: none;
	border: none;
	text-decoration: underline;
	text-transform: uppercase;
	font-size: 8px;
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 15px;
	margin-left: 83px;
}
.login-form a:link,
.login-form a:visited,
.login-form a:hover {
	text-decoration: none;
	font-size: 10px;
}
#login-form-lostpassword-container,
#login-form-changepassword {
	display: none;
}

#login-form-logout {
	padding: 0px;
	margin: 0px;
}

/* Newsletter form */
#login-form-message {
	background-color: #85a4c8;
	color: #fff;
	padding: 3px;
}

#login-form-error {
	background-color: #fff;
	color: #d30d44;
	padding: 3px;
}

/* -- webshop form ----------------------------------------------------------- */

.form-common {
	/*clear: both;*/
}

form {
	margin: 0px;
}

#container .webshop-form {
}

.webshop-form .persons,
.webshop-form .quantity,
.webshop-form .price-container,
.webshop-form .webshop-element-container {
    clear: both;
    border-left: 1px #85a4c8 dotted;
    border-right: 1px #85a4c8 dotted;
    padding-top: 20px;
    padding-left: 12px;
    padding-right: 20px;
    padding-bottom: 0px;
}

.webshop-form .step-indicator { 
	border-top: 1px #85a4c8 dotted;
	border-right: 1px #85a4c8 dotted;
	background-color: #dae5f0;
}

.webshop-form .price-container,
.webshop-form .webshop-element-container {
	border-bottom: 1px #85a4c8 dotted;
}

.webshop-form .step-indicator ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	height: 25px;
}

.webshop-form .step-indicator li {
	float: left;
	height: 20px;
	border-left: 1px #85a4c8 dotted;
	border-bottom: 1px #85a4c8 dotted;
	background-color: #dae5f0;
	padding: 6px 14px 0px 14px;
	font-weight: bold;
	color: #29466c;
	font-size: 12px;
	width: 125px;
}

.webshop-form .step-indicator li.active {
	border-bottom: 1px solid #fff;
	background-color: #fff;
	color: #d30d44;
	width: 128px;
}

.webshop-form .persons,
.webshop-form .webshop-element-container {
	padding-top: 50px;
}

.webshop-form .persons ul,
.webshop-form .quantity ul {
	margin: 0;
	padding: 0;
    list-style-type: none;
}

#container .webshop-form .persons .persons-info {
	width: 250px;
	float: left;
}

#container .webshop-form .persons p {
	margin: 0px;
}

#container .webshop-form .persons h3,
#container .webshop-form .persons p,
#container .webshop-form .quantity h3,
#container .webshop-form .webshop-element-container h3 {
	font-size: 13px;
}

#container .webshop-form h1 {
	padding: 0px;
	margin: 0px;
}

#container .webshop-form .quantity h3 {
	margin-bottom: 20px;
}


#person-selector {
	float: left;
	margin-left: 100px;
	margin-right: 10px;
}

.webshop-form .persons li {
    height: 64px;
    width: 25px;
    margin-right: 7px;
    background: url(images/person.png) no-repeat;
    float: left;
    cursor: pointer;
    cursor: hand;
}
.webshop-form .persons li.active {
	background: url(images/person-active.png) no-repeat;
}
.webshop-form .quantity .person-line {
	margin-bottom: 40px;
	height: 25px;
}
.webshop-form .persons input,
.webshop-form .quantity #person-lines input {
	background-image: url(images/numberfield_bg.png);
	background-position: left center;
	background-repeat: no-repeat;
	border: 0px none;
	float: right;
	font-size: 16px;
	font-weight: bold;
	height: 20px;
	margin-top: 20px;
	padding: 3px 8px;
	width: 20px;
}

.webshop-form .persons input {
}

.webshop-form .quantity {
	padding-top: 20px;
}

.webshop-form .quantity .person-label {
	font-size: 13px;
	font-weight: bold;
    float: left;
}

.webshop-form .quantity ul { 
	float: left;
	width: 290px;
	margin-left: 185px;
}

.webshop-form .quantity li {
    height: 24px;
    width: 39px;
    background: url(images/mpill.png) left center no-repeat;
    float: left;
    cursor: pointer;
    cursor: hand;
    margin-left: 15px;
}
.webshop-form .quantity #person-lines input {
	margin-top: 0px;
	float: right;
}
.webshop-form .quantity li.active {
	background: url(images/mpill-active.png) left center no-repeat;
}

.webshop-form .quantity #person-lines .person-line {
    clear: both;
}
.webshop-form .quantity #quantity-total {
	display: none;
}

.webshop-form .price-container {
	text-align: right;
	padding-bottom: 20px;
}
.webshop-form .price-container .price-container-content{

}
.webshop-form .price-container .price-webshop,
.webshop-form .price-container .price-pharmacy {
	color: #909396;
	font-weight: bold;
	font-size: 13px;
}

.webshop-form .price-container .price-total {
	font-weight: bold;
	font-size: 18px;
	margin-top: 20px;
}
.webshop-form .navigation-container {
	clear: both;
	margin-top: 20px;
	text-align: right;
}
.webshop-form .navigation-container .previous {
	margin-right: 5px;
}

.webshop-form .navigation-container .next,
.webshop-form .navigation-container .previous {
    float: right;
}

.webshop-form .navigation-container #submit,
.webshop-form .navigation-container .previous input,
#newsletter-form-register .submit,
#placeholder-content .cpform-button {
	border: 0px;
	background: url(images/button_bg.png) no-repeat;
	width: 84px;
	height: 25px;
	font-weight: bold;
	font-size: 12px;
	color: #29466c;
}

.webshop-form .webshop-element-container {
	padding-bottom: 20px;
}

.webshop-form .webshop-element-container .infotext {
	margin-bottom: 20px;
}

.webshop-form .webshop-element-container .element-line {
	clear: both;
	float: left;
	margin-bottom: 6px;
}
.webshop-form .webshop-element-container .label {
	width: 175px;
	padding-top: 6px;
}
.webshop-form .webshop-element-container .label,
.webshop-form .webshop-element-container .input {
	float: left;

}
.webshop-form .webshop-element-container input {
	background: url(images/formfield_bg.png) no-repeat left;
	width: 168px;
	height: 22px;
	padding: 5px 0px 0px 10px;
	border: 0px;
}
.webshop-form .webshop-element-container .input input,
.webshop-form .webshop-element-container .input select {
}

.webshop-form .webshop-element-container .label .required {
	/*display: none;*/
}
.webshop-form .webshop-element-container .required .required {
	display: inline;
}
.webshop-form .webshop-element-container .required {
	font-weight: bold;
}


.webshop-form .error-container {
	border: 1px red solid;
	margin-bottom: 10px;
	padding: 10px;
	color: red;
}
.webshop-form .error-container h3 {
	font-size: 1em;
}
.webshop-form .error-container ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.webshop-form .error-container li {
	padding-bottom: 3px;
}

/* -- programmatic clearboth --------------------------------------------------- */

.programmatic-clearboth {
	height: 0px;
	width: 0px;
	overflow: hidden;
	clear: both;
}



/* -- Frontpage variants --------------------------------------------------- */

#container.frontpage #placeholder-top {
	background-image: url(images/top-bg-front.png);
}

#container.frontpage #placeholder-left {
	display:none;
}

#container.frontpage #placeholder-content {
	margin: 0px;
	padding: 0px;
	padding-left: 3px;
	width:816px;
}

#container.frontpage #placeholder-bottom {
	background: url(images/bottom-bg-front.png);
	background-position: top;
	background-repeat: no-repeat;
}

#container.frontpage #content-container {
	background-image: url(images/container-bg-front.png);
}

#container.frontpage .full-articlelist {
	margin: 0px;
	padding: 0px;
}

#container.frontpage .full-articlelist ul {
	margin: 0px;
	padding: 0px;
	display: inline;
}

#container.frontpage .full-articlelist ul li {
	clear: none;
	float: left;
	margin: 0px;
	padding: 0px;
	display: inline;
	width: 161px;
	height: 127px;
	cursor: pointer;
	filter: alpha(opacity=50);
	-moz-opacity: .5;
	opacity: .5;
}

#container.frontpage .full-articlelist ul li.imgactive {
	filter:alpha(opacity=100);
	-moz-opacity: 1.0;
	opacity: 1.0;
}

#container.frontpage .full-articlelist li li {
	margin: 0px;
	padding: 0px;
	display: inline
}

#container.frontpage .medoxarticle {
	padding-top: 25px;
	padding-left: 50px;
	padding-right: 60px;

}

#container.frontpage .medoxarticle h1 {
	display: none;
}

/*#container.frontpage .medoxarticle span {
	margin-bottom: 5px;
	font-weight: bold;

}*/

#container.frontpage .medoxarticle span p {
	margin:0px;
	padding:0px;
}


#container.frontpage .list-thumbnail-left {
	float: left;
	margin: 0px;
	width: 161px;
	height: 127px;
	cursor:pointer;
}


#container.frontpage #placeholder-content h3 {
	color: #d30d44;
	text-align: center;
	padding-top: 102px;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 14px;
}

#container.frontpage #shadow-container {
	clear: both;
	margin-top: 127px;
	height: 8px;
	padding:0px;
	margin: 0px;
	margin-left: -3px;
	width: 812px;
}

#container.frontpage .frontpage-article {
	width: 574px;
	float: left;
}

.shadow0{
	background: url(images/shadow.png) no-repeat ;
	background-position: 0px;

}
.shadow1{
	background: url(images/shadow.png) no-repeat ;
	background-position: 161px;

}
.shadow2{
	background: url(images/shadow.png) no-repeat ;
	background-position: 322px;
}
.shadow3{
	background: url(images/shadow.png) no-repeat ;
	background-position: 483px;
}
.shadow4{
	background: url(images/shadow.png) no-repeat ;
	background-position: 644px;
}

#coretrek-colofon {
	margin-top: 0px;
	margin-left: 13px;
}

#coretrek-colofon a {
	color: #85A4C8;
	text-decoration: none;
}

.sitelocator .tile-content {
    display: inline;
	float: left;
}

#placeholder-bottom a {
    text-decoration: none;
}

/* KAMPANJESIDE */



#container-content-only {
	margin: 0px auto 0px auto;
	width: 822px;
}
#container-content-only #placeholder-top {
	margin-left: 2px;
	height: 150px;
	background-image: url(images/top-bg-content-only.png);
}
#container-content-only .page-header,
#container-content-only .small-articledisplay-nolayout,
#container-content-only .small-articledisplay {
	padding-top: 16px;
}
#container-content-only #placeholder-content {
	float: none;
	margin: 0px auto 0px auto;
	background-image: none;
}
#container-content-only #content-container {
	width: 822px;
	padding: 0;
	margin: 0;
	background-image: url(images/container-bg-campaign.png);
}
#container-content-only #placeholder-bottom {
	margin-left: 2px;
	background-image: url(images/bottom-bg-campaign.png);
}
#container-content-only #coretrek-colofon {
	display: none;
}


#twocolumn-container {
    width:957px; 
    background: #ffffff; 
    margin-top: 10px; 
    margin-bottom: 0px;
	padding-top: 20px;
	background-position: right top;
    background: url(images/right-bg-twocolumn.png) repeat-y;
}

#twocolumn-leftcolumn {
	width: 550px;
    padding: 0;
    margin: 0px 10px 20px 20px;
    overflow: hidden;
}
#twocolumn-rightcolumn {
	float:right; 
	width: 340px; 
	padding: 0;
    margin: 0px 17px 20px 0px;
    overflow: hidden;
}
#twocolumn-bottomborder {
	width: 957px;
	height: 9px;
	background-position: -10px 0px;
    background: url(images/bottom-bg-twocolumn.png) no-repeat;
}
#twocolumn-container input {
	background: url(images/formfield_bg.png) no-repeat left;
	width: 168px;
	height: 22px;
	padding: 5px 0px 0px 10px;
	border: 0px;
}
#twocolumn-container .cpform-button {
	border: 0px;
	background: url(images/button_bg.png) no-repeat;
	width: 84px;
	height: 25px;
	font-weight: bold;
	font-size: 12px;
	color: #29466c;
	padding: 0px;
}
#container-content-only form span,
#twocolumn-leftcolumn form span,
#twocolumn-rightcolumn form span {
    display: block;
}
#container-content-only .cpform-noborder,
#twocolumn-leftcolumn .cpform-noborder,
#twocolumn-rightcolumn .cpform-noborder {
    border: 0;
    background: none;
    width: 30px;
}

#placeholder-content .campaign-articlelist                   { clear: both; margin: 0 14px 3px 3px;
                                                               width: 799px; height: 465px; overflow: hidden;
                                                               position: relative; }

#placeholder-content .campaign-articlelist .campaign-article { padding: 0; height: 465px; font-size: 19px; }

#placeholder-content .campaign-articlelist h3                { display: none; }

#placeholder-content .campaign-articlelist p                 { margin: 0; padding: 120px 0 0 230px; color: #131d47; }

#placeholder-content .campaign-article a:link,
#placeholder-content .campaign-article a:visited             { display: block; padding: 8px 0 0; color: #131d47;
                                                               text-decoration: none; font-weight: bold; }

#placeholder-content .campaign-articlelist ul                { margin: 0; padding: 0; list-style-type: none; }

#placeholder-content .campaign-articlelist li                { width: 799px; left: 0; top: 0; position: absolute; }

#placeholder-content .campaign-articlelist .articlelist-link-internal       { border: 1px solid #131d47; width: 140px;
                                                                              height: 34px; text-align: center;
                                                                              position: absolute; text-transform: uppercase; }

#placeholder-content .campaign-articlelist .articlelist-link-internal.order { bottom: 156px; left: 440px; background: #6e2; }

#placeholder-content .campaign-articlelist .articlelist-link-internal.link  { bottom: 104px; left: 440px; }
                                                               
#placeholder-content .campaign-articlelist .list-navigation                 { float: none; width: auto; position: absolute;
                                                                              bottom: 5px; right: 6px; }

#placeholder-content .small-articledisplay-nolayout          { margin: 5px 2px 5px 3px; float: left; }

#placeholder-content .small-articledisplay-nolayout p        { margin: 0; }