/* CSS Document */

*
{
margin: 0;
padding: 0;
}

html, body
{ 
height: 100%; 
}

html
{
overflow: scroll;
}

body
{
background-color: #333;
font: small Arial, Helvetica, sans-serif;
}

p
{
margin: 10px 10px 10px 10px;
}

p.titel, form label
{
margin: 0;
padding: 0;
color: #666666;
font-size: 90%;
}

p.form
{
margin: 0;
}

p.fet
{
font-weight: bold;
}

h1
{
color: #333;
margin-bottom: 10px;
}

h2
{
margin-bottom: 10px;
color: #333;
}

h3
{
color: #333;
}


img
{
border: 0;
}

img.border
{
margin: 10px;
border: 1px solid #ccc;
}

a:link, a:visited, a:active
{
color: #2e3092;
text-decoration: underline;
}

a:hover
{
color: #9d0a0e;
text-decoration: underline;
}



div#container
{
position: relative;

margin: 0 auto -35px auto;
color: #000;

min-height: 100%;
height: auto !important;

height: 100%;


width: 1030px;


}



#menu
{
position: absolute;
top: 0;
left: 0;

margin: 0;
padding: 0;
width: 180px;
}

#menu ul
{
margin: 180px 20px 0 0;
padding: 0;
text-align: right;
}

#menu ul a
{
color: #ab0b11;
text-decoration: none;
font-size: 140%;
/*font-weight: bold;*/
}

#menu ul a:hover
{
color: #CCC;
}

#menu ul li
{
margin: 0;
padding: 10px 4px 10px 0;
border-bottom: solid 1px #CCC;
list-style: none;
}

#menu ul li:hover
{
background-color: #4c4c4c;
}




#main
{

position: relative;

margin: 0 0 0 180px;
padding: 0 0 0 0;
width: 850px;
background-image: url('../bilder/bg.png');
background-repeat: repeat-y;

min-height: 100%;
height: auto !important;
height: 100%;


}

#header
{
padding: 30px 140px 40px 40px;
margin: 0;
border-bottom: solid 20px #333;
background-color: #FFF;
text-align: center;
}

#wm_logo
{
float: left;
}

#forsta_hjalpen
{
float: right;
}

#clear_header
{
clear: right;
}



#content
{
padding-bottom: 30px;
}



#left
{
margin: 0;
padding: 0;
color: #000;
width: 589px;
float: left;
}

#left .inner
{
margin: 0;
padding: 20px;
}

#blog
{
background-color: #ececec;
}

#blog p
{
font-family: Georgia, "Times New Roman", Times, serif;
}

#left .box
{
margin-left: 10px;
padding: 0;
width: 160px;
float: left;
background-color: #ececec;
border: solid 1px #ccc;
color: #333;
}

#left .box .header
{
margin: 0;
padding: 10px;
background-image: url(../bilder/header_2.png);
color: #ccc;
font-size: 100%;
font-weight: bold;
}

#left .box ul
{
margin: 10px 20px 10px 20px;
}


#left ul
{
margin: 20px;
list-style-image: url('../bilder/wm_kors.png');
}

#left li
{
margin: 5px;
}

#right
{
margin: 0;
width: 261px;
color: #333;
float: right;

}

#right .header
{
margin: 0;
padding: 10px;
background-image: url(../bilder/header_1.png);
color: #ccc;
font-size: 120%;
font-weight: bold;
max-height: 50px;
}

#right .inner
{
margin: 0 0 10px 0;
padding: 10px;
}

#webbhotell_logos
{
text-align: center;
}

#webbhotell_logos img
{
margin: 0 10px 0 10px;
}


.horizontal_divider
{
margin: 0;
padding: 0;
border-bottom: solid 1px #ccc;
}

#exempelsidor
{
margin-left: 10px;
width: 220px;
float: right;
}

.clear
{
clear: both;
}




#footer
{
margin: 0;
position: absolute;
bottom: 0;

width: 840px;
padding: 10px 0 10px 10px;
background-image: url(../bilder/header_2.png);
color: #ccc;

}

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

#w3c
{
text-align: right;
}

/* FormulŠr */

form label
{
display: block;
}

form .textfield_bg_webmail
{
margin: 10px;
padding: 4px 0 0 4px;
width: 200px;
height: 35px;
background-image: url('../bilder/textfield_200_bg.gif');
background-repeat: no-repeat;
}

form .textfield_webmail
{
width: 192px;
height: 28px;
background: none;
border: none;
font-size: 16px;
color: #666;
float: left;
}

form .textfield_bg_kontakt
{
margin: 10px;
padding: 4px 0 0 4px;
width: 400px;
height: 35px;
background-image: url('../bilder/textfield_400_bg.gif');
background-repeat: no-repeat;
}

form .textfield_kontakt
{
width: 392px;
height: 28px;
background: none;
border: none;
font-size: 16px;
color: #666;
float: left;
}

form .textarea_bg_kontakt
{
margin: 10px;
padding: 6px 0 0 6px;
margin: 10px;
width: 400px;
height: 200px;
background-image: url('../bilder/textarea_400_bg.gif');
background-repeat: no-repeat;
}

form .textarea_kontakt
{
width: 388px;
height: 188px;
background: none;
border: none;
font-size: 16px;
color: #666;
overflow: hidden;
}

form .button
{
margin: 10px 10px 10px 20px;
padding: 6px;
font-size: 100%;
background-image: url('http://www.webbmedicus.se/delat/bilder/button_bg.png');
border: solid 1px #999;
}

/* Blogg */

p.datum
{
font-family: Georgia, "Times New Roman", Times, serif;
font-style: italic;
}

p.text
{
font-family: Georgia, "Times New Roman", Times, serif;
}