html {
	background-color: #ffe513;
	background-image: url('../img/bakgrund/bg_star.png');
	/*background-image: url('../img/bakgrund/bg_jul2.jpg');*/
	background-repeat: repeat;
}
body {
	margin-top: 10px;
}

#container {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	padding: 0;
	vertical-align: top;
}




/*-------------------------------------------------------------*/
/* HUVUD */

#header {
	margin: 0;
	padding: 0;
	background-image: url('../img/layout/bg_header.png');	
	background-repeat: no-repeat;
	height: 200px
}
#header img {
    margin: 10px 10px 0px 10px;
}
#flashcontent {
    padding: 10px 10px 10px 10px;
}



/*-------------------------------------------------------------*/
/* MENYER */

#nav {
	padding: 0px 30px 0px 40px;
	width: 120px;
	float: left;
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	color: #00937f;   
}
#nav ul {
    list-style: none;
    margin: 0;
    padding: 0;      
    font: normal 12px Verdana, Arial, Helvetica, sans-serif;
}
#nav ul li.nav {
    padding: 4px 0px 6px 0px;
    font: bold 13px Verdana, Arial, Helvetica, sans-serif;    
}
#nav ul li.sub {
	padding: 0px 0px 2px 10px;	
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;	  
}
#nav .hi {
    color: #c40000
}
#nav .on {
	color: #00ceb2;
}
#nav a {
	color: #00937f;
	text-decoration: none;
}
#nav a:hover {
	color: #00ceb2;
}
#nav a:active {
	color: #00ceb2;
}


/* EXTRA MENY */

#extnav {
    top: 0px;
    height: 30px;
    padding-top: 4px;
    padding-right: 40px;
    text-align: right;
    vertical-align:top;
    font: normal 11px Verdana, Arial, Helvetica, sans-serif;	  
    color: #cccccc;
    text-transform: uppercase;
}
#extnav a {
    color: #00937f;
	text-decoration: none;
}
#extnav a:hover {	
	color: #00ceb2;
	text-decoration: underline;	
}
#extnav a:active {
	color: #00ceb2;
	text-decoration: underline;
}




/*-------------------------------------------------------------*/
/* INNEHÅLL */

#body {
    background-image: url('../img/layout/bg_body.png');
    background-repeat: repeat;
    height: 100%;   
}

#content {
	vertical-align: top;
	padding: 0;
	margin: 0;
/*	background-image: url('../img/layout/bg_content.png');
    background-repeat: no-repeat;*/    
}
.content {
	width: 760px;
	margin: 0;
	padding: 0;
	min-height:400px;
}
.content .td_left {
	width: 350px;	
	vertical-align: top;
	padding: 0px 30px 0px 0px;
}
.content .td_center {
	width: 160px;	
	vertical-align: top;
	padding: 0px 30px 0px 0px;
}
.content .td_right {
	width: 160px;	
	vertical-align: top;
	padding: 0px 30px 0px 0px;
}
.content .td_leftcenter {
	width: 540px;	
	vertical-align: top;
	padding: 0px 30px 0px 0px;
}
.content .td_centerright {
	width: 350px;	
	vertical-align: top;
	padding: 0px 30px 0px 0px;
}
.content .td_leftcenterright {
	width: 730px;	
	vertical-align: top;
	padding: 0px 30px 0px 0px;
}

.content h1, h2, h3, h4, h5, h6 {
	margin-top: 0px;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
}
.content h1 {
	font-size: 28px;
	margin-bottom: 14px;
	color: #00937f;	
}
.content h2 {
	font-size: 20px;
	margin-top: 14px;	
	margin-bottom: 6px;	
	color: #00937f;		
}
.content h3 {
	font-size: 16px;
	margin-top: 14px;
	margin-bottom: 6px;		
	color: #00937f;		
}
.content h4 {
	font-size: 28px;
	margin-bottom: 14px;
	color: #c40000;	
}
.content h5 {
	font-size: 20px;
	margin-top: 14px;
	margin-bottom: 6px;	
	color: #c40000;		
}
.content h6 {
	font-size: 16px;
	margin-top: 14px;
	margin-bottom: 6px;	
	color: #c40000;	
}
.content p {
	margin: 2px 0px 6px 0px;
	padding: 0px 0px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;	
	font-size: 13px;
	line-height: 130%
}
.content .imgp {
	margin: 0px 0px 6px 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;	
	font-size: 12px;
	font-style: italic
}
.content .imgleft {
	padding: 0px 10px 10px 0px;
    float: left
}
.content .imgright {
	padding: 0px 0px 10px 10px;
	float: right
}
.content .greenp {
	color: #00937f
}
.content .redp {
	color: #c40000
}
.content input, submit, button {
	font-family: Verdana,Arial, Helvetica, sans-serif;	
	font-size: 11px;
}
#content .formular table {
    margin: 0;
    padding: 0;
}
#content .formular td {
    padding: 4px 4px 4px 0px;
	font-family: Arial, Helvetica, sans-serif;	
	font-size: 13px;
}

#content a {
	color: #00937f;
	text-decoration: none;
}
#content a:hover {
	color: #00ceb2;
	text-decoration: underline;	
}
#content a:active {
	color: #00ceb2;
	text-decoration: underline;
}

#content a.link_boka{
	color: #c40000;
	font-weight: bold;
	text-decoration: none;
}
#content a.link_boka:hover {
	color: #c40000;
	text-decoration: underline;	
}
#content a.link_boka:active {
	color: #c40000;
	text-decoration: underline;
}


/* ALLA RESOR */

#content .allaresor table {
    width: 730px;
    margin: 0;
    padding: 0;
}
#content .allaresor .td1, .td2, .td3, .td4 {
    width: 160px;
    text-align: left;
    vertical-align: top;
    margin: 0;
    padding: 0px 0px 15px 0px;
    font-family: Arial, Helvetica, sans-serif;	
	font-size: 13px;    
	line-height: 130%        
}
#content .allaresor .td1, .td2, .td3 {
    padding-right: 30px;
}
#content .allaresor img {
	border: 0;
}
#content .allaresor a {
	color: #000000;    
	text-decoration: none;
}
#content .allaresor a:hover {
	color: #00ceb2;        	
	text-decoration: underline;	
}
#content .allaresor a:active {
	color: #00ceb2;        
	text-decoration: underline;
}
#content .allaresor h2 {
	font-size: 14px;
	margin-top: 6px;
	margin-bottom: 2px;		
	color: #c40000;		
}
#content .allaresor h3 {
	font-size: 14px;
	margin-top: 6px;
	margin-bottom: 2px;		
	color: #00937f;		
}
#content .allaresor .datumpris {
	color: #c40000;	
	font-weight: bold		
}
#content .allaresor .news {
    background-color: #ff0000;
    color: #ffff00;
    font-weight: bold
}
#content .allaresor .red {
    font-weight: bold;
    color: #c40000;
    font-style: italic
}
#content .allaresor .green {
    font-weight: bold;
    color: #00937f;
    font-style: italic
}


/* RESEKALENDER */

#content .resekalender td {
    padding: 0px 10px 5px 0px;
    font-family: Arial, Helvetica, sans-serif;	
	font-size: 13px;
}
#content .resekalender a {
	color: #000000;    
	text-decoration: none;
}
#content .resekalender a:hover {
	color: #00937f;        	
	text-decoration: underline;	
}
#content .resekalender a:active {
	color: #00937f;        
	text-decoration: underline;
}
#content .resekalender .news {
    background-color: #c40000;
    font-weight: bold;
    color: #ffff00
}
#content .resekalender .red {
    font-weight: bold;
    color: #c40000;
    font-style: italic
}
#content .resekalender .green {
    font-weight: bold;
    color: #00937f;
    font-style: italic
}

/* NYHETSBREV */

#nyhetsbrevform {
    width: 104px;
    background-color: #00937f;
    margin-top: 25px;
    padding: 8px 8px 8px 8px;
    color: #ffe513;
    font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 11px;    
	text-transform: uppercase;
}
#nyhetsbrevform H4 {    
	margin: 0;
	padding: 0px 0px 4px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 12px;    
	font-weight: bold;
	color: #ffe513;
}
#nyhetsbrevform P {    
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 11px;    
	color: #ffe513;
}
#nyhetsbrevform input, submit {
    width: 98px;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 11px;    
}


/* GÄSTBOK */

#gastbokform {
    width: 310px;
    background-color: #00937f;
    margin: 0;
    padding: 20px 20px 20px 20px;
    color: #ffe513;
    font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 11px;    
	text-transform: uppercase;
}
#gastbokform H4 {    
	margin: 0;
	padding: 0px 0px 4px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 12px;    
	font-weight: bold;
	color: #ffe513;
}
#gastbokform P {    
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 11px;    
	color: #ffe513;
}
#gastbokform input, submit {    
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 11px;    
}
#gastbokunconfirmed {
    width: 310px;
    margin: 0px 0px 10px 0px;   
    padding: 20px 20px 15px 20px; 
    background-color: #ff9933;
}
#gastbokunconfirmed input, submit {
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 11px;  
}
#gastbok {
    width: 350px;
    margin: 0px 0px 0px 0px;
}
#gastbok p {
    padding: 0px 0px 4px 0px;
    margin: 0;
	font-family: Arial, Helvetica, sans-serif;	
	font-size: 13px;
}


/* BLOGG */
.bloggform, .bloggformtack {
    width: 520px;
    background-color: #00937f;
    margin: 0px 80px 20px 80px;
    padding: 20px 20px 20px 20px;
    color: #ffe513;
    font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 11px;    
	text-transform: uppercase;
}
.bloggformtack H4 {    
	margin: 0;
	padding: 0px 0px 4px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 12px;    
	font-weight: bold;
	color: #ffe513;
}
.bloggform P {    
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 11px;    
	color: #ffe513;
}
.bloggform input, submit {    
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 11px;    
}
#bloggkommentar {
    margin: 0px 100px 0px 100px
}
#bloggkommentaropublicerad {
    background-color: #ff9933;
    padding: 5px 0px 5px 0px
}
#blogg {
}
#bloggunpublished {
    background-color: #ff9933;
}
#blogg input, textarea {    
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 11px;    
}
#blogg table {
	font-family: Arial, Helvetica, sans-serif;	
	font-size: 13px;
}

/*-------------------------------------------------------------*/
/* PUFFAR */

#resepuff {
    width: 160px;
    margin: 0;
    padding: 0px 0px 15px 0px;
	font-family: Arial, Helvetica, sans-serif;	
	font-size: 13px;    
	line-height: 130%    
}
#resepuff img {
	border: 0
}
#resepuff a {
	color: #000000;    
	text-decoration: none;
}
#resepuff a:hover {
	color: #00ceb2;        	
	text-decoration: underline;	
}
#resepuff a:active {
	color: #00ceb2;        
	text-decoration: underline;
}
#resepuff h2 {
	font-size: 14px;
	margin-top: 6px;
	margin-bottom: 2px;		
	color: #c40000;		
}
#resepuff h3 {
	font-size: 14px;
	margin-top: 6px;
	margin-bottom: 2px;		
	color: #00937f;		
}
#resepuff .red {
    font-weight: bold;
    color: #c40000;
    font-style: italic
}


#prenumerera {
    width: 140px;
    background-color: #00937f;
    margin: 0px 0px 20px 0px;
    padding: 10px 10px 10px 10px;
    color: #ffe513;
    font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 11px;    
	text-transform: uppercase;
}
#prenumerera H4 {    
	margin: 0;
	padding: 0px 0px 4px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 12px;    
	font-weight: bold;
	color: #ffe513;
}
#prenumerera P {    
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 11px;    
	color: #ffe513;
}
#prenumerera input {    
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 11px;    
}


/*-------------------------------------------------------------*/
/* FOT */

#footer {
	background-image:url('../img/layout/bg_footer.png');
	clear: both;
	height: 70px;
	margin: 0;
	padding: 0;
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-align: center;
	letter-spacing: 0.1pt;
	color: #00937f;	
}
#footer p {
    margin: 0;
	padding-top: 30px
}
#footer a {
	color: #00937f;
	text-decoration: none;
}
#footer a:hover {
	color: #00ceb2;
	text-decoration: underline;
}
#footer a:active {
	color: #00ceb2;
	text-decoration: underline;
}




/*-------------------------------------------------------------*/
/* WEB */

#web {    
	padding-top: 0px;
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;	
	color: #c1ad0e;
	text-align: right;
	padding-right: 40px
}
#web a {
	color: #c1ad0e;
	text-decoration: none;
}
#web a:hover {
	color: #6b6008;
}
#web a:active {
	color: #6b6008;
}

/*-------------------------------------------------------------*/
/* ADMIN */

#admin {
	font: normal 9pt MS Sans Serif;
	color: #ff9933;
	font-weight: bold;
	text-align: center;
}
#admin a {
	color: #ff9933;
	text-decoration: none;
}
#admin a:hover {
	color: #ff9933;
	text-decoration: underline;
}
#admin a:active {
	color: #ff9933;
	text-decoration: underline;
}