html,body {
height: 100%; /**/
margin: 0;
padding: 0;
font-family: Tahoma, verdana, helvetica, arial, sans-serif;
font-size: 13px;
color: #7f97af;
background-image: url(/img/bg.jpg);
background-repeat: repeat-y;
background-position: center;
background-color: #46474b;
}

img { border: none; }

.border {
border: none;
border-top: solid 1px #29a0dc;
border-right: dashed 1px #29a0dc;

}

.border2 {
border-bottom: none;
border-top: solid 1px #29a0dc;
}


/* Forms */

form { margin: 0px; }

select, textarea, input, option {
font-family: tahoma;
font-size: 11px;
font-weight: bold;
color: #2a2a2a;
}

textarea {
overflow: auto;
}

input.text { 
background-color: #fafafa;
border: solid 1px #4d4d4d;
font-family: Verdana;
font-size: 12px;
margin: 1px;
}

.submit {
background: url(/img/submit.gif) top left;
border: #cccccc 1px solid;
padding: 3px 15px 3px 15px;
font-family: tahoma;
font-size: 11px;
}

/* Toolbar för textarean. */
#textarea_tools {
padding: 5px;
width: 492px;
border: solid 1px #cccccc;
}

/* Links */
a:link, a:visited {
text-decoration: none; color: #2a2a2a;
}
a:hover, a:active {
text-decoration: none; color: #016da6;
}

a.orange_link:link, a.orange_link:visited {
text-decoration: none; color: #f37421;
}
a.orange_link:hover, a.orange_link:active {
text-decoration: none; color: #f37421;
}

/* Text (p, h, span) */ 
.blue { color: #3684c4; font-weight: bold; }
.orange { color: #f37421; font-weight: bold; }
.red { color: red; font-weight: bold; }
.bold { font-weight: bold; }


p {
line-height: 18px;
margin: 0;
padding: 5px 10px 5px 10px;
}

h1, h2, h3, h4, h5, h6 {
margin: 0px;
color: #7f97af;
}

h1 {
border-bottom: solid 1px #7f97af;
padding: 3px 0px 3px 5px;
font-size: 20px;
margin-bottom: 15px;
font-weight: normal;
}

h3 {
font-size: 15px;
font-family: Arial, Helvetica, sans-serif;
}

h2 {
font-size: 15px;
padding: 1px 0px 3px 1px;
}


	
/* Error handler */
.error { border: solid 1px #f53232; background-color: #f4cccc; background-image: url(/img/error_2.jpg); background-repeat: no-repeat; padding: 5px 5px 5px 60px; min-height: 40px; font-weight: bold; margin-bottom: 10px; }
/* Message handler */
.message { border: solid 1px #406210; background-color: #cfe495; background-image: url(/img/message.jpg); background-repeat: no-repeat; padding: 5px 5px 5px 60px; min-height: 40px; font-weight: bold; margin-bottom: 10px; }

/* Admin */
.admin_kategori { padding: 5px; border: solid 1px #E0E0E0; margin-bottom: 5px; }
.wide_form { width: 500px; }
.admin_tool_container { float: left; width: 150px; text-align: right; }
.news_topic { width: 600px; float: left; }
.news_text { clear: both; float: left; padding: 0px 0px 10px 0px; width: 760px; }
.news_border { border-top: solid 1px #dae4ef; clear: both; padding: 0px 0px 10px 0px; }
.news_updated { padding: 0px 0px 20px 0px; width: 750px; text-align: right; float: left; }

/* wysiwyg textarean */
#text { height: 300px; }

/* Bildmanipulering */
fieldset { width: 50%; margin: 15px 0px 25px 0px; padding: 15px; }
legend { font-weight: bold; }
.button { text-align: right; }
.button input { font-weight: bold; }
img { border: none; vertical-align: middle; }

td.top { width: 30px; }
td.icon { text-align: center; }
tr.white { background-color: #ffffff; }
tr.lightblue { background-color: #DDE6EC; }
td { padding: 1px 3px 1px 3px; color: #000000; }

img.frame { padding: 6px; border: solid 1px #7f97af; background-color: #f2f7fc; margin: 3px; }
img.thumb { height: 100px; }
img.bilder_thumb { width: 160px; }

.select_pictures { padding: 4px 10px 4px 25px; background-image: url(/img/images.png); background-repeat: no-repeat; float: left; background-color: #ffffff; vertical-align: middle; }
.man_files { padding: 5px; margin: 2px; width: 360px; height: 160px; float: left; border: solid 1px #cccccc; }
.man_admin { float: left; }
.man_images { float: right; }

.man_selected_image { padding: 0px 0px 15px 0px; margin-bottom: 15px; border-bottom: solid 1px #dae4ef; }
.man.select_other { padding: 0px 0px 25px 0px; margin-bottom: 5px; border-bottom: solid 1px #dae4ef; }

.maskin_topic { width: 330px; float: left; }
.maskin_image_container { width: 250px; float: left; text-align: right; overflow: hidden; }
.info_container { float: left; }
.maskin_text { clear: both; float: left; padding: 0px 0px 10px 0px; width: 505px; }

/* Bilder */
.cat_topic { width: 590px; float: left; }
.cat_container { height: 30px; padding: 7px 0px 0px 10px; background-image: url(/img/kat_bg.jpg); background-repeat: no-repeat; margin: 15px 0px 15px 0px; }

 /* Layout */
#center_container { width: 800px; margin: auto; height: 100%; }

#container {
min-height: 100%;
background-color: #ffffff;
}

#header_container {
width: 764px;
padding: 0px 10px 0px 10px;
}

#header {
height: 200px;
width: 764px;
background-image: url(/img/header_bottom.jpg);
background-position: bottom;
background-repeat: no-repeat;
background-color: #676767;
margin: 0;
padding: 0px 7px 0px 7px;
}

#logotype {
width: 766px;
height: 153px;
float: left;
}

#content {
width: 760px;
margin: 0;
padding: 19px;
background-color: #ffffff;
}

#content a { color: #3684c4; font-weight: bold; }

#belowthebottom {
clear: both;
height: 114px;  /* samma som #footer */
}

#body_bottom {
margin: -114px 0 0 0;/* samma som height */
}

#bg_image_bottom {
width: 800px;
height: 80px; /* height = p height + p margin-top + p margin-bottom */
padding: 0px;
background-image: url(/img/footer_bg_gradient.jpg);
background-position: bottom;
background-repeat: no-repeat;
}

/* footer */

#footer {
width: 790px;
height: 30px; /* height = p height + p margin-top + p margin-bottom */
padding: 4px 3px 0px 7px;
font-weight: bold;
color: #ffffff;
background-color: #46474b;
}

#footer a { color: #a1b4be; }

#copyright { float: left; width: 450px; padding: 4px 0px 0px 0px; }
#validcode { float: left; width: 340px; text-align: right; }

/* Menu */

#menu {
float: left;
height: 42px;
width: 766px;
margin: 0;
background-image: url(/img/meny_right.jpg);
background-repeat: no-repeat;
background-position: top right;
font-weight: bold;
}

#ul_menu { margin: 0px; padding: 0px; height: 42px; }
#ul_menu li { display: inline; list-style-type: none; }
#ul_menu a { float: left; text-decoration: none; color: #000000; margin: 0px; padding: 11px 15px 12px 15px; }

#ul_menu a.start { background-image: url(/img/meny_start.jpg); background-repeat: no-repeat; }
#ul_menu a.start_over { background-image: url(/img/meny_start_over.jpg); background-repeat: no-repeat; color: #ffffff; }
#ul_menu a.std { background-image: url(/img/meny_bg_std.jpg); background-repeat: no-repeat; }
#ul_menu a.current { color: #ffffff; background-image: url(/img/meny_bg_over.jpg); background-repeat: no-repeat; }