/* Overall structure properties */
* {
	padding: 0;
	margin: 0;
}
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	text-align:left;
	background: url("../images/bd2.jpg") center top  repeat-x;
}

hr {
	clear: both;
}
/* Typographic properties */
p  {
	font-size: 1.2em;
	font-family: tahoma, verdana, arial;
	line-height: 1.6em;
	margin: 0 0 16px 0;
}
table tr td  p {
	font-size: 1.2em;
	color: #999999;
}
table tr td.VrubrikTable {

}
table tr td div.newsitem_text  p {
	color:black;
	font-size:1em;
}

table tr td  img {
	margin: 2px;
}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2.5em;
	font-weight: normal;
	margin: 0 0 15px 0;
}
h2, div.newsitem_rubrik {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2em;
	margin: 0 0 1em;
	font-weight: normal;
	border-bottom: solid #CCCCCC 1px;
}

h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.6em;
	font-weight: 600;
}

div#footer table {
	font-size: 1.2em;
	color: #CCCCCC;
}
div#footer table tr td h3 {
	color: #666666;
	font-weight: 600;
	font-size: 1.2em;
}

span.price {
	color: red;
	font-size: 1.6em;
}
/* Search form properties*/
.search {
	background-image: url("../images/search.jpg");
	background-repeat: repeat-x;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: inset;
	border-right-style: inset;
	border-bottom-style: inset;
	border-left-style: inset;
	font-size: 10px;
	margin-right: 5px;
}
.button {
	background-image: url("../images/search.jpg");
	background-repeat: repeat-x;
	font-size: 10px;
	margin-right: 5px;
	border: 1px solid #CBC6BB;
}
#container {
	width: 936px;
	margin: 0 auto;
	position: relative;
}
#top {
}

object {
	position: relative;
	left: 8px;
}
#content {
	width: 934px;
	background-image: url("../images/cbd.jpg");
	background-repeat: repeat-y;
}
#innercontainer {
	width: 914px;
	position: relative;
	left: 14px;
	padding-top: 20px;

}
div#menuplacer {
	width: 100%;
	height: 44px;
	background: url("../images/menyextra.jpg") repeat-x;
}
#meny {
	width: 914px;
	height: 44px;
	background-image: url("../images/meny.jpg");
	background-repeat: repeat-x;
	background-position: left top;
	margin-bottom:30px;
	position: relative;
	left: 14px;
	
}
#meny div#icmsLiMenu {
}

#meny div#icmsLiMenu ul {
	list-style-type: none;
}

div#innercontainer ul {
	font-size: 1.2em;
	list-style-type: normal;
	margin: 0 0 0 30px;
	font-family: Arial, Helvetica, sans-serif;
}

div#innercontainer ul li {
	margin: 0 0 10px 0 ;
}

ol li {
	margin: 0 0 10px 20px ;
	font-size: 1.2em;
}

#meny div#icmsLiMenu ul li {
	display: block;
	float: left;
	height: 20px
}
#meny div#icmsLiMenu ul li a {
	font-size: 1.2em;
	color: white;
	display: block;
	padding: 10px 10px 10px 10px; 
}

#meny div#icmsLiMenu ul li a:hover {
	background: #0099CC;
}

.separator {
	padding-top: 5px;
}

#left {
	float: left;
	width: 480px;
	clear: right;
}
#left_subpage {
	float: left;
	width: 920px;
	clear: right;
}
#left2_subpage table tr td{
	font-size: 1.2em;
	color: #000000;
}
#left2_subpage table tr td img{
	border:solid 1px black;
}
#left1 {
	float: left;
	width: 73px;
}
#left2 {
	width:400px;
	float: right;
	position: relative;
	left: 20px;
}
#left2 img {
	border:none;
}
#left2_subpage {
	width:810px;
	float: left;
	position: relative;
	left: 20px;
}

div#rightContainer {
	width: 400px;
	float: right;
}
#right1 {
	float: right;
}
#right2 {
	float: right;
	clear: both;
	width: 390px;
	text-align: right;
}
#footer {
	width: 914px;
	float:left;
	height: 71px;
	margin: 20px 0 0 0 ;
	background: url("../images/c.jpg") #333333 no-repeat left; 
	text-align: center;
}
#footer table tr td a:link {
	color:#CCCCCC;
}
#footer table tr td a:visited {
	color:#CCCCCC;
}



#footerLogos {
	width: 918px;
	text-align: center;
	height: 60px;
}

a.logoFooter {
	display: block;
	float: left;
	position:relative;
	margin-top: 20px;
	margin-left:20px;
}

a#apollo {
	width: 100px;
	height: 31px;
	background: url("../images/footer/apollo.gif") no-repeat;
}

a#apollo:hover {
	background: url("../images/footer/apollo_color.gif") no-repeat;
}
a#swanssons {
	width: 119px;
	height: 35px;
	background: url("../images/footer/swansson.gif") no-repeat;
}
a#swanssons:hover {
	background: url("../images/footer/swansson_color.gif") no-repeat;
}

a#ving {
	width: 42px;
	height: 42px;
	background: url("../images/footer/ving.gif") no-repeat;
}
a#ving:hover {
	background: url("../images/footer/ving_color.gif") no-repeat;
}

a#res {
	width: 42px;
	height: 38px;
	background: url("../images/footer/res.gif") no-repeat;
}
a#res:hover {
	background: url("../images/footer/res_color.gif") no-repeat;
}
a#solresor {
	width: 76px;
	height: 28px;
	background: url("../images/footer/solresor.gif") no-repeat;
}
a#solresor:hover {
	background: url("../images/footer/solresor_color.gif") no-repeat;
}
a#kuomi {
	width: 119px;
	height: 35px;
	background: url("../images/footer/kuomi.gif") no-repeat;
}
a#kuomi:hover {
	background: url("../images/footer/kuomi_color.gif") no-repeat;
}
a#viking {
	width: 91px;
	height: 30px;
	background: url("../images/footer/viking.gif") center center no-repeat;
}
a#viking:hover {
	background: url("../images/footer/viking_color.gif") center center no-repeat;
}
a#silja {
	width:95px;
	height: 35px;
	background: url("../images/footer/silja.gif") no-repeat;
}
a#silja:hover {
	background: url("../images/footer/silja_color.gif") no-repeat;
}

#footerContent {
	float: right;
	width: 740px;
}	
#info a {
	font-family: Arial, Helvetica, sans-serif;
	color: #CCCCCC;
	text-decoration: underline;
}

.bottom {
	margin-left: 2px;
	position: relative;
}
.ram1 {
	background-color: #F4F4F4;
	padding: 10px;
	border: 0px solid #FFFFFF;
	margin: 10px;
}
.ram2 {
	background-color: #F7F7F7;
	padding: 10px;
	border: 0px solid #FFFFFF;
	margin: 10px;
}
.destination {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	padding: 10px;
}
.period {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: lighter;
	text-decoration: none;
	padding: 10px;
	color: #525252;
}
.kostnad {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #20d900;
	text-decoration: none;
	padding: 10px;
}
.headlineimage {
	padding-left: 10px;
}
.gray {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #807E7E;
}
.norrtelje {
	padding-right: 20px;
	padding-left: 20px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #424242;
	font-family: Arial, Helvetica, sans-serif;
	color: #CCCCCC;
}
.sthlm {
	padding-right: 20px;
	padding-left: 20px;
	font-family: Arial, Helvetica, sans-serif;
	color: #CCCCCC;
}
#bokaresa {
	color: #807E7E;
	padding-left: 10px;
}
#bokaresa img {
	padding-right: 5px;
	padding-left: 4px;
	padding-bottom:40px;
}

.welcome {
	font-family: Tahoma;
	font-size: 12px;
}
/*
 * Makes floating objects take up space. Fix from http://www.csscreator.com/attributes/containedfloat.php
 */
.floatcontainer:after
{
	content: ".";
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility:hidden;
}

.floatcontainer
{
	display: inline-block;
}

/* Hides from IE Mac \*/
* html .floatcontainer
{
	height: 1%;
}

.floatcontainer
{
    display:block;
}
/* End Hack */



.news_comment_header {
	width:360px;
	background:#C4D5E3;
	border:1px solid #C4D5E3;
	font-weight:bold;
	padding:5px;
	font-size:15px;
}

.news_comment_body {
	width:360px;
	background:#FFFFFF;
	border-left:1px solid #C4D5E3;
	border-right:1px solid #C4D5E3;
	border-bottom:1px solid #C4D5E3;
	padding:5px;
	font-size:12px;
}
.news_comment_body p {
	font-size: 12px;
}



.icmsLatestNews1{
	padding:5px;
	background-color:#f2f2f2;
	height:25px;
	width:350px;
	float: right;

}
.icmsLatestNews2{
	padding:5px;
	background-color:#ffffff;
	height:25px;
	width:350px;
	float: right;
}
.newsitem_preamble_date{
	float:left;
	width:40px;
	font-size: 1.2em;
	font-weight:bold;
}
.newsitem_show_catcomment{
	float:left;
	font-weight:bold;
	font-size: 1.2em;
	text-align: left;
	width: 80px;
	padding-left: 10px;
	background 
}
.newsitem_rubrik_latest{
	float:left;
	width:130px;
	font-size: 1.2em;
	text-align:right;
}
.newsitem_ingress {
	font-weight: bold;
	
}

.icmsLatestNews1 .newsitem_ingress, .icmsLatestNews2 .newsitem_ingress{
	float:right;
	width:90px;
	color:#FF6600;
	font-weight:bold;
	font-size:15px;
}
.news_enddiv{
	/*clear:both;*/
}
div.erbjudande  {
	position: relative;
	width: 350px;
	height: 110px;
	float: left;
	margin: 10px 0 0 20px;
	border-bottom: solid #CCCCCC 1px;
	border-right: solid #CCCCCC 1px;
	border-top: solid  #ebeaea 1px;
	border-left: solid #ebeaea 1px;
}


h1.pdetail {
	color: #FFFFFF;
}
div.erbjudande  div.newsitem_preamble_date  {
	float: left;
	/*position: absolute;*/
	
}


div.erbjudande div.newsitem_rubrik_latest {
	color: #FF0000;
	text-align: left;
	width: 100%;
	margin: 5px 0 0 5px;
	padding-bottom: 5px;
}

div.erbjudande div.news_image {
	width: 80px;
	height: 60px;
	float: left;
	margin: 0 10px 0 0;
	padding: 5px;
	overflow: hidden;
}
div.erbjudande div.ntoffer {
	position: absolute;
	right: -10px;
	width: 60px;
	height: 46px;
	top: -20px;
}
div.erbjudande div.news_image img {
	border: none;
}
div.erbjudande div.newsitem_rubrik_latest  a{
 	font-weight: 600;
	color: #990000;
	font-size: 1em;
}
div.erbjudande div.newsitem_ingress {
	color: #333333;
	font-weight:normal;
	padding: 5px;
}

/* Read more page properties */
div.newsitem_backbutton img, div.newsitem_printbutton img {
	width: 40px;
	height: 40px;
}

.newsitem_backbutton  {
        position: relative;
        float: left;
        margin-right: 14px;
        width: 24px;
        height: 24px;
        background: url('../images/newsitem_back.gif') no-repeat;
}
div.newsitem_backbutton, div.newsitem_printbutton {
	float: left;
}

div#print table tr td table tr td img {
	float: right;
}
.newsitem_printbutton img {
        position: relative;
        float: left;
        width: 24px;
        height: 24px;
        background: url('../images/newsitem_print.gif') no-repeat;
}

/* Reseförfrågan */

div#errorDiv, div#successDiv {
	display: none;
	background: #CC3300;
	border: solid 3px #990000;
	color: white;
	padding: 10px;
	font-size: 12px;
}

div.formpart ul li.children_age {
	/*display: none;*/
}
div#travel_form div.text {
	width: 350px;
	margin: 4px 0 0 0;
	float: left;
	position: relative;
}


div#travel_form div.extra {
	background: url("../images/form_submit.jpg") no-repeat;
	border: none;
	width: 195px;
	height: 46px;
	color: white;
	float: left;
	margin-top: 10px;
}
div#travel_form div.extra div.extra_check {
	margin: 5px 0 0 10px;
}

div#travel_form div.extra div.extra_check input {
	margin: 0;
	padding:0;
	display: inline;
	line-height: 0;
	_margin: -4px 0 0 -4px;
}





div#travel_form input#submit {
	background: url("../images/form_submit.jpg") no-repeat;
	border: none;
	width: 195px;
	height: 46px;
	color: white;
	float: right; 
	margin: 10px 10px 0 0;
}
div#successDiv {
	background: #66CC33;
	border: solid 3px #006600;
	color: #003300;
}
div.formpart {
	width: 257px;
	height: 240px;
	float: left;
	position: relative;
	margin-right: 5px;
	background: url("../images/form_background.jpg") no-repeat #115594;
}

div.formpart  h3 {
	font-size: 1.2em;
	color: white;
	top: 7px;
	left: 10px;
	position: absolute;
}
div#innercontainer div.formpart ul {
	margin: 0;
	padding: 0;
	position: relative;
	top: 40px;
	list-style-type: none;
}
div.formpart ul li {
	margin:0 ;
	padding: 0;
	display: block; 

}

div.formpart ul li select {
	width: 145px;
}

div.formpart ul li label {
	display: block;
	float: left;
	height: 10px;
	width: 83px;
	padding: 0 0 0 10px;
	color: white;
	font-size: 11px;
	position: relative;
}

div.formpart ul li input {
}
div.formpart ul li textarea {
	width: 230px;
	height: 55px;
	margin: 5px 0 0 10px;
	overflow: auto;
	font-size:11px;

}
div.formpart ul li.children_age textarea {
	width: 142px;
	height: 30px;
	margin: 0;
	overflow: auto;
	color: #999999;
	font-style: italic;
}
div.formpart ul li.checkboxes {
	padding-left:10px;
}

div.formpart ul li.checkboxes  div.checkbox_box label {
	padding: 0;
	margin: 0;
}
div.formpart ul li.checkboxes  div.checkbox_box {
	width: 80px;
	height: 50px;
	float: left;
	margin: 0;
	padding: 0;
}
div.formpart ul li.checkboxes  div.checkbox_box label {
	float: left;
	height: 20px;
	font-size: 11px;
}
div.formpart ul li.checkboxes div input {
	float: left;
}
div.formpart ul li.checkboxes div label {
	padding: 0;
	margin: 0;
	display: block;
	width: 60px;
	font-size: 11px;
	position: relative;
}

/*
 * Makes floating objects take up space. Fix from http://www.csscreator.com/attributes/containedfloat.php
 */
.floatcontainer:after
{
	content: ".";
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility:hidden;
}

.floatcontainer
{
	display: inline-block;
}

/* Hides from IE Mac \*/
* html .floatcontainer
{
	height: 1%;
}

.floatcontainer
{
    display:block;
}
/* End Hack */