/** Huvud-delar**/
body{
	font-family:"Times New Roman";	
	font-size:12px;
	margin:0px;
}
#top{
	background:#fff url(../../images/bgtop.png) no-repeat center top;
	height:45px;
	width:905px;
	margin:0px auto;
}
#wrapper{
	width:905px;
	margin:0px auto;
	background:#fff url(../../images/bgmid.png) repeat-y center top;
}
#header{
	float:left;
	margin:0px;
	width:905px;
	height:150px;
}
#left{
	float:left;
	margin:0px 0px 0px 2px;
	width:198px;
	background:url("../../images/bgmenu.png") no-repeat left top #FFFFFF;
	height:369px;
	padding-top:120px;
}
#content{
	float:left;
	margin:0px;
	width:505px;
	min-height:500px;
	padding-bottom:20px;
	overflow-x:hidden;
}
#right{
	float:left;
	margin:0px;
	width:200px;
}
#footer{
	float:left;
	margin:0px 10px;
	padding-top:10px;
	width:885px;
	height:40px;
	border-top:1px solid #000;
}
#clear{
	clear:both;
}
#bottom{
	background:#fff url(../../images/bgbot.png) no-repeat center top;
	height:45px;
	width:905px;
	margin:0px auto;
}

/** Text **/
h1{
	margin:5px auto;
	width:491px;
	font-size:20px;
	font-weight:bold;
	text-align:center;
	padding:8px 0px 0px 0px;
	height:38px;
	background:url(../../images/h1.png) no-repeat left top transparent;
}
h2{
	margin:5px 0px 10px 0px;
	font-size:16px;
	text-decoration:underline;
	font-weight:bold;
	text-align:center;
	padding:0px;
}
h3{
	margin:5px 0px 0px 0px;
	font-size:14px;
	text-decoration:underline;
	font-weight:normal;
	text-align:left;
	padding:0px 0px 5px 0px;
	font-weight:bold;
	font-style:italic;
}
h4{
	font-weight:bold;
	margin:5px 0px 0px 0px;
	padding:0px;
	font-size:16px;
}
p{
	font-family:Arial;
	font-size:12px;
	padding:0px;
	margin:0px 0px 12px 0px;
}

/** Länkar **/
a:link, a:active, a:visited{
	text-decoration:none;
	color:#666;
}
a:hover{
	text-decoration:underline;
}
#content a img{
	border:none;
}

/** Toppdelens innehåll **/
.logo{
	float:left;
	padding-left:20px;
}

/** Vänsterdelens innehåll**/

#left #pagemenu{
	padding:0px;
	margin:0px 0px 0px 5px;
}
#left #pagemenu span{
	padding-right:6px;
	margin-left:-15px;
}
#left #pagemenu span:hover{
	cursor:pointer;
}
#left #pagemenu li{
	list-style-type:none;
	padding:0px 0px 0px 15px;
	margin:0px;
}
#left #pagemenu li ul{
	padding:0px;
	margin:0px;
	display:none;
}
#left #pagemenu li ul li{
	list-style-type:none;
	padding:0px 0px 0px 15px;
	margin:0px;
}
#left a{
	color:#fff;
	font-weight:bold;
}
#left .bigcenter{
	margin:15px 0px 10px 0px;
	width:160px;
	text-align:center;
}
#left .bigcenter a{
	font-size:16px;
}

/** Mittendelens innehåll **/
#content .imgInPage{
	text-align:center;
	margin:5px;
}
#content .beskrivning{
	display:none;
}
#content .bildtext{
	width:80px;
	text-align:center;
	display:inline-block;
	margin:0px 2px 5px;
}
#content table{
	border-collapse:collapse;
	width:500px;
	margin-left:1px;
}
#content table.weather{
	width:335px;
	font-size:12px;
	margin-left:86px;
}
#content table.weather td{
	text-align:center;
}
#content table th{
	background-color:#ccc;
	padding:2px 0px;
	border-bottom:2px solid #000;
}
#content table.weather th.part{
	border-bottom:0px;
}
#content table .last{
	border-right:1px solid #000;
}
#content table .first{
	border-left:1px solid #000;
}
#content table td{
	padding:2px 0px 2px 5px;
	border-right:1px dotted #000;
	border-left:1px dotted #000;
	border-bottom:1px solid #000;
}

/** Högerdelens innehåll **/
.news{
	background:#fff url(../../images/pin.png) no-repeat center top;
	border:3px double #066;
	width:150px;
	margin:5px auto 0px auto;	
	padding:35px 10px 0px;
}

/** Bottendelens innehåll **/
#footer .left{
	float:left;
	width:295px;
	text-align:center;
}
#footer .middle{
	float:left;
	width:295px;
	text-align:center;
}
#footer .right{
	float:left;
	width:295px;
	text-align:center;
}

/** Formulär, knappar och liknande **/
#stdForm{
	width:400px;
}
.formlabel{
	width:85px;
	display:inline-block;
}
.formlabelLong{
	width:400px;
	display:inline-block;
}
.inputfield{
	border:1px solid #ccc;
	background-color:#f6f6f6;
	color:#333;
	width:120px;
}
.inputfieldShort{
	border:1px solid #ccc;
	background-color:#f6f6f6;
	color:#333;
	width:60px;
}
.inputfieldVeryShort{
	border:1px solid #ccc;
	background-color:#f6f6f6;
	color:#333;
	width:20px;
}
.inputfield:focus{
	background-color:#fff;
}
.inputbutton{
	background-color:#f0f0f0;
	border-width:1px;
	border-style:solid;
	border-color:#ccc #888 #888 #ccc;
}
textarea.inputfield{
	width:100%;
	height:100px;
	overflow-y:auto;
}

/** Gästbok **/
#gb #stdForm{
	margin:0px auto;
}
#gb .navigate{
	text-align:center;
	width:100%;
}
#gb .comment{
	border:3px double #066;
	margin:10px;
}
#gb .commentmeta{
	height:30px;
	background-color:#ddd;
	padding:0px 5px 0px 5px;
	font-size:10px;
}
#gb .commentmeta img{
	height:10px;
	width:10px;
	padding-top:2px;
}
#gb .commentmeta img:hover{
	cursor:pointer;
}
#gb .metarow{
	height:13px;
}
#gb .metaleft{
	float:left;
	font-style:italic;
	margin-right:5px;
}
#gb .metaname{
	font-weight:bold;
	font-size:11px;
}
#gb .metaright{
	float:right;
}
#gb .commenttext{
	padding:5px;
}
#gb .commentedit{
	border-style:dashed;
	border-color:#066;
	border-width:0px 1px 1px 1px;
	margin:-10px 10px 0px 10px;
	height:20px;
	background-color:#ddd;
	text-align:right;
	padding-right:10px;
}
#gb .commentedit img:hover{
	cursor:pointer;
}
