@charset "utf-8";
/* CSS-mall för Villan */

* {margin:0;padding:0;} 

html, body, #container {
	height:100%;
	margin:auto;
}
body {
	background-color:#FFF;
	background-image:url(bilder/bakgrund/bg_grund4.png);
	background-position:top center;
	background-repeat:no-repeat;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	color:#000000;
	margin:0px;
	padding:0px;
	z-index:1;
}
body > #container {height: auto; min-height: 100%;}

#container {
	background-color:transparent;
	background-image:url(bilder/bakgrund/bg_toppen.png);
	background-position:top left;
	background-repeat:no-repeat;
	position:relative;
	width:1046px;
	z-index:3000;
}
#main {padding-bottom: 200px;   /* must be same height as the footer */
background-color:transparent;}

p.bilder {margin-bottom:120px;}

.banner {
	margin-left:135px;
}

.kalender {
	height:auto;
	width:195px;
	position:absolute;
	top:265px;
	left:0px;
	margin-left:0px;
}
.kalender h3, .kalender h2{
	padding-left:30px;}
.kalender p {
	margin-left:55px;
	margin-right:10px;
	text-indent:-20px;
	padding-left:20px;
	padding-top:4px;
}
.kalender img{
	margin:0px;
	padding:0px;
	border:none;}

.kalender a {border:none;}

.kalender p.twitter {
	margin-left:65px;
	margin-right:10px;
	padding:0px;
	position:relative;
	top:-10px;}

.marginal {height:140px; width:auto;}

.main {
	border-right:solid #AA9884 1px;
	border-left:solid #AA9884 1px;
	width:500px;
	margin-left:196px;
}

.main p {
	margin-left:15px;
	margin-right:15px;
	padding-top:7px;
	padding-bottom:7px;
}
.extra {
	height:auto;
	width:350px;
	position:absolute;
	left:700px;
	top:250px;
	z-index:1000;
}

.extra .imgtop {
	display:block;
	position:relative;
	z-index:101;
	margin-left:15px;
}
.extra .imgbottom {
	z-index:100;
	position:relative;
	top:-50px;
	margin-left:15px;
}

#botten {
	text-align:center;
	background-color:transparent;
	background-image:url(bilder/bakgrund/bg_botten.JPG);
	width:892px;
	height:184px;
	background-repeat:no-repeat;
	background-position:bottom;
	position:relative;
	margin-top: -184px; /* negative value of footer height */
	clear:both;
	z-index:2} 

.bottenmarginal {
	height:184px;
	clear:both;
}
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.boka {
	text-align:left;
	width:150px;
	border:solid 1px #AA9884;
	margin-left:15px;
}

/*MENY*/
.hoger {
	margin-right:250px;
	margin-left:100px;
}

span a:hover {color:#FFF;}

/*RUBRIKER h1=Största rubriken h4=StorHögerställd h1, h2=underrubriker/kalender, h3=kalender månadsrubrik*/
h4 {
	text-align:left;
	padding-top:15px;}
h1, h4 {
	font-size:24px;
	margin-left:15px;
	margin-right:15px;
	font-family:"Monotype Corsiva", "Verdana", Arial;
	font-style:normal;
	font-weight:lighter;
}
h1 {text-align:center; font-size:28px;}

h3 {
	color:#5E5142;
	font-style:italic;
	font-size:12px;
	padding-top:10px;
	padding-bottom:5px;
}
h2 {font-size:14px;
	font-style:normal;}

h2, h3 {
	margin-left:15px;
	color:#7C6A56;
	text-align:left;
	margin-right:15px;
	font-family:"Verdana", Arial, sans-serif;
	font-weight:bold;
	padding-top:5px;}

	
/*LÄNKAR*/
a {
	color:#000000;
	text-decoration:none;
}
a:hover {
	color:#366;
}

a img {
	border:none;
}
p a {color:#366;
text-decoration:none;}

p a:hover {color:#000;}
p a:visited {color:#7C6A56;}
p a:visited:hover {color:#000;}

/*AFFISCHER*/
.affisch {
	float:left;
	margin:10px 10px 15px 15px;}

/*PERSONAL BILDER*/

.khc {
	text-align:center;
	margin:auto;
}
.khc td {
	padding-left:15px;
	padding-right:15px;}

.kc {
	padding:0px;
	text-align:center;
	margin-left:3px;
	margin-right:0px;}
.kc tr td, .kc tr {
	padding:0px;
	margin:0px;
}
.kc td {width:120px;} 

/*KONTAKTSIDAN*/
.kontakt, .mejl {border:none;}

.kontakt th, .mejl th {width:auto;
			padding-right:10px;}
.kontakt th+td{width:100px;}	

.mejl, .kontakt {
	margin-top:10px;
	margin-left:15px;}

.mejl a {color:#366;}
.mejl a:hover {color:#7C6A56;}

.mejl td {
	width:auto;
}
.mejl td+td {
	text-align:left;
	width:150px;}
.mejl th, .kontakt th {text-align:left;
color:#7C6A56;}

/*MINDRE TEXTREDIGERING*/
.strykt {text-decoration:line-through;}
.fet {font-weight:bold;}

/*FÖRSTASIDE KALENDERN*/
iframe {
	margin-left:15px;
	margin-top:15px;
	border-width:0;
	width:93%; 
	height:550px; 
	frameborder:0; 
	scrolling:no;
}