/*-------------------------------------------------------------------------------------------------- Body and text --------------------------------------------------------------------------------------------------*/ body {margin: 0; padding: 0; font: normal 12px/18px sans-serif; color: #000; background: #383739;} #secondary-content h1 {margin: 0 0 15px 0 ; font: bold 20px/22px sans-serif;} #primary-content h1 {margin: 0 0 15px 0 ; font: normal 60px georgia, serif; text-align: right;} h3 {margin: 0 0 15px 0 ; font: normal 20px georgia, serif; text-align: left;} h3.filearea {margin: 0 ; font: bold 16px sans-serif; text-align: left;} form.color-000000 h1 {color: #000000;} form.color-ffffff h1 {color: #ffffff;} form.color-a8a9ac h1 {color: #a8a9ac;} /* GRÅ */ form.color-e40078 h1 {color: #e40078;} /* RÖD */ form.color-00a5e4 h1 {color: #00a5e4;} /* BLÅ */ form.color-7ac142 h1 {color: #7ac142;} /* GRÖN */ form.color-f6a01b h1 {color: #f6a01b;} /* GUL */ form.color-00718f h1 {color: #00718f;} /* Stegra BLÅ */ p {margin: 0 0 15px 0;} #secondary-content a {color: #00718f;} #primary-content a {color: #d1d2d4;} #module a {color: #e40078;} .clearer {height: 0; font-size: 0; line-height: 0; clear: both;} /*-------------------------------------------------------------------------------------------------- Layout --------------------------------------------------------------------------------------------------*/ img {border: 0;} img.left {float: left; margin: 0 10px 5px 0;} img.right {float: right; margin: 0 0 5px 10px;} div#wrapper {width: 880px; height: 535px; margin: -265px 0 0 -440px; position: absolute; top: 50%; left: 50%;} div.content {width: 880px; height: 505px; background: url(../gfx/bg.gif) no-repeat; position: relative;} div#footer {height: 20px; margin-top: 10px; background: #221e1f;} div#secondary-content {width: 260px; font: normal 12px/18px sans-serif; color: #00718f; position: absolute; bottom: 90px; left: 60px; z-index: 100;} div#primary-content {width: 450px; font: normal 14px/20px georgia, serif; color: #d1d2d4; position: absolute; bottom: 90px; right: 80px; z-index: 10;} div#module {width: 550px; height: 460px; color: #d1d2d4; overflow: auto; position: absolute; bottom: -70px; left: 250px;} div.contact {width: 380px; height: 200px; padding: 60px 20px 0 0; text-align: right; border: solid 1px #a8a9ac; position: absolute; z-index: 1000; display: none;} div.contact h3 {margin: 0 0 10px 0; font: normal 40px georgia, serif; color: #fff; text-align: right;} div.contact p {margin: 0; font: normal 18px/20px georgia, serif; color: #fff;} div.contact a {color: #fff !important; text-decoration: none;} div#stefan {background: url(../gfx/stefan_big.jpg); top: -481px; left: -236px;} /*div#carola {background: url(../gfx/carola_big.jpg); top: -481px; left: 170px;}*/ /*div#ann {background: url(../gfx/ann_big.jpg); top: -215px; left: -236px;}*/ /*div#maria {background: url(../gfx/maria_big.jpg); top: -215px; left: 170px;}*/ div#ann {background: url(../gfx/ann_big.jpg); top: -481px; left: 170px;} div#maria {background: url(../gfx/maria_big.jpg); top: -215px; left: -236px;} div#andreas {background: url(../gfx/andreas_big.jpg); top: -105px; left: -236px;} div#stefan h3 {color: #00a5e4;} div#carola h3 {color: #7ac142;} div#ann h3 {color: #e40078;} div#maria h3 {color: #f6a01b;} div#andreas h3 {color: #006989;} p.close {position: absolute; bottom: 10px; right: 10px;} p.close a {width: 20px; height: 20px; background: url(../gfx/close.gif) no-repeat; display: block;} p.close a span {display: none;} fieldset#login {margin: 200px 0 0 0; padding: 0; border: 0;} fieldset#login legend {display: none;} fieldset#login p {margin: 5px 0;} fieldset#login label {width: 100px; margin-top: 2px; display: block; float: left;} fieldset#login input {width: 150px; padding: 2px; font: normal 12px sans-serif; color: #000;} fieldset#login .btn {width: auto; margin-left: 100px;} fieldset#upload {margin: 50px 0 0 0; padding: 0; border: 0;} fieldset#upload legend {display: none;} fieldset#upload p {margin: 5px 0;} fieldset#upload label {display: block;} fieldset#upload input {width: 300px; padding: 2px; font: normal 12px sans-serif; color: #000;} fieldset#upload textarea {width: 295px; height: 100px; padding: 2px; font: normal 12px sans-serif; color: #000; overflow: auto;} fieldset#upload .btn {width: auto;} a.upload {width: 200px; height: 18px; padding-left: 20px; padding-bottom: 10px; font: bold 12px/18px sans-serif; color: #e40078; text-decoration: none; background: url(../gfx/upload.gif) no-repeat 0 1px; display: block;} a.back {width: 200px; height: 18px; padding-left: 20px; padding-bottom: 10px; font: bold 12px/18px sans-serif; color: #e40078; text-decoration: none; background: url(../gfx/list.gif) no-repeat 0 1px; display: block;} table.files {width: 90%; margin: 10px 0 20px 0; border: 0; border-collapse: collapse;} table th {padding: 2px 4px; text-align: left; background: #3e3a3b;} table th.size {width: 120px; text-align: right;} table th.date {width: 80px;} table th.icon {width: 20px; text-align: right;} table td {padding: 2px 4px; text-align: left; vertical-align: top;} table td.size {width: 120px; text-align: right;} table td.date {width: 80px;} table td.icon {width: 20px; text-align: right;} table td a {color: #e40078; text-decoration: none;} table td img {vertical-align: middle;} address.footer {margin-left: 22px; font: normal 11px/20px sans-serif; color: #fff; float: left;} address.footer strong {display: none;} address.footer a {color: #fff; text-decoration: none;} address.footer .fn {padding-right: 10px;} address.footer .adr {padding-right: 10px;} address.footer .locality {padding-right: 10px;} address.footer .tel {padding-right: 10px;} div#footer p {width: 110px; margin: 0; padding-left: 40px; border-left: solid 2px #383739; background: #9b9ea1 url(../gfx/bg_upload.gif) 15px 50% no-repeat; float: right;} div#footer p a {padding-top: 2px; font: bold 11px/20px sans-serif; color: #000; text-decoration: none;} /*-------------------------------------------------------------------------------------------------- Menu --------------------------------------------------------------------------------------------------*/ ul#menu {width: 200px; margin: 0; padding: 0; list-style-type: none; z-index: 100; position: absolute; top: 10px; left: 10px; z-index: 10;} ul#menu li {} ul#menu a {height: 28px; padding-left: 45px; font: normal 16px/28px georgia, serif; color: #bbb; text-decoration: none; display: block;} ul#menu a span {margin-left: -1000px;} ul#menu a:hover span {margin-left: 0; text-indent: 0;} ul#menu li.menu1 a {background: url(../../upload/images/menu/0.gif) no-repeat;} ul#menu li.menu2 a {background: url(../../upload/images/menu/1.gif) no-repeat;} ul#menu li.menu3 a {background: url(../../upload/images/menu/2.gif) no-repeat;} ul#menu li.menu4 a {background: url(../../upload/images/menu/3.gif) no-repeat;} ul#menu li.menu5 a {background: url(../../upload/images/menu/4.gif) no-repeat;} ul#menu li.menu6 a {background: url(../../upload/images/menu/5.gif) no-repeat;} ul#menu li.menu7 a {background: url(../../upload/images/menu/6.gif) no-repeat;} ul#menu li.menu8 a {background: url(../../upload/images/menu/7.gif) no-repeat;} ul#menu li.menu9 a {background: url(../../upload/images/menu/8.gif) no-repeat;} ul#menu li.menu10 a {background: url(../../upload/images/menu/9.gif) no-repeat;} ul#menu li.menu11 a {background: url(../../upload/images/menu/10.gif) no-repeat;} ul#menu li.menu1 a:hover {background: url(../../upload/images/menu/0_1.gif) no-repeat;} ul#menu li.menu2 a:hover {background: url(../../upload/images/menu/1_1.gif) no-repeat;} ul#menu li.menu3 a:hover {background: url(../../upload/images/menu/2_1.gif) no-repeat;} ul#menu li.menu4 a:hover {background: url(../../upload/images/menu/3_1.gif) no-repeat;} ul#menu li.menu5 a:hover {background: url(../../upload/images/menu/4_1.gif) no-repeat;} ul#menu li.menu6 a:hover {background: url(../../upload/images/menu/5_1.gif) no-repeat;} ul#menu li.menu7 a:hover {background: url(../../upload/images/menu/6_1.gif) no-repeat;} ul#menu li.menu8 a:hover {background: url(../../upload/images/menu/7_1.gif) no-repeat;} ul#menu li.menu9 a:hover {background: url(../../upload/images/menu/8_1.gif) no-repeat;} ul#menu li.menu10 a:hover {background: url(../../upload/images/menu/9_1.gif) no-repeat;} ul#menu li.menu11 a:hover {background: url(../../upload/images/menu/10_1.gif) no-repeat;} ul#menu li.menu1-selected a {background: url(../../upload/images/menu/0_1.gif) no-repeat;} ul#menu li.menu2-selected a {background: url(../../upload/images/menu/1_1.gif) no-repeat;} ul#menu li.menu3-selected a {background: url(../../upload/images/menu/2_1.gif) no-repeat;} ul#menu li.menu4-selected a {background: url(../../upload/images/menu/3_1.gif) no-repeat;} ul#menu li.menu5-selected a {background: url(../../upload/images/menu/4_1.gif) no-repeat;} ul#menu li.menu6-selected a {background: url(../../upload/images/menu/5_1.gif) no-repeat;} ul#menu li.menu7-selected a {background: url(../../upload/images/menu/6_1.gif) no-repeat;} ul#menu li.menu8-selected a {background: url(../../upload/images/menu/7_1.gif) no-repeat;} ul#menu li.menu9-selected a {background: url(../../upload/images/menu/8_1.gif) no-repeat;} ul#menu li.menu10-selected a {background: url(../../upload/images/menu/9_1.gif) no-repeat;} ul#menu li.menu11-selected a {background: url(../../upload/images/menu/10_1.gif) no-repeat;} ul#menu li.menu1-selected a span {text-indent: 0;} ul#menu li.menu2-selected a span {text-indent: 0;} ul#menu li.menu3-selected a span {text-indent: 0;} ul#menu li.menu4-selected a span {text-indent: 0;} ul#menu li.menu5-selected a span {text-indent: 0;} ul#menu li.menu6-selected a span {text-indent: 0;} ul#menu li.menu7-selected a span {text-indent: 0;} ul#menu li.menu8-selected a span {text-indent: 0;} ul#menu li.menu9-selected a span {text-indent: 0;} ul#menu li.menu10-selected a span {text-indent: 0;} ul#menu li.menu11-selected a span {text-indent: 0;} /*-------------------------------------------------------------------------------------------------- AddOns etc --------------------------------------------------------------------------------------------------*/ span.smark {background-color: #ccc; padding: 0 2px;} ol.searchresult li {margin-bottom: 20px;} ol.searchresult h3 {margin: 0 0 5px 0;} ol.searchresult h3 a {text-decoration: none;} ol.searchresult p {margin: 3px 0;} address.staff {margin: 20px 0; display: block; clear: both;} address.staff span {margin: 0 0 3px 0; font: normal 12px sans-serif; display: block;} address.staff span.wrapper {width: 300px; float: left;} address.staff span.photo {width: 120px; margin-right: 5px; float: left;} address.staff span.n {margin-bottom: 5px; font-size: 14px; font-weight: bold;} address.staff span.title {margin: 10px 0; font-size: 14px;} address.staff span.value {display: inline;} div.gallery {width: 100%; margin: 10px 0; clear: both; float: left;} p.gallerybreadcrumb {margin: 10px 0 5px 0; padding: 5px; background: #f5f5f5; border: solid 1px #eee;} a.gallerydir {width: 120px; height: 120px; margin: 0 5px 5px 0; padding: 5px; background: #fff url(../gfx/bg_gallery.gif) no-repeat 100% 100%; color: #000; text-decoration: none; border: solid 1px #eee; text-decoration: none; text-align: center; display: block; float: left; position: relative; overflow: hidden;} a.galleryimg {width: 120px; height: 120px; margin: 0 5px 5px 0; padding: 5px; background: #fff; color: #000; text-decoration: none; border: solid 1px #eee; text-decoration: none; text-align: center; display: block; float: left; position: relative; overflow: hidden;} a.gallerydir:hover {color: #000; background-color: #f5f5f5;} a.galleryimg:hover {color: #000; background-color: #f5f5f5;} a.gallerydir img, a.galleryimg img {display: block; clear: both;} a.gallerydir span, a.galleryimg span {width: 120px; font: normal 11px sans-serif; text-align: center; display: block; clear: both; position: absolute; bottom: 5px; left: 5px;} body#viewphoto {height: auto; margin: 10px; padding: 0; font: normal 12px sans-serif; color: #fff; background: #000;} body#viewphoto h1 {font: bold 18px sans-serif; color: #fff;} body#viewphoto p {margin: 5px 0; color: #fff;} fieldset.contact {border: 0; margin: 10px 0; padding: 0 0 0 60px;} fieldset.contact legend {margin: 0 0 5px -7px; padding: 0; font: bold 12px sans-serif; color: #000; display: none;} fieldset.contact p {margin: 5px 0;} fieldset.contact label {display: block; color: #fff;} fieldset.contact label .rfv {font-size: 11px; color: #fff;} fieldset.contact input {width: 180px; padding: 0 2px; font: normal 12px sans-serif; color: #000;} fieldset.contact input.captcha-input {width: 60px;} fieldset.contact textarea {width: 180px; height: 100px; padding: 2px; font: normal 12px sans-serif; color: #000; overflow: auto;} fieldset.contact .btn {width: auto;} fieldset.loginprotectedpage {border: 0; margin: 10px 0; padding: 0;} fieldset.loginprotectedpage legend {margin: 0 0 5px -7px; padding: 0; font: bold 12px sans-serif; color: #000;} fieldset.loginprotectedpage p {margin: 5px 0;} fieldset.loginprotectedpage label {display: block;} fieldset.loginprotectedpage label .rfv {font-size: 11px; color: #f00;} fieldset.loginprotectedpage input {width: 250px; padding: 0 2px; font: normal 12px sans-serif; color: #000;} fieldset.loginprotectedpage .btn {width: auto;} dl#pageproperties {width: 100%; margin: 20px 0; display: block; clear: both;} dl#pageproperties dt {width: 110px; font: bold 11px sans-serif; float: left;} dl#pageproperties dd {font: normal 11px sans-serif;} dl#pageproperties dd a {} ul.sitemap {margin: 5px 0 5px 20px; list-style-type: square;} ul.sitemap ul {margin: 5px 0 5px 20px; list-style-type: square;} ul.breadcrumb {margin: 0; padding: 0; list-style: none;} ul.breadcrumb li {margin-right: 5px; padding: 0; line-height: 25px; display: inline;} ul.breadcrumb li.delimiter {font-weight: bold;}