﻿.clear {clear:both;}
.float-left {float:left;}
.float-right {float:right;}
.clear-fix:after { content:"."; height:0; display:block; visibility:hidden; clear:both; }

td h1, td h2, td h3, td h4, td h5, td h6 { margin: 0 0 5px 0}
h1, h2, h3, h4, h5, h6 { padding:0; margin:0 0 5px 0; line-height:100%}
h1 { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 18px;  }
h2 { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 17px;  }
h3 { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 16px;  }
h4 { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 15px;  }
h5 { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px;  }
h6 { font-family: Times New Roman, Verdana, Helvetica, sans-serif; font-size: 34px; margin-bottom: 14px; font-style: normal }

h1#home {font-size:30px; line-height:1.2; margin-bottom:20px}


#kontaktform input, select, textarea { width: 200px; margin-bottom: 5px }
#kontaktform #btn { width: 75px; margin-bottom: 7px }
#kontaktform h1, h2, h3, h4, h5, h6 { margin-bottom: 15px }
#kontaktform #meddelande {
	height: 100px;
}

.blue { color: #1D3945; text-decoration: none; }
.blue a:link { color: #1D3945; font-weight: bold; }
.blue a:visited { color: #1D3945; font-weight: bold; }
.blue a:hover { color: #1D3945;  font-weight: bold; text-decoration: underline;}

.white { color: #FFFFFF; font-size: 9px; text-decoration: none; }
.white a:link { color: #FFFFFF; text-decoration: none; }
.white a:visited {color: #FFFFFF; text-decoration: none;}
.white a:hover { color: #FFFFFF; text-decoration: underline; }

body, td, p
{
        margin-top: 0px;
	font-family: Verdana, Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	line-height: 150%;

}

p
{
        margin-bottom: 15px;
}
.sidfot {padding-left: 20px; font-size: 9px; color: #FFFFFF }

#huvudtabell {
	margin-left: auto;
	margin-right: auto;
	margin-top: 5px;
	padding: 0px;
        border: 1px solid #E9EEF5;
}

#topmenu
{
	margin: 0px;
	padding: 0px;

}

#topmenu ul
{
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}

#topmenu ul li
{ 
	float: left; 
}



#leftmenu{ 
	float: left;
	margin: 0px;
	width: 170px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
}

#leftmenu ul {margin:0; padding:0; list-style:none outside;}

#leftmenu h3 {font-size:12px; background:#3987b8; color:#fff; padding:7px 15px; margin:0;}

/* Home page news */
.news-item {padding:15px; border-bottom:1px solid #e4ecf1;}
.news-date {color:#3987b8; margin:0}
.odd-item {background:#f7fafb;}
.even-item {background:#fff;}
.news-summary {margin:0; line-height:1.2}
.news-summary a {color:#000; text-decoration:none}

#memberof {width:100px; text-align:center; font-weight:bold}
#memberof img {display:block; margin-top:7px}

.menulevel1 { color: #00ff00; border-top:1px solid #dedede; padding-left: 6px; }
.menulevel1:visited { color: #FFFFFF; padding: 6px; }
.menulevel1:hover { color: #FFFFFF; border-top:1px solid #dedede; }

.menuselectedlevel1 { color: #00ff00; border-top:1px solid #dedede; padding: 6px; }
.menuselectedlevel1:visited { color: #FFFFFF; padding: 6px; }
.menuselectedlevel1:hover { color: #00ff00; text-decoration: underline; border-top:1px solid #dedede; }

#topmenu ul li a {
line-height: 42px;
text-align: center;
text-decoration: none;
background: url(/CommonResources/Files/www.brorjohansson.se/Images/mallelement/menyrad_bg.gif) no-repeat top left;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #666;
float: left;
/*height: 42px;
width: 128px;*/
margin-right: 0px;
padding-left:10px;
padding-right:10px;
border-right: 1px solid #eee;
}

#topmenu ul li a:hover,
#topmenu ul li.selected a {
background: url(/CommonResources/Files/www.brorjohansson.se/Images/mallelement/mouse_over.gif) repeat-x top left;
color:#fff;
border-right: 1px solid #1A72A0;
}

.selectedlevel1 { 
	line-height: 42px;
	text-align: center;
	text-decoration: none;
	background: url(/commonfiles/files/57.gif) no-repeat top left;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color:#fff;
	float: left;
	/*height: 42px;
	width: 128px;*/
	margin-right: 0px;
        padding-left:15px;
        padding-right:15px;
        border-right: 1px solid #1A72A0;
}

.selectedlevel1:visited { 
	background: url(/commonfiles/files/57.gif) repeat-x top left;
        border-right: 1px solid #1A72A0;
}

.selectedlevel1:hover { 
	background: url(/commonfiles/files/57.gif) repeat-x top left;
        border-right: 1px solid #1A72A0;
}

#leftmenu li a { color: #666666; background: #F7F7F7 url(/CommonResources/Files/www.brorjohansson.se/Images/mallelement/meny_level2_bg.gif) no-repeat; line-height:125%; padding:5px 0 5px 24px; display:block; font-weight:bold; font-size:11px; text-decoration:none;}
#leftmenu li a:hover,
#leftmenu li.selected a { color: #FFFFFF; background: #318BBB url(/CommonResources/Files/www.brorjohansson.se/Images/mallelement/meny_selectedlevel2_bg.gif) no-repeat; padding-left: 24px; line-height:125%; }

* html #leftmenu li a {height:1%;}

.menuselectedlevel2 { color: #FFFFFF; background: #318BBB url(/commonfiles/files/51.gif) no-repeat; padding-left: 24px; line-height:125%;  }
.menuselectedlevel2:visited { color: #FFFFFF; }
.menuselectedlevel2:hover { color: #FFFFFF; }

.level2 { color: #666666; text-decoration: none; font-weight: bold; padding-top:5px; padding-bottom:5px; width:100%; display:block}
.level2:visited { color: #666666; }
.level2:hover { color: #666666; }

.selectedlevel2 { color: #FFFFFF; text-decoration: none; font-weight: bold; padding-top:5px; padding-bottom:5px; width:100%; display:block}
.selectedlevel2:visited { color: #FFFFFF; }
.selectedlevel2:hover { color: #FFFFFF; }


.menulevel3 { background: #E7EEF0; color: #FF3300; padding-left: 12px; }
.menulevel3:visited { color: #FF3300; }
.menulevel3:hover { color: #666666; text-decoration: underline; }

.menuselectedlevel3 { background: #BBCFD6; color: #FF3300; padding-left: 12px; }
.menuselectedlevel3:visited { color: #FF3300; }
.menuselectedlevel3:hover { color: #666666; text-decoration: underline; }

.level3 { color: #1D3945; padding-left:12px; text-decoration: none; font-weight: bold; }
.level3:visited { color: #1D3945; }
.level3:hover { color: #1D3945; text-decoration: underline; }

.selectedlevel3 { color: #1D3945; text-decoration: none; font-weight: bold; padding-left:12px;}
.selectedlevel3:visited { color: #1D3945; }
.selectedlevel3:hover { color: #1D3945; text-decoration: underline; }


.menulevel4 { background: #D9E6EA; color: #FF3300; padding-left:18px;}
.menulevel4:visited { color: #FF3300; }
.menulevel4:hover { color: #666666; text-decoration: underline; }

.menuselectedlevel4 { background: #CADCE2; color: #FF3300; padding-left:18px;}
.menuselectedlevel4:visited { color: #FF3300;  }
.menuselectedlevel4:hover { color: #666666; text-decoration: underline; }

.level4 { color: #1D3945; text-decoration: none; font-weight: bold; padding-left:18px;}
.level4:visited { color: #1D3945; }
.level4:hover { color: #1D3945; text-decoration: underline; }

.selectedlevel4 { color: #1D3945; padding-left:18px; text-decoration: none; font-weight: bold;}
.selectedlevel4:visited { color: #1D3945; }
.selectedlevel4:hover { color: #1D3945; text-decoration: underline; }


.menulevel5 { color: #FF3300; padding-left:18px;}
.menulevel5:visited { color: #FF3300; }
.menulevel5:hover { color: #666666; text-decoration: underline; }

.menuselectedlevel5 { color: #FF3300; padding-left:18px; }
.menuselectedlevel5:visited { color: #FF3300; }
.menuselectedlevel5:hover { color: #666666; text-decoration: underline;}

.level5 { color: #1D3945; text-decoration: none; font-weight: bold; padding-left:18px;}
.level5:visited { color: #1D3945; }
.level5:hover { color: #1D3945; text-decoration: underline; }

.selectedlevel5 { color: #1D3945; text-decoration: none; font-weight: bold; padding-left:18px;}
.selectedlevel5:visited { color: #1D3945; }
.selectedlevel5:hover { color: #1D3945; text-decoration: underline; }

/* image gallery */
.gallery {list-style:none; padding:0; margin:0;}
.gallery li {float:left; margin:0 10px 10px 0; width:100px; height:75px; overflow:hidden;}
.gallery li a {display:block; float:left; }
.gallery li a img {border:none;}
