/*
Theme Name: HGHK
Theme URI: http://www.hghk.se
Description: HGHK special made theme
Version: 1.0
Author: Nicklas Jarnesjö
Tags: none
*/

/* RESET */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } /* remember to define focus styles! */ :focus { outline: 0; } /* remember to highlight inserts somehow! */ ins { text-decoration: none; } del { text-decoration: line-through; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0; }

body {
	background-color: #e2e2e2;
	font-family: Arial, Helvetica, sans-serif;
}

a{
	text-decoration: none;
}

img{
	border: 0px;
}

.clear{
	clear: both;
}

#topcontainer{
	background-color: #FFF;
	background-image: url(gfx/top_with_menu.png);
	background-repeat: repeat-x;
	height: 88px;
}

#topcontent{
	margin: 0 auto;	
	width: 810px;
}


#logo{
	float: left;
	text-indent: -7777px;
	padding: 0;
	width: 187px;
	height: 141px;
	z-index: 1;
}

#logo h1{
	background-image: url('gfx/logga2.png');
	background-repeat: no-repeat;
	width: 187px;
	height: 141px;
}


/* MENU */
#menu{
	width: 623px;
	float: right;
	margin-top: 33px;
	font-family: Arial;
}

#menu dl{
	min-width: 10px;
	float: left;
	padding: 12px 15px 12px 15px;
	margin: 0px;
}

#menu dl:hover{
	background-color: #d9d9d9;
}

#menu dl.active{
	background-image: url(gfx/menu_active3.png);
	background-repeat: repeat-x;
}

#menu dl.active dt{
	color: #fff;
}

#menu dl.active dd{
	color: #0464bd;
}

#menu dl dt{
	font-size: 14px;
	color: #1c568d;
	font-weight: bold;
}

#menu dl dd{
	padding: 0px;
	margin: 0px;
	font-size: 12px;
	color: #6e6e6e;
}

/* CONTENT */
#contentcontainer{
	background-color: #FFF;
}

#content{
	width: 810px;
	margin: 0 auto;
	min-height: 470px;
	padding-bottom: 25px;
}

#content h1{
	color: #1c568d;
	font-size: 23px;
	padding: 0px;
	margin: 15px 0px 0px 0px;
}

#content h3{
	color: #1c568d;
	font-size: 22px;
}

#content p{
	color: #444;
	font-size: 14px;
	line-height: 20px;
	padding: 0px;
	-margin: 5px 0px 45px 0px;
}

#slider{
	float: left;
	background-image: url(gfx/slider_bg.png);
	background-position: bottom;
	height: 214px;
}

#wedo{
	width: 810px;
}

#wedo p{
	font-size: 12px;
}

#wedo h2{
	color: #1c568d;
	font-size: 18px;
	margin: 0px;
	text-align: center;
}

.wedocontent{
	width: 233px;
	float: left;
	padding: 0px 40px 0px 10px;
}

.wedocontantright{
	width: 233px;
	float: right;
	padding: 0px 10px 0px 0px;
}

/* FIRSTPAGE */
#firstpageContent p{
	
	color: #444;
	font-size: 14px;
	line-height: 20px;
	padding: 0px;
	margin: 5px 0px 45px 0px;
}

/* PAGECONTENT */
#pageContent{
	padding-top: 20px;
	clear: both;
}

#pageContent p{
	padding: 10px 0;
}

#pageContent h2{
	color: #1c568d;
	font-size: 22px;	
}

	#pageContent h3 a{
		border: 0px;
	}

#pageContent h3 {
	color: #444;
	font-size: 16px;
	font-weight: bold;
	padding-top: 25px;
}

	#pageContent .backlink{
		border-bottom: 1px dotted #444;
		color: #1c568d;
	}
	#pageContent .tjanst {
		padding-bottom: 15px;
	}
	
	#pageContent .tjanst h3 {
		color: #1c568d;
		font-size: 20px;
	}
	
	#pageContent .tjanst a{
		border-bottom: 1px dotted #444;
		color: #1c568d;
		font-size: 14px;
	}
	
/* FOOTER */
#footer{
	background-image: url(gfx/footer_bg.png);
	background-repeat: repeat-x;
}

#footercontent{
	width: 810px;
	margin: 0 auto;
	padding: 30px 0px 20px 0px;
}

.footerleft{
	width: 430px;
	float: left;
}

.footerleft img{
	padding-right: 50px;
}

.footerright{
	width: 350px;
	float: right;
}

.footerright h3{
	color: #1c568d;
	font-size: 15px;
	margin: 0px;
	padding: 0px;
}

.footerright p{
	color: #7d7d7d;
	float: left;
	font-size: 14px;
	line-height: 18px;
	margin: 0px;
	padding: 0px;
	width: 175px;
}

#footerinfo{
	clear: both;
	color: #858585;
	font-size: 12px;
	padding-top: 25px;
}

	.leftinfo {
		float: left;
		width: 450px;
	}
	
	.rightinfo {
		float: right;
		text-align: right;
		width: 350px;
	}

#footerinfo a{
	border-bottom: 1px dotted #858585;
	color: #858585;
	text-decoration: none;
}

#tjanster h1{
	color: #1c568d;
	font-size: 20px;
}

/* KONTAKTA */
#contactcontainer{
	width: 810px;
}

#contactcontainer h2{
	color: #1c568d;
	font-size: 22px;
}

#contactleft{
	float: left;
	width: 450px;
}

#contactright{
	color: #444;
	float: right;
	font-size: 14px;
	width: 300px;
}

#contactright img{
	float: left;
	padding-left: 24px;
	padding-right: 24px;
	width: 100px;
}

#contactright p{
	font-size: 14px;
}

.contact{
	float: left;
	text-align: center;
	width: 149px;
}

.adress{
	font-size: 15px;
	margin: 0 auto;
	width: 160px;
}

input{
	font-size: 14px;
	height: 20px;
	width: 440px;
}

input.under{
	width: 100px;
}

textarea{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	height: 150px;
	padding: 3px;
	width: 445px;
}

.mailat{
	font-weight: bold;
	color: green;
	width: 425px;
	text-align: center;
	background-color: lightgreen;
	border: 1px solid green;
	padding: 10px;
	clear: both;
}

.fel{
	font-weight: bold;
	color: red;
	width: 425px;
	text-align: center;
	background-color: #ee9595;
	border: 1px solid red;
	padding: 10px;
	clear: both;
}

.false {
	background-color: #f15050;
}

/* REFERENSER */

#referenser{
}

.referens{
	margin-bottom: 45px;
}

#referenser p{
	padding: 0px;
	margin: 0px 0px 20px 0px ;
}

#referenser h3{
	font-size: 16px;
	padding-bottom: 0px;
	margin-bottom: 0px;
}

.referensbilder{
	float: left;
	margin: 0px;
	padding: 0px;
	width: 120px;
}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */

/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */