* { margin: 0; padding: 0; }

html, body { height: 100%; }
body { font: 11px/16px arial, sans-serif, verdana, tahoma; color: #000; background: #fff; }
a img { border: none; }
a:link{color: #000000; text-decoration: none;}
a:visited{color: #000000; text-decoration: none;}
a:hover{color: #2f240c;}
a:active{text-decoration: none;}

p { margin: 10px 0 15px 0; }

h1 { margin: 0 0 5px 0; clear: both; font: 25px arial, verdana, sans-serif, helvetica ; font-weight: bold; border-bottom: 3px solid #140c06; text-transform: uppercase; padding-bottom: 0; }
h2 { margin: 0 0 5px 0; clear: both; font: 10px sans-serif, arial, verdana, helvetica ; text-transform: uppercase; font-weight: normal; color: #000; padding: 2px; }
h3 { margin: 0 0 5px 0; clear: both; font: 16px arial, verdana, sans-serif, helvetica ; font-weight: bold; text-transform: uppercase; padding-bottom: 2px; }

ul { margin: 10px 0 15px 0; padding: 0;}
li { margin: 0; padding: 0; list-style-type: none;}
form { margin: 10px 0 15px 0; }
input { font-family: arial, verdana, sans-serif; font-size: 11px; color: #000; border: none; background: #DFDFDF; } 
textarea { background: #DFDFDF; font-family: arial, verdana, sans-serif; font-size: 11px; color: #000; }

#container { 
	width: 900px;  
	margin: 0 auto;
	min-height: 100%;
}
#header { 
	height: 199px; 
	background: url(layout/header8.gif) no-repeat 0 0;
}
#content { 
	background: #fff; 
}
#main { 
	float: left;
	width: 710px;
	padding: 10px 0 10px 0; 
	margin: 0;
}
#kolumn2 {
	text-align: right;
	float: right; 
	width: 175px; 
	margin: 0 0 0 0;
}

#footer { 
	clear: both; 
	margin: 0 175px 0 0; 
	padding: 10px 0; 
	background: #fff; repeat-x top;
	border-top: 3px solid #140c06; 
}
#footer a { float: right; color: #000; }
#footer a:hover { color: #999999; }

#nav a.start {
width: 175px;
height: 50px;
margin: 0 0 10px 0;
background: url(layout/start.jpg) no-repeat 0 0;
display: block;
}

#nav a.info {
width: 175px;
height: 50px;
margin: 0 0 10px 0;
background: url(layout/info.jpg) no-repeat 0 0;
display: block;
}

#nav a.arkiv {
width: 175px;
height: 50px;
margin: 0 0 10px 0;
background: url(layout/arkiv.jpg) no-repeat 0 0;
display: block;
}




.centertext { text-align: center; }
.clear { clear: both; }
.ram { padding: 7px; border: 1px solid #c0c0c0; }
a img.ram:hover { border: 1px solid #808080; }

#gb p span { color: #FF0000; }
#gb .form3 { height: 100px; }
#gb .skicka { float: right; margin: 8px 0 0 10px; }

.bloggform { float: left; margin: 0 9px 8px 0; padding: 5px; width: 240px; color: #000; }
.bloggform2 { float: left; margin: 0 10px 9px 0; padding: 5px; width: 420px; }
.bloggform3 { float: right; margin: 0 0 9px 0; padding: 5px; width: 245px; color: #000; }
.form3 { clear: both; width: 505px; height: 150px; padding: 5px; border: none; overflow: auto; }
.logout a { display: block; background: #DFDFDF; float: left; color: #000; widht: 100px; padding: 1px 5px 1px 5px;}
.skicka { float: left; margin-right: 10px; padding: 5px; text-transform: uppercase; background: #DFDFDF; color: #000; }

.tid { float: left; margin: 0 0 10px 0; width: 50px; }
.musik { float: right; text-align: right; margin: 0 0 10px 0; width: 370px; }

.comment { margin-bottom: 0; padding: 0; display: inline; }
.comment form { height: 120px; margin-bottom: 0; padding-bottom: 0; display: inline; }
.comment .div_left { float: left; width: 350px; height: 94px; margin: 0; padding: 0; display: inline; }
.comment .commentform { height: 17px; border: none; padding: 5px 0 0 5px; margin: 0 0 13px 0; width: 345px; display: block; float: left; }
.comment textarea { width: 345px; height: 82px; padding: 5px 0 5px 5px; float: right; margin: 0 0 0 5px; border: none; overflow: auto; }
.comment p { margin: 5px 0 0 0; width: 400px; float: left; }
.comment p span { color: #FF2A00; }
.comment .skicka { clear: both; float: right; margin: 5px 0 0 0; }

.blogginlagg { background: #DFDFDF; margin: 10px 0 0 0; height: 20px; padding: 3px 10px 0 10px; color: #000; }
.blogginlagg .titel { float: left; font-family: arial; margin: 0;}
.blogginlagg .titel a { color: #000; }
.blogginlagg .titel a:hover { color: #fff; }
.blogginlagg img { float: right; position: relative; top: 2px; margin-right: 10px;}
.blogginlagg .ikon { float: left; }
.blogginlagg .postat { float: right; margin: 0 10px 0 0; }

.bloggfooter { clear: both; }

.post { margin: 10px 0 15px 0; padding: 0; width: 700px; clear: both; }
.post .namn { font-weight: bold; float: left; margin: 0; display: inline; }
.post .namn a { font-weight: bold; }
.post .namn em { font-weight: normal; }
.post .tid { float: right; margin: 0; display: inline; width: auto; }
.post .tid img { margin-right: 4px; }
.post .text { background: #DFDFDF; clear: both; margin: 4px 0 2px 0; padding: 10px 10px 10px 10px; width: 690px; }
.post .text2 { background: #DFDFDF url(bilder/ikoner/citat.gif) no-repeat 15px 10px; padding: 10px 15px 10px 10px; margin: 4px 0 2px 0; font-style: italic; width: 690px; }
.post .gravatar { float: right; margin: 0 0 0 0; }
.post .hemsida { float: left; margin: 0; }
.post .stad { float: right; margin: 0; }

.banners img { width: 88px; height: 31px; border: none; }

.foto { border: 8px solid #000; padding: 2px; margin: 0 8px 10px 0; float: left; }

.foto2 { border: 8px solid #000; padding: 2px; margin: 0 10px 10px 0; float: left; }
.foto3 { border: 8px solid #000; padding: 2px; margin: 0 8px 10px 0; }
.right { float: right; clear: right; }

.fotomeny { width: 165px; height: 165px; float: left; margin: 0 6px 6px 0;}
.fotomeny img { width: 160px; height: 160px; padding: 1px; }
.fotomeny span { text-align: center; display: block; margin-top: 5px; }

.miniatyr img { width: 83px; height: 83px; padding: 2px; border: 8px solid #DFDFDF; margin: 0 8px 10px 0; }

.vers { float: left; width: 210px; height: 160px; margin: 0 15px 30px 0; }
.vers img { border: 1px solid #000; margin: 2px 0 2px 0; }

.layout { border: 1px solid #000; padding: 6px; margin: 0 25px 25px 0; float: left; }

.spalt4 { width: 25%; float: left; }

.clearer {
	line-height:0;
	height:0;
	clear:both;
	}
/* Easy clearing of floats (see http://positioniseverything.net/easyclearing.html) */
.clearfix:after {
	content "."; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden;
	}
.clearfix {display:inline-block;}
.clearfix {display:block;}