@charset "utf-8";
/* CSS Document */

* {margin:0;padding:0;border:none}

body {font:62.5% normal;background:#4D5056}	/* #eee */

/****************************************/
/*	Main structure
/****************************************/
div.header, div.content, div.footer {margin:0 auto;width:800px;padding:30px 40px;background:#fff} /*url(img/content_bg.jpg) repeat-y left top*/
div.header {padding-bottom:5px}
div.content {padding:20px 40px 50px}

div.content .main {float:left;width:480px}
div.content .main-box {padding:0 0 10px}
div.content .main-box p {margin-bottom:20px}
div.content .main-box p.copy-photo {margin-bottom:10px}

div.content .side {float:right;width:250px;padding-top:25px}
div.content .side-box {margin:0 0 10px;padding:10px;background:#FFF;border-color:#CCC #CCC #999;border-style:solid;border-width:1px}
div.content .side-box p {margin-bottom:20px}

div.footer {background:#444 url(img/footer_top.png) repeat-x left top} /*#FFF url(img/footer_bg.jpg) repeat-x left top*/
div.footer .box {float:left;width:160px;margin-left:25px}
div.footer .box p {padding:10px 0}
div.footer .first {margin-left:0}
div.footer .last {width:230px;margin-left:30px}

.floatleft {float:left}
.floatright {float:right}
.clearboth {clear:both}
/****************************************/
/* Crumb trail 
/****************************************/
.clearboth p {padding-top:5px;padding-left:15px;background:url(img/crumbs_bg.jpg) repeat-x left top}

/****************************************/
/*	General fonts, colors and behaviors
/****************************************/
p, li, label, input, textarea, legend, td {font:normal 1.2em/1.6em Verdana, Geneva, sans-serif;color:#333}
h1, h2, h3, h4 {font:normal 2.4em/1.6em "Trebuchet MS", Arial, Helvetica, sans-serif;color:#333} /*color:#903*/
h2 {font-size:1.8em;color:#444}
h3, h4 {font-size:1.4em;font-weight:bold;text-transform:uppercase}
h4 {color:#CC0}
.footer p, .footer span {color:#FFF}
p.copy-photo {text-align:right;color:#999;font-size:1.1em}

a, a:visited {color:#09C;text-decoration:none}
a:hover {color:#000;text-decoration:underline}
.footer a, .footer a:visited {color:#CC6}
.footer a:hover {color:#FFF}

h1 a, h1 a:visited {color:#333} /*color:#903*/
h2 a, h2 a:hover {color:#444}
h1 a:hover, h2 a:hover {color:#999;text-decoration:none}

a.icon {padding-left:20px}
a.sv {background:url(img/icons/sv.gif) no-repeat left 55%}
a.en {background:url(img/icons/en.gif) no-repeat left 55%}
a.login {background:url(img/icons/lock_open.png) no-repeat left 40%}
a.logout {background:url(img/icons/lock.png) no-repeat left 40%}

/****************************************/
/*	Menu, Article and other UL:s
/****************************************/
ul.menu {float:left;width:100%;margin-top:5px;padding:0;background:url(img/menu_bg.jpg) repeat-x left top}
ul.menu li {display:inline}
ul.menu li a {float:left;padding:4px 15px 6px}
ul.menu li a.selected {color:#FF0;background:url(img/menu_bg_over.jpg) repeat-x left top} /*bg-color:#CC0*/
ul.menu li a.selected:hover {text-decoration:none}
ul.menu a:hover {text-decoration:none;color:#FF0} /*bg-color:#993*/
ul.menu a, .menu a:visited {font-weight:bold;color:#FFF}

ul.published {list-style-type:none;margin:0 0 16px;padding:0}
ul.published li {font-size:1.0em;display:inline;padding:0 8px;border-left:1px solid #ccc;color:#999}
ul.published li.first {padding-left:0;border:none}

ul.date {text-transform:uppercase}

ul.regular {list-style-position:inside}

ul.intext, ol.intext {margin:0 30px 20px}

/****************************************/
/*	General contact form (e.g. staff application)
/****************************************/
input, textarea {border-color:#666 #CCC #CCC #999;border-style:solid;border-width:1px;padding:2px}

form.apply label {display:inline;float:left;padding:0 30px 10px 0}
form.apply label.wide, form.apply fieldset {clear:both;width:480px}
form.apply label.pul {margin:10px 0}

form.apply input.pul {margin:5px 5px 0 0;float:left}
form.apply input.radio {margin:2px 3px 0}
form.apply input.period {width:360px}
form.apply input.borderfix {border:none}

form.apply textarea {width:360px}
form.apply span {display:block}

form.apply a.button {display:block;width:100px;height:20px;text-align:center;background:#444;color:#FFF;font-weight:bold}
form.apply a.button:hover {text-decoration:none;background:#666}

/****************************************/
/*	Footer contact form
/****************************************/
form.contact label {display:inline;float:left;width:230px;margin:0 0 5px}
form.contact label.email {width:170px;margin:0 10px 0 0}
form.contact label.send {width:50px;height:20px;margin:19px 0 0;text-align:center}

form.contact a.send {display:block;padding:1px 8px;background:#666}
form.contact a.send:hover {text-decoration:none;background:#777}

form.contact textarea, div.footer input {border:none;background:#666;color:#FFF;font-size:1.0em}
form.contact textarea {width:226px;height:50px}
form.contact input {width:166px;padding:3px 2px 4px}
form.contact span {display:block}