/*-----------------------------------------------------------------------------
site.no generic style

author:		Gerhard Sletten
website:	http://www.huset.no

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

@import url("reset.css");
@import url("typo3.css");
@import url("core.css");

/* =General
-----------------------------------------------------------------------------*/
html 	{ font-size: 100%; }
body 	{ font: 13px/130% Arial, Helvetica, sans-serif; color: #333; background: #ededed; }

h1, h1 a, h2, h2 a, h3, h3 a, h4, h4 a { color: #00aeef;}
#primary h1:first-child,
#secondary h3:first-child { margibn-top: 0;}
#primary > * { margin-right: 50px;}

#description h4 {background: #fff; padding: 3px; font-size: 1em; margin-bottom: 0;}
#description ul {border: 1px solid #fff; padding: 3px; color: #555;}
#description li {font-size: 11px; margin-bottom: 2px;}
#description strong,
#description b {width: 12em; display: block; float: left; clear: both;}
.csc-textpic { margin-bottom: 5px; overflow: hidden; _height: 1%;}
div.csc-textpic-border div.csc-textpic-imagewrap .csc-textpic-image { border: 1px solid #ccc; background: #eee; padding: 3px; zoom:1; margin-bottom: 3px;}
div.csc-textpic-border div.csc-textpic-imagewrap .csc-textpic-image img { border: none;}


/* =Layout
-----------------------------------------------------------------------------*/
#page_wrapper {  }
#header, 
#menu,
#submenu ul	{margin: 0 5%;}
#content_wrapper 	{ padding: 0 5%; min-width: 500px;}
#extended_header	{ background: #c7eafc url(../images/bg-header.gif) repeat-x; border-bottom: 0px solid #fff;}
#header 			{ position:relative; border-top: 10px solid #aae1fa; height: 157px;}
#header h1#logo 	{ margin:0; position: absolute; left: 20px; top: 22px;}
#header h1#logo a {display: block; width: 358px; height: 97px; background: url(../images/oslo-fysioterapi-logo.gif) no-repeat; text-indent:-900px; overflow:hidden;}
#header #description { position: absolute; top: 31px; right: 20px; width: 16em; height: 50px; font-size: 14px; }
#menu 				{  _height: 1%;}

#content_wrapper 	{ position:relative; z-index: 0;  padding-top: 10px; }
#breadcrumb .information { display:none;}
#breadcrumb p 		{ margin: 0 15px; font-size: 11px; color: #888; height: 1em; line-height: 1em;}
#breadcrumb 		{ background: url(../images/bull-globe.gif) no-repeat left center; height: 1em; margin-bottom: .5em; display: none;}

#breadcrumb,
#primary 			{ margin-right: 230px; }
#primary 			{ min-height: 400px; height: expression( this.scrollHeight < 401 ? "400px" : "auto" );  }
#secondary 			{ position: absolute; top: 10px; right: 5%; width:200px; }
#primary,
#secondary { border: 1px solid #ddd; background: #fff; padding: 10px; }

#footer 			{ clear:both;  padding: 1em; }
#footer p 			{ text-align: center; font-size: 11px; color: #888; line-height: 1;}
#footer a 			{ color: inherit; text-decoration:none; }
#footer a:hover {text-decoration:underline;}


/* =Menu
-----------------------------------------------------------------------------*/
#menu .information {display:none;}
#menu ul { background: url('../images/bg-menu.gif') repeat-x 0px 2px; overflow:hidden; *height: 1%;}
#menu ul li { display: inline;}
#menu a { display: block; float: left;  padding: 10px 10px; font-size: 140%; text-decoration: none; font-weight: bold; color: #d6f0fc; margin-right: 0px; border-top: 0px solid #00949c; margin-top: 3px;}
#menu a:hover { color: #fff; }
#menu li.selected a, 
#menu li.selected a:hover { border: 3px solid #fff; border-bottom: 0; background: #fff url('../images/bg-active.gif') repeat-x; margin-top: 0; color: #534741;}

#submenu .information {display:inline; font-size: 13px; color: #333; display:none;}
#submenu { background: #ededed url('../images/bg-content-wrapper.gif') repeat-x; min-height: 10px; _height: 10px; border-top: 3px solid #fff;}
#submenu ul { padding: 10px 0 0px; overflow: hidden; border: 0px solid red;}
#submenu li { display: inline;}
#submenu li a { display: inline-block; margin-right: 5px; border-left: 1px solid #555; padding-left: 5px; text-decoration: none; color: #333; font-weight: bold;}
#submenu li a:hover,
#submenu li.selected a { text-decoration: underline;}
#submenu ul li:first-child a {  border: 0; margin-left: 5px;  }