/*
	Current version: 1.0
	
	Site: Väsby Läkargrupp
	www: vasbylakargrupp.se
	Author: Malin Klingsell, malin.klingsell@atrox.se	
	Notes: This file contains the rules of the basic structure and navigation of the site.
	------------------------------------------------------------------

*/



/* ----------------------------------------------------------------------- */

html, body, form, fieldset, textarea, input
{
	margin: 0;
	padding: 0;
	font: 100%/1.2 Arial, Helvetica, sans-serif;
}
select, textarea, input
{
	border: 1px solid #eaeaea;
}
html body
{ 
	font-size: 76%;
	color: #000;
	background:#e6e6e6;
}
body.mceContentBody{
	background:#e6e6e6 !important;
	}
h1, h2, h3, h4, h5, h6 {font-family: Arial, Helvetica, sans-serif;font-weight: normal;margin: 0 0 .5em 0;background-color:transparent !important}
h1 {font-size: 1.5em;margin: 20px 0 20px 0; font-weight: bold;}
h2 {font-size: 1.2em;font-weight:bold;}
.mainCenter h2 {font-size: 1.2em;margin: 0 0 13px 0;}
h3 {font-size: 1.3em;margin:0 0 5px 0;}
h4, h5, h6 {font-size: 1em;font-weight: bold;}

p {padding: 0;margin: 0 0 1em 0;background-color:transparent !important; line-height: 1.3em; }

a {color: #0065cc !important; text-decoration: none; font-weight: bold;}
	a:hover {text-decoration: underline;}
form label {position: relative;font-size: .916em;}
input, select, textarea {font-size: 100%;padding: 2px;}
fieldset {border: none;}
hr {
	border: 0;
	height: 0;
	border-top:1px dotted #6c9ee6;
}
ul{ padding: 0 0 0 5px; margin: 10px 0 0 10px; }
li { margin: 0 0 .6em 0;}

img {
	border: 0;
}

blockquote {margin: 0;padding: 0 0 0 40px;min-height: 20px;min-width: 20px;}


#wrapper{
	width: 979px;
	margin: 0 auto;
	overflow: hidden;
}
#header{
	width: 979px;
	height: 195px;
	background:url(../images/common/header-bg.gif) top left no-repeat;
	margin: 0 0 8px 0;
}
#topMenu{ width: 962px; height: 53px; padding: 0 17px 0 0; }
	#topMenu a{ color: #0065cc !important; font-weight: bold; float: right; display: block; padding: 19px 0 0 20px; font-size: .916em;}
	
#logotype{
	background: url(../images/common/logotype.gif) no-repeat;
	height: 92px;
	width: 118px;
	display: block;
	text-indent: -9999px;
	float: left;
	overflow: hidden;
	margin: 0 0 0 12px;
	clear: both;
}
#menuContainer{ float: left; padding: 0 12px; }
	#topMenuList{ list-style: none; margin: 0 !important; padding: 0 !important;}
		#topMenuList li, #topMenuList div{ float: left; }
		#topMenuList li{ height: 40px; background: url(../images/common/topmenu-item-right.gif) top right no-repeat; padding: 0 1px 0 0; }
		#topMenuList a{ color: #fff !important; font-size: 1.4em; font-weight: bold; padding: 10px 18px 0 18px; height: 30px; display: block; float: left;}
	
	.topMenuItemContent, .topMenuItemContentSelected{  height: 40px; }
		.topMenuItemContentSelected{ background: url(../images/common/topmenu-selected-bg.gif) top left repeat-x; }
			#topMenuList .topMenuItemContent a:hover{ background: url(../images/common/topmenu-item-hover.gif) top left repeat-x; height: 30px; display: block; float: left; text-decoration: none;}
			#topMenuList .menuItemFirst .topMenuItemContent a:hover{ background: url(../images/common/menu-item-first-hover.gif) top left no-repeat; }
			#topMenuList .topMenuItemContentSelected a:hover{ text-decoration: none;}			
	#topMenuList .menuItemFirst .topMenuItemContentSelected a{ background: url(../images/common/menu-item-first-selected.gif) top left no-repeat; }
	

	.mainCenter h1, .mainCenter h2, .mainCenter h3, .mainCenter h4, 
	.mainCenter h5, .mainCenter h6, .mainCenter p,
	.mainCenter iframe, .mainCenter dl, .mainCenter ul
	{ padding: 0 25px; }
	.mainCenter table td, .mainCenter table h1, .mainCenter table h2, 
	.mainCenter table h3, .mainCenter table h4, .mainCenter table h5, .mainCenter table h6, 
	.mainCenter table p, .mainCenter table img
	{ padding: 0; }
	.mainCenter table
	{ margin: 0 25px 8px 25px; overflow: hidden; }
	.mainCenter p table
	{ margin: 0 0 8px 0; }

#innerWrapper{
	width: 979px;
	min-height:200px;
	height:auto !important;
	height: 200px;	
	float: left;
}
#main{ width: 652px; float:left; margin: 0 8px 0 0; overflow: hidden;}

#rightCol{ width: 319px; float: left; }

#footerWrapper {
	background:url(../images/common/footer-bg.gif) top left repeat-x;
	margin: -8px 0 0 0;
	height:192px;
	width:100%;
}
#footer{ width: 979px; margin: 0 auto; padding: 38px 0 0 0; color: #999; font-size: .916em;}
	#footer strong{ color: #666; font-size: 1.1em; padding: 15px 0 0 0;}
	.address { width: 150px; float: left; margin: 0 16px 0 17px; }
	.phone { width: 120px; float: left; margin: 0 20px 0 0; }
	.email { width: 120px; float: left; }

/* Etc */
.inputHidden
{
	display: none !important;
	height: 0;
	width: 0;
}
.clearFix
{
	clear: both;
	float: none;
}

.msgInfo
{
	color:#90c642;
	font-weight:bold;
}

.msgError
{
	color:#e90047;
	font-weight:bold;
}

.msgWarning
{
	color:#ffcc00;
	font-weight:bold;
}

#sticker{ 
	float: left;
	width: 118px;
	overflow: hidden;
	margin: 4px 0 0 0;
}
#header .left{ float: left; width: 832px; }

.tider table table td{ padding: 0 13px; }