/* 
		CSS Start Template for websites
		By Trond Ulseth - trond@idl.no - Started 1st June 2006
		
		Goal:
					Not having to create the same stuff each time a new site is created
		
		Change log:
					1st June 2006 - started this template
					
		Once implemented for a site this template should/could be edited, added to and deleted from.
		Coments can be deleted as well, but it's adviced not to.
		Parst of this template is based on the article Squeaky Clean CSS by Lokesh
			http://www.huddletogether.com/2006/02/16/practical-web-development-tips/
		Styles for css/js navigation is kept in it's own stylesheet.
		
		Table of Contents:
		
					Setting up some Global Defaults
					Main Layout
					Typography
					Forms
					Header
					Footer
*/

/* Setting up Some Global defaults
---------------------------------------------------------------------- */

	/* since browsers have diferent default measures for margin and padding we're zeroing them out to be treated equaly all over */
* {
	margin: 0px;
	padding: 0px;
	}
	
	/* some global font attributes is good to have */
* {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 1.5em:
	}
	
	/* for body we usually have at least a bacground color */
body {
	background-color: #676767;
	background-image: url(../wsimages/body_bg.jpg);
	background-repeat: repeat-x;
		}
	
	/* some items need their margins and/or paddings */
p,
h1,
h2,
h3,
h4,
h5,
h6 {
	margin-bottom: 1.0em;
	}
	
ol, ul {
		line-height: 1.5em;
		margin: 1.2em 0 1.2em 2em;
		}

ul li,
ol li {
		margin-bottom: 0.2em;
		}

img,
a img {
		border: 0px;
		}
	
	/* sizes for the headers */
h1 {
	font-size: 2em;
	color: #006600;
	font-weight: normal;
	}
h2 {
	font-size: 2em;
	}
h3 {
	font-size: 1.5em;
	}
h4 {
	font-size: 1em;
	}
h5 {
				font-size: 0.8em;
				}
h6 {
				font-size: 0.6em;
				}
	
	/* some global styles for links */
	
a:link,
a:active,
a:visited {
				text-decoration: none;
				color: #006699;
				}
a:hover {
				text-decoration: underline;
				color: #000000;	
				}
				
	/* a clear class often comes in handy in site layouts */
	
.clear {
	clear: both;
	height: 1px;
	overflow: hidden;
	position: relative;
	width: 10px;
				}

/* Main Layout
---------------------------------------------------------------------- */

	/* There's almost always a main div container for the layout of a site */
	
	/* GLOW */
#glowtop {
	height: 19px;
	width:816px;
	overflow: hidden;
	margin-left: -408px;
	background-image: url(../wsimages/glow_top.png);
	position: absolute;
	top: 30px;
	left: 50%;
			}
			
	/* for IE */
	* html body #glowtop {
		background-image: url(../wsimages/glow_top.gif);
		}

#glow {
	width: 816px;
	margin-left: -408px;
	background-image: url(../wsimages/glow.png);
	position: relative;
	left: 50%;
	top: 49px;
	background-repeat: repeat-y;
			}
			
	/* for IE */
	* html body #glow {
		background-image: url(../wsimages/spacer.gif);
		}

#mainwrapper {
	width: 784px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	overflow: hidden;
			}
			
#glowbottom {
	background-image: url(../wsimages/glow_bottom.png);
	height: 22px;
	overflow: hidden;
	position: relative;
	width:816px;
	left: 50%;
	margin-left: -408px;
	top: 49px;
	}
	
	/* for IE */
	* html body #glowbottom {
		background-image: url(../wsimages/glow_bottom.gif);
		}
				
/* Content Layout
---------------------------------------------------------------------- */

#contentwrapper {
	position: relative;
	border-left: solid 1px #000000;
	border-right: solid 1px #000000;
	background-color: #FFFFFF;
	width: 762px;
	overflow: hidden;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	}
	
	/* for IE */
	* html body #contentwrapper {
		padding-left: 0px;
		width: 772px;
		}
			
	/* country boxes for the main page */
.country {
			width: 170px;
			float: left;
			background-color: #E2F1E2;
			color: #006600;
			margin: 10px;
			position: relative;
			}
		
.country h2 {
			background-image: url(../wsimages/countryheader_bg.gif);
			font-weight: normal;
			text-align: right;
			padding-right: 15px;
			margin-bottom: 0px;
			}
.country h2 .flag {
	position: absolute;
	top: -16px;
	left: 5px;
	border: 0px;
			}

div#forRent h2 .flag
			{
			top: -15px;
			left: -5px;
			}
			
.country div {
			border-left: solid 1px #000000;
			border-right: solid 1px #000000;
			padding: 10px;
			margin: 0px;
			}
			
.teaser
		{
		min-height: 95px;
		}
		
.noteaser
		{
		min-height: 60px;
		}
		
* html .teaser
		{
		height: 95px;
		}
			
.country .button {
			border: solid 1px #000000;
			background-image: url(../wsimages/countrybutton_bg.gif);
			font-weight: bold;
			padding-right: 10px;
			padding-bottom: 0px;
			padding-top: 10px;
			height: 39px;
			text-align: left;
			position:relative;
			}
			
.country .button .finger {
			position:absolute;
			border:none;
			left:135px;
			top:17px;
			}
			
div.countrybottom
		{
		background-image: url(../wsimages/countrybottom.gif);
		background-repeat: no-repeat;
		height: 16px;
		width: 170px;
		display: block;
		margin: 0px;
		padding: 0px;
		border: none;
		}

* html div.countrybottom
		{
		overflow: hidden;
		background-position: right top;
		z-index: 1000;
		width: 172px;
		margin-left: -2px;
		}
		
.relatedimages {
	border: solid 1px #999999;
	background-color: #EFEFEF;
	width: 95%;
	padding: 5px;
	margin-top: 15px; 
	}
	
.relatedimages img {
	margin: 10px;
	border: solid 1px #666666;
	}
		
/* Newsitems */
span.newsItem
		{
		margin: 0px;
		border: solid 1px #B4DBB4;
		display: block;
		width: 146px;
		text-decoration: none;
		text-align: center;
		margin-top: 5px;
		}

span.newsItem a
		{
		width: 138px;
		padding: 4px;
		min-height: 138px;
		display: block;
		position: relative;
		}

span.newsItem a:hover
		{
		background-color: #fff;
		}

span.newsItem a img
		{
		display: block;
		float: none;
		padding: 4px;
		margin: 0 auto;
		}
		
a:hover
		{
		float: none;
		}

span.newsItem a span.h5
		{
		margin: 0px;
		font-size: 12px;
		font-weight: bold;
		text-transform: uppercase;
		}

span.newsItem a span
		{
		display: block;
		clear: both;
		font-size: 10px;
		margin: 0px;
		}

span.newsItem a span.beskrivelse
		{
		text-align: left;
		margin-top: 5px;
		}
		
span.newsItem a span.status_overimage 
		{
		background-color: #FFF;
		color: #F00;
		font-size: 20px;
		position: absolute;
		text-align: center;
		top: 40px;
		width: 138px;
		filter:alpha(opacity=75);
		-moz-opacity:.75;
		opacity:.75;
		}
		
/* norwegian for rent box */			
#forRent {
			width: 740px;
			float: left;
			background-color: #E2F1E2;
			color: #006600;
			margin: 40px 10px 0px;
			position: relative;
			}

#forRent h2 {
	background-image: url(../wsimages/forrent_top.gif);
	background-repeat: no-repeat;
	font-weight: normal;
	padding-left: 20px;
	padding-top: 4px;
	margin-bottom: 0px;
	}
	

			
#forRent div {
	border-left: solid 1px #000000;
	border-right: solid 1px #000000;
	margin: 0px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
			}
			
#forRent .forRentContent {
	padding-left: 40px;
	}

/* Typography
---------------------------------------------------------------------- */
table.cranelist {
	background-color: #000000;
	width: 100%;
	}
	
table.cranelist th {
	background-color: #E2F1E2;
	color: #006600;
	padding: 3px;
	}
	
table.cranelist th h3 {	
	font-weight: normal;
	margin-bottom: 0px;
	}

table.cranelist td {
	background-color: #E2F1E2;
	color: #006600;
	padding: 5px;
	}
	
.status {
	font-weight: bold;
	color: #FF0000;
	}
	
h1 .status {
	font-size: 1em;
	font-weight: normal;
}

/* Forms
---------------------------------------------------------------------- */

/* Header
---------------------------------------------------------------------- */

#header {
	padding- right: 2px;
	padding-left: 2px;
	padding-bottom: 2px;
	background-color: #FFFFFF;
	border-right: solid 1px #000000;
	border-left: solid 1px #000000;
	border-bottom: solid 1px #000000;
		}

/* Footer
---------------------------------------------------------------------- */

#footer {
	clear: both;
	font-size: 16px;
	color: #006600;
	background-color: #FFFFFF;
	text-align: center;
	padding-bottom: 30px;
	padding-top: 30px;
	position: relative;
	border-left: solid 1px #000000;
	border-right: solid 1px #000000;
}

#footer p, #footer p strong, #footer p a {
	font-size: 13px;
	}
	
#footer .flag1 {
	position: absolute;
	top: 50px;
	left: 70px;
	border: 0px;
			}
			
#footer .flag2 {
	position: absolute;
	top: 145px;
	left: 70px;
	border: 0px;
			}
			
#footer .flag3 {
	position: absolute;
	top: 145px;
	left: 70px;
	border: 0px;
			}

/* Developed by
---------------------------------------------------------------------- */

#devBy {
		width: 784px;
		margin-left: auto;
		margin-right: auto;
		margin-top: 20px;
		text-align: right;
		position: relative;
		top: 49px;
		}
		
	/* this section usually has some other link styling than the default */
#devBy a:link,
#devBy a:active,
#devBy a:visited {
					text-decoration: none;
					color: #DDDDDD;
					}
#devBy a:hover {
				text-decoration: underline;
				color: #FFFFFF;	
				}