@CHARSET "UTF-8";
BODY{
	background: #7C7C60 url("images/bg_fade.jpg") repeat-x;
	margin: 0;
	padding: 0;
	margin-left: 50px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 67%;
	color: #333333;	
}

h1{
	font-size: 1.5em;
	margin-top: 40px;
	margin-bottom: 20px;
}
h2, h3, h4{
	font-size: 1.1em;
	margin-top: 20px;
	margin-bottom: 20px;
}
h5, h6{
	font-size: 1.1em;
	margin-top: 20px;
	margin-bottom: 20px;
}

p{
	font-size: 1.1em;
	line-height: 1.3em;
	margin-top: 10px;
	margin-bottom: 10px;
}

a, a:active, a:visited{
	color: #2C4A79;
	text-decoration: none;
	cursor: pointer;
	border-bottom: 1px dashed #9AB4DA;
}
a:hover{
	text-decoration: none;
	border-bottom: 1px solid #2C4A79;
}

img a, a img, a:visited img, a:active img, a:link img, a:hover img{
	text-decoration: none;
	border: none;
}

input{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
}

textarea{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	padding: 3px;
}

label{
	font-weight: normal;
}

table, table td, td{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.0em;
}

table th, table thead{
	font-size: 1.1em;
}

table tr td p{
	font-size: 1.0m;
}

.done{
	color: #999999;
}

.done a{
	color: #666666;
}

.nomargin{
	margin: 0;
}

.nomargin_bottom{
	margin-bottom: 0px;
}

img.left{
	float: left;
	margin-top: 4px;
	margin-right: 20px;
}
img.right{
	float: right;
	margin-top: 4px;
	margin-left: 20px;
}
div.frame{
	border: 1px solid #E9E9E9;
	padding: 10px;
	float: left;
	width: 155px;
	margin-right: 30px;
	margin-bottom: 20px;
	text-align: center;
}

img.border{
	background: #FFFFFF;
	border: 1px solid #CCCCCC;
}

div.frame a, div.frame a:hover, div.frame a:visited, div.frame a:active, div.frame a:link{
	text-decoration: none;
	border: none;
}

div.frame img{
	margin-bottom: 5px;
}

div.frame p{
	margin: 0 auto;
	text-align: left;
	width: 150px;
}

.okey{
	color: #006600;
}
.error{
	color: #FF0000;
}
.left{
	float: left;
}

.right{
	float: right;
}

div.break{
	float: none;
	clear: both;
}

div.row{
	width: 100%;
	float: none;
	clear: both;
}

div.rowitem_three_cols{
	width: 150px;
	background: #006633;
	float: left;
}

div.rowitem_three_cols .padding{
	padding: 3px;
	padding-bottom: 10px;
}

.nofloat{
	float: none;
	clear: both;
}

#container{
	position: absolute;
	left: 161px;
	margin: 0;
	padding: 0;
}
	#container #content{
		width: 830px;
	}
	#container #content.three_columns{
		background: url("images/content_tile.jpg") repeat-y;	
	}
	
	.two_columns{
		background: url("images/content_tile_two_columns.jpg") repeat-y;
	}
	
		#container #content #padding{
			padding: 0;
			padding-top: 10px;
			padding-left: 18px;
			padding-right: 18px;
			padding-bottom: 10px;
		}
		#container #content #left{
			float: left;			
			width: 130px;
			overflow: hidden;
		}
		#container #content #middle{
			float: left;			
			width: 446px;
		}
		#container #content #middle_two_columns{
			float: left;			
			width: 664px;
		}
		#container #content.three_columns #middle{
			float: left;			
			width: 446px;			
			overflow: hidden;
		}
		.two_columns #middle{
			float: left;			
			width: 646px;
		}
		#container #content #middle ul{
			margin: 0;
			padding: 0;
			margin-bottom: 30px;
			margin-left: 40px;							
			margin-top: 15px;
			font-size: 1.1em;
			line-height: 1.1em;
			list-style: none;
			list-style-image: url(images/bullet.png);
		}
		#container #content #middle ul li{
			margin-bottom: 7px;			
		}
		#container #content #right{
			float: left;			
			width: 218px;
			font-size: 1.1em;
			overflow: hidden;
		}
		
		#container #content #right h2{
			margin: 0;
			padding: 0;
			font-size: 1.1em;
		}
		
		#container #content #right ul{
			margin: 0;
			padding: 0;
			margin-bottom: 30px;
			font-size: 1.1em;
			line-height: 1.1em;			
			margin-left: 20px;							
			margin-top: 10px;
			list-style: none;
			list-style-image: url(images/bullet.png);
		}
		
		#container #content #right ul li{
			
			margin-bottom: 7px;			
		}
		
		#container #content #left #padding, #left_padding{
			padding: 0;
			padding-top: 10px;
			padding-left: 10px;
			padding-right: 10px;
			padding-bottom: 10px;
		}
		
		#container #content #middle #padding, #middle_padding{
			padding: 0;
			padding-top: 10px;
			padding-left: 10px;
			padding-right: 10px;
			padding-bottom: 10px;
		}
		
		#container #content #right #padding, #right_padding{
			padding: 0;
			padding-top: 10px;
			padding-left: 10px;
			padding-right: 10px;
			padding-bottom: 10px;
		}
		
		#container #content #top{
			background: url("images/content_top.jpg") no-repeat;
			background-repeat: no-repeat; 
			height: 190px;		
		}		
			#container #content #top #background{
				background: url("images/head_bg_alteralven.jpg") no-repeat;
				height: 170px;
				width: 798px;
				margin-left: 17px;
			}
				#container #content #top #background a, #container #content #top #background a:link, #container #content #top #background a:active, #container #content #top #background a:visited, #container #content #top #background a:hover{
					border: none;
					text-decoration: none;
				}
				
				#container #content #top #background #logo{
					position: relative;
					background: url("images/logo_alteralven.jpg") no-repeat;
					height: 138px;
					width: 129px;
					left: 50px;
					top: 18px;
					cursor: pointer;
				}
				
				#container #content #top #background #logo h1{
					display: none;
				}
			
			#container #content #top #breadcrumb{
				background: #2C4A79;
				height: 20px;
				width: 798px;
				margin-left: 17px;
				color: white;
				font-size: 1.0em;
				line-height: 1.7em;
				text-indent: 10px;
			}
			
			#container #content #top #breadcrumb p{
				font-size: 1.0em;
				line-height: 1.7em;				
			}
			
			#container #content #top #breadcrumb a, #container #content #top #breadcrumb a:active, #container #content #top #breadcrumb avisited{
				color: #FFFFFF;
				text-decoration: none;
				border-bottom: 1px dashed #CCCCCC;
			}
			
			#container #content #top #breadcrumb a:hover{
				text-decoration: none;
				border-bottom: 1px solid #FFFFFF;
			}
			
		
		#container #bottom{
			position: relative;
			margin: 0 auto;
			padding: 0;						
			height: 47px;
			width: 830px;
		}
		
		#container #bottom.three_columns{
			background: url("images/content_bottom.jpg") no-repeat;			
		}
		
		.two_columns_bottom{			
			background: url("images/content_bottom_two_columns.jpg") no-repeat;			
		}
		
		#container #footer{
			color: #555641;
			padding-left: 18px;			
			width: 800px;
			height: 100px;			
		}
		
		#container #footer a, #container #footer a:visited, #container #footer a:active{
			color: #555641;
			text-decoration: none;
			border: none;
		}
		
		#container #footer a:hover{
			text-decoration: underline;
		}
		
		#container #footer p{			
			margin: 0;
			padding: 0;
			font-size: 1.0em;
		}
		#container #footer p.marginbottom{
			margin-bottom: 10px;			
		}
		
		#container #footer img{
			float: left;
			margin-right: 10px;
		}
		
		#left ul{
			margin: 0;
			padding: 0;
			padding-left: 15px;
			margin-bottom: 30px;
			list-style: none;
			list-style-image: url("images/menu_img.jpg");			
			font-weight: bold;
		}
		#left ul li{			
			margin-bottom: 5px;			
		}
		
		#left ul li a{
			color: #2C4A79;
			text-decoration: none;
			border: none;
		}
		
		#left ul li a.active{
			color: #333333;
		}
		
		#left ul li a:hover{
			text-decoration: underline;
		}
		
#cont_one{
	position: absolute;
	top: 60px;
	left: 37px;
	height: 155px;
	width: 138px;
	background: url(images/noter.jpg) no-repeat top left;	
}

#cont_two{
	position: absolute;
	top: 215px;
	left: 0;
	width: 175px;
	height: 280px;
	background: url(images/abbas_fotspar.jpg) no-repeat top left;
}

/* Gästboken */
#guestbook{
	border-top: 1px dashed #999999;
}

#guestbook #posts{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
}

.post{
	padding: 5px;
	border-bottom: 1px dashed #999999;
	padding-bottom: 20px;
}

.post.even{
	background-color: #EAEAEA;
}

.post.odd{

}

.post .name{
	font-weight: bold;	
}

.post .time{
	
}

.post .town{

}

.post .message{
	margin-top: 5px;
}


#navigation{
	text-align: center;
	font-size: 1.2em;
	margin-bottom: 20px;
	margin-top: 20px;
}
#navigation a{
	text-decoration: none;
	border: none;
	background: #2C4A79;
	color: #FFFFFF;
	font-weight: bold;
	padding: 4px;
}
#navigation span.current{
	background: none;
	font-weight: bold;
	padding-left: 6px;
	padding-right: 6px;
}
#navigation a:hover{
	color: #333333;
	background: #CCCCCC;
	
}
#navigation a.next{
	border: 1px solid #333333;
}
#navigation a.prev{
	border: 1px solid #333333;
}
#navigation a.first{
	border: 1px solid #333333;
}
#navigation a.last{
	border: 1px solid #333333;
}
#navigation a.other{
	font-weight: normal;
	border: 1px solid #333333;	
}

#error{
	border: 3px dashed #000000;
	background: #FFFF99;
	color: #FF0000;
	padding: 5px;
	font-size: 1.2em;
	font-weight: bold;
}

#error span{
	color: #000000;
}