@CHARSET "UTF-8";

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

html, body {
    font-family: Arial, Sans-serif;
    font-size: 0.85em;
    margin: 0;
    padding: 0;
    color: #333;
    height: 100%;
}
body {
    margin-bottom: 50px;
    background: transparent url('images/bg3.png') -31px 0px repeat;
}
a:visited,
a:link {
    color: #33d;    
}
a:hover {
    color: #77a;
}
a img {
    border: none;
}

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

#container {
    padding-left: 0px;
    margin-top: 0px;
    /*width: 790px;*/
    /*border-left: solid 25px #E4C222;
    border-right: solid 25px #E4C222;
    */
    background: transparent url(images/pennymid_bg_3.png) repeat-y scroll left top;
}
#container-top {
	padding-left: 40px;
	background: transparent url('images/pennytop_bg_3.png') top left no-repeat;
    }
#container-middle {
	margin-left: 40px;
	background-color: transparent;
	background-image: url(images/contentmainY.png);
	background-repeat: repeat-x;
	background-scroll: scroll;
	background-position: left bottom;
	float: left;
	width: 790px;
    }

div.penny-webshop {
    background-color: #fff !important;
    background-image: none !important;
    background-repeat: no-repeat !important;
}
    
#placeholder-ads {
	position: absolute;
	top: -20px;
	left: 850px;
	width: 180px;
	height: 300px;
	/*background: pink;*/
	}
#container-bottom {
	padding-left: 40px;
	background: transparent url(images/Pennybottom_bg_3.png) no-repeat scroll left bottom
	}

#placeholder-top {
    /*height: 200px;*/
    margin-bottom: 0px;
    background: transparent url('images/topshadow.png') repeat-x bottom left;
    padding-bottom: 3px;
    width: 790px;
    overflow: hidden;
}
#placeholder-left {
    margin-left: 10px;
    clear:both;
    float: left;
    width: 150px;
}
#placeholder-right {
    float: right;
    width: 150px;
    padding-top: 0px;
    margin-right: 10px;
    
}
#placeholder-content {
    float: left;
    padding-left: 10px;
    padding-right: 10px;
    width: 430px;
    padding-top: 20px;
    overflow: hidden;
}
#placeholder-content-no-right {
    float: left;
    width: 610px;
    padding: 20px 0 20px 9px;
    overflow: hidden;
}
#placeholder-content-no-right.no-left {
    width: 750px;
}
#placeholder-bottom {
    clear: both;
    padding-top: 32px;
    width: 790px;
    height: 190px;
    /*background: transparent url(images/penny_bottom_3.png) no-repeat scroll 0 0;*/
}
#content-link {
    display: none;
}
#extra-8 {
    height: 80px;
}

/* -------------------------------------------------------------------------- */
/* 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 {
    background: none;
    border: none;
    margin: 0;
    padding: 0;
}
.tile-common { 
    margin-top: 20px;
}
.tile-common h3 {
    background-color: #ddd;
    margin: 0 0 5px 0;
    padding: 2px 10px 3px 10px;
    font-size: 1.2em;
}
.tile-content {
    padding: 0px 0px 15px 0px;
}


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

.horizontal-menu h3,
.linktoolbar h3,
.sitelocator h3 {
    display: inline;
    float: left;
    margin: 0;
    padding: 0;
}   
.horizontal-menu ul,
.linktoolbar ul,
.sitelocator ul {
    display: inline;
    float: left;
    margin: 0;
    list-style-type: none;
    padding: 0;
}
.horizontal-menu li,
.linktoolbar li,
.sitelocator li {
    display: inline;
    padding-left: 10px;
}


/* -------------------------------------------------------------------------- */
/* General bullet-less listing (eg. verical menu and small article list)      */
/* -------------------------------------------------------------------------- */
.small-articlethumblist ul,
.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; 
}
.full-articlelist ul li {
	width: 100%;
	clear: both;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px dotted;
	float: left;
	}

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

/* 
   Some of these elements have been styled using id-context above. We therefore
   need to use the full id-element path to override these styles.
*/

/* -- Page header ----------------------------------------------------------- */
.page-header {
    float: left;    
}
.page-header .logo {
    font-size: 1.85em;
    font-weight: bold;  
}
.horizontal-menu h3 {
    display: none;  
}

/* -- Horizontal menu in top placeholder ("quicklaunch") -------------------- */
.horizontal-menu ul {
    float: left;   
}

/* -- Linktoolbar ----------------------------------------------------------- */
.linktoolbar h3 {
    display: none;  
}
.linktoolbar ul {
    float: right;   
}

/* -- Sitelocator ----------------------------------------------------------- */
.sitelocator h3 {
    font-size: 1em; 
    font-weight: normal;
}

/* -- Article display ------------------------------------------------------- */
.full-articledisplay {
    clear: both;
}
.full-articledisplay h1 {
    color: #e2001a;
    margin-top:0px;
    padding: 0px;
}
.full-articledisplay .digest {
    font-weight: bold;
}
/* -- Article list ---------------------------------------------------------- */
#placeholder-content .full-articlelist h3 {
   /* margin-top: 30px;*/
   font-size: 1.2em;   
}
#placeholder-right h1 {
   font-size: 1.2em;   
}
.frontpage #placeholder-content .full-articlelist h3 {
    margin: 0px;
    padding: 0px;
    
}
#container.frontpage #placeholder-content .full-articlelist h3 a{
    color: #E2001A;
}
#container.frontpage #placeholder-content .full-articlelist ul li{
    padding-top: 5px;
    }
.full-articlelist a.ctsitebase-articlelist-link-internal,
.full-articlelist ul li h3,
.full-articlelist ul li h3 a:hover,
.full-articlelist ul li h3 a:visited,
.full-articlelist ul li h3 a:link    {
    color: #e2001a;
    background-color: transparent;
    }
.list-thumbnail-left {
    float: left;
    margin-right: 10px;
    margin-bottom: 5px;
}

#container.frontpage .newsarchivelink {
	margin: 20px 0;
}

/* --- Frontpage styles --- */

.frontpage #placeholder-content {
    height: 370px;
    overflow: hidden;
    width: 310px;
    padding-right: 0px;
    padding-top: 9px;
}
.frontpage #placeholder-right {
    height: 370px;
    overflow: hidden;
    padding-top: 9px;
    width: 465px;
    margin-right: 0px;
}

#container.frontpage .full-articlelist {
    height: 170px;
    width: 307px;

}

#container.frontpage .full-articlelist ul {
    margin: 0px;
    height: 150px;
    overflow: auto;
    padding: 10px 10px 10px 15px;
}
#container.frontpage .full-articlelist ul li {
    margin: 0px;
    padding: 0px 0px 10px 0px;
    width: 265px;
    
}

#container.frontpage .full-articlelist ul li.newsarchive {
	border: none;

	}
#container.frontpage .full-articlelist ul li.newsarchive a:hover,
#container.frontpage .full-articlelist ul li.newsarchive a:visited,
#container.frontpage .full-articlelist ul li.newsarchive a:link  {
    color: #E2001A;
    float: right;
    font-weight: bold;
    padding: 5px;
    }
#container.frontpage p {
    padding: 0;
    margin: 0;

}

/* --- Slideshow --- */

#container.frontpage .slideshow h3 {
    display: inline;
    position: absolute;
    background: transparent url(images/transparentBackground.png) repeat scroll 0 0;
    z-index: 4;
    width: 300px;
}

#container.frontpage .slideshow {
	margin: 0 0 0 0;
	float: left;
	width: 300px;
	height: 170px;
	overflow: hidden;
	background-color: #eee;
	position: relative;
}

#container.frontpage .slideshow .slideshow-image {
    text-align:center;
    margin-top:0px;
    margin-bottom:0px;
    padding:0px;
    z-index:3;
    position: relative;
}

#container.frontpage .slideshow .tile-content {
    padding: 0;
}

.slideshow .slideshow-thumbnails {
	position: absolute;
	top: 149px;
	z-index:4;
}

.slideshow .slideshow-thumbnails div {
	border: solid 1px #B9BBB7;	
	float: left;
	margin-left: 1px;
}

.slideshow .slideshow-thumbnails div a {
	padding: 1px 10px;
	font-weight: bold;
	color: #232125;
	text-decoration: none;
	display: block;
	background-color: #F0EFEF;
}

.slideshow .slideshow-thumbnails div a:hover {
	color: #FFFFFC;
	background-color: #98C4D1;
}

.slideshow .slideshow-thumbnails div.active a {
	color: #FFFFFC;
	background-color: #54B6D3;
}

/* --- Banners frontpage ---*/

#container.frontpage #frontpagebanner1 h2 {
    margin: 4px 0 5px 0;
    color: #5A1C8A;
}

#container.frontpage #frontpagebanner1 a {
    text-decoration: none;
    color: yellow;
}

#container.frontpage #frontpagebanner1 .text {
    position: relative;
    left:28px;
    top:14px;
}

#container.frontpage #placeholder-right .frontpage-banner {
    float: left;
    margin-bottom: 4px;
}

#container.frontpage #placeholder-right #frontpagebanner-2805 table {
    margin-left: 7px;
}

#container.frontpage #placeholder-right #frontpagebanner-2806 p {
    text-align: center;
    position: relative;
    top: 20px;
    padding-right: 20px;
}

#container.frontpage #placeholder-right #frontpagebanner-2807 p {
    text-align: center;
    position: relative;
    top: 20px;
    padding-left: 20px;
}

#container.frontpage .question-of-the-week-tile {
    margin: 0 0 0 5px;
    float: left;
    padding: 5px;
    height: 160px;
    width: 140px;
    background: url(images/question-border.gif) no-repeat center;
}
#container.frontpage .question-of-the-week-tile a {
    color: #333;
    font-weight: bold;
}
#container.frontpage .question-of-the-week-tile h4 {
	margin: 5px 0 5px 10px;
	font-size: 12px;
    padding: 0px;
}
#container.frontpage .question-of-the-week-tile #questionOfTheWeekForm {
    padding: 0 0 0 5px;
    margin: 0px;
}

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

/* -- Facebook -------------------------------------------------------------- */

.facebook iframe { border:none;  background:#ffffff; scrolling:no; }



/* -- Horizontal top menu --------------------------------------------------- */
#placeholder-top .horizontal-menu {
    height: 33px;
    background: transparent url('images/menubackgroundBlue.jpg') top left repeat-x;
    font-weight: bold;
    font-size: 9pt;
    overflow: hidden;
    color: #fff;
    width: 790px;
    top:145px;
    
}
#placeholder-top .horizontal-menu .tile-content ul li .wrap {
    padding-bottom:2px;
    padding-left:29px;
    padding-right:10px;
    padding-top:1px;
    text-align:center;
}

#placeholder-top .horizontal-menu .tile-content ul {
    margin: 0px 0px;
    width: 790px;
    overflow: hidden;
    }
#placeholder-top .horizontal-menu .tile-content ul li.first {
    padding-left: 0px;
    }
#placeholder-top .horizontal-menu .tile-content ul li.first a {
    padding: 0px;       
}   
#placeholder-top .horizontal-menu .tile-content ul li.first a img {
    border: none;
    }   
#placeholder-top .horizontal-menu .tile-content ul li a {
       padding: 8px 5px 10px 29px;
       display: block;
       float: left;
      /* background: transparent url('images/menuitemBlue.jpg') top left no-repeat;*/
    }
#placeholder-top .horizontal-menu .tile-content ul li a:visited,
#placeholder-top .horizontal-menu .tile-content ul li a:link,
#placeholder-top .horizontal-menu .tile-content ul li a:hover { 
    color: #fff;
    text-decoration: none;
}
#placeholder-top .horizontal-menu .tile-content ul li.last {
    float: right;
    }
#placeholder-top .horizontal-menu .tile-content ul li a span {
    margin: 5px 0px;
    } 
#placeholder-top .horizontal-menu ul li {
    float: left;
    padding-left: 0px;
    background: transparent url('images/menuitemBlue.jpg') top left no-repeat;
}
#placeholder-top .horizontal-menu .tile-content ul li.last {
    float: right;
    }
#placeholder-top .horizontal-menu .tile-content ul li.active,
#placeholder-top .horizontal-menu .tile-content ul li.main-active {
    background: transparent url('images/activemenured.png') top left repeat-x;  
}
#placeholder-top .horizontal-menu .tile-content ul li.active a,
#placeholder-top .horizontal-menu .tile-content ul li.main-active a  {
    background: transparent url('images/mainactivemenured.png') top left no-repeat;
}
/* --- Menu theme styling ---*/
/* --- Red ---*/
#container.red #placeholder-top .horizontal-menu .tile-content ul li.active,
#container.red #placeholder-top .horizontal-menu .tile-content ul li.main-active {
    background: transparent url('images/activemenured.png') top left repeat-x;  
}
#container.red #placeholder-top .horizontal-menu .tile-content ul li.active a,
#container.red #placeholder-top .horizontal-menu .tile-content ul li.main-active a  {
    background: transparent url('images/mainactivemenured.png') top left no-repeat;
}
#container.red #placeholder-top .sitelocator {
	background: #E2001A;
	}
/* --- End Red --- */
/* --- yellow ---*/
#container.yellow #placeholder-top .horizontal-menu .tile-content ul li.active,
#container.yellow #placeholder-top .horizontal-menu .tile-content ul li.main-active {
    background: transparent url('images/activemenuyellow.png') top left repeat-x;  
}
#container.yellow #placeholder-top .horizontal-menu .tile-content ul li.active a,
#container.yellow #placeholder-top .horizontal-menu .tile-content ul li.main-active a  {
    background: transparent url('images/mainactivemenuyellow.png') top left no-repeat;
}
#container.yellow #placeholder-top .sitelocator {
    background: #f0b50e;
    }
/* --- End yellow --- */
/* --- green ---*/
#container.green #placeholder-top .horizontal-menu .tile-content ul li.active,
#container.green #placeholder-top .horizontal-menu .tile-content ul li.main-active {
    background: transparent url('images/activemenugreen.png') top left repeat-x;  
}
#container.green #placeholder-top .horizontal-menu .tile-content ul li.active a,
#container.green #placeholder-top .horizontal-menu .tile-content ul li.main-active a  {
    background: transparent url('images/mainactivemenugreen.png') top left no-repeat;
}
#container.green #placeholder-top .sitelocator {
    background: #accf08;
    }
/* --- End green --- */
/* --- cyan ---*/
#container.cyan #placeholder-top .horizontal-menu .tile-content ul li.active,
#container.cyan #placeholder-top .horizontal-menu .tile-content ul li.main-active {
    background: transparent url('images/activemenucyan.png') top left repeat-x;  
}
#container.cyan #placeholder-top .horizontal-menu .tile-content ul li.active a,
#container.cyan #placeholder-top .horizontal-menu .tile-content ul li.main-active a  {
    background: transparent url('images/mainactivemenucyan.png') top left no-repeat;
}
#container.cyan #placeholder-top .sitelocator {
    background: #49d9cb;
    }
/* --- End cyan --- */


/* --- blue ---*/
#container.blue #placeholder-top .horizontal-menu .tile-content ul li.active,
#container.blue #placeholder-top .horizontal-menu .tile-content ul li.main-active {
    background: transparent url('images/activemenublue.png') top left repeat-x;  
}
#container.blue #placeholder-top .horizontal-menu .tile-content ul li.active a,
#container.blue #placeholder-top .horizontal-menu .tile-content ul li.main-active a  {
    background: transparent url('images/mainactivemenublue.png') top left no-repeat;
}
#container.blue #placeholder-top .sitelocator {
    background: #0a7ecf;
    }
/* --- End blue --- */
/* --- extra ---*/
#container.extra #placeholder-top .horizontal-menu .tile-content ul li.active,
#container.extra #placeholder-top .horizontal-menu .tile-content ul li.main-active {
    background: transparent url('images/activemenuextra.png') top left repeat-x;  
}
#container.extra #placeholder-top .horizontal-menu .tile-content ul li.active a,
#container.extra #placeholder-top .horizontal-menu .tile-content ul li.main-active a  {
    background: transparent url('images/mainactivemenuextra.png') top left no-repeat;
}
#container.extra #placeholder-top .sitelocator {
    background: #c90068;
    }
/* --- End extra --- */
/* --- purple ---*/
#container.purple #placeholder-top .horizontal-menu .tile-content ul li.active,
#container.purple #placeholder-top .horizontal-menu .tile-content ul li.main-active {
    background: transparent url('images/activemenupurple.png') top left repeat-x;  
}
#container.purple #placeholder-top .horizontal-menu .tile-content ul li.active a,
#container.purple #placeholder-top .horizontal-menu .tile-content ul li.main-active a  {
    background: transparent url('images/mainactivemenupurple.png') top left no-repeat;
}
#container.purple #placeholder-top .sitelocator {
    background: #930cd1;
    }
/* --- End purple --- */
/* --- End Theme color --- */	
	
#placeholder-top .sitelocator {
    padding: 2px 10px;
    background: #E2001A;
    color: #fff;
    font-style: italic;
    font-weight: bold;
}
#placeholder-top .sitelocator a:link,
#placeholder-top .sitelocator a:hover, 
#placeholder-top .sitelocator a:visited  {
    color: #fff;
    text-decoration: underline;
    font-style: italic;
}
#placeholder-top .sitelocator .tile-content-login {
	width: 500px;
	float: left;
	}
#placeholder-top .sitelocator .userinfo {
	text-align: right;
	}
#placeholder-top .sitelocator .userinfo span{
    padding: 0px 15px 0px 0px;
    }
#placeholder-top .banner-article {
	height: 146px;
}

#placeholder-top .banner-article p {
    margin: 0px;
}

#placeholder-content-no-right .banner-article p {
    margin: 0px;
    padding: 0px;
}
#placeholder-content-no-right {
    /*padding: 5px 9px;*/
}

#placeholder-bottom .small-searchinput {
    float: right;
    width: 161px;
    margin-left: 5px;
}
#placeholder-bottom .small-searchinput .submit {
    background: transparent url('images/SearchButtonYellow.gif') no-repeat top left;
    width: 25px;
    }
    
#smallsearchinput {
    width: 118px;
    background: transparent url('images/PennySearch.png') no-repeat top left;
    border: none;
    font-size: 0.9em;
    height:19px;
    margin-top:3px;
    padding-left:5px;
    padding-top:6px;
    text-transform:uppercase;
}
#placeholder-bottom .change_background {
    float: right;
    width: 300px;
    margin-right: 15px; 
}
#placeholder-bottom .change_background span {
     display: block;
     width: 150px;
     padding-top: 10px;
     text-align: center;
     float: left;
}
#placeholder-bottom .change_background img {
    border: none;
    width: 26px;
}
#placeholder-bottom .change_background a {
    float: right;
    padding-left: 4px;
}
#placeholder-bottom .banner-article {
    clear: both;
    font-size: 0.7em;
    padding-top: 8px;
    padding-left: 10px;
    width: 770px;
}
#placeholder-bottom .banner-article img {   
    border: none;
    margin-top: -5px;
    margin-right: 10px;
}
#placeholder-bottom .banner-article div a {
    color: #333;
    text-decoration: none;
}	

/* ---   LIGHTBOX   ---------------------------------------------------------*/

#lightbox-overlay {
    /* 
       Because of a Firefox bug (linux/osx) causing flash to become invisible
       when rendered above a fixed layer background, the lightbox javascript
       will override this background color, and set it to a transparent png
       image. Make sure that the image has the same color and opacity as the
       background configured here. The lightbox.js will by default set opacity
       to 80% and set background image to:
       projectroot/html/images/lightbox/ff-overlay-img.png
       
       More info: http://www.findmotive.com/2006/10/02/firefox-flash-bug-update/
    */
         
    z-index: 999;
    background-color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#lightbox {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
}
#lightbox-container {
    z-index: 1000;
    position: relative;
    border: 1px solid #dedede;
    top: 50px;
    /*margin: auto;*/
    margin: 20px;
    overflow-x: auto;
    overflow-y: auto;
    width: 250px;
    height: 75%;  
    background: #fff;
}
#lightbox-spinner {
    background: #fff url(images/lightbox/spinner.gif) center no-repeat;
    width: 220px;
    height: 19px;
    margin: 15% auto;
}
#lightbox-container {
    padding: 15px 20px 10px 20px;
}
#lightbox-content {
    margin: 20px 0 0 0;
}
#lightbox-close-container {
    position: absolute;
    right: 0;
}
#lightbox-close span {
    display:none;
}
#lightbox-close {
    display: block;
    width: 101px;
    height: 9px;
    margin-right: 10px;
    background: url(images/lightbox/close-no.png) no-repeat 10px;
}
/* --- LOGIN --- */
.error,
.login-error {
	color: red;
	font-weight: bold;
}

/* ------------- */
/* --- NEWSLETTER --- */
#newslettererror,
.upload-error {
    color: #962727;
    font-weight: bold;
}
#newsletterspinner {
    background: #fff url(images/lightbox/spinner.gif) center no-repeat;
    width: 220px;
    height: 19px;   
    margin: 15% auto;
}
.newsletter-form .tile-content span {
    margin: 1em 0;
}
.newsletter-tile-content {
    height: 224px;
}
.input-label {
    float: left;
    margin-top: 3px;
    width: 120px;
}
/* --- SUGGESTION FORM -----------------------------------*/

.suggestionform .tile-content input.textinput {
    width: 95%;
    margin-bottom: .5em;
}
.suggestionform .tile-content textarea {
    width: 95%;
    font-size: 120%;
}
.suggestionform .suggestionform-error,
.suggestionform .suggestionform-message {
    color: #962727;
    font-weight: bold;
    border: 1px solid #888;
    padding: 5px;
    margin-bottom: 5px;
    text-align: center;
}
.suggestionform .suggestionform-message {
    color: #279634;
}

/* ----- Vertical menu ------ */
#placeholder-left .vertical-menu .tile-top {
    height: 8px;
    background: #E2001A url('images/menutopred.png') no-repeat top left;
}
#placeholder-left .vertical-menu {
    margin-top: 20px;
    border: none;
    overflow: hidden;
    width: 
}
#placeholder-left .vertical-menu .tile-content {
    padding: 0px;   
}
#placeholder-left .vertical-menu h3 {
    display: none;
}
/* -- TESTER STILING --- 
#placeholder-left .vertical-menu .tile-content ul li.active {
    background:#E2001A url('images/submenuactivered.png') repeat-x scroll bottom left;  
}

#placeholder-left .vertical-menu .tile-content ul li a {
    padding: 9px 5px 8px 33px;
    display: block;
    background:transparent url('images/menuitemred.png') no-repeat scroll 5px 8px;
}
#placeholder-left .vertical-menu .tile-content ul li a:hover {
    padding: 9px 5px 8px 33px;
    background:transparent url('images/menuitemred.png') no-repeat scroll 5px 8px;
}
#placeholder-left .vertical-menu .tile-content ul li.active a {
    background:transparent url('images/menuitemactivered.png') no-repeat scroll 5px 8px;
}
#placeholder-left .vertical-menu .tile-content ul li  {
 
    border-bottom:1px solid #BE0016;
    border-top:1px solid #F6002E;
    background-color: #E2001A;
}

 --- Tester slutt */




#placeholder-left .vertical-menu .tile-content ul li  {
	background-color: #E2001A;
    border-bottom:1px solid #BE0016;
    border-top:1px solid #F6002E;
    
}
#placeholder-left .vertical-menu .tile-content ul li ul {
	/*margin-left: -15px;*/
	
	}
#container #placeholder-left .vertical-menu .tile-content ul li.active ul li {
	background-color: transparent;
	}
#container #placeholder-left .vertical-menu .tile-content ul li a:hover,
#container #placeholder-left .vertical-menu .tile-content ul li a:visited,
#container #placeholder-left .vertical-menu .tile-content ul li a:link {
    color: #fff;
    text-decoration: none;
    padding: 9px 5px 8px 33px;
    background: transparent url('images/menuitemred.png') no-repeat scroll 5px 8px;
    display: block;
}
#container #placeholder-left .vertical-menu .tile-content ul li a:hover {
	background-color: #E7263C;
	}
#container #placeholder-left .vertical-menu .tile-content ul li.active a:visited,
#container #placeholder-left .vertical-menu .tile-content ul li.active a:link {
	background: transparent url('images/redsubmenuitemactive.png') no-repeat scroll 5px 8px;
    }	
#container #placeholder-left .vertical-menu .tile-content ul li.active {
	background: #E2001A url('images/redsubmenuactive.png') repeat-x scroll left bottom;
	}
#placeholder-left .vertical-menu .tile-content ul li.first {
    border-top: none;   
}   
#placeholder-left .vertical-menu .tile-content ul li.last {
    border-bottom: none;   
}   	
#placeholder-left .vertical-menu .tile-bottom {	
	background: #E2001A url('images/menubottomred.png') no-repeat bottom left;
	height: 14px;
}

/* --- Uploaded images --- */

.multimediafolder-item { margin-top: 10px; /* width: 190px; float: left; */ clear: both; }
.multimediafolder-item .image { float: left; width: 170px; margin-right: 10px; }
.multimediafolder-item .text { float: left; width: 400px; }
.multimediafolder-item h2 { margin: 0; }

.multimediafolder .list-navigation { clear: both; text-align: center; padding-top: 10px; display: block; }
#placeholder-content .multimediafolder h3 {font-size: 2em;}
#placeholder-content-no-right .multimediafolder h3 {font-size: 2em;}

/* -- Purple vertical menu ---*/

#container.purple #placeholder-left .vertical-menu .tile-bottom { 
    background: #930cd1 url('images/menubottompurple.png') no-repeat top left;
}
#container.purple #placeholder-left .vertical-menu .tile-content ul li {
    background-color:#930cd1;
    border-bottom:1px solid #661f8b;
    border-top:1px solid #d050f2;
}
#container.purple #placeholder-left .vertical-menu .tile-content ul li a:link,
#container.purple #placeholder-left .vertical-menu .tile-content ul li a:visited,
#container.purple #placeholder-left .vertical-menu .tile-content ul li a:hover {    
    background: transparent url('images/menuitempurple.png') no-repeat scroll 5px 8px;
}
#container.purple #placeholder-left .vertical-menu .tile-content ul li.active a:link,
#container.purple #placeholder-left .vertical-menu .tile-content ul li.active a:visited {
    background: transparent url('images/purplesubmenuitemactive.png') no-repeat scroll 5px 8px;
    }
#container.purple #placeholder-left .vertical-menu .tile-content ul li a:hover {
    background-color: #A23AA8;
    }   
#container.purple #placeholder-left .vertical-menu .tile-content ul li.active {
    background: #930cd1 url('images/purplesubmenuactive.png') repeat-x scroll left bottom;
    }   
#container.purple #placeholder-left .vertical-menu .tile-top {
    background: #930cd1 url('images/menutoppurple.png') no-repeat bottom left;
}
#container #placeholder-left .vertical-menu .tile-content ul li.first {
    border-top: none;   
}   
#container #placeholder-left .vertical-menu .tile-content ul li.last {
    border-bottom: none;   
}  
/* --- Purple End --- * /
/* -- Yello vertical menu ---*/

#container.yellow #placeholder-left .vertical-menu .tile-bottom { 
    background: transparent url('images/menubottomyellow.png') no-repeat top left;
    /*background: #F0B50E url('images/menubottomyellow.png') no-repeat bottom left;*/
}
#container.yellow #placeholder-left .vertical-menu .tile-content ul li {
    background-color:#F0B50E;
    border-bottom:1px solid #c9980c;
    border-top:1px solid #fce119;
}
#container.yellow #placeholder-left .vertical-menu .tile-content ul li a:link,
#container.yellow #placeholder-left .vertical-menu .tile-content ul li a:visited,
#container.yellow #placeholder-left .vertical-menu .tile-content ul li a:hover {	
    background: transparent url('images/menuitemyellow.png') no-repeat scroll 5px 8px;
}
#container.yellow #placeholder-left .vertical-menu .tile-content ul li.active a:link,
#container.yellow #placeholder-left .vertical-menu .tile-content ul li.active a:visited	{
    background: transparent url('images/yellowsubmenuitemactive.png') no-repeat scroll 5px 8px;
	}
#container.yellow #placeholder-left .vertical-menu .tile-content ul li a:hover {
    background-color: #ECA10A;
    }	
#container.yellow #placeholder-left .vertical-menu .tile-content ul li.active {
    background: #F0B50E url('images/yellowsubmenuactive.png') repeat-x scroll left bottom;
    }	
	
#container.yellow #placeholder-left .vertical-menu .tile-top {
    /*background: #F0B50E url('images/menutopyellow.png') no-repeat top left;*/
    background: transparent url('images/menutopyellow.png') no-repeat bottom left;
}
#container #placeholder-left .vertical-menu .tile-content ul li.first {
    border-top: none;   
}   
#container #placeholder-left .vertical-menu .tile-content ul li.last {
    border-bottom: none;   
}  
/* --- Yellow End --- * /
/* -- Green vertical menu ---*/

#container.green #placeholder-left .vertical-menu .tile-bottom { 
    background: transparent url('images/menubottomgreen.png') no-repeat top left;
    /*background: #ACCF08 url('images/menubottomgreenie.png') no-repeat bottom left;*/
}
#container.green #placeholder-left .vertical-menu .tile-content ul li {
    background-color:#ACCF08;
    border-bottom:1px solid #90ae07;
    border-top:1px solid #d8f00f;
}
#container.green #placeholder-left .vertical-menu .tile-content ul li a:link,
#container.green #placeholder-left .vertical-menu .tile-content ul li a:visited,
#container.green #placeholder-left .vertical-menu .tile-content ul li a:hover {    
    background: transparent url('images/menuitemgreen.png') no-repeat scroll 5px 8px;
}
#container.green #placeholder-left .vertical-menu .tile-content ul li.active a:link,
#container.green #placeholder-left .vertical-menu .tile-content ul li.active a:visited {
    background: transparent url('images/greensubmenuitemactive.png') no-repeat scroll 5px 8px;
    }
#container.green #placeholder-left .vertical-menu .tile-content ul li a:hover {
    background-color: #97C206;
    }   
#container.green #placeholder-left .vertical-menu .tile-content ul li.active {
    background: #ACCF08 url('images/greensubmenuactive.png') repeat-x scroll left bottom;
    }   

#container.green #placeholder-left .vertical-menu .tile-top {
    /*background: #ACCF08 url('images/menutopgreenie.png') no-repeat top left;*/
    background: transparent url('images/menutopgreen.png') no-repeat bottom left;
}
#container #placeholder-left .vertical-menu .tile-content ul li.first {
    border-top: none;   
}   
#container #placeholder-left .vertical-menu .tile-content ul li.last {
    border-bottom: none;   
}

/* --- Green End --- * /
/* -- Cyan vertical menu ---*/

#container.cyan #placeholder-left .vertical-menu .tile-bottom { 
    background: transparent url('images/menubottomcyan.png') no-repeat top left;
    /*background: #49D9CB url('images/menubottomcyanie.png') no-repeat bottom left;*/
}
#container.cyan #placeholder-left .vertical-menu .tile-content ul li {
    background:#49D9CB;
    border-bottom:1px solid #3db6aa;
    border-top:1px solid #75f4ee;
}
#container.cyan #placeholder-left .vertical-menu .tile-content ul li a:link,
#container.cyan #placeholder-left .vertical-menu .tile-content ul li a:visited,
#container.cyan #placeholder-left .vertical-menu .tile-content ul li a:hover {    
    background: transparent url('images/menuitemcyan.png') no-repeat scroll 5px 8px;
}
#container.cyan #placeholder-left .vertical-menu .tile-content ul li.active a:link,
#container.cyan #placeholder-left .vertical-menu .tile-content ul li.active a:visited {
    background: transparent url('images/cyansubmenuitemactive.png') no-repeat scroll 5px 8px;
    }
#container.cyan #placeholder-left .vertical-menu .tile-content ul li a:hover {
    background-color: #33CFBD;
    }   
#container.cyan #placeholder-left .vertical-menu .tile-content ul li.active {
    background: #49D9CB url('images/cyansubmenuactive.png') repeat-x scroll left bottom;
    }   
#container.cyan #placeholder-left .vertical-menu .tile-top {
    /*background: #49D9CB url('images/menutopcyanie.png') no-repeat top left;*/
    background: transparent url('images/menutopcyan.png') no-repeat bottom left;
    height: 8px;
    overflow: hidden;
}
#container #placeholder-left .vertical-menu .tile-content ul li.first {
    border-top: none;   
}   
#container #placeholder-left .vertical-menu .tile-content ul li.last {
    border-bottom: none;   
}  
/* --- Cyan End --- * /


/* -- Blue vertical menu ---*/

#container.blue #placeholder-left .vertical-menu .tile-bottom { 
    background: transparent url('images/menubottomblue.png') no-repeat top left;
    /*background: #0A7ECF url('images/menubottomblueie.png') no-repeat bottom left;*/
}
#container.blue #placeholder-left .vertical-menu .tile-content ul li {
    background:#0A7ECF;
    border-bottom: 1px solid #086aae;
    border-top: 1px solid #12b4f0;
}
#container.blue #placeholder-left .vertical-menu .tile-content ul li a:link,
#container.blue #placeholder-left .vertical-menu .tile-content ul li a:visited,
#container.blue #placeholder-left .vertical-menu .tile-content ul li a:hover {    
    background: transparent url('images/menuitemblue.png') no-repeat scroll 5px 8px;
}
#container.blue #placeholder-left .vertical-menu .tile-content ul li.active a:link,
#container.blue #placeholder-left .vertical-menu .tile-content ul li.active a:visited {
    background: transparent url('images/bluesubmenuitemactive.png') no-repeat scroll 5px 8px;
    }
#container.blue #placeholder-left .vertical-menu .tile-content ul li a:hover {
    background-color: #128ED6;
    }   
#container.blue #placeholder-left .vertical-menu .tile-content ul li.active {
    background: #0A7ECF url('images/bluesubmenuactive.png') repeat-x scroll left bottom;
    }
#container.blue #placeholder-left .vertical-menu .tile-top {
    /*background: #0A7ECF url('images/menutopblueie.png') no-repeat top left;*/
    background: transparent url('images/menutopblue.png') no-repeat bottom left;
}
#container #placeholder-left .vertical-menu .tile-content ul li.first {
    border-top: none;   
}   
#container #placeholder-left .vertical-menu .tile-content ul li.last {
    border-bottom: none;   
}  
/* --- Blue End --- * /

/* -- Extra vertical menu ---*/

#container.extra #placeholder-left .vertical-menu .tile-bottom { 
    background: transparent url('images/menubottomextra.png') no-repeat top left;
    /*background: #C9006 url('images/menubottomextraie.png') no-repeat bottom left;*/
}
#container.extra #placeholder-left .vertical-menu .tile-content ul li {
    background:#C90068;
    border-bottom:1px solid #a90057;
    border-top:1px solid #ed009c;
}
#container.extra #placeholder-left .vertical-menu .tile-content ul li a:link,
#container.extra #placeholder-left .vertical-menu .tile-content ul li a:visited,
#container.extra #placeholder-left .vertical-menu .tile-content ul li a:hover {    
    background: transparent url('images/menuitemextra.png') no-repeat scroll 5px 8px;
}
#container.extra #placeholder-left .vertical-menu .tile-content ul li.active a:link,
#container.extra #placeholder-left .vertical-menu .tile-content ul li.active a:visited {
    background: transparent url('images/extrasubmenuitemactive.png') no-repeat scroll 5px 8px;
    }
#container.extra #placeholder-left .vertical-menu .tile-content ul li a:hover {
    background-color: #D1267F;
    }   
#container.extra #placeholder-left .vertical-menu .tile-content ul li.active {
    background: #C90068 url('images/extrasubmenuactive.png') repeat-x scroll left bottom;
    }
#container.extra #placeholder-left .vertical-menu .tile-top {
    /*background: #C9006 url('images/menutopextraie.png') no-repeat top left;*/
    background: transparent url('images/menutopextra.png') no-repeat bottom left;
}
#container #placeholder-left .vertical-menu .tile-content ul li.first {
    border-top: none;   
}   
#container #placeholder-left .vertical-menu .tile-content ul li.last {
    border-bottom: none;   
}  
/* --- Extra End --- * /
/* --- Birthday child style ---*/
.small-birthdaydisplay {
	margin-top: 20px;
	background: transparent url('images/blokkbursdag1top.gif') top left no-repeat;
}	
.small-birthdaydisplay h3 {
	background: transparent;
	margin: 0px;
	padding-top: 5px;
}
.small-birthdaydisplay h3 span{
    font-size: 0.95em;
}
.small-birthdaydisplay .tile-content {
	padding: 0px 3px;
	/*background-color: #fbd4e6;*/
	}
	
.small-birthdaydisplay .list-thumbnail-left {
	margin: 0px 0px 2px 2px;
	background: transparent url('images/birthdaycanvas.png') top left no-repeat;
	width: 71px;
    height: 91px;
    padding-left: 3px;
    padding-top: 3px;
}
.small-birthdaydisplay .list-thumbnail-left img {
    border:1px solid #FFFFFF;
    height:82px;
    width:59px;
}
.small-birthdaydisplay .tile-content p {
    font-size: 0.95em;
    }
.small-birthdaydisplay .tile-bottom {
	background: #fbd4e6 url('images/blokkbursdag1bottom.jpg') bottom left no-repeat;
	height: 10px;
	}
	
/* --- Running horses tile --- */
.runninghorsetile {
	float: left;
}	

/*******************************/
/* .epostcard                  */

.epostcard-error {
    
}
#epostcard-form {
    display: none;
}
#epostcard-sendimage {
    display: none;
}
#epostcard-preview {
    display: block;
}
#epostcard-link {
    display: block;
}

/* --- Letters to the editor style --- */
.userrequest-list-seperator {
    background-image:url(images/seperator.gif);
    background-repeat:no-repeat;
    height:31px;
    margin-left:10px;
    width:103px;
}
ul li.userrequest-list-entry {
	background-image:url(images/hr.gif);
    background-position:right bottom;
    background-repeat:no-repeat;
    border-bottom:1px solid #8ED1FF;
    clear:both;
    list-style-type:none;
}


/* --- Thumbnail small article list --- */

.small-articlethumblist .tile-content {
	padding:0px;
	width: 100%;
	}

.small-articlethumblist ul li img {
	width: 40px;
	border:1px solid #666666;
    padding:1px;
	}
.small-articlethumblist ul li h3 {
    font-size: 1em;
    background: transparent;
    padding: 0px;
    margin: 0px;
    }
.small-articlethumblist ul li {
	margin-bottom: 5px;
	width: 100%;
	border-bottom: 1px dotted;
	padding-bottom: 5px;
	}    
.small-articlethumblist ul li p {
    padding: 0px;
    margin: 2px 0px;
    }
/* --- small article display tile --- */    
.small-articledisplay {
    
}
.small-articledisplay .tile-content {
	padding: 0px;
}
.small-articledisplay h3{
    background: transparent;
    padding: 5px 0px;
}
/* --- secure form tile --- */ 
.secure_form_frame {
    border:0 none;
    height:600px;
    margin-left:auto;
    margin-right:auto;
    overflow:hidden;
    width: 555px !important;
}

/* --- Link colors --- */
#container.purple .full-articlelist a.ctsitebase-articlelist-link-internal,
#container.purple .full-articlelist ul li h3,
#container.purple .full-articlelist ul li h3 a:hover,
#container.purple .full-articlelist ul li h3 a:visited,
#container.purple .full-articlelist ul li h3 a:link,
#container.purple .full-articledisplay h1
/*#container.purple #container-middle a:link,
#container.purple #container-middle a:visited,
#container.purple #container-middle a:hover */
	{
    color: #930cd1;
    background-color: transparent;
    }
#container.blue .full-articlelist a.ctsitebase-articlelist-link-internal,
#container.blue .full-articlelist ul li h3,
#container.blue .full-articlelist ul li h3 a:hover,
#container.blue .full-articlelist ul li h3 a:visited,
#container.blue .full-articlelist ul li h3 a:link,
#container.blue .full-articledisplay h1
/*#container.blue #container-middle a:link,
#container.blue #container-middle a:visited,
#container.blue #container-middle a:hover   */ {
    color: #0A7ECF;
    background-color: transparent;
    }
    
#container.extra .full-articlelist a.ctsitebase-articlelist-link-internal,
#container.extra .full-articlelist ul li h3,
#container.extra .full-articlelist ul li h3 a:hover,
#container.extra .full-articlelist ul li h3 a:visited,
#container.extra .full-articlelist ul li h3 a:link,
#container.extra .full-articledisplay h1
/*#container.extra #container-middle a:link,
#container.extra #container-middle a:visited,
#container.extra #container-middle a:hover */   {
    color: #C90068;
    background-color: transparent;
    }    
  
#container.red .full-articlelist a.ctsitebase-articlelist-link-internal,
#container.red .full-articlelist ul li h3,
#container.red .full-articlelist ul li h3 a:hover,
#container.red .full-articlelist ul li h3 a:visited,
#container.red .full-articlelist ul li h3 a:link,
#container.red .full-articledisplay h1
/*#container.red #container-middle a:link,
#container.red #container-middle a:visited,
#container.red #container-middle a:hover    */{
    color: #E2001A;
    background-color: transparent;
    }

#container .full-articlelist a.ctsitebase-articlelist-link-internal,
#container .full-articlelist ul li h3,
#container .full-articlelist ul li h3 a:hover,
#container .full-articlelist ul li h3 a:visited,
#container .full-articlelist ul li h3 a:link,
#container .full-articledisplay h1
/*#container.red #container-middle a:link,
#container.red #container-middle a:visited,
#container.red #container-middle a:hover    */{
    color: #000;
    background-color: transparent;
    }
    
/*******************************/
/* .epostcard                  */
.epostcard-thumbnails {
    text-align: center;
}
.epostcard-thumbnails table {
    width: 100%;
}
.epostcard-thumbnails td {
    padding: 5px;
}
.epostcard-thumbnails a {
    cursor:pointer;
}
.epostcard-error {
    border: 2px solid #000;
    background-color: #cd2f2f;
    color: #fff;
    font-weight: bold;
    margin-bottom: 10px;
    padding: 10px;
}
/* ----- */
#epostcard-form {
    display: none;
    margin-top: 20px;
}
#epostcard-sendimage {
    display: none;
}
#epostcard-selectedimage {
    text-align: center;
}
#epostcard-preview {
    display: block;
}
.epostcard-form-buttons {
    margin-top: 20px;
}

#epostcard-card {
    background-image: url(images/epostcard-background.gif);
    background-repeat: no-repeat;
    width: 510px;
    height: 362px;
    padding: 1px;
    margin: 10px;
    margin-bottom: 20px;
    color: #000;
}
#epostcard-card a:link,  #epostcard-card a:visited, #epostcard-card a:hover {
    color: #000;
    text-decoration: underline;
}
#epostcard-front {
    float: left;
    height: 350px;
}
#epostcard-back {
    width: 200px;
    float: right;
    height: 360px;
    overflow: auto;
    margin-right: 5px;
}
#epostcard-from {
    margin-top: 10px;
    margin-left: 10px;
}
#epostcard-to {
    margin: 10px;
}

/*******************************/    

#displayimage {
	max-width:1000px;
	max-height: 490px;
	}
#imagecontainer h3 {
	display: inline;
    font-size: 1.5em;
    }
#imagecontainer .posted-by {
    font-style: italic;               
    }
    
.optimiert {
	float: left;
	padding: 5px;
}

.frontpage #placeholder-content .full-articledisplay h1 { display: none; }

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

.webshop-cart 							{ border: solid 1px; }
#container.blue .webshop-cart 			{ border-color: #0A7ECF; }
#container.purple .webshop-cart 		{ border-color: #930CD1; }
#container.red .webshop-cart 			{ border-color: #E2001A; }
#container.cyan .webshop-cart 			{ border-color: #49D9CB; }
#container.green .webshop-cart 			{ border-color: #ACCF08; }
#container.yellow .webshop-cart 		{ border-color: #F0B50E; }
#container.extra .webshop-cart 			{ border-color: #C90068; }


.webshop-cart h3 						{ color: #fff; padding-left: 4px; }
#container.blue .webshop-cart h3		{ background: #0A7ECF; }
#container.purple .webshop-cart h3		{ background: #930CD1; }
#container.red .webshop-cart h3			{ background: #E2001A; }
#container.cyan .webshop-cart h3		{ background: #49D9CB; }
#container.green .webshop-cart h3		{ background: #ACCF08; }
#container.yellow .webshop-cart h3		{ background: #F0B50E; }
#container.extra .webshop-cart h3		{ background: #C90068; }

.webshop-cart .tile-content 			{ padding: 5px; overflow: hidden; }

.priceTypeForm 							{ clear: both; display: block; }

.webshop-cart .submit,
.webshop-checkout .submit,
.webshop-list-priceorder .submit,
.full-productdisplay-priceorder .submit	{ border: solid 1px; font-size: 0.8em; text-transform: uppercase; color: white; float: right; margin: 5px 0 5px 0; }
webshop-cart .submit 					{ margin: 5px 0 5px 0; }
.textinput.inputerror					{ border: solid 1px red; }
.puretext.inputerror					{ color: red; }

#container.blue .webshop-cart .submit,
#container.blue .webshop-checkout .submit,
#container.blue .webshop-list-priceorder .submit,
#container.blue .full-productdisplay-priceorder .submit		{ border-color: #0A7ECF; background-color: #0A7ECF; }

#container.purple .webshop-cart .submit,
#container.purple .webshop-checkout .submit,
#container.purple .webshop-list-priceorder .submit,
#container.purple .full-productdisplay-priceorder .submit	{ border-color: #930CD1; background-color: #930CD1; }

#container.red .webshop-cart .submit,
#container.red .webshop-checkout .submit,
#container.red .webshop-list-priceorder .submit,
#container.red .full-productdisplay-priceorder .submit		{ border-color: #E2001A; background-color: #E2001A;}

#container.cyan .webshop-cart .submit,
#container.cyan .webshop-checkout .submit,
#container.cyan .webshop-list-priceorder .submit,
#container.cyan .full-productdisplay-priceorder .submit		{ border-color: #49D9CB; background-color: #49D9CB; }

#container.green .webshop-cart .submit,
#container.green .webshop-checkout .submit,
#container.green .webshop-list-priceorder .submit,
#container.green .full-productdisplay-priceorder .submit		{ border-color: #ACCF08; background-color: #ACCF08; }

#container.yellow .webshop-cart .submit,
#container.yellow .webshop-checkout .submit,
#container.yellow .webshop-list-priceorder .submit,
#container.yellow .full-productdisplay-priceorder .submit		{ border-color: #F0B50E; background-color: #F0B50E; }

#container.extra .webshop-cart .submit,
#container.extra .webshop-checkout .submit,
#container.extra .webshop-list-priceorder .submit,
#container.extra .full-productdisplay-priceorder .submit		{ border-color: #C90068; background-color: #C90068; }


#container .webshop-cart .submit:hover,
#container .webshop-checkout .submit:hover,
#container .webshop-list-priceorder .submit:hover,
#container .full-productdisplay-priceorder .submit:hover			{ border-color: #000; background-color: #000; }

.webshop-list-priceorder .submit,
.full-productdisplay-priceorder .submit    { float: left; margin: 0px 5px 5px 0px; padding: 1px; }

.webshop-list-priceorder .amountfield,
.full-productdisplay-priceorder .amountfield { border: 1px solid; float: left; margin: 0px 5px 5px;}



#container.blue .webshop-list-priceorder .amountfield,
#container.blue .full-productdisplay-priceorder .amountfield			{ border-color: #0A7ECF; }

#container.purple .webshop-list-priceorder .amountfield,
#container.purple .full-productdisplay-priceorder .amountfield			{ border-color: #930CD1; }

#container.red .webshop-list-priceorder .amountfield,
#container.red .full-productdisplay-priceorder .amountfield			{ border-color: #E2001A; }

#container.cyan .webshop-list-priceorder .amountfield,
#container.cyan .full-productdisplay-priceorder .amountfield			{ border-color: #49D9CB; }

#container.green .webshop-list-priceorder .amountfield,
#container.green .full-productdisplay-priceorder .amountfield			{ border-color: #ACCF08; }

#container.yellow .webshop-list-priceorder .amountfield,
#container.yellow .full-productdisplay-priceorder .amountfield			{ border-color: #F0B50E; }

#container.extra .webshop-list-priceorder .amountfield,
#container.extra .full-productdisplay-priceorder .amountfield			{ border-color: #C90068; }

.full-productdisplay-priceorder label        { float: left; margin: 3px 5px 0px;}

.webshop-checkout .amountfield		         { width: 20px; }
.webshop-checkout fieldset table 	         { width:100%; }
.webshop-checkout .productrow .amount 		 { text-align: center; }
.webshop-checkout .productrow .currency 	 { text-align: right; padding-right: 20px; }
.webshop-checkout .basetotal td		         { border-top: #c4c4c4 solid 1px; padding-right: 20px; text-align:right; }

.webshop-checkout h1 {
	clear: both;
}

.list-productdisplay .list-thumbnail-right { float: right; }
#placeholder-content .full-articlelist .list-productdisplay h3	{ font-size: 1em; }

.list-productdisplay p,
.full-productdisplay h2 { clear: left; }

div.webshop-list-price { font-weight: bold; margin-bottom: 10px; } 

.full-productdisplay-priceorder .price { font-weight: bold; margin-bottom: 10px; }

div.webshop-checkout div.webshop-step-indicator {
	text-align: right;
	margin: 0px 0px 0px 0px;
	float: right;
	clear: both;
}
div.webshop-checkout div.webshop-step-indicator .indicatortext {
	font-size: 11px;
}

div.webshop-checkout div.webshop-step-indicator li,
div.webshop-checkout div.webshop-step-indicator li.active {
	background: #ededec;
	color: #000;
	display: inline;
	margin-left: 4px;
	border: 1px solid #dddddd;
	padding: 1px 7px 0 7px;
}

div.webshop-checkout div.webshop-step-indicator li.active,
div.webshop-checkout div.webshop-step-indicator li.step-done a,
div.webshop-checkout div.webshop-step-indicator li.step-done a:hover,
div.webshop-checkout div.webshop-step-indicator li.step-done a:visited {
	color: #fff;
}


#container.blue div.webshop-checkout div.webshop-step-indicator li.active {
	background-color: #0A7ECF;
}
#container.blue div.webshop-checkout div.webshop-step-indicator li.step-done,
#container.blue div.webshop-checkout div.webshop-step-indicator li.step-done a,
#container.blue div.webshop-checkout div.webshop-step-indicator li.step-done a:hover,
#container.blue div.webshop-checkout div.webshop-step-indicator li.step-done a:visited {
	background-color: #6dbcf3;
}

#container.purple div.webshop-checkout div.webshop-step-indicator li.active {
	background-color: #930CD1;
}
#container.purple div.webshop-checkout div.webshop-step-indicator li.step-done,
#container.purple div.webshop-checkout div.webshop-step-indicator li.step-done a,
#container.purple div.webshop-checkout div.webshop-step-indicator li.step-done a:hover,
#container.purple div.webshop-checkout div.webshop-step-indicator li.step-done a:visited {
	background-color: #c36aec;
}

#container.red div.webshop-checkout div.webshop-step-indicator li.active {
	background-color: #E2001A;
}
#container.red div.webshop-checkout div.webshop-step-indicator li.step-done,
#container.red div.webshop-checkout div.webshop-step-indicator li.step-done a,
#container.red div.webshop-checkout div.webshop-step-indicator li.step-done a:hover,
#container.red div.webshop-checkout div.webshop-step-indicator li.step-done a:visited {
	background-color: #ff6b7c;
}

#container.cyan div.webshop-checkout div.webshop-step-indicator li.active {
	background-color: #49D9CB;
}
#container.cyan div.webshop-checkout div.webshop-step-indicator li.step-done,
#container.cyan div.webshop-checkout div.webshop-step-indicator li.step-done a,
#container.cyan div.webshop-checkout div.webshop-step-indicator li.step-done a:hover,
#container.cyan div.webshop-checkout div.webshop-step-indicator li.step-done a:visited {
	background-color: #91e0d8;
}

#container.green div.webshop-checkout div.webshop-step-indicator li.active {
	background-color: #ACCF08;
	color: #818181;
}
#container.green div.webshop-checkout div.webshop-step-indicator li.step-done,
#container.green div.webshop-checkout div.webshop-step-indicator li.step-done a,
#container.green div.webshop-checkout div.webshop-step-indicator li.step-done a:hover,
#container.green div.webshop-checkout div.webshop-step-indicator li.step-done a:visited {
	background-color: #d1ec51;
	color: #818181;
}

#container.yellow div.webshop-checkout div.webshop-step-indicator li.active {
	background: #F0B50E;
}
#container.yellow div.webshop-checkout div.webshop-step-indicator li.step-done,
#container.yellow div.webshop-checkout div.webshop-step-indicator li.step-done a,
#container.yellow div.webshop-checkout div.webshop-step-indicator li.step-done a:hover,
#container.yellow div.webshop-checkout div.webshop-step-indicator li.step-done a:visited {
	background-color: #fdd362;
}

#container.extra div.webshop-checkout div.webshop-step-indicator li.active {
	background-color: #C90068;
}
#container.extra div.webshop-checkout div.webshop-step-indicator li.step-done,
#container.extra div.webshop-checkout div.webshop-step-indicator li.step-done a,
#container.extra div.webshop-checkout div.webshop-step-indicator li.step-done a:hover,
#container.extra div.webshop-checkout div.webshop-step-indicator li.step-done a:visited {
	background-color: #db73a9;
}