/*****************************************************************************
*                                                                            *
*       Å ungdomsskole -- cascading style sheet                              *
*                                                                            *
*****************************************************************************/

/***** Body/div *****/

body
{
	background: white;
	color: black;
	margin: 0;
	padding: 0;
	font: 0.8em "Trebuchet MS",Verdana,Arial,Helvetica,sans,sans-serif;
	text-align: left;
}

#wrap
{
	width: 966px;
	margin: 0 auto;
	padding: 0.2em 0;
	border-left: 2px dotted #F5FFE4;
	border-right: 2px dotted #F5FFE4;
}

.header
{
	text-align: center;
	margin: 0;
	height: 0;
}

.header img
{
	margin: 0 auto;
}

a img
{
	border: 0;
}

.breaker
{
	clear: both;
}

#bunnframe
{
	background: url('/design/theme/public/images/bunn_frame.jpg') white;
	width: 966px;
	height: 185px;
	margin: 0;
	clear: both;
	float: left;
	text-align: center;
	font-size: 0.9em;
}

#bunnframe #customerinfo
{
	display: block;
	margin: 1em auto 0;
}

#comunic,
#comunic a, #comunic a:visited
{
	margin: 3em 0 0;
	font-size: 0.9em;
	color: #878787;
}

.spaceholder
{
	background: url('/design/theme/public/images/topp_frame.jpg') white;
	height: 185px;
	margin: 0;
}



/***** Meny *****/

#menu
{
	border-right: 1px solid #E3E3E3;
	padding: 0 0.8em 0 0;
	width: 150px;
	float: left;
	text-align: right;
}

#menu ul
{
	margin: 15px 0 0 30px;
	padding: 0;
}

#menu ul, #menu ul li
{
	list-style-type: none;
}

#menu ul li
{
	padding: 0;
	margin: 0 0 1em;
}

#menu ul li a, #menu ul li a:visited
{
	font-size: 1.1em;
	font-weight: bold;
	text-decoration: none;
	color: black;
}

#menu ul li a:hover
{
	color: #84B907;
	text-decoration: underline;
}

.submenu
{
/*	display: inline;
	font-weight: bold;
	cursor: pointer;
*/
}

.submenu_box
{
	display: none;
	padding: 0 1em 1em 0;
	border-right: 2px dashed #B6DCA3;
	border-bottom: 2px dashed #B6DCA3;
	margin: 1em 0;
	line-height: 2em;
	font-weight: normal;
}



/***** Box *****/

.box
{
	background: url('/design/theme/public/images/boks.jpg') white;
	width: 213px;
	height: 235px;
	margin: 1em;
	float: left;
}

.box h2
{
	color: #223C17;
	position: relative;
	left: 25px;
	top: 10px;
	font-size: 1.5em;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

.box .content
{
	position: relative;
	left: 16px;
	top: 25px;
	width: 180px;
	font-size: 0.9em;
	margin: 0;
}

.box .content img, .boximageph
{
	width: 180px;
	display: block;
	margin: 0 auto 5px;
	border: 0;
}

.boximageph
{
	border: 1px solid #C0D3B7;
	height: 60px;
	padding: 40px 0 0 0;
	text-align: center;
}

a .boximageph, a:visited .boximageph
{
	color: #A4BF97;
	text-decoration: none;
}

/***** Main content *****/

#content
{
}

.main
{
	margin: 0 0 0 1.5em;
	float: left;
	width: 700px;
	line-height: 1.5em;
}

.main h2
{
	margin: 17px 0 1em 0;
	font-size: 1.6em;
	font-weight: normal;
	border-bottom: 1px solid #E3E3E3;
	padding-bottom: 3px;
}

.main h2 span
{
	font-size: 0.7em;
	padding-left: 4em;
}

.main h2 span a, .main h2 span a:visited
{
	color: #84B907;
	text-decoration: none;
}

.main h2 span a:hover
{
	text-decoration: underline;
	font-weight: bold;
}

.main .ingress
{
	font-style: italic;
	font-weight: bold;
}

.main img
{
	margin: 1.2em;
}

/***** Formation *****/
form {
width: 750px;
margin: 0;
padding: 0 0 0 1em;
}


input, select, textarea {
	font-family: "Trebuchet MS", Verdana, sans;
	font-size: 10pt;
	border: 1px solid #999;
}

input#reset, input#submit {
	border-style: ridge groove;
	border-width: 2px;
	border-color: #ccc;
	height: 25px;
	width: 10%;
	background: url(/design/theme/public/images/button.png) repeat-x #F4F4F4;
}

/***** Various classes *****/
.left {
margin:3px 10px 2px 0;
float:left;
}

.right {
margin:2px 0 2px 10px;
float:right;
}

.textright {text-align:right;}
.center {text-align:center;}
.centered {text-align:center;margin:0 auto;}
.small {font-size:0.8em;}
.italic {font-style:italic;}
.bold {font-weight:bold;}
.hide {display:none;}
.required {color: #f00;}
.objectedit {color: #656;}

.error {
padding: 10px;
border: 1px solid #000;
background-color: #f00;
color: #fff;
font-weight: bold;
font-size: 10pt;
}

.error span {
background-color: #fff;
border: 1px solid #000;
color: #f00;
padding: 2px;
font-weight: normal;
}

.newsflash {
margin:0;
}

.imgingress {
width: 520px;
display: inline;
}

.imgingress_small {
width: 268px;
display: inline;
}

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

table {
	border: 0;
	margin: 0;
	padding: 0;
	clear: both;
}