/*
	@author			Marcus Dahlström
	@company		One Mind Music AB
	@created		2008-02-12


	@modified		2008-02-13
	@modified by	Marcus Dahlström

*/

/* Remove the annoying outline on links */
/* a{outline: none;} */

/*
It seems like this style overrides the iframe body style in basic-admin.css
Therefor, the body color defines the background-color in the edit iframe. 
*/

/*----------------------------------------------------------------------*/
/*					      layout										*/
/*----------------------------------------------------------------------*/
body, .Normal{ margin: 0; padding: 0; height: 100%; width: 100%; }
div { padding: 0.0em; margin: 0em; }
#Body  { top: 0px;position: absolute; margin: auto auto; padding: 0em; width: 100%; height: 100%; overflow: hidden; }
#PageContainer { position: relative; margin: auto; padding: 0; width: 944px; height: 524px; height: 100%; overflow: hidden; background-color: transparent;}
#Top, #Middle, #Bottom { position: relative;  width: 100%; background-color: #000; color: #fff; }

#Top {}
#Header {position: relative;top: 0px;left: 0px;height: 122px;width: 100%;background-color: #111;}
#Logo	{ position: absolute; top: 0px; left: 0px; width: 126px; height: 122px; background: url() #555; }
#Banner { position: absolute; top: 0px;left: 126px;width: 650px; height: 122px; background: url() #000; }
#Certificates  {position: absolute; top: 0px; left: 776px; width: 168px; height: 122px; background: url() #555; }
div#Menubar{ position: relative; width: 100%;  height: 2em;/*26px*/ }

#Middle { height: 324px; width: width: 944px;}
#Sidebar {position: absolute; left: 0px; width: 145px; height: 324px; overflow: auto; top: 0px; }
#Content, .Content { position: absolute; left: 147px; width: 387px;/*419 - padding(16*2)*/ height: 284px; /* 324 - padding*/ overflow: auto; padding: 20px 16px; margin: 0px; top: 0px;}
#Imagebox { background: url() #fff; position: absolute; top: 0px; right: 0px; width: 378px; height: 324px; overflow: auto;}
#ImageBoxImage { position: absolute;  top: 0;  left: 0;  width: 100%; height: 100%;  border: none; }
#Bottom {}
#Footer { position: absolute; height: 3em; left: 0; width: 100%; }
#FooterImage {left: 0;}

/*----------------------------------------------------------------------*/
/*					      font for all									*/
/*----------------------------------------------------------------------*/
body, td, th, div, span, h1, h2, p, a  { 
	font-size: 12px; font-family: Verdana, Arial, SunSans-Regular, sans-serif; 
	font-style: normal; line-height: normal; text-align: left; background: transparent;
}

/*----------------------------------------------------------------------*/
/*					      links											*/
/*----------------------------------------------------------------------*/
a {text-decoration: none; color: #ff690a; }
a:link { text-decoration:none; color: #ff690a; }
a:visited { text-decoration:none; color: #ff690a; }
a:hover { text-decoration:none; color: #000; }
a:active { text-decoration:none; outline: none; }
div#Footer a {color: #000;text-decoration: underline;}
div#Menubar a  { color: #fff;font-weight: bold; padding: 0 0.5em;z-index: 2; }
div#Menubar a:hover, div#Menubar a.selected { color: #000; }
div#Sidebar a { color: #ff690a; font-weight: bold; display:block; text-indent: 0; margin-left: 5px;}
div#Sidebar a:hover, div#Sidebar a.selected { color: #000000; }


/*----------------------------------------------------------------------*/
/*						 formatting										*/
/*----------------------------------------------------------------------*/
h1 { color: #000; font-size: 14px;  font-weight: bold; margin: 0px 0 12px; padding: 0;}
h2 { color: #000; font-weight: bold; margin: 0px 0 12px; padding: 0;}
em {  font-style: italic; }
strong { font-weight: bold; }
p {margin: 0px 0 12px; padding: 0;}
li { }

/*----------------------------------------------------------------------*/
/*						  diverse										*/
/*----------------------------------------------------------------------*/
body { background: url() #fff;color: #000000; }
div#Body { background: url() #000;color: #fff; }
div#PageContainer { border: none; }
div#Footer p  { text-align: center; color: #fff; font-size: 11px;margin: 4px 0px; }
#Menubar,  #Footer { background-color: #ff690a; /*#ff8c00;*/ color: #fff; }
.Content, div#Content, div#Sidebar, div#Imagebox {background-color: #fff;color: #000; }

.contact_form_textinput {width: 300px;}
.contact_form_textarea {width: 300px; height: 100px;overflow: auto; }
.contact_form_select {width: 200px; margin-right: 50px; }
div#Menubar p{ margin: 0; padding: 5px;}
div#Sidebar p { padding: 3px 0 3px 5px; margin: 0; }
div#Sidebar a {padding: 4px 0; margin: 0;}

.Content  { left: 0px; }
.Content2  { position: static;  width: 387px;/*419 - padding(16*2)*/ height: 284px; /* 324 - padding*/ overflow: auto; padding: 20px 16px;margin: 0px; top: 0px;}
.Content2 p.ie, .Content2 .ie p {margin-right: -16px;position: relative; z-index: 100;}


/*#ImageBoxImage{background-color: #000;}*/
.MainMenu { position: absolute;  }
.DownloadImage { border: none; height: 24px; width: 24px; text-decoration: none;}
.SidebarImage{width: 145px; height: 324px;}

div.NoScroll {overflow: hidden; }