/**
 * Style sheet xBasic
 * Copyright (C) 2005 Leo Feyer, licensed under LGPL
 */


/**
 * Body
 */
body 
{
	margin:0px;
	padding:0px;
	background: url(../images/site_bg.jpg) 50% 0% no-repeat;
	background-color: #e2e2e2;
}


/**
 * Font family
 */
a, b, body, cite, div, em, i, label, li, ol, p, strong, td, th, u, ul
{
	font-family:Arial, sans-serif;
}

h1, h2, h3, h4, h5, h6
{
	font-family:Arial, sans-serif;
}

fieldset, form, input, optgroup, select, textarea
{
	font-family:Arial, sans-serif;
}


/**
 * Font size
 */
a, body, div, fieldset, form, input, label, li, ol, optgroup, p, select, td, th, textarea, ul
{
	font-size:11px;
	color:#333;
}

h1, h2, h3, h4, h5, h6
{
	font-size:12px;
	color:#333;
}


/**
 * Basic tags
 */
.invisible {
	display: none;
}
img
{
	border:0px;
}
optgroup
{
	padding-top:3px;
	padding-bottom:3px;
	font-style:normal;
}

p, pre, form
{
	margin:0px;
	padding:0px;
}

/**
 * Headings
 */
 
/* H1 */
h1{
	font-size: 14px;
	margin: 0 0 5px 0;
	padding-bottom: 1px;
	border-bottom: 1px solid #ccc;
}

#main h1{
	margin-bottom: 10px;
	font-size: 21px;
}

#sectionHeading{
	background-color: white;
	padding: 5px 10px 0px 10px;
}

#sectionHeading h1{
	margin-bottom: 0;
}

/* H2 */
#main h2{
	margin: 5px 0 5px 0;
	font-size: 14px;
	border-bottom: 1px solid #ccc;
}

#left h2{
	font-size: 12px;
	margin: 0 0 5px 0;
	padding-bottom: 1px;
	border-bottom: 1px solid #ccc;
}


/**
 * Text
 */
p{
	line-height: 1.2em;	
}
.ce_text p{
	margin: 0 0 10px 0;
}

/**
 * Links
 */
a{
	text-decoration: none;
	color: #333;
}
a:hover{
	text-decoration: underline;
}


/**
 * Layout
 */
 
#header{
	height: 165px;
}

#logo{
	float: left;
	width: 240px;
	height: 165px;
}

#footer{
	margin-top: 40px;
}


/**
 * Sidelement
 */
 
/* SškformulŠr sidhuvud */
#headerSearch{
	float: left;
	width: 700px;
	height: 100px;
}

#headerSearch form{
	float: right;
	width: 210px;
	margin: 0;
	padding: 0;
	width: 218px;
	height: 35px;
	background: url(../images/header_search_bg.png) left top no-repeat;
}

#headerSearch form .text{
	float: left;
	width: 130px;
	height: 15px;
	margin: 5px 5px 0 12px;
	border: 1px solid #ccc;
	background-color: #f0f0f0;
}

#headerSearch form .submit_container{
	float: left;
	margin-top: 5px;
}

/* Puffar */
.puff{
	background: url(../images/top_3_col.png) left top no-repeat;
 	margin-bottom: 10px;
 	padding-top: 10px;
}
.puff .inside{
	background: url(../images/bottom_3_col.png) left bottom no-repeat;
	padding-bottom: 5px;
}
.puff .ce_text{
	padding: 5px 10px 0px 10px;
	background-color: white;
}

/* Fšlj oss pŒ webben */
#follow {
	border-top: 2px solid #999;
}
#follow h1{
	margin: 0;
	padding: 4px 0 4px 10px;
	border-bottom: 1px solid #999;
	font-family: Arial, helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
}
#follow ul{
	margin: 4px 0 0 10px;
	padding: 0;
	list-style-type: none;
}
#follow ul li{
	float: left;
	margin: 0;
	padding: 0;
}
#follow ul li a{
	display: block;
	height: 14px;
	padding-left: 18px;
	margin-right: 10px;
	padding-top: 2px;
	font-size: 11px;
}
#follow ul li.flickr a{
	background: url(../images/flickr_icon.png) left top no-repeat;
}
#follow ul li.youTube a{
	background: url(../images/youtube_icon.png) left top no-repeat;
}
#follow ul li.faceBook a{
	background: url(../images/facebook_icon.png) left top no-repeat;
}

/* Sidfotsinfo */
#footerInfo{
	margin-top: 4px;
	padding-top: 4px;
	border-top: 1px solid #999;
	
}
#footerInfo p{
	font-size: 10px;
	color: #999;
}
#footerText{
	float: left;
	width: 440px;
}
#copyRight{
	float: right;
}