/*

	Common CSS file for BABYBJORN

*/



/* General styles and universal reset
--------------------------------------------------*/

*	{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000;}
body, div, span, table, tr, th, td, h1, h2, h3, h4, h5, h6, p, fieldset, legend, img	{margin: 0; padding: 0;}
body	{background: #87a4e4 url(../images/body-bg.gif) left top repeat-x; text-align: center;}
a	{text-decoration: none;}
a:hover	{text-decoration: underline;}
a img	{border: 0;}



/* Structure: Container
--------------------------------------------------*/

#container	{margin: 0 auto; width: 920px; text-align: left;}



/* Structure: Head
--------------------------------------------------*/

#head	{padding: 14px 15px 9px 13px;}
#head ul    {float: right; list-style-type: none; margin: 15px 0 0 0; padding: 0;}
#head li    {float: left; margin: 0 0 0 7px;}
#head div   {}
#head div.extranetuser  {float: right; text-align: right; line-height: 15px;}
#head div.extranetuser, 
#head div.extranetuser *    {color: #bbcbf0;}
#head div.extranetuser b    {color: #fff;}
#head div.extranetuser a    {text-decoration: underline;}
#head div.extranetuser a:hover  {text-decoration: none;}



/* Structure: Menu
--------------------------------------------------*/

#menu	{height: 34px; background: url(../images/menu_bg.gif) left top no-repeat; overflow: hidden;}

#menu ul	{margin: 0; padding: 0; list-style-type: none;}
#menu li	{float: left; margin: 0; padding: 0; background: url(../images/menu_divider.gif) left 9px no-repeat;}
#menu li a	{display: block; padding: 10px 15px 11px 16px; color: #fff; font-weight: bold; text-transform: uppercase; text-decoration: none;}
#menu li a:hover	{background: url(../images/menu_current_bg.gif) left top no-repeat;}
#menu li a.current	{background: url(../images/menu_current_bg.gif) left top no-repeat;}
#menu li.first	{background: none;}
#menu li.first a:hover	{background: url(../images/menu_current_bg_first.gif) left top no-repeat;}

#menu div	{float: right; margin: 8px 5px 0 0; width: 137px;}
#menu .field	{margin-right: 7px; width: 100px; vertical-align: top;}



/* Structure: Content
--------------------------------------------------*/

#contentcontainer	{margin-top: 10px; padding-top: 10px; background: url(../images/content_topbg.gif) left top no-repeat;}
#contentwrapper	{padding-bottom: 10px; background: url(../images/content_bottombg.gif) left bottom no-repeat;}
#content	{padding: 5px 0 5px 0; background: url(../images/content_bg.gif) left top; min-height: 345px;}

.leftregion	{float: left; width: 200px;}
.mainandrightregion	{float: left; padding: 0 20px; width: 680px;}
.mainregion	{float: left; width: 525px;}
.rightregion	{float: left; margin-left: 20px; width: 135px;}



/* Structure: Foot
--------------------------------------------------*/

#foot	{margin-top: 1px; padding: 10px 15px 0 15px; height: 40px; color: #fff; background: url(../images/pagefoot_bg.gif) left top no-repeat;}
#foot, #foot *	{color: #fff; font-family: Verdana, Arial;}
#foot p {margin: 0;}
#foot ul	{ float: right; margin-top: 0; list-style-type: none; }
#foot li	{ margin-bottom: 5px; text-align: right; }
#foot ul.logout { margin-left: -20px; }
#foot ul.logout a   { color: #547ed9; font-weight: bold; }



/* Design: Leftregion
--------------------------------------------------*/

div.menuhead    {margin-bottom: 10px; padding-left: 12px; color:#547ed9; font-weight: bold; text-transform: uppercase;}
div.menuhead a	{color:#547ed9; font-weight: bold; text-transform: uppercase;}

div.menuitem-level1	{margin: 0 1px 1px 1px;}
div.menuitem-level1 div {background: #87a5e5;}
div.menuitem-level1 div.current {background: #788eca;}
div.menuitem-level1 a	{display: block; padding: 7px 12px; width: 174px; color: #fff;}
div.menuitem-level1 a:hover {text-decoration: none; background: #788eca;}

div.menuitem-level2 a	{display: block; margin: 0 1px 1px 1px; padding: 4px 12px 6px 12px; background: #9ab3e9; color: #fff;}
div.menuitem-level3 a	{display: block; margin: 0 1px 1px 1px; padding: 4px 12px 6px 24px; background: #9ab3e9; color: #fff;}
div.menuitem-level4 a	{display: block; margin: 0 1px 1px 1px; padding: 4px 12px 6px 36px; background: #9ab3e9; color: #fff;}
div.menuitem-level5 a	{display: block; margin: 0 1px 1px 1px; padding: 4px 12px 6px 48px; background: #9ab3e9; color: #fff;}
div.menuitem-level6 a	{display: block; margin: 0 1px 1px 1px; padding: 4px 12px 6px 60px; background: #9ab3e9; color: #fff;}

div.haschildren-True a, 
div.haschildren-True a:hover    {background-image: url(/images/menu_haschildren.gif); background-position: 5px 50%; background-repeat: no-repeat;}



/* Design: Mainregion
--------------------------------------------------*/

.breadcrumb	{display: block; margin-bottom: 10px; width: 510px; font-size: 10px; color: #ccc;}
.breadcrumb *   {font-size: 10px; color: #ccc;}
.breadcrumb span a   {font-size: 10px; color: #ccc;}

.mainandrightregioncontent	{display: block; margin-bottom: 15px;}

.contentutils	{background: url(../images/content_bg.gif) left top;}
.contentutils a	{color: #547ed9; text-decoration: none;}
.contentutils a:hover	{text-decoration: underline;}
.contentutils div.tipandprint	{float: left; padding-left: 15px; width: 185px;}
.contentutils div.tipandprint a {display: block;}
.contentutils div.tipandprint a.tipafriend {padding-left: 22px; background: url(../images/tipafriend_icon.gif) 0 2px no-repeat;}
.contentutils div.tipandprint a.print	{margin-top: 5px; padding-left: 22px; background: url(../images/print_icon.gif) 0 2px no-repeat;}
.contentutils div.tipandprint { margin-bottom: 4px;}
.contentutils div.tipandprint .addthis_toolbox a {padding: 0;}
.contentutils div.topofpage	{float: left; padding-left: 20px;}
.contentutils div.topofpage a   {display: block; margin-top: 18px;}

.mainregion p   {margin: 15px 0; font-size: 11px; line-height: 16px;}
.mainregion a   {text-decoration: none;}
.mainregion a:hover {text-decoration: underline;}



/* Design: Rightregion
--------------------------------------------------*/

.rightregion h3 {margin: 10px 0;}
.rightregion p   {margin: 10px 0; font-size: 11px; line-height: 16px;}
.rightregion a   {text-decoration: none;}
.rightregion a:hover {text-decoration: underline;}

.rightregion div.rightcolumncontent {margin: 25px 0;}



/* Misc.
--------------------------------------------------*/

div.clear	{clear: both; height: 1px; overflow: hidden;}
div.header-with-extra-space    {margin-left: 220px; padding: 10px 0;}
span.explanation    {font-style: italic; font-size: 10px; color: #666;}

div.roundedcornerscontainer {height: 290px;}
div.roundedcorners  {height: 290px; margin-top: 293px; _margin-top: -290px;}