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


Stylesheet for: Gottfries Clinic

Author: David Södermark for Metacue.com


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



/* Global 
------------------------------------------------------------------------------------- */

* {
	margin:0px;
	padding:0px;
	border:0px;
	list-style:none;
}

body {
	background-color:#fff;
	color:#000;
	font-family:Verdana, Arial, sans-serif;
	font-size: 10px;
}

/* Container block 
------------------------------------------------------------------------------------- */

#container {
	width:752px;
	margin: 0px auto 0px auto;	
}


/* Page heading sections (logotype and upper menu)
------------------------------------------------------------------------------------- */

#logotype {
	width:724px;
	height:64px;
	display:block;
}

#logotype a {
	cursor:pointer; /* needed for IE6 */
}

#logotype h1 {
	display:block;
	float:left;
	width:135px;
	text-indent:-9000px;
	background-image:url(images/gottfries_logo.gif);
	background-repeat:no-repeat;
	background-position:left top;
	height:64px;
}

#main_menu { 
	clear:both;
	display:block;
	width:752px;
	height:29px;
	margin:0px 0px 4px 0px;	
}

#main_menu ul {
	display:block;
	list-style:none;
}

#main_menu ul li {
	display:block;
	float:left;
	list-style:none;
	width:104px;
	height:29px;
	margin-right:4px;
	text-align:center;
	background-color:#1E42A9;
	color:#fff;
}

#main_menu ul li a {
	color:#ffffff;
	display:block;
	background-color:inherit;
	text-decoration:none;
	width:104px;
	height:21px;
	padding-top:8px;
	font-weight:bold;
	letter-spacing:-0.02px;
}

#main_menu ul li a:hover {
	text-decoration:none;
}

#main_menu ul li a:visited {
	color:#ffffff;
	background-color:#17309a;
	text-decoration:none;
}

#main_menu ul li.upper_menu_last_item {
	margin-right:0px;
}

#main_menu ul li a.upper_menu_selected { /* Class to change background color for selected menu item */
	background-color:#D4411B;
	color:#ffffff;
}


/* Page body
------------------------------------------------------------------------------------- */

#content_wrapper {
	position:relative;
	width:752px;
	height:440px;
	background-image:url(images/content_background.gif);
	background-position:left top;
	background-repeat:repeat-x;
}

/* Classes for first page (absolute positioning)
------------------------------------------------------------------------------------- */

#content_wrapper img.welcomepic {
	position:absolute;
	left:23px;
	top:0px;
	width:506px;
	height:179px;
	/*background-image:url(images/first_page_text.gif);
	background-repeat:no-repeat;
	text-indent:-9000px;*/
}

#content_wrapper h1.welcome {
	position:absolute;
	left:23px;
	top:179px;
	width:504px;
	height:32px;
	background-image:url(images/first_page_welcome.gif);
	background-repeat:no-repeat;
	text-indent:-9000px;
}

#content_wrapper p.welcometext {
	position:absolute;
	left:23px;
	top:211px;
	width:504px;
	height:45px;
	background-image:url(images/first_page_text.gif);
	background-repeat:no-repeat;
	text-indent:-9000px;
}

#content_wrapper ul li a.howtofind {
	position:absolute;
	left:611px;
	top:34px;
	width:117px;
	height:94px;
	background-image:url(images/first_page_rightbox_1.gif);
	background-repeat:no-repeat;
	text-indent:-9000px;
}

#content_wrapper ul li a.moreabout {
	position:absolute;
	left:611px;
	top:140px;
	width:117px;
	height:94px;
	background-image:url(images/first_page_rightbox_2.gif);
	background-repeat:no-repeat;
	text-indent:-9000px;
}

#content_wrapper h2.desc {
	position:absolute;
	left:23px;
	top:293px;
	width:230px;
	height:68px;
	background-image:url(images/first_page_bigbox_1_header.gif);
	background-repeat:no-repeat;
	text-indent:-9000px;
}

#content_wrapper h2.treatment {
	position:absolute;
	left:262px;
	top:293px;
	width:230px;
	height:68px;
	background-image:url(images/first_page_bigbox_2_header.gif);
	background-repeat:no-repeat;
	text-indent:-9000px;
}

#content_wrapper h2.wanttovisit {
	position:absolute;
	left:503px;
	top:293px;
	width:230px;
	height:28px;
	background-image:url(images/first_page_bigbox_3_header.gif);
	background-repeat:no-repeat;
	text-indent:-9000px;
}

#content_wrapper p a.desctext {
	position:absolute;
	left:23px;
	top:361px;
	width:230px;
	height:125px;
	background-image:url(images/first_page_bigbox_1_text.gif);
	background-repeat:no-repeat;
	text-indent:-9000px;
}

#content_wrapper p a.treatmenttext {
	position:absolute;
	left:262px;
	top:361px;
	width:230px;
	height:125px;
	background-image:url(images/first_page_bigbox_2_text.gif);
	background-repeat:no-repeat;
	text-indent:-9000px;
}

#content_wrapper p a.wanttovisittext {
	position:absolute;
	left:503px;
	top:321px;
	width:230px;
	height:165px;
	background-image:url(images/first_page_bigbox_3_text.gif);
	background-repeat:no-repeat;
	text-indent:-9000px;
}

#content_wrapper p.footer {
	position:absolute;
	left:173px;
	top:486px;
	width:393px;
	height:20px;
	background-image:url(images/first_page_footer.gif);
	background-repeat:no-repeat;
	text-indent:-9000px;
}

/* Three column layout for page body
------------------------------------------------------------------------------------- */


#content_menu {
	display:block;
	width:180px;
	float:left;
	margin-top:30px;
	text-align:left;
}

#content_menu h2 {
	color:#D4411B;
	font-weight:bold;
	font-size:11px;
	padding-bottom:4px;
	margin:0px 16px 0px 16px;
	width:144px;
	border-bottom:1px dotted #000;
}

#content_menu ul {
	display:block;
	list-style:none;
	margin:0px 16px 0px 16px;
	width:144px;
}

#content_menu ul li {
	list-style:none;
	width:144px;
	padding:4px 0px 4px 0px;
	border-bottom:1px dotted #000000;
}

#content_menu ul li a {
	color:#000000;
	font-size:10px;
	text-decoration:none;
	padding-left:7px;
	letter-spacing:-0.3px;
}

#content_menu ul li a:hover {
	text-decoration:none;
}

#content_menu ul li a:visited {
	text-decoration:none;
}

#content_menu ul li a.mselected {
	color:#D4411B;
}

#content_menu img {
	display:block;
	margin:80px auto 20px auto;
}

#content_menu img.smalldistance {
	display:block;
	margin:30px auto 20px auto;
}

#content_display {
	display:block;
	width:447px;
	float:left;
	margin-top:30px;
}

#content_display h1 {
	font-size:16px;
	font-weight:bold;
	letter-spacing:-0.02px;
	color:#D4411B;
	padding-bottom:10px;
}

#content_display p {
	font-size:10px;
	color:#000;
	padding:0px 23px 14px 0px;
	line-height:14px;
}

#content_display ol {
	width:424px;
}

#content_display ol li {
	list-style-type:decimal;
	padding-bottom:15px;
	margin-left:28px;
}

#content_display ul {
	width:215px;
	margin-left:120px;
	margin-top:30px;
}

#content_display ul li {
	list-style-type:circle;
	padding-bottom:10px;
	margin-left:16px;
}

#content_display ul li.extralispace {
	padding-top:72px;
	margin-left:16px;
}

#content_display ul li.extralispace2 {
	padding-top:64px;
	margin-left:16px;
}

#content_display img.firstlinklogo {
	display:block;
	float:left;
	border:none;
	margin-top:16px;
	clear:both;
}

#content_display img.secondlinklogo {
	display:block;
	float:left;
	margin-top:20px;
	border:none;
	clear:both;
}

#content_display img.thirdlinklogo {
	display:block;
	float:left;
	margin-top:20px;
	border:none;
	clear:both;
}

#content_display a img.imagefloat {
	display:block;
	float:left;
	margin-right:15px;
	border:none;
}

#content_display a, #content_display a:hover, #content_display a:visited {
	color:#D4411B;
	text-decoration:none;
}

#content_display_bigleft {
	display:block;
	width:627px;
	float:left;
	margin-top:30px;
}

#content_display_bigleft h1 {
	font-size:16px;
	font-weight:bold;
	letter-spacing:-0.02px;
	color:#D4411B;
	margin:0px 16px 0px 16px;
	padding-bottom:10px;
}

#content_display_bigleft p {
	font-size:10px;
	color:#000;
	padding:0px 23px 14px 0px;
	line-height:14px;
}

#content_display_bigleft ul {
	width:604px;
	margin:0px 16px 0px 16px;
}

#content_display_bigleft ul li {
	list-style-type:circle;
	padding-bottom:10px;
	margin-left:16px;
}

#content_display_bigleft a, #content_display_bigleft a:hover, #content_display_bigleft a:visited {
	color:#D4411B;
	text-decoration:none;
}

#content_splash {
	display:block;
	width:125px;
	float:left;
	margin-top:30px;
	text-align:left;
}

#content_splash ul {
	display:block;
	list-style:none;
	margin:0px 8px 0px 0px;
	width:117px;
}

#content_splash ul li {
	list-style:none;
	width:117px;
	height:94px;
	margin-bottom:12px;
}

#content_splash ul li a.rightbox1 {
	display:block;
	height:94px;
	width:117px;
	background-image:url(images/first_page_rightbox_1.gif);
	background-repeat:no-repeat;
	text-indent:-9000px;
}

#content_splash ul li a.rightbox2 {
	display:block;
	height:94px;
	width:117px;
	background-image:url(images/first_page_rightbox_2.gif);
	background-repeat:no-repeat;
	text-indent:-9000px;
}

#content_splash ul li a.rightboxhur {
	display:block;
	height:94px;
	width:115px;
	background-image:url(images/rightbox_hurbehandlas.gif);
	background-repeat:no-repeat;
	text-indent:-9000px;
}

#content_splash ul li a.rightboxrme {
	display:block;
	height:94px;
	width:115px;
	background-image:url(images/rightbox_rme.gif);
	background-repeat:no-repeat;
	text-indent:-9000px;
}

/* JohA 090416 */
#content_splash ul li a.rightboxmef {
	display:block;
	height:94px;
	width:115px;
	background-image:url(images/rightbox_mef.png);
	background-repeat:no-repeat;
	text-indent:-9000px;
}
/* /JohA 090416 */


#content_splash ul li a.rightboxsverige {
	display:block;
	height:94px;
	width:115px;
	background-image:url(images/rightbox_svefibroforbund.gif);
	background-repeat:no-repeat;
	text-indent:-9000px;
}

#content_splash ul li a.rightboxforskning {
	display:block;
	height:94px;
	width:115px;
	background-image:url(images/rightbox_forskningkring.gif);
	background-repeat:no-repeat;
	text-indent:-9000px;
}

#content_splash ul li a.rightboxforskning2 {
	display:block;
	height:94px;
	width:115px;
	background-image:url(images/rightbox_forskningkring_2.gif);
	background-repeat:no-repeat;
	text-indent:-9000px;
}

/* Various classes and special formats
------------------------------------------------------------------------------------- */

.space_ten_vertical {
	margin-bottom:10px;
}

.bolder {
	font-weight:bold;
}

.row {
	width:424px;
	height:98px;
	display:block;
	margin-bottom:26px;
}

.lessheight {
	height:60px;
}

.row img {
	display:block;
	float:left;
	margin-right:20px;
	margin-bottom:20px;
}

#content_display div.row p {
	text-align:left;
	display:block;
	padding-bottom:4px;
}

.alignright {
	display:block;
	float:right;
	margin-right:20px;
}