@charset "utf-8";
/* CSS Document */

body {
	background: #80b5c4 url(../images/base/background.png) repeat-x;
	margin:0px;
	font-family: Tahoma,Verdana,Arial,Times New Roman;
	font-size: 12px;
	color: #222222;
	line-height:18px;
}

a {
	color: #222222;
	text-decoration: underline;
}

a:hover {
	color: #222222;
	text-decoration: none;
}

label {
	
}

input, textarea {
	width: 200px;
	background-color:#FFFFFF;
	border-color:#B7B7B7 #B7B7B7 #515151;
	border-style:dotted;
	border-width:0 0 1px;
}

textarea {
	width: 350px;
	border-left:1px dotted #B7B7B7;
	border-right:1px dotted #B7B7B7;
	border-top:1px dotted #B7B7B7;
	height:200px;
}

dl dt {
	background:url(../images/base/dt.gif) no-repeat;
	color:#4E443C;
	font-size:1em;
	font-weight:bold;
	line-height:1.45em;
	padding-left:12px;
}

dl dd {
	background:url(../images/base/dd.gif) no-repeat;
	color:#666666;
	font-size:1em;
	line-height:1.45em;
	margin:0 0 15px;
	padding-left:12px;
}

ul {
	list-style-image: url(../images/base/dt.gif);
}

img {
	border: 0px;
}

div.clearline {
	clear: both;
}

#wrapper {
	text-align: center;
}

#menu {
	clear: both;
	width: 965px;
	height: 44px;
	margin-left: auto;
	margin-right: auto;
	background: transparent url(../images/base/menu.background.png) repeat-x;
}

	#menu div.left-end {
		clear: both;
		float: left;
		width: 15px;
		height: 44px;
		background: transparent url(../images/base/menu.leftend.png) no-repeat;
	}

	#menu div.right-end {
		float: left;
		width: 15px;
		height: 44px;
		background: transparent url(../images/base/menu.rightend.png) no-repeat;
	}
	
	#menu a.btn {
		display: block;
		float: left;
		height: 36px;
		margin-top: 4px;
		cursor: pointer;
	}
	
		#menu a.home {
			width: 46px;
			background: transparent url(../images/base/menu.btn.home.png) no-repeat 0 0;
		}
	
			#menu a.home:hover {
				background: transparent url(../images/base/menu.btn.home.png) no-repeat 0 bottom;
			}
	
		#menu a.vara-kok {
			width: 112px;
			background: transparent url(../images/base/menu.btn.vara-kok.png) no-repeat 0 0;
		}
	
			#menu a.vara-kok:hover {
				background: transparent url(../images/base/menu.btn.vara-kok.png) no-repeat 0 bottom;
			}
	
		#menu a.aktuellt {
			width: 106px;
			background: transparent url(../images/base/menu.btn.aktuellt.png) no-repeat 0 0;
		}
	
			#menu a.aktuellt:hover {
				background: transparent url(../images/base/menu.btn.aktuellt.png) no-repeat 0 bottom;
			}
	
		#menu a.kundkok {
			width: 111px;
			background: transparent url(../images/base/menu.btn.kundkok.png) no-repeat 0 0;
		}
	
			#menu a.kundkok:hover {
				background: transparent url(../images/base/menu.btn.kundkok.png) no-repeat 0 bottom;
			}
	
		#menu a.kontakt {
			width: 105px;
			background: transparent url(../images/base/menu.btn.kontakt.png) no-repeat 0 0;
		}
	
			#menu a.kontakt:hover {
				background: transparent url(../images/base/menu.btn.kontakt.png) no-repeat 0 bottom;
			}
	
		#menu a.medarbetare {
			width: 134px;
			background: transparent url(../images/base/menu.btn.medarbetare.png) no-repeat 0 0;
		}
	
			#menu a.medarbetare:hover {
				background: transparent url(../images/base/menu.btn.medarbetare.png) no-repeat 0 bottom;
			}
	
		#menu a.fragor-och-svar {
			width: 145px;
			background: transparent url(../images/base/menu.btn.fragor-och-svar.png) no-repeat 0 0;
		}
	
			#menu a.fragor-och-svar:hover {
				background: transparent url(../images/base/menu.btn.fragor-och-svar.png) no-repeat 0 bottom;
			}
	
		#menu a.olssons-colorama {
			width: 176px;
			background: transparent url(../images/base/menu.btn.olssons-colorama.png) no-repeat 0 0;
		}
	
			#menu a.olssons-colorama:hover {
				background: transparent url(../images/base/menu.btn.olssons-colorama.png) no-repeat 0 bottom;
			}
			
#topimage {
	clear: both;
	width: 1030px;
	height: 278px;
	margin-left: auto;
	margin-right: auto;
	background: transparent url(../images/base/topimage.png) no-repeat;
}
	
#content-wrapper {
	clear: both;
	width: 1065px;
	margin: 10px auto 0 auto;
	overflow: auto;
	background: transparent url(../images/base/content.background.png) repeat-y 67px 0px;
}

	#content-wrapper div.left {
		clear: both;
		float: left;
		width: 552px;
		height: 100%;
		
		margin: -4px 0 0 67px;
		overflow: visible;
		text-align: left;
	}

		#content-wrapper div.left div.top {
			clear: both;
			float: left;
			width: 552px;
			height: 28px;
			background: transparent url(../images/base/content.top.png) no-repeat 0 4px;
		}
		
		#content-wrapper div.left div.story {
			margin: 0 0 0 25px;
			width: 500px;
			text-align: justify;
		}
		
			#content-wrapper div.left div.story h1 {
				color: #488191;
				font-family: Trebuchet MS, Tahoma,Verdana,Arial,Times New Roman;
				font-size: 2.3em;
				font-weight: normal;
				margin: 0 0 0 0;
				line-height: 1.4em;
			}
		
			#content-wrapper div.left div.story h2 {
				color: #488191;
				font-family: Trebuchet MS, Tahoma,Verdana,Arial,Times New Roman;
				font-size: 1.7em;
				font-weight: normal;
				margin: 0 0 0 0;
				line-height: 1.4em;
			}
		
			#content-wrapper div.left div.story div.ingress p {
				margin: 5px 0 0 0;
				font-size: 1.1em;
				color:#313030;
				font-family:arial,sans-serif;
				text-decoration:none;
				text-transform:none;
				text-align: justify;
				font-weight: bold;
			}
		
			#content-wrapper div.left div.story div.content p {
				margin: 5px 0 0 0;
				font-size: 1.1em;
				color:#313030;
				font-family:arial,sans-serif;
				text-decoration:none;
				text-transform:none;
				text-align: justify;
			}
			
			#content-wrapper div.left div.story div.content img,
			#content-wrapper div.left div.story div.headerPhoto img {
				border: 1px solid #000;
			}
				
			#content-wrapper div.left img.content-big-image {
				margin: 20px 0 10px -46px;
			}
			
			#content-wrapper div.left h2.associateName {
				clear: both;
				float: left;
				width: 150px;
				margin: 0 0 0 150px !important;
			}
			
			#content-wrapper div.left div.associateImage {
				clear: both;
				float: left;
				width: 150px;
			}
			
			#content-wrapper div.left div.associateText {
				float: left;
				width: 350px;
			}
	
	#content-wrapper div.right {
		float: left;
		width: 415px;
		margin-left: 17px;
		text-align: left;
	}
	
		#content-wrapper div.right div.headline {
			clear: both;
			float: left;
			width: 365px;
			text-align: right;
			color: #c0dae2;
			font-face: arial;
			font-size: 24px;
		}
		
			#content-wrapper div.right div.headline span {
				font-size: 19px;
			}
	
		#content-wrapper div.right div.box {
			clear: both;
			float: left;
			width: 360px;
			margin: 0 0 0 8px;
			background-color: #ffffff;
			border: #404040 1px solid;
		}
	
		#content-wrapper div.right img.box {
			clear: both;
			float: right;
			margin: 0 28px 0 0;
		}
	
#end {
	clear: both;
	width: 100%;
	height: 63px;
	background: #333333 url(../images/base/end.background.png) repeat-x;
	text-align: center;
}

	#end div.end-wrapper {
		clear: both;
		width: 1065px;
		margin-left: auto;
		margin-right: auto;
		color: #444444;
		font-family: Tahoma,Verdana,Arial,Times New Roman;
		font-size: 11px;
		line-height: 15px;
	}

		#end div.end-wrapper a {
			color: #444444;
			font-weight: bold;
		}

			#end div.end-wrapper a:hover {
				text-decoration: none;
			}
	
		#end div.end-wrapper div.left {
			clear: both;
			float: left;
			width: 552px;
			margin: 0 0 0 67px;
			overflow: visible;
			text-align: left;
		}
	
			#end div.end-wrapper div.left div.end {
				clear: both;
				float: left;
				width: 542px;
				height: 53px;
				background: transparent url(../images/base/content.end.png) no-repeat;
				padding: 10px 0 0 10px;
			}
	
		#end div.end-wrapper div.right {
			float: left;
			width: 415px;
			margin-left: 17px;
			text-align: right;
		}
		
			#end div.end-wrapper div.right #producedBy {
				margin: 0 45px 0 0;
			}
			
/************************************************** Contactpage **************************************************/
#content-wrapper div.left div.contactLeft {
	clear: both;
	float: left;
	width: 150px;
	font-weight: bold;
	margin: 5px 0 0 0;
}

#content-wrapper div.left div.contactRight {
	float: left;
	width: 350px;
	margin: 5px 0 0 0;
}

#content-wrapper div.left div.contactMessage {
	clear: both;
	float: left;
	width: 350px;
	margin: 5px 0 0 0;
}

#contactSend {
	width: 84px;
	height: 34px;
	background: transparent url(../images/base/btn.send.png) no-repeat 0 0;
	cursor: pointer;
}

	#contactSend:hover {
		background: transparent url(../images/base/btn.send.png) no-repeat 0 -34px;
	}
	
	
/************************************************** General **************************************************/
.floatLeft {
	float: left;
}

.floatRight {
	float: right;
}

.border {
    border: #404040 1px solid;
}

#content-wrapper .right a.indent {
    margin-left: 12px;
}