body {
    background-image:url('/templates/images/vatten/background.png');
    background-repeat: repeat;
}

hr {
      border-bottom: 1px solid #000;
      border-left: 0;
      border-top: 0;
      border-right: 0;
      background-color: transparent;
      clear:both;
      height:1px;
      max-height:0px;
}

#site_t {
    width: 920px; /*59em;*/
    height: 133px;
    background:#ffffff none;
    padding: 0 0 0 0;
    margin: 0 auto;
}

.logo {
    float: left;
    width: 140px;
    padding: 6px 0 0 40px;
}

#startpage_flash {
	background: #000000;
}

#schoolpage_flash {
	background: #000000;
}

#menupipe {
    border: 0px;
	width: 100%;
    height: 21px;
    background: url(/templates/images/vatten/menyror.png) bottom left repeat-x;
    overflow: hidden;
	margin-left: 0px;
}

#qlinks {
    float: right;
    width: 75%;
    height: 17px;
    text-align: right;
    padding: 10px 20px 0px 0px;
    font-size: .7em;
    color:#000000;
}

.headlang {text-transform: capitalize;}
#qlinks ul {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}

#qlinks li {
    display: inline;
    margin: 0 7px 0 7px;
}

#qlinks li.last {
    display: inline;
    margin: 0 0 0 10px;
}

#qlinks a {
    color: #000000;
    text-decoration: none;
}

#qlinks a:hover {
    color: #000000;
    text-decoration: underline;
}

#search {
    float: right;
    width: 300px;
    height: 60px;
    background: none;
    padding: 0px 20px 0 0;
}

.search {
    width: 280px;
    margin: 0 0 0 40px;
}

.search_text {
    font-size: 70%;
}

.search input.search_vatten {
	font-size: 90%;
	height: 1.1em;
	width: 14em;
	vertical-align: top;
	margin-right: 5px;
}

#head {
    clear: both;
    height: 88px;
    border-bottom: 0px none;
}


#site_c {
    width: 920px; /*59em;*/
    min-height: 100px;
    height: auto !important;
    height: 100px;
    background: #ffffff none;
    padding: 0px 0px 0px 0px;
    margin: 0 auto;
}

#top {
    height: 133px;
    background: #ffffff none;
    padding: 0 0px 0 0px;
    margin: 0 auto;
	background: url(/templates/images/vatten/nav_bg.png) bottom center repeat-x;
    overflow: hidden;
}

#nav {
	width: 70%;
	float: right;
	border-top: 0px none;
    height: 30px;
    background: url(/templates/images/vatten/nav_bg_top.png) top right no-repeat;
    font-size: 75%;
    overflow: hidden;
}
#nav_bottom {

}

#nav ul {
	float: right;
    list-style-type: none;
    padding: 0;
    margin: 0;
	overflow: hidden;
}

#nav li {
    float: left;
    display: block;
    background: none top left no-repeat;
    margin-bottom: 1px;
}

#nav li.topnav {
    background: none;
}

#nav li.selected {
    background: none;
}

#nav li a {
    display: block;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    padding: 12px 18px 10px 18px;
    background: transparent !important;
}

#nav li a:hover {
    text-decoration: none;
    color: #7a7a7a;
    background: transparent !important;
}



#content {
    font-size: 75%;
    background: none;
    padding: 0px 0px 0 0px;
}

#white {
    background: #fff;
    margin: 0 0 0 0;
}

#breadcrumbs {
    font-size: .9em;
    margin: 0 0 18px 0;
    padding-left: 20px;
    padding-top: 25px;
}

#breadcrumbs a { color: #006cfe; text-decoration: none; }
#breadcrumbs a:hover { color: #006cfe; text-decoration: underline; }

.bc_arr {
    margin: 0 3px 1px 3px;
}

#col_left {
    float: left;
    overflow: hidden;
    width: 45.8%;
    padding-left: 20px;
}

#col_left_s {
    float: left;
    width: 200px;
	padding-left: 20px;
}

#col_center {
    float: left;
    width: 24.2%;
    margin: 0 0 0 18px;
}

#col_center_s {
    float: left;
    width: 47.9%;
    margin: 0 5px 0 20px;
}

#col_center_s_wide, #col_center_article_wide {
    float: left;
    width: 71%;
    margin: 0 0 0 25px;
}

#col_center_article {
    float: left;
    width: 47.9%;
    margin: 0 5px 0 20px;
}

#col_right {
    float: left;
    width: 16.7em;
    margin: 0 0 0 18px;
}

#col_right_u {
    float: right;
	padding-right: 20px;
    width: 16.7em;
    margin: 0 0 0 5px;
}

#col_right a,
#col_right_u a { color: #000000; font-weight: bold; text-decoration: none; }

#col_right a:hover,
#col_right_u a:hover { color: #0099ff; font-weight: bold; text-decoration: none; }

#col_right_a {
    float: left;
    width: 16.7em;
    margin: 0 0 0 16px;
}

#col_right_a a { color: #006cfe; font-weight: bold; text-decoration: none; }

#col_right_a a:hover { color: #73aeff; font-weight: bold; text-decoration: none; }

.or_arr {
    margin: 1px 7px 0 0;
    background: url('/templates/images/vatten/on_arr_light.png') no-repeat 0px 0px;
    display: block;
    padding-left:22px;
}

#footer {
    width: 910px; /*59em;*/
    min-height: 230px;
    height: auto !important;
    height: 230px;
    background: #ffffff url('/templates/images/vatten/silhuett.png') top center no-repeat;
    padding: 0 5px 0 5px;
    margin: 0 auto;
    color:#333;
}

#white_b {
    margin: 0 auto;
    padding: 0 20px 0 20px;
}

.footer {
    border-top: none;
    /*background-color:#FFFFFF;*/
    padding: 205px 0 5px 0;
    text-align:center;
    font-size: .7em;
}

#footer a { color:#000000; text-decoration: none; }
#footer a:hover { color:#000000; text-decoration: underline; }

/*
#grey_box {
    margin: 0 0 20px 0;
}

#grey_box_s {
    margin: 0 0 20px 0;
}

#grey_box a { color: #000; text-decoration: none; }

#grey_box a:hover { color: #000; text-decoration: none; }

.grey_box_t {
    width:100%;
    height: 6px;
    background: url(/templates/images/grey_box_t_left.gif) top left no-repeat;
}

.grey_box_t_right {
    height: 6px;
    background: url(/templates/images/grey_box_t_right.gif) top right no-repeat;
}

.grey_box_t_s {
    width: 200px;
    height: 6px;
    background: url(/templates/images/grey_box_t.gif) top center no-repeat;
}

.grey_box_y {
    min-height: 20px;
    height: auto !important;
    height: 20px;
    background: #f2f2f2;
    padding: 10px 18px 10px 18px;
}

.grey_box_y_s {
    width: 164px;
    min-height: 20px;
    height: auto !important;
    height: 20px;
    background: #f2f2f2;
    padding: 10px 18px 10px 18px;
}

.grey_box_b {
    height: 6px;
    background: url(/templates/images/grey_box_b_left.gif) top left no-repeat;
}

.grey_box_b_right {
    height: 6px;
    background: url(/templates/images/grey_box_b_right.gif) top right no-repeat;
}
*/
#wh_box ,
#grey_box {
    margin: 0 0 20px 0;
    overflow:hidden;
}

#grey_box_s h2 {/*kontakt*/
border-top:0 solid #e6e6e6;
border-right:1px solid #e6e6e6;
border-left:1px solid #e6e6e6;
border-bottom:1px solid #e6e6e6;
background-color:transparent;
width:186px;
}
.wh_box_y h2 {/*Genvägar*/
font-family: Arial,  Helvetica, sans-serif;
font-size:1.0em;
border-bottom:1px solid #e6e6e6;
font-weight:bold;
padding:6px 0 9px 12px;
background: white;
margin:0;
}

.wh_box_t,
.grey_box_t,
.grey_box_t_s {
    height: 4px;
    background: url(/templates/images/wh_box_t_left.gif) top left no-repeat;
    margin: 0px !important;
}

.wh_box_t_right,
.grey_box_t_right  {
    height: 4px;
    background: url(/templates/images/wh_box_t_right.gif) top right no-repeat;
    margin: 0px;
}


.grey_box_y,
.grey_box_y_s {
    border-left: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
	background: #fff;
    clear:both;
    width:162px;
}
.wh_box_y {
    border-left: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
	background: #fff;
    clear:both;
}


.wh_box_y_cntnt,
.grey_box_y_cntnt {
    min-height: 20px;
    height: auto !important;
    margin: 0px 18px 0px 18px;
    padding: 15px 0 6px 0;
}

#wh_box a { color: #595959; font-weight: bold; text-decoration: none; }

#wh_box a:hover { color: #9a9a9a; font-weight: bold; text-decoration: none; }

.a_link {
    margin: 0 0 15px 0;
}

.a_arr {
    float: left;
    margin: 1px 6px 0 0;
}

.wh_box_b ,
.grey_box_b {
    margin: 0 !important;
    height: 4px;
    background: url(/templates/images/wh_box_b_left.gif) top left no-repeat;
}

.wh_box_b_right,
.grey_box_b_right {
    margin: 0;
    height: 4px;
    background: url(/templates/images/wh_box_b_right.gif) top right no-repeat;
}

a#mail { color: #006cfe; font-weight: bold; text-decoration: none; }

a#mail:hover { color: #73aeff; font-weight: bold; text-decoration: underline; }

a#kontaktuppgifter,a#tycktill { 
    color: #000; 
    font-weight: normal; 
    text-decoration: none; 
    background: url(/templates/images/vatten/on_arr_light.png) no-repeat 0px 0px;
    padding-left: 22px;
}


a#kontaktuppgifter:hover,a#tycktill:hover { color: #000; font-weight: normal; text-decoration: underline; }

a#print { color: #000; font-weight: normal; text-decoration: underline; }

a#print:hover { color: #000; font-weight: normal; text-decoration: none; }


.genvagar a {
    padding-left:22px;
    background: url('/templates/images/vatten/on_arr_light.png') no-repeat 0px 0px;
    display: block;
    width:85%;
}

/*news */

a.news {
background: none;
padding-left:13px;
display:block;
}



/* puff */

.grey_top {
    background: url(/templates/images/vatten/black_top_left.png) top left no-repeat;
    padding:0;
    margin:0;
}

.grey_top h1, .grey_top h2 {
background: url(/templates/images/vatten/black_top_right.png)  top right no-repeat;
}

.red_top_s {
background: url('/templates/images/vatten/blue_top_left.png') top left no-repeat;
margin:0;
padding:0;
}

.red_top_s h1, .red_top_s h2 {
background: url('/templates/images/vatten/blue_top_right.png') top right no-repeat;
}

/* navigation */
div#menu {
margin:0 !important;
padding:0 !important;
width:200px;
}

div#menu  ul#menu_ul {
	background-color:#F4F4F4;
	list-style-type:none;
	/*border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
	/*border-bottom:1px solid #cccccc;*/
}

div#menu li {
	margin:0px;
	min-width: 198px !important;
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
}

div#menu li.navselunfoldlev2,
div#menu li.navselunfold {
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
}

div#menu li.navunfoldlev2 { 
	border-bottom: 1px solid #cccccc;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
} 

div#menu li a {
	color:#7a7a7a;
	display:block;
	font-size:0.9em;
	padding:7px 5px 7px 12px;
	text-decoration: none;
	font-family: Arial,  Helvetica, sans-serif;
	font-weight: bold;
	
}

div#menu li a:active {
 color: #000000 ;
 background:#F4F4F4;
}

.navfold a, .navfolddis a {
background:#F4F4F4 url(/templates/images/ul_arr.gif) no-repeat scroll 4px 6px;
border-bottom:none;
}

.navfoldlev2 a, .navfolddislev2 a {
	background:#F4F4F4 url(/templates/images/ul_arr.gif) no-repeat scroll 4px 6px;
}

.navseldislev2, .navsellev2, .navsel, .navseldis, .navselunfoldlev2 a, .navselunfold a, .navselunfolddislev2 a, .navselunfolddis a, .navunfoldlev2 a, .navunfold a, .navunfolddislev2 a, .navunfolddis a {
	font-weight:bold;
}
/*
.navselunfoldlev2 a,
.navselunfold a,
.navselunfolddislev2 a,
.navselunfolddis a,
.navunfoldlev2 a,
.navunfold a,
.navunfolddislev2 a,
.navunfolddis a {
	
	color: #ffffff;
}
*/


.navselunfoldlev2,
.navselunfold,
.navselunfolddislev2,
.navselunfolddis,
.navunfoldlev2,
.navunfold,
.navunfolddislev2,
.navunfolddis{
	background: #000000;
}

.navlinklev2, .navdislev2, .navsellev2, .navseldislev2 {
	background:#F4F4F4 none repeat scroll 0 0;
}

.navlev2 {
	background:#F4F4F4 none repeat scroll 0 0;
}

div#menu li.navselunfoldlev2 a,
div#menu li.navselunfold a,
div#menu li.navselunfolddislev2 a,
div#menu li.navselunfolddis a,
div#menu li.navunfoldlev2 a,
div#menu li.navunfold a,
div#menu li.navunfolddislev2 a,
div#menu li.navunfolddis a {
	color:#ffffff;
	/*background: #000000 url(/templates/images/ul_arr2.gif) no-repeat scroll 2px 6px;*/
	background: #000000 none no-repeat scroll 2px 6px;
}	


.imgnavt {
	background:transparent url(/templates/images/vatten/menu_t_black.png) no-repeat scroll left top;
	height:4px;
	width:200px;
}

.imgnavb {
	background: #F4F4F4;
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	height:5px;
	width:198px;
}

.navlink, .nav, .navsel, .navseldis, .navdis, .navfold {
border-bottom: none;
background:#F4F4F4 none repeat scroll 0 0;
}