body { 	background: #e3e0dd url(grafikkkkkkk/vinjbak2.gif) top center repeat-y; color: #333333; font-size: 11px; font-family: Verdana, Helvetica, Sans-Serif; margin: 0px auto 0px; padding: 0px; }
#conteiner { width: 925px; padding: 10px; background-color:#fff; margin-left: auto; margin-right: auto; margin-top: 20px; }
#header { float: left; width: 925px; height: 25px; padding: 0;  background-color: #c00; }
#toppmeny {	width: 476px; margin-top: 0px; float: right; text-align: right; padding: 5px; }
#body { margin: 10px 0px 15px 0px; background-color: #fff; }
div { text-align: left; }
.content {padding: 6px 18px 18px 18px; }
.left { float: left; }
.right { float: right; }
.mitt { float: left; margin-left: 10px; }
.mitt2 { float: left; margin-left: 10px; }

/* Sidmallar */
#menu { width: 140px; padding: 0; margin: 0; float: left; }
#main { width: 733px; height: 100%; padding: 0; margin: 0; float: right; }
#main_left { width: 478px; margin: 0; float: left; }
#main_right { width: 244px; padding: 0; margin: 0; float: right; }

#main_left_text { width: 428px; margin: 0; padding: 20px 30px 20px 20px; line-height: 170%; float: left; background: url(grafik/gradback.jpg) top left no-repeat; }
#main_right_text { width: 224px; padding: 10px 10px 10px 10px; margin: 0; background-color: #E5E5E5; line-height: 170%; float: right; }
#main_right_text_2 { width: 204px; padding: 20px 20px 20px 20px; margin: 0; background-color: #ead9ab; line-height: 170%; float: right; }
#main_right_annons_hotels { width: 204px; padding: 80px 20px 20px 20px; margin-top: 18px; background: url(annonser/hotels2.gif) top left no-repeat; font-size: 12px; font-family: Verdana, Helvetica, Sans-Serif;line-height: 170%; float: right; }

#karta_left { width: 550px; margin: 0; line-height: 140%; float: left; }
#karta_right { width: 145px; padding: 20px 10px 10px 10px; margin: 0; background-color: #E5E5E5; line-height: 170%; float: right; }

/* Huvud */
#huvud { height: 200px; clear: both; background: url(images/toppbild.jpg) bottom left no-repeat #ccc; }
#huvud_resa { height: 200px; clear: both; background: url(images/toppbild_resa.jpg) bottom left no-repeat #ccc; }
#huvud_kopenhamn { height: 200px; clear: both; background: url(images/kopenhamn_top.jpg) bottom left no-repeat #ccc; }
#huvud_legoland { height: 200px; clear: both; background: url(images/legoland_top.jpg) bottom left no-repeat #ccc; }
#huvud_aarhus { height: 200px; clear: both; background: url(images/aarhus_top.jpg) bottom left no-repeat #ccc; }
#huvud_mon { height: 200px; clear: both; background: url(images/mon_top.jpg) bottom left no-repeat #ccc; }
#huvud_skagen { height: 200px; clear: both; background: url(images/skagen_top.jpg) bottom left no-repeat #ccc; }

/* Boxar */
#toppruta_start { padding: 10px; border-top: 0px solid #99200f; border-bottom: 0px solid #99200f; background: url(grafik/danbak2.jpg) top right no-repeat; }
#ad { height: 90px; background-color: #e5e5e5; margin-bottom: 10px; text-align: center; }
#weather { margin-top: 10px; background-color: #d0a825; padding: 10px; line-height: 150%; }
#karta { margin-top: 10px; background-color: #968a5a; padding: 10px; line-height: 150%; }
.textpad { padding: 25px 10px 20px 16px; }

/* Textfärger */
.grey { color: #bbb; }
.red { color: #c00; }
.vit { color: #eee; }

.clear { clear: both; height: 0px; margin-bottom: -1px;	font-size: 0px;	line-height: 0px; }

/* Puffblock */
.puffblock {margin: 0 0 20px 0; padding: 10px; border: 1px solid #ccc; background-color: #fff; }
.puffbild {margin: 0; padding: 0; width: 180px; overflow: hidden }
.pufftext {width: 230px; padding: 10px; line-height: 18px; }

div.bakgblock {width: 60px; padding: 4px 4px 2px 4px; margin-bottom: 5px; margin-top: 5px; background-color: #fff; }

h1, h2, h3, h4 { margin: 0; padding: 0; letter-spacing: 0; color: #000; line-height: 140%; font-weight: bold; }
h1 { font-size: 14px; margin-bottom: 10px; margin-top: 0px; }
h2 { font-size: 11px; margin-bottom: 2px; text-transform: uppercase; color: #99200f; }
h3 { font-size: 12px; margin: 22px 0 3px 0; }
h4 { font-size: 11px; margin: 4px 0 4px 0; text-transform: uppercase; color: #fff; }
p.mini { font-size: 10px; line-height: 130%; margin: 0; padding: 0;}

#sidslut { text-align: center; }

span.hide { display: none; }

/* Länk-stilar */
a.toplink, a.toplink_active { 
font-size: 11px;
margin-top: 6px;
color: #fff; 
text-decoration: none; 
} 
a.toplink:hover, a.toplink_active:hover { 
color: #ccc; 
}
a.toplink_active { 
color: #fff; 
}

a.pufflink, a.pufflink_active { 
color: #333; 
text-decoration: none; 
} 
a.pufflink:hover, a.pufflink_active:hover { 
text-decoration: underline; 
}
a.pufflink_active { 
color: #333; 
}


a img { border: 0; }
img.bottom {vertical-align:bottom; }
span.link { font-size: 12px; font-weight: bold; color: #fff; }
.thumb { border: 1px solid #ddd; margin-left: 20px; margin-bottom: 20px; padding: 4px; background-color: #fff; }
a img.thumb:hover { background-color: #982f34; }
.repbild_L { float: left; padding: 8px; margin: 5px 20px 20px 0; background: #fff; border: 1px #999 solid; }
.repbild_R { float: right; padding: 8px; margin: 5px 20px 20px 0; background: #fff; border: 1px #999 solid; }

/* Menu */

#wrap {
	background: #C0C0C0;
	width: 861px;
	margin: 0px auto 0px;
	padding: 0px;
	}

#l_sidebar {
	background: #E5E5E5;
	float: left;
	width: 160px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	border-top: 10px solid #E5E5E5;
	border-left: 10px solid #E5E5E5;
	border-right: 10px solid #E5E5E5;
	}
	
#l_sidebar h2 {
	background: #99200f url(grafik/topbak.jpg);
	color: #fff;
	font-size: 11px;
	font-family: Verdana, Helvetica, Sans-Serif;
	font-weight: bold;
	padding: 6px 0px 6px 10px;
	margin: 0px 0px 0px 0px;
	text-transform: uppercase;
	border-bottom: 1px solid #FFFFFF;
	}
	
#l_sidebar ul {
	list-style: none;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	}
	
#l_sidebar li {
	background: #E5E5E5 url(images/sidetitle.gif);
	list-style: none;
	margin: 0px;
	padding: 0px;
	}
	
#l_sidebar ul li {
	margin: 0px;
	padding: 0px;
	}
	
#l_sidebar ul li a {
    display: block;
	color: #333333;
	text-decoration: none;
	padding: 4px 10px 4px 20px;
	margin: 0px;
	border-bottom: 1px solid #FFFFFF;
	}

#l_sidebar ul li a:hover {
	background: #AAAAAA url(images/sidehover.gif);
	color: #FFFFFF;
	text-decoration: none;
	}
	

#topbar {
	background: #99200f url(grafik/topbak.jpg);
	width: 925px;
	height: 30px;
	color: #FFFFFF;
	margin: 0px auto 0px;
	padding: 0px 0px 0px 0px;
	}
	
.topbarleft {
	width: 330px;
	float: left;
	margin: 0px;
	padding: 8px 0px 0px 10px;
    text-transform: uppercase;
		font-weight: bold;
	}
	
.topbarleft a, .topbarleft a:visited {
	font-size: 11px;
	
	color: #FFFFFF;
	text-decoration: none;
	text-transform: uppercase;
	}
	
.topbarleft a:hover {
	color: #C0C0C0;
	text-decoration: none;
	}

.topbarright {
	width: 500px;
	float: right;
	text-align: right;
	margin: 0px;
	padding: 8px 0px 0px 0px;
	}
	
.topbarright a, .topbarright a:visited {
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
	text-transform: uppercase;
	}
	
.topbarright a:hover {
	color: #C0C0C0;
	text-decoration: none;
	}
	
.topbarright li {
	display: inline;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	}
		
.topbarright ul {
	margin: 0px;
	padding: 0px 5px 0px 0px;
	}
	
.topbarright ul li a {
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
	text-transform: uppercase;
	padding: 0px 5px 0px 5px;
	}

.topbarright ul li a:hover {
	color: #C0C0C0;
	text-decoration: none;
	}
