/* CSS för body */
body {
	margin: 0;
	padding: 0;
	text-align: left;
	font-family: tahoma, verdana, arial, courier new;
	font-size: 12px;
	font-weight: normal;
	line-height: 145%;
	color: #3c3b3b;
	background: url(bg.png) repeat-y #633726;
}

/* StandardDIVar */

#wrapper{
	width: 882px;
	margin: 0 auto;
	padding: 0 10px 10px 10px;
	background: transparent;
}

#topp {
	float: left;
	width: 360px;
	height: 100px;
	padding: 0;
	margin: 0;
}
#topp img{margin:0; padding: 0;}


#menu {
	float: right;
	width: 520px;
	text-align: center;
	padding: 62px 0 0 0;
	margin: 0 0 0 0;
	color: #fff;
}

.content{
	clear: both;
	width: 860px;
	margin: 0 0 10px 0;
	padding: 10px;
	background-color: #fff;
	-moz-border-radius: 12px 0 12px 0;
	-o-border-radius: 12px 0 12px 0;
	-webkit-border-radius: 12px 0 12px 0;
	border-radius: 12px 0 12px 0;
}

#bottom {
	clear: both;
	width: 855px;
	height: 20px;
	margin: 7px 0px 0px 0px;
	padding: 0;
	text-align: right;
	font-size: 11px;
	line-height: 150%;
}
#bottom img{margin: 0; padding : 0 2px;}


/* Text och länkar */

a:link { text-decoration: none; color: #5f7a8a; font-weight: bold;}
a:visited { text-decoration: none; color: #5f7a8a; font-weight: bold;}
a:active { text-decoration: underline; color: #5f7a8a; font-weight: bold;}
a:hover { text-decoration: underline; color: #ea992f; font-weight: bold;}

h1{
	margin: 6px 6px 14px 6px;
	padding: 0px;
	text-align: left;
	font-family: "Huvud", "myriad pro", tahoma, arial;
	font-weight: normal;
	font-size: 33px;
	color: #3c3b3b;
	line-height: 100%;
}

h2{
	font-family: "Huvud", "myriad pro", tahoma, arial;
	margin: 10px 6px 10px 6px;
	padding: 0;
	text-align: left;
	font-weight: normal;
	font-size: 24px;
	color: #3c3b3b;
}

h3{
	clear: both;
	margin: 20px 6px 6px 6px;
	padding: 10px 0 0 0;
	text-align: left;
	font-weight: normal;
	font-size: 22px;
	color: #3c3b3b;
}

h7{
	margin: 2px 6px 6px 6px;
	padding: 0px;
	text-align: left;
	font-weight: normal;
	font-size: 22px;
	color: #3c3b3b;
}

h4{
	font-size: 140%;
	margin: 15px 0 0 0;
	padding: 0px;
	font-size: 20px;
	font-family: arial, georgia, verdana;
	font-weight: normal;
	text-align: left;
	color: #3c3b3b;
}

h5{
	clear: both;
	margin: 10px 6px 6px 6px;
	padding: 15px 0px 0px 0px;
	text-align: left;
	font-weight: normal;
	font-size: 18px;
	color: #3c3b3b;
}

p{
	margin: 2px 6px 6px 6px;
	padding: 0px;
}

/* Specialtext */

.fetad{
	font-size: 40px;
	color: #5f7a8a;
}

/* Fontfaces */

@font-face{
	font-family: "Huvud";
	src: url("http://danielc.se/fonts/header.eot"); /* Stupid IE needs this one... */
}

@font-face {
	font-family: "Huvud";
	src: url(http://danielc.se/fonts/header.ttf); /* Alla andra webbläsare använder denna */
}


/* CSS för bottombilderna */

a.twitfot {
	margin: 0 2px;
	float: right;
	display: block;
	width: 15px;
	height: 15px;
	text-decoration: none;
	background: url(bilder/twitfotdual.jpg);
	}

a.twitfot:hover {
	background-position: -15px 0;
	}
	
a.skypefot {
	margin: 0 2px;
	float: right;
	display: block;
	width: 15px;
	height: 15px;
	text-decoration: none;
	background: url(bilder/skypefotdual.jpg);
	}

a.skypefot:hover {
	background-position: -15px 0;
	}
	
a.gplusfot {
	margin: 0 2px;
	float: right;
	display: block;
	width: 15px;
	height: 15px;
	text-decoration: none;
	background: url(bilder/gplusfotdual.jpg);
	}

a.gplusfot:hover {
	background-position: -15px 0;
	}

.gomdig {
	position: absolute;
	left: -5000px;
	}

/* CSS för index */

#indexleft{
	float: left;
	width: 630px
}

#indexright{
	float: right;
	width: 220px;
	margin: 0 0 10px 0;
}

.indexbox{
	width: 610px;
	height: 375px;
	margin: 0;	
	padding: 10px;
	background: #412417;
	-moz-border-radius: 12px 0 12px 0;
	-o-border-radius: 12px 0 12px 0;
	-webkit-border-radius: 12px 0 12px 0;
	border-radius: 12px 0 12px 0;
}
.indexbox h2{margin: 0 0 9px 0; color: #fff;}
.indexbox p{color: #fff}
.indexbox img {margin: 0; padding: 0;}
.indexbox a, .indexbox a:link{color:#ea992f}

.kontakt{clear: both; float: left; margin: 3px 6px;}

/*CSS för webbsidor.php */

.webb{
	float: left;
	width: 400px;
	margin: 5px;	
	padding: 4px 10px 10px 10px;
	background: #412417;
	-moz-border-radius: 12px 0 12px 0;
	-o-border-radius: 12px 0 12px 0;
	-webkit-border-radius: 12px 0 12px 0;
	border-radius: 12px 0 12px 0;
}
.webb h1, .webb h2, .webb p, .webb ul{ color: #fff;}
.webb a{ color: #ea992f;}

.webb img{margin: 0;}

.webbsidor{
	width: 840px;
	height: 306px;
	margin: 0 0 10px 0;	
	padding: 4px 10px 10px 10px;
	background: #412417;
	-moz-border-radius: 12px 0 12px 0;
	-o-border-radius: 12px 0 12px 0;
	-webkit-border-radius: 12px 0 12px 0;
	border-radius: 12px 0 12px 0;
}
.webbsidor h1, .webbsidor h2, .webbsidor p, .webbsidor ul{ color: #fff;}
.webbsidor a{ color: #ea992f;}

.webbsidor img{ float: right; margin: 6px 0 0 10px;}

/* CSS för kontakt.php */

.kontakta{
	float: left;
	width: 195px;
	height: 205px;
	margin: 10px 5px;
	padding: 5px;
	background: #e4e3e3;
	-moz-border-radius: 12px 0 12px 0;
	-o-border-radius: 12px 0 12px 0;
	-webkit-border-radius: 12px 0 12px 0;
	border-radius: 12px 0 12px 0;
}
.kontakta img{ margin:0; padding: 0;}

#right{text-align: right;}

#kontaktform{
	float: left;
	width: 315px;
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
}

#foretag{
	float: right;
	width: 460px;
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
}

/* Bildspel CSS */

.bildspel{
	width: 840px;
	margin: 0 auto;
	background: #412417;
	padding: 10px;
	-moz-border-radius: 12px 0 12px 0;
	-o-border-radius: 12px 0 12px 0;
	-webkit-border-radius: 12px 0 12px 0;
	border-radius: 12px 0 12px 0;
}
.bildspel img{
	margin: 0;
}


/* Annat */

.left{float: left; margin: 3px 6px;}

.right{float: right; margin: 3px 6px;}

.clear{clear: both;}

#portfolio{text-align: center;}

img{
	margin: 3px;
	border-color: #c4c4c4;
}
a img{
	border:0;
}


hr{
	width: 99%;
	border-width: 1px 0px 0px 0px;
	border-style: solid;
	border-color: #c4c4c4;
}



/* Menyns CSS */

#menu ul{
	list-style-type: none;
	}

#menu li{
	position: relative;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	list-style-image: none;
	list-style-position: inside;
	list-style-type: none;
	padding: 0 2px 0 0px;
	margin: 0;
	float: left;

}

#menu a{
	display: block;
	width: 78px;
	height: 20px;
	margin: 0;
	padding: 6px 0 0 0;
	text-decoration: none;
	font-size: 11px;
	font-weight: normal;
	background: #b79e88;
	color: #000;
	-moz-border-radius: 10px 10px 0 0;
	-o-border-radius: 10px 10px 0 0;
	-webkit-border-radius: 10px 10px 0 0;
	border-radius: 10px 10px 0 0;
}

#menu a:hover{
	background: #f0dece;
	color: #000;
}