/* Club Med Sverige */

/* body */
body {
margin: 0;
padding: 0;
background: #94d2da;
color: #333;
font-size: 0.71em;
font-family: arial, verdana, helvetica, sans-serif;
}

p {
color: #333;
font-size: 1.1em;
line-height: 18px;
}

h2 {
font-family: georgia;
}

h3 {
font-family: georgia;
}

#container {
position: relative;
margin: 0 auto;
padding: 0;
width: 1010px;  
background: #fff;
	height: auto !important; /* real browsers */
	height: 100%; /* IE6: treaded as min-height*/
	min-height: 100%; /* real browsers */
}

/* body */

/* top */
#topHolder {
width: 1010px;
margin: 0;
padding: 0;
background: transparent;
}

#topLogospace {
float: left; 
height: 107px;
margin-top: 13px;
background: transparent;
padding: 0;
}

#topLogospace .logoholder {
float: left;
padding: 10px 0 0 20px;
}

#topLogospace .selectResort {
background: url(../images/bg-select-resort.gif) no-repeat; 
width: 504px;
height: 94px;
float: right;
padding: 0 20px 0 0;
margin-right: 10px;
}

#topLogospace .selectHolderVinter { 
position: relative;
width: 235px;
float: left;
padding: 0 0 0 15px;
}

#topLogospace .selectHolderSommar { 
position: relative;
width: 235px;
float: right;
padding: 0 0 0 15px;
}

#topLogospace h1 {
font-size: 17px;
font-weight: bold;
color: #034694;
margin-top: 0;
padding-top: 0;
}

#topLogospace h2 {
font-size: 12px;
font-weight: bold;
color: #fff;
margin: 5px 0 0 10px;;
padding-top: 0;
font-family: arial, verdana, helvetica, sans-serif;
}

#topLogospace h3 {
font-size: 12px;
font-weight: bold;
color: #333;
margin: 15px 0 0 0;
padding-top: 0;
font-family: arial, verdana, helvetica, sans-serif;
}

#topLogospace p {
padding: 0;
margin: 0;
}

#topLogospace .topResmaal {
float: right; 
margin-right: 20px;
margin-top: 15px;
}

#topHeader {
height: 250px;
width: 1010px;
background: transparent;
float: left;
margin: 0;
padding: 0; 
}

/* topmenu */

#topmenu {
float: left;
width: 1010px;
background: #47a2d0;
}

#topmenu ul {
width: 1010px;
height: 31px;
margin: 0 auto;
padding: 0 0 0 0;
float: left;
}

#topmenu ul li {
display: inline;
background-image: none;
}

#topmenu ul li a {
padding: 8px 15px 8px 15px;
float: left;
color: #fff;
font-size: 12px;
font-weight: bold;
font-family: arial, verdana, helvetica, sans-serif;
text-decoration: none;
background: #47a2d0;
border-right: 1px solid #fff;
}

#topmenu ul li a:hover {
background: #75b0ce;
}

#topmenu ul li .here {
background: #2584ba;
}

.clearer {
height: 0px;
font-size: 0px;
line-height: 0px;
clear: both;
}

/* topmenu */

/* content, main */

#content {
float: left;
width: 1000px;
background: #fff;
margin-top: 10px;
margin-bottom: 20px;
padding: 0 0 0 10px;
}

/* frontpage Left start */

#fpLeft {
float: left;
margin: 0;
width: 330px;
background-color: #f3f2f7;
padding: 0;
height: 400px;
border-bottom: 1px solid #b0a6c9;
}

#fpLeft .header {
background: #b0a6c9 url(../images/bg-fpleft-header.gif) right no-repeat;
height: 23px;
}

#fpLeft .imageHolder {
background: transparent;
height: 100px;
}

#fpLeft .imageHolder200px {
background: transparent;
height: 200px;
}

#fpLeft .content {
background: transparent;
height: 267px;
padding: 10px;
}

#fpLeft h1 {
margin: 0 0 0 10px;
padding: 4px 0 0 0;
color: #fff;
font-weight: bold;
font-size: 1.1em;
text-align: left;
text-transform: uppercase;
}

#fpLeft h2 {
margin: 0;
padding: 0 0 5px 0;
color: #47a2d0;
font-size: 1.2em;
font-weight: bold;
text-transform: uppercase;
}

#fpLeft p {
padding: 0;
margin: 0 0 10px 0;	
}

#fpLeft a, a:link, a:visited, a:active {
color: #660066;
font-weight: normal;
text-decoration: none;
font-size: 1em;
text-transform: uppercase;
}

#fpLeft a:hover {
text-decoration: underline;
}

/* end fpLeft */

/* frontpage Middle start */

#fpMiddle {
float: left;
margin: 0 0 0 10px;
width: 320px;
background-color: #e9f1f3;
padding: 0;
height: 400px;
border-bottom: 1px solid #498f9a;
}

#fpMiddle .header {
background: #498f9a url(../images/bg-fpmiddle-header.gif) right no-repeat;
height: 23px;
}

#fpMiddle .imageHolder {
background: transparent;
height: 100px;
}

#fpMiddle .imageHolder200px {
background: transparent;
height: 200px;
}

#fpMiddle .imageHolderA {
background: transparent;
margin-bottom: 5px;
}

#fpMiddle .imageHolderB {
background: transparent;
margin-top: 5px;
}

#fpMiddle .imageHolderC {
background: transparent;
margin: 0;
}

#fpMiddle .content {
background: transparent;
height: 267px;
padding: 10px;
}

#fpMiddle h1 {
margin: 0 0 0 10px;
padding: 4px 0 0 0;
color: #fff;
font-weight: bold;
font-size: 1.1em;
text-align: left;
text-transform: uppercase;
}

#fpMiddle h2 {
margin: 0;
padding: 4px 0 0 0;
color: #498f9a;
font-size: 1em;
font-weight: bold;
text-transform: uppercase;
}

#fpMiddle p {
padding: 0;
margin-top: 0;	
}

#fpMiddle a, a:link, a:visited, a:active {
color: #498f9a;
font-weight: bold;
text-decoration: none;
font-size: 1em;
}

#fpMiddle a:hover {
text-decoration: underline;
}

/* end fpMiddle */

/* frontpage Right start */

#fpRight {
float: left;
margin: 0 0 0 10px;
width: 320px;
height: 195px;
background-color: #f6f9eb;
padding: 0;
border-bottom: 1px solid #c4d97c;
}

#fpRight .header {
background: #b0a6c9 url(../images/bg-fpright-header.gif);
height: 23px;
}

#fpRight .content {
background: transparent;
padding: 10px;
}

#fpRight h1 {
margin: 0 0 0 10px;
padding: 4px 0 0 0;
color: #fff;
font-weight: bold;
font-size: 1.1em;
text-align: left;
text-transform: uppercase;
}

#fpRight h2 {
margin: 0;
padding: 4px 0 0 0;
color: #4b4c4a;
font-size: 1em;
font-weight: bold;
text-transform: uppercase;
}

#fpRight p {
padding: 0;
margin: 0 0 5px 0;
}

#fpRight a, a:link, a:visited, a:active {
color: #999941;
font-weight: normal;
text-decoration: none;
}

#fpRight a:hover {
text-decoration: underline;
}

#fpRight form input, form textarea {
background: #fff;
border: 1px solid #6b6d68;
float: left;
width: 15em;
}

#fpRight a.sendBtn{
background: #c4d97c;
border: #cc6633 solid 1px;
	color: #cc6633;	
	font-weight: bold;
	padding: 1px 3px 1px 3px;
	text-decoration: none;
	text-align: center;
	width: 4em;
	float: right;
}

#fpRight a.sendBtn:hover {  
color: #f6f9eb;
}

/* end fpRight */

/* frontpage Right 2 start */

#fpRight2 {
float: left;
margin: 0 0 0 10px;
width: 320px;
height: 195px;
background-color: #f6f9eb;
padding: 0;
border-bottom: 1px solid #c4d97c;
}

#fpRight2 .header {
background: #b0a6c9 url(../images/bg-fpright-header.gif);
height: 23px;
}

#fpRight2 .content {
background: transparent;
padding: 10px;
}

#fpRight2 h1 {
margin: 0 0 0 10px;
padding: 4px 0 0 0;
color: #fff;
font-weight: bold;
font-size: 1.1em;
text-align: left;
text-transform: uppercase;
}

#fpRight2 h2 {
margin: 0;
padding: 4px 0 0 0;
color: #4b4c4a;
font-size: 1em;
font-weight: bold;
text-transform: uppercase;
}

#fpRight2 p {
color: #333;
padding: 0;
line-height: 16.5px;
margin: 0 0 5px 0;
}

#fpRight2 a, a:link, a:visited, a:active {
color: #999941;
font-weight: bold;
text-decoration: none;
font-size: 1em;
}

#fpRight2 a:hover {
text-decoration: underline;
}

#fpRight2 form textfield, form textarea {
background: #fff;
border: 1px solid #6b6d68;
float: left;
width: 15em;
}

#fpRight2 a.sendBtn{
background: #c4d97c;
border: #cc6633 solid 1px;
	color: #cc6633;	
	font-weight: bold;
	padding: 1px 3px 1px 3px;
	text-decoration: none;
	text-align: center;
	width: 4em;
	float: right;
}

#fpRight2 a.sendBtn:hover {  
color: #f6f9eb;
}

/* end fpRight2 */


/* footer */

#footer {
margin: 0;
padding: 0;
clear:  both;
}

#footercontent {
height: 75px;
background: #47a2d0 url(../images/bg-footer.gif) right no-repeat;
}

#footertext {
margin: 0;
padding: 7px 0 0 0;
color: #fff;
font-size: 11px;
text-align: center;
line-height: 16px;
}

#footertext a,
#footertext a:link,
#footertext a:visited,
#footertext a:active{
color: #fff;
font-weight: normal;
text-decoration: underline;
}

#footertext a:hover {
color: #fff;
font-weight: normal;
text-decoration: none;
}

/* footer */

form input, form textarea {
background: #fff;
border: 1px solid #94d2da;
}

.formmargin {
margin-top: 0;
}

form {
margin-top: 0;
padding-top: 0;
}

textarea {
width: 235px;
height: 70px;
}

#tenpxHigh {
float: left;
height: 9px;
width: 310px;
margin-left: 10px;
}

#contentResorts {
float: left;
width: 1010px;
background: #fff;
margin-top: 0;
margin-bottom: 0;
padding: 0;
}

.imgZeroBorder {
border: 0;
margin: 0;
padding: 0;
}

#subContent {
float: left;
width: 660px;
background-color: #f3f2f7;
padding: 0;
margin: 0;
border-bottom: 1px solid #b0a6c9;
}

#subContent .header {
background: #b0a6c9 url(../images/bg-fpleft-header.gif) right bottom no-repeat;
height: 35px;
margin-bottom: 0;
padding-bottom: 0;
}

#subContent .imageHolder {
background: #fff;
height: 100px;
margin: 0;
}

#subContent .content {
background: transparent;
padding: 20px;
}

#subContent h1 {
margin: 0 0 0 20px;
padding: 9px 0 0 0;
color: #fff;
font-weight: bold;
font-size: 1.4em;
text-align: left;
text-transform: uppercase;
}

#subContent h2 {
margin: 0;
padding: 5px;
color: #fff;
background: #b0a6c9;
font-size: 1em;
font-weight: bold;
text-transform: uppercase;
}

#subContent h3 {
margin: 0;
padding: 0 0 5px 0;
color: #47a2d0;
font-size: 1.5em;
}

#subContent h4 {
margin: 0;
padding: 0 0 5px 0;
color: #498f9a;
font-size: 1.2em;
font-weight: normal;
}

#subContent h4.utoverDetVanliga {
color: #e0bd80;
}

#subContent h4.liteAvVarje {
color: #96bfd0;
}

#subContent h4.nyaKulturer {
color: #c5d882;
}

#subContent h4.passionForSport {
color: #f8b671;
}

#subContent h4.kannDigFornyad {
color: #b3b7d9;
}

#subContent h5 {
margin: 0;
padding: 0 0 5px 0;
color: #e0bd80;
font-size: 1.4em;
font-weight: bold;
font-family: georgia;
}

#subContent h5.liteAvVarje {
color: #96bfd0;
}

#subContent h5.nyaKulturer {
color: #c5d882;
}

#subContent h5.passionForSport {
color: #f8b671;
}

#subContent h5.kannDigFornyad {
color: #b3b7d9;
}

#subContent p {
padding: 0 0 0 0;
line-height: 18px;
margin-top: 0;	
}

#subContent p.resmalResorts {
font-weight: bold
}

#subContent ul {
font-size: 1.1em;
margin: 0 0 20px 20px;
padding: 0;
}

#subContent ul li {
display: list-item;
list-style-type: circle;
line-height: 18px;
}

#subContent a, a:link, a:visited, a:active {
color: #660066;
font-weight: normal;
text-decoration: none;
font-size: 1em;
text-transform: none;
}

#subContent a:hover {
text-decoration: underline;
}

#subContent table {
background: #afebf3;
border: 0;
border-collapse: collapse;
}

#subContent tr {
font-weight: bold;
}

#subContent tr.bg {
background: #fff;
font-weight: normal;
}

#subContent td {
padding: 5px;
}

#subContent table.noBgColor {
background: #f3f2f7;
border: 0;
border-collapse: collapse;
}

#subContent a.katalog, a.katalog:link, a.katalog:visited, a.katalog:active {
color: #660066;
font-weight: bold;
text-decoration: none;
font-size: 1.3em;
text-transform: none;
margin-top: 4px;
}

#subContent a.katalog:hover {
text-decoration: underline;
}

#subRight {
float: left;
margin: 0 0 0 10px;
width: 320px;
background-color: #e9f1f3;
padding: 0;
border-bottom: 1px solid #498f9a;
}

#subRight .header {
background: #498f9a url(../images/bg-fpmiddle-header.gif) right no-repeat;
height: 23px;
}

#subRight .content {
background: transparent;
padding: 10px;
}

#subRight h1 {
margin: 0 0 0 10px;
padding: 4px 0 0 0;
color: #fff;
font-weight: bold;
font-size: 1.1em;
text-align: left;
text-transform: uppercase;
}

#subRight h2 {
margin: 0;
padding: 4px 0 0 0;
color: #498f9a;
font-size: 1em;
font-weight: bold;
text-transform: uppercase;
}

#subRight p {
padding: 0;
margin-top: 0;	
}

#subRight a, a:link, a:visited, a:active {
color: #498f9a;
font-weight: normal;
text-decoration: none;
font-size: 1em;
}

#subRight a:hover {
text-decoration: underline;
}

.boldtext {
font-weight: bold;
color: #666;
}

.fontBlue {
color: #47a2d0;
font-weight: bold;
}

.fontRed {
color: #cc0000;
}

.fontSmall {
font-size: 0.8em;
}

.fontItalic {
font-style: italic;
}

.resorts {
background-color: #94d2da;
font-size: 1.1em;
font-weight: normal;
padding: 5px;
}

.resortsWhiteBg {
font-size: 1em;
font-weight: normal;
padding: 5px;
}

.smallimageleft {
float: left;
margin: 5px 15px 5px 0;
}

.smallimageright {
float: right;
margin: 5px 0 5px 15px;
}

.floatLeft {
float: left;
}

.floatRight {
float: right;
}

.fpBannerHolder {
margin-bottom: 15px;
}

#fpTemp {
float: left;
margin: 0 0 0 10px;
width: 320px;
background-color: transparent;
padding: 0;
height: 400px;
}

#fpTemp .header {
background: #498f9a url(../images/bg-fpmiddle-header.gif) right no-repeat;
height: 23px;
}

#fpTemp h1 {
margin: 0 0 0 10px;
padding: 4px 0 0 0;
color: #fff;
font-weight: bold;
font-size: 1.1em;
text-align: left;
text-transform: uppercase;
}

#fpTemp .imageHolder {
background: transparent;
height: 100px;
margin-bottom: 10px;
}

.katalogHolder {
float: right;
margin: 5px 280px 5px 0;
}

.smallimageClear {
float: left;
margin: 5px 15px 5px 0;
clear: left;
}

.clear {
clear: both;
}