/* Flintaviks Vatten & Reningsverkt - CSS Document */

body {

	margin:0 0 0 0;

	background-color: #7b7974;

	background-image: url(../img/flintavik_bg.gif);

	background-repeat: repeat-y;

	background-position: center center;

	font-family:Verdana, Arial, Helvetica, sans-serif;

}

#wrap {

	margin:0 auto;

	width:760px;

	height:100%;

}

#toplogo {

	margin:10px 0 0 0;

}

#leftcolumn {

	width:179px;

	margin:10px 0 10px 0;

	padding:0 10px 10px 0;

	border-right:1px solid #787772;

	float:left;

}

#maincolumn {

	min-height:830px;

	width:535px;

	margin:10px 10px 10px -1px;

	padding:10px 0 10px 15px;

	border-left:1px solid #787772;

	float:left;

}

#footer {

	border-top:1px solid #787772;

	line-height:30px;

	text-align:center;

	font-size:65%;

	color:#554202;

	clear:both;

	

}

/* Left Menu Layout */

#leftmenu {

	width:100%;

	height:100px;

	font-size:75%;

	color:#554202;

	background-image:url(../img/leftmenu_bg.gif);

	background-repeat: repeat-x;

}

#leftmenu ul {

	list-style-type:none;

	margin:0 0 0 0;

	padding:0 0 0 0;

}

#leftmenu li {

	border-bottom:1px solid #fff;

}

#leftmenu a {

	display:block;

	padding:6px 2px 6px 10px;

	margin:0 0 0 0;

	color:#000;

	text-decoration:none;

}

#leftmenu a:hover {

	display:block;

	padding:6px 2px 6px 10px;

	margin:0 0 0 0;

	color:#000;

	text-decoration:none;

}

#leftmenu a:hover, #leftmenu a:focus {

	background:#C9E2FF;

}

#leftmenu .sel a {

	background:#C9E2FF;

	color:#000;

}

#leftmenu .sel a:hover {

	background:#C9E2FF;	

}

#leftmenu .sel a:focus {

	background:#A8A27A;	

	border-top:0.0625em solid #000;

}

#leftmenu .subsel a {

	background:#e2dfce;

	color:#000;

}

#leftnav .subsel a:hover {

	background:#cdcca0;

	color:#000;

}

#leftmenu .subsubsel a {

	background:#f7f7fa;

	color:#000;

	margin-top:-0.0625em;

	padding:0.25em 0 0.25em 2.20em;

	border-top:0.0625em solid #e2dfce;

}

#leftmenu .subsubsel a:hover {

	background:#fff;

	color:#656434;

	padding:0.25em 0 0.25em 2.20em;

	border-top:0.0625em solid #e2dfce;

}

#leftmenu a:active {

	background:#A8A27A;

	color:#fff;

	margin:0;

}

#leftnav .img {

	margin:0;

	padding:0 0 0 1.2em;

}

/* Left Column Infolinks */

.header {

	font-size:75%;

	line-height:30px;

	display:block;

	background-color:#CFCDC4;

	padding:0 0 0 10px;

	font-weight:bold;

}

.leftinfo {

	font-size:75%;

	margin:10px 10px 10px 10px;

	padding:0 0 10px 0;

	line-height:16px;

	border-bottom:1px dotted #787772;

}



/* Main Content Layout */

#maincontent {

	font-size:75%;

}



/* Misc, links, */

h1 {

	font-size:175%;

	color:#554202;

	margin:0 0 0 0;

	padding:0 0 0 0;

	letter-spacing: -2px;

	font-weight:bold;

}

h2 {

	font-size:140%;

	color:#554202;

	margin:10px 0 0 0;

	padding:0 0 0 0;

	letter-spacing: -1px;

	font-weight:bold;

}

h3 {

	font-size:100%;

	color:#554202;

	margin:10px 0 0 0;

	padding:0 0 0 0;

	letter-spacing: -1px;

	font-weight:bold;

}

p {

	line-height:17px;

	margin:10px 0 10px 0;

}

.ruler {

	width:100%;

	height:1px;

	margin:0 0 0 0;

	padding:0 0 0 0;

	border-top:1px dotted #787772; /* Visas inte som dotted i IE, fix i version 7? */

	overflow:hidden;

}

.bildram {

	padding:10px 10px 10px 10px;

	background-color:#FFFFFF;

	border:1px solid #787772;

}

a:link, a:visited {

	color:#554202;

	text-decoration: underline; 

}

a:hover, a:active {

	color:#879DD1;

	text-decoration: underline; 

}