/************************
 
 * MASTER STYLESHEET 
 * Nordenbergsskolan
 * 2007-10-01
 * By High Graphics
 
************************/

/*********************
	HTML
*********************/

body {
	width: 100%;
	margin: 0px;
	padding: 0px;	
	font: normal 70% "Helvetica", Arial, Verdana, sans-serif;
	color: #666666;
	text-align: center;
	line-height: 19px;
	background: #454545;
}

p, blockquote, em, strong, cite, del, ins, sup, sub {
	margin: 0px;
	padding: 0px;
}

img {
	border: 0px;
	margin: 0px;
	padding: 0px;
}

h1, h5, h6 {
	margin: 0;
	padding: 0;
}

/*********************
	UNIQUE ID's
*********************/

div.center_container {
	width: 900px;
	margin: 0 auto;
	padding: 0px;
	text-align: left;
	background: #fff;
}

div.center_container_wide {
	width: 940px;
	margin: 0 auto;
	padding: 0px;
	text-align: left;
	background: #fff;
}

div#top_container {
	float: left;
	width: 100%;
	margin: 0;
	background: #fff;
}

div#top_container a {
	display: block;
	width: 900px;
	height: 130px;
	background: url(top_pic.png) no-repeat left center;
	text-indent: -6666px;
	color: #fff;
	border: 0px;
	border-style: none;
}

div#menu_container {
	float: left;
	width: 100%;
	height: 44px;
	visibility: visible;
	z-index: 10;
	background: url("menu_bg.png") #454545 repeat-x;
	overflow: hidden;
}

div#menulist {
	float: left;
	height: 44px;
	padding: 0px;
	margin: 0px;
	background: url("menu_bg.png") #454545 repeat-x;
}

div#content_container {
	float: left;
	width: 100%;
	padding: 0;
	margin: 0;
	font-size: 110%;
	background: #fff;
}

div#content_cell {
	float: left;
	width: 100%;
	margin: 20px 0 30px 0;
}

div#content_cell_personal {
	float: left;
	width: 100%;
	margin: 20px 0 30px 20px;
}

div#footer_container {
	float: left;
	width: 100%;
	margin: 0px 0 0 0;
	height: 150px;
	background: #454545 repeat;
}

div#footer {
	float: left;
	padding: 20px 0 0 0;
	font-size: 110%;
    line-height: 17px;
	background: #454545 repeat;
}

div#top_row {
	float: left;
	width: 900px;
	margin: 0 0 10px 0;
	padding: 0 0 0px 0;
	background: url(spacer.png) repeat-x left bottom;
}

div#cell_slideshow {
	width: 670px;
	height: 250px;
	margin: 0 0 12px 0;
	padding: 0 0 12px 0;
	background: url(spacer.png) repeat-x left bottom;
	border: 0px;
}

/*********************
	CLASS ID's
*********************/

div.one_error {
	float: left;
	text-align: center;
	width: 900px;
	margin: 0 0px 0 0;
	padding: 0px;
	border: 0px;
}

div.one_single, div.two_single, div.three_single {
	float: left;
	text-align: left;
	width: 210px;
	margin: 0 20px 0 0;
	padding: 0px;
	border: 0px;
}

div.one_single_kontakta {
	float: left;
	text-align: left;
	width: 210px;
	margin: 0 20px 0 0;
	padding: 0px;
	border: 0px;
}

div.one_triple {
	float: left;
	text-align: left;
	width: 670px;
	margin: 0 20px 0 0;
	padding: 0px;
	border: 0px;
}

div.four_single {
	float: left;
	text-align: left;
	width: 210px;
	margin: 0px;
	padding: 0px;
	border: 0px;
}

div.one_double, div.one_double_idrott {
	float: left;
	text-align: left;
	width: 440px;
	margin: 0 20px 0 0;
	border: 0px;
}

div.two_double_news {
	float: left;
	text-align: left;
	width: 440px;
	margin: 0 0px 0 0;
	border: 0px;
}

div.two_double {
	float: left;
	text-align: left;
	width: 440px;
	margin: 0;
	border: 0px;
}

div.news_cell {
	float: left;
	width: 670px;
	margin: 0 0 12px 0;
	padding: 0 0 12px 0;
	background: url(spacer.png) repeat-x left bottom;
	border: 0px;
}

div.one_triple_news {
	float: left;
	width: 670px;
	margin: 0 0 5px 0;
	padding: 0px;
	border: 0px;
}

div.three_single_news {
	float: left;
	text-align: left;
	width: 210px;
	margin: 0px;
	padding: 0px;
	border: 0px;
}

div.sidebar_cell {
	float: left;
	width: 100%;
	margin: 0 0 12px 0;
	padding: 0 0 12px 0;
	background: url(spacer.png) repeat-x left bottom;
	border: 0px;
}

div.personal_cell {
	float: left;
	width: 440px;
	margin: 0 20px 12px 0;
	padding: 0 0 12px 0;
	background: url(spacer.png) repeat-x left bottom;
	border: 0px;
}

div.personal_image {
	float: left;
	display: block;
	width: 210px;
	height: 210px;
	margin: 0 20px 0 0;
	padding: 0px;
}

div.personal_body {
	float: left;
	width: 210px;
	margin: 0px;
	padding: 0px;
}

div.blogg_cell {
	float: left;
	width: 100%;
	margin: 0 0 12px 0;
	padding: 0 0 12px 0;
	background: url(spacer.png) repeat-x left bottom;
	border: 0px;
}

div.promo_window {
	width: 670px;
	margin: 0 0 12px 0;
	padding: 0 0 14px 0;
	background: url(spacer.png) repeat-x left bottom;
	border: 0px;
}

/*********************
	MENU LIST
*********************/

ul#nav_list {
	float: left;
	margin: 0 0px 0 0;
	width: 900px;
	height: 44px;
	text-align: left;
    padding: 11px 0 11px 0;
}

ul#nav_list li {
	list-style: none;
	float: left;
	height: 22px;
	margin: 0 3px 0 0;
	padding: 0;
}

li#nav_start { width: 82px; }
li#nav_nordenbergsskolans { width: 193px; }
li#nav_program { width: 77px; }
li#nav_idrotts { width: 135px; }
li#nav_intagning { 
	width: 81px;
	display: block;
	height: 22px;
	background-repeat: no-repeat;
	background-image: url(button_intagning.png);
}
li#nav_elev { width: 49px; }
li#nav_personal { width: 81px; }
li#nav_kontakta { width: 106px; }

ul#nav_list li a {
	display: block;
	height: 22px;
	background-repeat: no-repeat;
	cursor: pointer;
}

li#nav_start a { background-image: url(button_start.png) }
li#nav_nordenbergsskolans a { background-image: url(button_nordenbergsskolans.png); }
li#nav_program a { background-image: url(button_program.png); }
li#nav_idrotts a { background-image: url(button_idrotts.png); }
li#nav_intagning a { background-image: url(button_intagning.png); }
li#nav_elev a { background-image: url(button_elev.png); }
li#nav_personal a { background-image: url(button_personal.png); }
li#nav_kontakta a { background-image: url(button_kontakta.png); }

ul#nav_list li a:hover {
	background-position: left bottom;
}

ul#nav_list li em {
	display: none;
}

/*********************
	SUBMENU
*********************/

div.one_single ul.submenu {
	margin: 0;
	padding: 0px;
	list-style-type: none;
}

div.one_single ul.submenu li {
	float: left;
	font-size: 100%;
	line-height: 100%;
	width: 100%;
	margin: 0 0 1px 0;
}

div.one_single ul.submenu li a { 
	display: block;
	text-decoration: none;
	padding: 8px 0 8px 7px;
	color: #fff;
	background-color: #3399cc; 
}

div.one_single ul.submenu li a:hover { 
	display: block;
	text-decoration: none;
	color: #3399cc;
	background-color: #ffff99;
}


/*********************
	TYPOGRAPHY
*********************/

p {
	clear: both;
	font-size: 100%;
    color: #666666;
	margin: 0;
}

p.placeholder {
	clear: both;
	font-size: 120%;
    color: #666666;
	margin: 0;
}

div.ingress p {
	clear: both;
	font-size: 110%;
    color: #454545;
	margin: 0 0 10px 0;
}

p.posted {
	display: block;
	color: #a8a8a8;
	margin: 10px 0 0px 0;
	padding: 0px;
}

p.posted_blogg {
	display: block;
	color: #a8a8a8;
	margin: 4px 0 4px 0;
	padding: 0px;
}

p.posted_list {
	display: block;
	color: #a8a8a8;
	margin: 0px 0 0px 0;
	padding: 0px;
}

blockquote {
	float: left;
	width: 80%;
	margin: 10px 10px;
	padding: 0 0 0 20px;
	font-size: 130%;
	font-style: italic;
	line-height: 20px;
	color: #454545;
	background: url(citation.png) no-repeat top left;
}

div.two_double_news blockquote, div.ingress blockquote {
	float: left;
	width: 90%;
	margin: 5px 10px 5px 10px;
	padding: 0 0 0 20px;
	font-size: 120%;
	font-style: italic;
	line-height: 18px;
	color: #454545;
	background: url(citation.png) no-repeat top left;
}

h1 {
	font-size: 200%;
	color: #666666;
}

h1.pageheader {
	font-size: 200%;
	color: #666666;
	text-indent: -6666px;
}

h2, h3 {
	float: left;
	display: block;
	font-weight: bold;
	color: #fff;
}

h2 {
	font-size: 150%;
	margin: 0 0 5px 0;
	padding: 4px 6px;
	background-color: #ff3333;
}

h3 {
	font-size: 120%;
	margin: 0 0 10px 0;
	padding: 3px 5px;
	background-color: #ff9933;
}

h4 {
	float: left;
	font-size: 120%;
	font-weight: bold;
	margin: 10px 0 1px 0;
	padding: 0;
	color: #454545;
}

.one_double h5, .four_single h5, .personal_body h5, .two_double_news h5 {
	float: left;
	display: inline;
	font-size: 120%;
	font-weight: bold;
	margin: 0px 0 2px 0;
	padding: 0;
	color: #454545;
	text-transform: none;
}

h6 {
	float: left;
	width: 210px;
	margin: 0 0 5px 0;
	line-height: 13px;
	font-size: 100%;
	font-weight: bold;
	text-transform: uppercase;
	color: #a8a8a8;
}

h6.news_list {
	clear: both;
	margin: 0 0 10px 0;
	padding: 0 0 5px 0;
	background: url(spacer.png) repeat-x left bottom;
}

h6.single {
	width: 440px;
	margin: 0 20px 5px 0;
}

h6.double {
	width: 440px;
	margin: 0 20px 5px 0;
}

h6.triple {
	width: 670px;
	margin: 0 20px 5px 0;
}

#footer h6 {
	display: block;
	color: #cccccc;
}

#footer p {
	color: #cccccc;
}

#footer a:link, #footer a:visited, #footer a:active {
	color: #b5b5b5;
	text-decoration: underline;
}

#footer a:hover {
	text-decoration: none;
	background: #ffff99;
	text-decoration: none;
}

/*********************
	CLASSES
*********************/

.clear {
	clear: both;
}

.menu_spacer {
	margin: 15px 0 15px 0;
}

.img_startlogo {
	margin: 0 0 10px 0;
}

div.one_double_idrott .img_student {
	float: left;
	margin: 0 10px 0 0;
	border: 0px;
}

.read_more {
	float: left;
	display: block;
	margin: 10px 0 0 0;
	padding: 0px;
}

div.one_triple .promo_img {
	width: 670px;
	margin: 0 0 12px 0;
	padding: 0 0 14px 0;
	background: url(spacer.png) repeat-x left bottom;
	border: 0px;
}

div.one_double .top_img, div.one_triple .top_img {
	margin: 0 0 10px 0;
	padding: 0px;
	display: block;
	border: 0px;
}

div.one_double hr {
	float: left;
	width: 440px;
	height: 1px;
	margin: 10px 0 10px 0;
	background: url(spacer.png) repeat-x #eaeaea;
	border: 0px;
}

div.sidebar_cell .sidebar_img {
	margin: 0 0 5px 0;
	border: 0px;
}

div.sidebar_cell img {
	margin: 0 0 5px 0;
	border: 0px;
}

.telev_img {
	margin: 0 0 5px 0;
	border: 0px;
}

div.one_double img {
	float: left;
	display: inline;
	margin: 3px 10px 5px 0;
	border: 0px;
}

div.one_double_idrott img {
	float: left;
	display: inline;
	margin: 3px 0 5px 0;
	border: 0px;
}

#bildspel_ol img, #bildspel_ib img {
	margin: 0;
	padding: 0;
	border: 0px;
}

div.blogg_cell img {
	margin: 6px 0 6px 0;
	padding: 0px;
	display: block;
	border: 0px;
}
/*********************
	LINKS
*********************/

a {
	text-decoration: underline;
}

.one_double a:link, .one_double a:visited,
.four_single a:link, .four_single a:visited, 
.one_triple a:link, .one_triple a:visited,
.personal_cell a:link, .personal_cell a:visited,
.one_single_kontakta a:link, .one_single_kontakta a:visited,
.one_double_idrott a:link, .one_double_idrott a:visited {
	color: #3399cc;
}

.one_double a:hover, 
.four_single a:hover,
.one_triple a:hover,
.personal_cell a:hover,
.one_single_kontakta a:hover,
.one_double_idrott a:hover {
	color: #3399cc;
	background: #ffff99;
	text-decoration: none;
}

.one_double a:active,
.four_single a:active,
.one_triple a:active,
.personal_cell a:active,
.one_single_kontakta a:active,
.one_double_idrott a:active {
	color: #3399cc;
}

/*********************
	LISTS
*********************/

div.one_double ul {
	clear: both;
	width: 90%;
	list-style: none;
	margin: 4px 0 4px 5px;
	padding: 0 0 0 0;
}

div.one_double li {
	background: url("bullet.png") no-repeat left top;
	color: #454545;
	font-size: 110%;
	padding: 0 0 0 15px;
}



/*********************
	FORMS
*********************/