*{
padding:0;
margin: 0;
}
body{
color:#fff;
background:#333;
font:13px Verdana, Arial, Helvetica, sans-serif;
text-align: left;
}
#container{
width: 750px;
margin:auto;
padding: 0 0 0 5px;
text-align: left;
min-height: 400px;
height: 400px;
}
div[id]#container{
height: auto;
overflow: hidden;
}
#top{
float:left;
width:520px;
height:180px;
}
#ajaxContainer{
text-align: left;
margin:0 0 0 0px;
height: 100px;
min-height: 100px;
}
div[id]#ajaxContainer{
height: auto;
overflow: hidden;
}
a:link{
color:#693;
}
a:visited{
color:#993;
}
#left{
clear:both;
margin: 25px 0 0 0;
padding: 25px 0 0 0;
height: 100px;
min-height: 100px;
}
div[id]#left{
height: auto;
}
#logo{
float:left;
display:block;
margin:15px 0 0 0px;
}
img{border:0;}
.menu{
position: relative;
left: 0px;
top: 34px;
clear:right;
float:left;
width:110px;
height:180px;
display:block;
margin: 0px 0 0 0px;
list-style:none;
}
.menu img{
border:0;
padding:0;
width:110px;
height:35px;
}
.galleryItem{
width:550px;
height:160px;
display:block;
margin: 10px 0 0 0;
padding: 4px 0 0 15px;
border:1px solid #444;
}
.withThumb a:hover img{
border:2px solid #ccc;
}
.randomImage{
border:0;
padding:0;
margin: 0 0 0 20px;
float:left;
}
.randomImage img{
/*display:block;
float:left;
clear:left;
padding:4px;
border:2px solid #555;
margin-right:40px;
display:block;*/
border:0;
padding:2px;
border:2px solid #555;
margin:0 40px 0 16px;
}
.withThumb{
height:140px;
padding:20px 0 0 0;
}
.withThumb img{
border:0;
padding:4px;
display:block;
margin:0 40px 0 0;
border:2px solid #555;
}
h2.year{
clear:both;
width:567px;
border-bottom:2px solid #555;
margin: 35px 0 20px 0;
}
a:active{
color:#993;
}
.thumbnail{
padding:4px;
}


/* gbook_item is the entries where ppl has posted */
.gbook_item{
width:550px;
margin:10px 0;
display:block;
border:1px solid #444;
padding:10px 15px 20px 15px;
clear: both;
height: 100px;
min-height: 100px;
}
ul[class].gbook_item{
height: auto;
overflow: visible;
}
.gbook_item li{
list-style:none;
display: block;
}

.gbook input{
display: block;
float: left;
height: 24px;
width: 200px;
font: bold 16px/20px sans-serif;
color: #448;

/*padding: 2px;*/
border: 3px solid #666;
}
/*#submit{
font: bold 1px/24px sans-serif;
}*/
.gbook ul{
clear: both;
}

.gbook li{
list-style:none;
float: left;
padding: 10px 0 0 20px;
}

.gbook textarea{
display: block;
float: left;
height: 100px;
width: 425px;
font: bold 14px/16px arial;
/*padding: 2px;*/
border: 3px solid #666;
/*margin: 0 0 0 51px;*/
}
/*.gbook label{
vertical-align: top;
}*/
/*.gbook label{
width:110px;
height:20px;
line-height: 28px;
display:block;
text-align:left;
padding:0 20px 0 0;
}*/

/* årtalsrubrik på bilder sidan */
h4{
color:#ccc;
font:13px Verdana, Arial, Helvetica, sans-serif;
}
/* datumrubrik på förstasidan */
h3{
margin:0;
padding:0;
color:#993;
font:13px Verdana, Arial, Helvetica, sans-serif;
}
.minimargin{
padding:0;
margin:0 0 15px;
}	
fieldset{
border:0;
}
input{
margin:5px 0 0;
}
#kontakt{
top:150px;
left:250px;
position:absolute;
}
#message{
width:250px;
height:100px;
}
#namn{
width:250px;
}
.xModalPopupBox{
/*float:left;*/
top:50%;
left:50%;
width:500px;
z-index:500;
height:500px;
display:block;
position:absolute;
margin:-250px 0 0 -300px;
}
#top_modal{
/*line-height:14px;*/
color:#fff;
height:16px;
display:block;
padding:0 0 2px;
text-align:left;
text-indent:5px;
background:#000 url(gfx/top_border.gif) repeat;
font:bold 12px "MS Trebuchet",verdana,sans-serif;
}
#top_modal a{
color :#fff;
height:16px;
}
#top_modal a:hover{
color :#fff;
}
#xModalPopupBackground{ background-image:url(../gfx/transparant.png); }
a.lnk{
display: block;
float: left;
border:0;
font-size: 12px;
line-height: 14px;
position:relative;
padding:0 0 0 70px;
text-decoration:none;
color:#ccf;
}
span.lnk{
display: block;
float: left;
border:0;
font-size: 12px;
line-height: 14px;
position:relative;
padding:0 0 0 70px;
text-decoration:none;
color:#555;
}
a.lnk2{
display: block;
float: left;
border: 0;
font-size: 12px;
line-height: 14px;
position:relative;
padding:0 180px 0 10px;
text-decoration:none;
color:#ccf;
}
span.lnk2{
display: block;
float: left;
border:0;
font-size: 12px;
line-height: 14px;
position:relative;
padding:0 180px 0 10px;
text-decoration:none;
color:#555;
}
#top_modal a#closeBtn{
text-decoration:none;
}
#eventInfo{
float:left;
position:relative;
left: 20px;
top: 10px;
width:490px;
height:90px;
/*border:1px solid #f00;*/
}
#eventInfo li{
list-style: none;
}
#eventInfo h4{
text-align: left;
display:block;
float:left;
width: 100px;
}

#nextPrevPage{
float:left;
width:200px;
height:20px;
text-align:center;
position: relative;
top: 60px;
left: 50px;
/*margin: 60px 0 0 90px ;*/
}
a#nextBtn,a#prevBtn{
float:left;
width:100px;
height:15px;
display:block;
color: #ccf;
text-decoration: none;
}
span#nextBtn,span#prevBtn{
float:left;
width:100px;
height:15px;
display:block;
color: #555;
}
#nextPrevPage a img{
border:0;
}
#imgCount{
	display:block;
	float: left;
	width: 170px;
	/*border: 1px solid #f00;*/
}
/*.thumbDiv{
list-style:none;
height:100px;
width:500px;
display:block;
clear:both;
}*/
.thumbDiv li{
float:left;
margin:8px 16px 0 -8px;
float:left;
width:170px;
height:132px;
/*display:block;*/
}
.thumbDiv{
padding: 0 0 0 20px;
clear:both;
margin:8px;
width:800px;
height:132px;
list-style:none;
text-align:center;
font:12px arial, sans-serif;
}
.thumbDiv a{
text-decoration:none;
}
/*.thumbDiv a:hover{
text-decoration:underline;
}*/
.thumbDiv a img{
border:2px solid #555;
}
.thumbDiv a:hover img{
border:2px #ccc solid;
}
.thumbDiv img{
border:0;
padding:4px;
display:block;
}
h4{
color:#fff;
display:inline;
font-weight:900;
margin:0 5px 0 0;
}
.clearLeft{
	clear:left;
}
p{
padding: 20px 0 0 0;
}
