/* common style
----------------------------------------------- */
body {
background: repeat center top url(images/bg.gif);
font-family: "Verdana", "Helvetica", lucida, sans-serif;
margin: 30px 0px 30px 0px;
padding: 0px;
color: #000;
}



/* layout
----------------------------------------------- */
#container {
position: relative;
background: #fff;
margin: 0px auto 0px;
padding: 0px;
width: 676px;
border: solid 5px #fff;
}

#header {
background: url(images/head.jpg) top left no-repeat;
height: 213px;
margin: 0;
}

#intro {
margin: 0px 0px 30px 0px;
padding: 0px;
}

#meny {
background: transparent url(images/meny_bg.jpg) top left no-repeat;
width: 676px;
height: 32px;
padding: 19px 0 0 0;
text-align: center;
border-bottom: solid 5px #cf002b;
}

#info {
position: absolute;
top: 269px;
left: 0px;
width: 155px;
height: 456px;
padding: 44px 0px 0px 0px;
background: transparent url(images/info.jpg) top left no-repeat;
}

#main, #message, #mainGlist {
margin: 0px 0px 0px 185px;
width: 470px;
background: transparent; 
}

#gbook {
margin: 0px 0px 0px 35px;
width: 400px;
background: transparent; 
}

#hilsen {
margin: 0px 0px 600px 0px;
width: 470px;
background: transparent; 
}

#footer {
margin: 60px 0px 0px 0px;
background: transparent url(images/footer.jpg) top left no-repeat;
height: 51px;
text-align: right;
border-top: 5px solid #cf002b;
}



/* headings
----------------------------------------------- */
#main h1 {
background: transparent url(images/familien.jpg) top left no-repeat;
margin: 0px 0px 20px 22px;
padding: 0px;
width: 425px;
height: 285px;
border: 1px solid #000;
}

#gbook h2 {
margin: 15px 0px 0px 0px;
padding: 10px 0px 10px 0px;;
width: 400px;
background: #ffffcc;
}

h1 span { display: none; }



/* text
----------------------------------------------- */
p {
color: #666;
font-size: 11px;
font-weight: normal;
line-height: 16px;
margin: 0px;
padding: 0px 22px 25px 22px;
}

#info p {
font-size: 11px;
font-weight: bold;
color: #666;
background: #ddd;
padding: 8px 0px 8px 40px; 
}

#meny p {
font-size: 9px;
font-weight: bold;
color: #cf002b;
padding: 0px;
}

#main p.p1 {
color: #cf002b;
font-weight: bold;
font-size: 18px;
padding: 0px 22px 5px 22px; 
}

#main p.p2 {
color: #666;
font-weight: bold;
font-size: 13px;
letter-spacing: 4px;
padding: 0px 22px 12px 22px; 
}

#main p.p3 {
color: #666;
font-weight: bold;
font-size: 13px;
padding: 0px 22px 8px 22px; 
}

#mainGlist p.p4 {
color: #666;
font-weight: bold;
font-size: 13px;
padding: 0px 22px 12px 35px; 
}

#mainGlist p.p5 {
color: #666;
font-size: 11px;
font-weight: normal;
line-height: 16px;
margin: 0px;
padding: 0px 22px 25px 35px;
}

#message p.p1 {
color: #fff;
font-weight: bold;
font-size: 13px;
padding: 22px 0px 22px 32px; 
}

#message p.p2 {
color: #fff;
font-size: 11px;
font-weight: normal;
line-height: 16px;
margin: 0px;
padding: 0px 120px 30px 32px;
}

#gbook p {
color: #666;
font-size: 11px;
font-weight: normal;
line-height: 16px;
margin: 0px;
padding: 5px 10px 5px 22px; 
}

#gbook p.p4 {
color: #666;
font-size: 11px;
font-weight: normal;
line-height: 16px;
margin: 0px;
padding: 0px 10px 0px 22px;
}

#gbook p.p5 {
color: #666;
font-size: 11px;
font-weight: normal;
font-style: italic;
line-height: 16px;
margin: 0px;
padding: 5px 10px 5px 22px; 
}

#message p {
color: #666;
font-size: 11px;
font-weight: normal;
line-height: 16px;
margin: 0px;
padding: 0px 10px 0px 22px;
}

.names {
color: #666;
font-weight: bold;
font-size: 11px;
letter-spacing: 3px
}

#footer p.p1 {
margin: 0;
padding: 16px 0 0 0;
font-size: 11px;
color: #fff;
}



/* images
----------------------------------------------- */
#main img {
margin: 0px 22px 10px 22px;
padding: 0px;
width: 110px;
height: 103px;
border: 1px solid #000;
float: left; 
}

#info img {
margin: 20px 0px 0px 10px;
border: 0px;
}



/* links
----------------------------------------------- */
a:link {
color: #6a90fe;
font-weight: bold;
text-decoration: none;
}

a:visited {
color: #6a90fe;
font-weight: bold;
text-decoration: none;
}

a:hover {
color: #2b4799;
font-weight: bold;
text-decoration: underline;
}

#meny a, #meny a:link, #meny a:visited {
font-weight: bold;
text-decoration: none;
color: #253276;
}

#meny a:hover {
font-weight: bold;
text-decoration: none;
color: #cf002b;
}

#footer a, #footer a:link, #footer a:visited {
text-decoration: none;
color: #fff;
font-size: 11px;
padding: 0 20px 0 0;
}

#footer a:hover {
text-decoration: none;
color: #fdffbd;
}