* {margin:0; padding:0;}
body {background:#fff; font-family: monospace; font-size:1em; color:#000}
img, fieldset {border:0}
a {color:#000; text-decoration:none; font-weight:bold}

label, input, textarea, select {display:block; float:left; font-family:monospace; font-size:12px; border:2px solid #000; background:#fff; color:#000}
label {border:0}
input#email {width:100px; height:16px; padding-top:4px; margin-right:5px; text-align:center}
input#submit {height:24px; width:80px}
label.fail {color:#f00; font-weight:bold}
textarea.fail, input.fail {border:1px solid #f00 !important}
input.hidden {display:none}
br.clear, form br {clear:both}
fieldset {margin:10px 0}

a.skipmenu {position:absolute; top:0; left:-10000px; padding:5px}
a.skipmenu:focus, a.skipmenu:active {left:0; background:#f00; color:#fff}
.invisible {position:absolute; top:-10000px; left:0; height:1px; overflow:hidden}
.noborder {border:none !important}
.relat {position:relative !important}
.center {text-align:center}
.right {text-align:right}
.fl {float:left}
.fr {float:right}

#page {width:990px; margin-left:15px}

#header {display:block; position:relative; height:320px}
#header h1 span {display:block; position:absolute; top:0; left:0; width:100%; height:100%; background:url(../img/header-johan.jpg) no-repeat; z-index:1}
#lang {position:absolute; right:0; z-index:2}

#content {position:relative; top:-40px; z-index:2}

#left {width:220px; margin-left:50px; float:left}
#menu li {list-style:none; background:url(../img/dots.jpg) repeat-x; background-attachment: bottom}
#menu a {display:block; padding:15px 0 5px 0; border-bottom:1px solid #fff; font-size:14px}
#menu span {display:block; width:100%; border-bottom:1px solid #fff}
#menu span.active {background:#f00}
#menu a:hover span {border-bottom:1px solid #f00}
.submenu {display:none}
.submenu a {font-weight:normal}
.submenu li {border:none !important}
#menu li:hover ul.submenu, ul.submenu:hover {display:block}
#coop {margin-top:80px}

#main {font-family:sans-serif; font-size:12px ; line-height:14px; letter-spacing:5%; float:left; width:500px; margin-left:60px; padding-top:20px}
#main h2 {font-size:100%; color:#f00; text-transform:uppercase; padding: 5px 0 10px 0;}
#main h3 {font-size:100%; color:#000; font-weight: bold; padding: 5px 0 10px 0;}
#main p {margin:10px 0}
#main hr {border:0; background:url(../img/dots.jpg) repeat-x; background-attachment: bottom}
#main a {text-decoration: underline;}
#right {float:left; width:150px; margin-left:10px}
#right p {margin:0 0 0 20px; color:#f00; font-weight:bold; text-transform:uppercase}

#footer {margin-top:40px}
.f1 {margin-left:20px}
.f1 a {color:#f00; margin-right:40px}
.f2 {margin-left:40px}
.f2 a {color:#f00}

body#moving #main, body#medokin #main, body#evrybaby #main, body#tyan #main {width:600px}

body#moving #header h1 span {background-image:url(../img/header-moving.jpg)}
body#moving #menu a:hover {color:#f00}
body#moving #menu span {border-bottom:none}
body#moving #menu a:hover span.active {color:#000}

body#medokin #header h1 span {background-image:url(../img/header-medokin.jpg)}
body#medokin #main h2 {color:#000;}
body#medokin #footer a {color:#999}
body#medokin .f1 a,  body#medokin .f2 a{color:#000 !important}

body#evrybaby {background:#06f; color:#fff}
body#evrybaby #header h1 span {background-image:url(../img/header-evrybaby.jpg)}
body#evrybaby a {color:#fff}
body#evrybaby #main h2 {color:#fff}
body#evrybaby #main hr {background:url(../img/dots-wblue.jpg) repeat-x; background-attachment: bottom}
body#evrybaby #menu li {background:url(../img/dots-wblue.jpg) repeat-x; background-attachment: bottom}
body#evrybaby #menu a {border-bottom:1px solid #06f}
body#evrybaby #menu span {display:inline; border-bottom:1px solid #06f}
body#evrybaby #menu span.active {background:#fff; color:#f00}
body#evrybaby #menu a:hover span {border-bottom:1px solid #f00}
body#evrybaby #footer a {font-weight:normal}
body#evrybaby #footer span a {font-weight:bold}

body#tyan {background:#000; color:#fff}
body#tyan #header h1 span {background-image:url(../img/header-tyan.jpg)}
body#tyan a {color:#fff}
body#tyan #main hr {background:url(../img/dots-wblack.jpg) repeat-x; background-attachment: bottom}
body#tyan #menu li {background:url(../img/dots-wblack.jpg) repeat-x; background-attachment: bottom}

body#tyan #menu a {border-bottom:none}
body#tyan #menu span {border-bottom:none}
body#tyan #menu span.active {color:#f66; background:#910000}
body#tyan #menu a:hover span {display:inline; color:#f66; background:#910000}
body#tyan #footer a {font-weight:normal}
body#tyan #footer span a {font-weight:bold}

.list img {float:left; margin-bottom:8px; margin-right:5px;}
.list {clear:both;}
.clear {clear:both;}

#paging {text-align:center; margin-top:20px;}
.mrb5 {margin-bottom:5px; margin-right:5px;}
.hrb {background:url(../img/dots.jpg) repeat-x; background-attachment: bottom; padding: 5px 0;}

#main form fieldset label {
	float:left;
	display: block;
	width:70px;
	font-size:110%;
}

#main form fieldset input, #main form fieldset textarea {
	font-size:110%;
}

.button {
	margin-top:5px;
	margin-left:70px;
	font-size:110%;
}

.fs12 {font-size:12px}

#footer-banner {
	text-align:center;
}
