/* @override http://www.nackaorienteringen.se/css/default.css */


/* CSS Document */

/*
=============================

nackaorienteringen.se
Standardsida

=============================
*/


/* Main page setup, font size and family, hack for table layout
=================================================================*/

body {
	margin: 0px;
	text-align:center;
	padding:0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
    background-color:#cccccc;
}

* {margin:0; padding:0;}

div#holder {
	width: 800px;
	background-color:#ffffff;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	margin-bottom: 0.5em;
	
}

/*--Hack01. Page layout, tables--*/
.clearfix:after {  
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

* html .clearfix {height: 1%;}  /* Hides from IE-mac \*/
.clearfix {display: block;}

/*--End Hack01--*/



/*Top page content and layout
===================================================================*/

div#header  {      /*Picture*/
	width:800px;
	float:left;
}	

div#datecontainer  {
	width:795px;
	height:10px;
	padding-left:5px;
	text-align:left;
	float:left;
	margin-bottom:10px;
		}

div#date  {
	height:20px;
	text-align:left;
	float:left;
	padding-top:6px;
}	

div#date p {
	text-align:right;
	font-size: 0.6em;
color:	#666666;
}


div#menu  {
	width:800px;
	text-align:left;
	background: #CCCCCC;
	border-bottom: 0,5px solid #999999;
	border-left:0,5px solid #999999;
	
}

div#menu a {
	font-size: .7em;
}


/*Main content area and layout
===================================================================*/

div#contentarea {
	/*border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;*/
width:800px;
	margin-left:auto;

	text-align:left;
	padding-bottom:15px;
	background-color: #ffffff;


	
}


	
	/*Content of center margin*/
div#marginal {
	width: 575px;
	float:left;
	padding-right:0px;
	margin-right:20px;
	
	padding-bottom:10px;
	padding-left:5px;
	
}

div#marginal p {
font-size:0.7em;
line-height:1.2;
	margin-bottom:0.6em;
	color:#326915;
	text-align:left;
}

div#marginal p_mindre {
font-size:0.6em;
line-height:1.2;
	margin-bottom:0.6em;
}
div#marginal h1  {
	font-size: 3em;
	margin-bottom:.2em;
	color:#993300;
	text-align:left;
	
}

div#marginal h2  {
	font-size: 1.1em;
	font-weight: bold;
	margin-bottom:0.2em;
	color:#993300;
	margin-bottom:.2em;
}

div#marginal h3  {
	font-size: 2em;
	margin-bottom:.2em;
	color:#993300;
	text-align:left;
}

div#marginal h5 {
	font-size: 0.8em;
	margin-top:0.8em;
	margin-bottom:.3em;
	color: #000000;
	text-align:left;
}

div#marginal h6 {
	font-size: 0.7em;
	font-weight:normal;
	margin-top:0.7em;
	color: #000000;
	text-align:left;
}



/*End center margin*/

/*right area
===================================================================*/

div#right {
	width:180px;
	float:left;
	margin-top:-5px;
	padding-bottom:10px;


}


div#right p {
font-size:0.7em;
line-height:1.2;
	margin-bottom:0.6em;
	color:#326915;
	text-align:left;
}

div#right p_mindre {
font-size:0.6em;
line-height:1.2;
	margin-bottom:0.6em;
}
div#right h1  {
	font-size: 4em;
	margin-bottom:.2em;
	color:#326915;
	text-align:left;
	
}

div#right h2  {
	font-size: 1.1em;
	font-weight: bold;
	margin-bottom:0.2em;
	color:#993300;
}

div#right h3  {
	font-size: 0.8em;
	margin-bottom:0.2em;
	text-align:left;
	font-weight:normal;
	color:#333333;
}

div#right h5 {
	font-size: 0.8em;
	margin-top:0.8em;
	margin-bottom:.3em;
	color: #000000;
	text-align:left;
}

/*Content of footer*/

div#footer {
	width: 800px;
	height:8px;
	padding-bottom:8px;
	padding-top: 6px;
	float:left;
	background-color: #000000;
	
	}

div#footer p {
	font-size:0.6em;
	text-align:center;
	color:#FFFFFF;

}
/*End of footer*/


div#bottommargin {
	background-color:#00CCCC;
	width: 800px;
	float:left;
}

/*Class to any tag
===================================================================*/
a img {
border:none;
}

#logo a:active {
	text-decoration: none;
}

img.left {
	margin-right:10px;
	margin-top:5px;
	float: left;
}

img.top {
	margin-bottom:10px;
}

p.halvfet {
	font-weight:bold;
}

p.mindre {
font-size:0.6em;
text-align: left;
}

img.right {
	margin-left:10px;
	margin-top:5px;
	float: right;
}

.line {
	border-bottom-width: 0.5px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
	margin-top:0.4em;
}

.datum  {
	padding-right:.5em;
	padding-bottom:.5em;
	color: #666666;
	font-weight:bold;
}