.containerruta
{
margin: 10px 10px 40px 0;
width: 700px;
clear: left;
}

.ruta
{
background: #fff4d0 url(images/corner.png) no-repeat top right;
padding: 30px;
border-left: 1px solid #675047;
text-align: center;
width: 640px;
}


#maincontent .text
{
font-family: verdana, sans-serif; font-size: 13px; color: #333; text-align: left; line-height: 1.7em;
}

#maincontent p
{
font-family: verdana, sans-serif; font-size: 13px; color: #333; text-align: left; line-height: 1.7em;
}

#maincontent .text a
{
color: #00F; text-decoration: none;
}

#maincontent .text a:hover
{
color: #00F; text-decoration: underline;
}

#maincontent .text blockquote
{
font-size: 85%; font-style: normal; padding: 0 0px 0 135px; background: url(images/quote.png) no-repeat left top;
}

#maincontent p a
{
color: #00F; text-decoration: none;
}

#maincontent p a:hover
{
color: #00F; text-decoration: underline;
}

.text h2
{
text-align: center;
}


.text h4
{
text-align: center;
}

.text h5
{
text-align: center;
}

.foto
{
margin: 10px auto; border: 7px solid #674335;
}

.ruta .foto
{
max-width: 620px;
margin-top: 30px;
}

#maincontent .bildtext
{
font-family: verdana, sans-serif; font-size: 11px; color: #333; margin-bottom: 20px;
}

#maincontent .bildtext a
{
color: #00F; text-decoration: none;
}

#maincontent .bildtext a:hover
{
color: #00F; text-decoration: underline;
}

.taggfot
{
font-family: verdana, sans-serif;
font-size: 11px;
text-align: right;
color: #533;
border-bottom: 1px solid #8b7634;
border-left: 1px solid #8b7634;
margin-top: 0px;
padding: 20px;
background-color: #f7cf52;
width: 660px;
clear: left;
}

.taggfot a
{
color: #000; text-decoration: none;
}

.taggfot a:hover
{
text-decoration: underline;
}

.taggfot .taggar
{
text-align: left;
padding: 0;
font-family: georgia;
color: #533;
font-weight: normal;
font-style: italic;
font-size: 150%;
text-transform: lowercase;
line-height: 15px;
width: 410px;
}

.taggfot .kommentarer
{
float: right;
text-align: right;
width: 100%;
background: #fff4d0;
height: 88px;
border-bottom: 1px solid #675047;
border-left: 1px solid #675047;
}

.taggfot .taggar a,.kommentarer .kommentarsruta a,.kommentarer .tillbakaruta a
{
font-family: verdana, sans-serif; font-size: 11px;
color: #000;
font-style: normal;
text-transform: none;
text-decoration: none;
}

.taggfot .taggar a:hover,.kommentarer .kommentarsruta a:hover,.kommentarer .tillbakaruta a:hover
{
text-decoration: underline;
}


.kommentarer .kommentarsruta
{
width: 120px;
position: relative; top: 22px;
height: 88px; float: right; padding-right: 20px;
font
}

.kommentarer .tillbakaruta
{
width: 120px;
position: relative; top: 110px; vertical-align: bottom;
height: 88px; float: right; padding-right: 20px;
font
}

.kommentarer .kommentarsbubbla
{
text-align: center;
background: url(images/commentbubble.png) no-repeat;
height: 88px; position: relative; top: 10px;
font-size: 50px;
font-weight: normal;
font-family: georgia,serif;
color: #edd892!important;
width: 70px;
}

.kommentarer .kommentarsbubbla a
{
color: #edd892;
text-decoration: none;
}

.kommentarer .kommentarsbubbla a:hover
{
color: #fff; text-decoration: none;
}

.vidarefot
{
width: 701px;
margin: 0;
border-top: none;
}

.intresseinlagg
{
float: left;
width: 409px;
height: 120px;
padding: 20px;
margin: 0 0 30px 0;

background: #D7C0B7;
border-bottom: 1px solid #675047; border-left: 1px solid #675047;

color: #675047;
font-size: 13px;
font-family: verdana,sans-serif;
}
.intresseinlagg strong
{
font-weight: normal;
font-style: italic;
font-family: georgia;
color: #533;
font-size: 200%;
text-transform: lowercase;
}


.intresseinlagg a
{
color: #000;
text-decoration: none;
font-size: 11px;
}

.intresseinlagg a:hover
{
text-decoration: underline;
}

.publicera
{
text-align: left;
float: left; text-align: left;
width: 120px;
height: 120px;
padding: 20px 110px 20px 20px;
margin: 0 0 50px 0;
background: #94a4c3 url(images/facebook-bg.png) no-repeat;
border-bottom: 1px solid #57698c;
border-left: 1px solid #57698c;
cursor: pointer;

font-family: georgia;
color: #FFF;
font-weight: normal;
font-style: italic;
font-size: 160%;
text-transform: lowercase;
line-height: 120%;

opacity:0.8;filter:alpha(opacity=80)
}

.publicera:hover
{
opacity:1.0;filter:alpha(opacity=100)
}


#reagera
{
background: #fff4d0 url(images/corner.png) no-repeat top right;
padding: 20px; margin: 10px 10px 40px 0;
border-bottom: 1px solid #675047; border-left: 1px solid #675047;
text-align: center;
clear: left;
}

#skrivkommentar
{
text-align: right; font-family: georgia,serif; font-size: 14px; font-style: italic; text-transform: lowercase; color: #675047;
}

.input
{
font-family: verdana, sans-serif; color: #999; font-size: 12px; text-align: left; padding: 5px;
}

.active_input
{
font-family: verdana, sans-serif; color: #000; font-size: 12px; text-align: left; padding: 5px;
}

#reagera .input
{
width: 495px;
}

#reagera .active_input
{
width: 495px;
}

.kommentar
{
background: #D7C0B7 url(images/commentcorner.png) no-repeat top right;
padding: 20px; margin: 50px 10px 0 0;
border-left: 1px solid #675047;
text-align: center;
}

.svar
{
background: #fff4d0;
padding: 20px; margin: 0px 10px 0px 0;
border-bottom: 1px solid #675047; border-left: 1px solid #675047;
text-align: center;
}
