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

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

html, body {height:100%}

body {font:62.5% normal}

/****************************************/
/*	Main structure
/****************************************/
div#wrapper {min-height:100%;height:auto !important;height:100%;margin:0 auto -280px}
div#header {height:195px;position:relative;background:url(img/header_bg.png) repeat-x left top;border-bottom:1px solid #CCC}
div#pusher, div#footer {height:280px}
div.content {margin:0 auto;width:800px;padding:35px 0 40px}
div#header .content {padding:0;height:195px}
div#footer .content {padding-top:20px}

div#header div.content div.logo {float:left;height:90px;margin-top:50px}
div#header div.content div.logo_faf {float:left;margin-left:25px;margin-top:45px;width:102px}
div#header div.content div.options {float:right;margin-top:50px}

div.content .middle {width:380px;margin:0 auto}

div.content #teaser {background:url(img/teaser_bg.png) repeat-x left bottom;margin-bottom:20px}
div.content #teaser .box {float:left;width:160px;margin-left:32px;padding:20px 0}
div.content #teaser img {float:left;padding-bottom:5px}

div.content .main {float:left;width:480px}
div.content .main-box {padding:0 0 20px}
div.content .main-box img {float:left;padding:10px 0}
div.content .main-box p {margin-bottom:12px}
div.content .main-box p.owner {clear:both;text-align:right;margin-bottom:22px}
div.content .main-box p.caption {clear:both;font-style:italic;margin-bottom:22px}

div.content .side {float:right;width:250px;padding-top:15px}
div.content .side-box {margin:0;padding:10px}
div.content .side-box img {float:left;padding:5px 0}
div.content .side-box p {margin-bottom:12px}

div#footer {background:#fff url(img/footer_bg.png) repeat-x left top;border-top:1px solid #CCC}
div#footer .box {float:left;width:170px;margin-left:40px;padding:20px 0 0 70px}
div#footer p {padding-bottom:15px}
div#footer .first {margin-left:0}

.floatleft {float:left}
.floatright {float:right}
.clearboth {clear:both}
/****************************************/
/* Crumb trail 
/****************************************/
.clearboth p {font-size:1.1em;padding-top:5px;padding-left:15px;background:url(img/footer_icons.png) no-repeat left -270px;position:absolute;bottom:-25px;width:785px}

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

a, a:visited {color:#09F;text-decoration:none}
a:hover {color:#000;text-decoration:underline}

h1 a, h1 a:visited {color:#903}
h2 a, h2 a:visited {color:#444}
h1 a:hover {color:#969;text-decoration:none}
h2 a:hover {color:#666;text-decoration:none}

a.icon, span.icon, p.icon {padding-left:20px}
a.sv, span.sv {background:url(img/icons/sv.gif) no-repeat left 50%}
a.en, span.en {background:url(img/icons/en.gif) no-repeat left 50%}
a.info {background:url(img/icons/information.png) no-repeat left -1px}
a.login {background:url(img/icons/lock_open.png) no-repeat left 40%;padding-top:2px} /* Change padding-top to a different top value?? */
a.logout {background:url(img/icons/lock.png) no-repeat left 40%;padding-top:2px}
a.user, span.user {background:url(img/icons/user.png) no-repeat left 40%;padding-top:2px}
p.error {background:url(img/icons/exclamation.png) no-repeat left 1px;color:#900}
p.check {background:url(img/icons/tick.png) no-repeat left -1px;color:#060}

/****************************************/
/*	Menu, Article and other UL:s
/****************************************/
ul.menu {clear:both;width:800px;margin-top:5px;padding:0;background:url(img/footer_icons.png) no-repeat left -220px;position:absolute;bottom:-4px}
ul.menu li {display:inline;font-size:1.6em;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif}
ul.menu li a {float:left;padding:8px 15px 10px}
ul.menu li a.selected {color:#FFF}
ul.menu li a.selected:hover {text-decoration:none}
ul.menu a:hover {text-decoration:none;color:#FFF}
ul.menu a, .menu a:visited {color:#CCC}

ul.published {list-style-type:none;margin:0 0 12px;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.btn {list-style-type:none;clear:both;padding-top:20px}
ul.btn li {float:left;margin-right:10px;background:url(img/btn_default_left.png) no-repeat left top}
ul.btn li a {display:block;padding:5px 12px;line-height:20px;text-decoration:none;color:#FFF;background:url(img/btn_default_right.png) no-repeat right top}
ul.btn li:hover {background:url(img/btn_green_left.png) no-repeat left top}
ul.btn li a:hover {background:url(img/btn_green_right.png) no-repeat right top}
ul.btn li.info:hover {background:url(img/btn_blue_left.png) no-repeat left top}
ul.btn li.info a:hover {background:url(img/btn_blue_right.png) no-repeat right top}
ul.btn li.reset:hover {background:url(img/btn_red_left.png) no-repeat left top}
ul.btn li.reset a:hover {background:url(img/btn_red_right.png) no-repeat right top}

ul.regular {list-style-position:inside;margin-bottom:15px}

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

/*************************************************/
/*	General contact form (e.g. staff application)
/*************************************************/

/*form div {float:left;margin-right:15px} /* not logical but looks best in IE*/
form label {float:left;margin-right:15px} /* most logical but looks like crap in IE */ 

form fieldset {float:left}
form label, form legend {padding-top:10px}
form label span {display:block}
form label input, form label textarea {padding:4px;border:1px solid #DDD}
form legend {display:block;float:left;margin-right:20px}

form label.radio span {display:inline;padding:0 10px 0 0}

div.comment {width:458px;background:#EEE;border:1px solid #DDD;padding:10px}
div.comment textarea {border:1px solid #DDD;margin-bottom:10px;width:100%;height:40px}

/**************************************************/
/* Styles for "Add tags"
/**************************************************/
/*
div.adder {background:#EEE;border:1px solid #DDD;padding:10px}
div.adder p {margin-top:8px;float:left}
div.adder form {float:right}
div.adder input {border:1px solid #DDD;padding:4px;margin-top:2px;float:left}
div.adder ul {list-style-type:none;float:left}
div.adder ul li {float:left;margin-left:9px;background:url(left.png) no-repeat left top}
div.adder ul li a {display:block;padding:5px 12px;line-height:20px;text-decoration:none;color:#FFF;background:url(right.png) no-repeat right top}
div.adder ul li:hover {background:url(left_over.png) no-repeat left top}
div.adder ul li a:hover {background:url(right_over.png) no-repeat right top}

div.side-adder {width:228px} /*218 + 20 + 2 | width + padding + border*/

/*********************/
/*	New footer layout
/*********************/
div#footer div.content div {float:left;width:240px;margin-left:40px;padding:0}
div#footer div.content div h4 {width:130px;height:20px;margin-left:70px;text-indent:-10000px;background:url(img/footer_icons.png) no-repeat left top}
div#footer div.content div p {padding:0;margin:0 0 10px 70px;font:normal 1.1em/1.2em Verdana, Geneva, sans-serif;color:#666}
div#footer div.content div a {color:#09F;text-decoration:none}

div#footer div.content div.info img, div#footer div.content div.face img,
div#footer div.content div.globe img, div#footer div.content div.copy img,
div#footer div.content div.info img, div#footer div.content div.logo img,
div#header div.content div.logo img {float:left;background:url(img/footer_icons.png) no-repeat left top}

div#footer div.content div.info {margin-left:0}
div#footer div.content div.info img {background-position:left 10px}
div#footer div.content div.info h4 {background-position:left -70px}

div#footer div.content div.face img {background-position:-100px 10px}
div#footer div.content div.face h4 {background-position:left -110px}

div#footer div.content div.globe img {background-position:-150px 10px}
div#footer div.content div.globe h4 {background-position:left -130px}

div#footer div.content div.copy {margin-left:0;margin-top:20px}
div#footer div.content div.copy img {background-position:-50px 10px}
div#footer div.content div.copy h4 {background-position:left -90px}

div#footer div.content div.logo {float:right;width:305px;margin:20px 150px 0 0}
div#footer div.content div.logo img, div#header div.content div.logo img {background-position:left -150px}