/* General styles */

BODY, HTML { background: url(i01.gif) 50% 0; padding: 0; margin: 0; }
BODY, INPUT, SELECT, TEXTAREA, BUTTON, TH, TD { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #737373; }

A { color: #0082d6; text-decoration: underline; }
IMG { border: 0; }
FORM { padding: 0; margin: 0; }
TABLE { border-collapse: collapse; border-spacing: 0; }

.f-left { float: left; }
.f-right { float: right; }

.left { text-align: left !important; }
.center { text-align: center !important; }
.right { text-align: right !important; }

.top { vertical-align: top !important; }
.middle { vertical-align: middle !important; }
.bottom { vertical-align: bottom !important; }

.nowrap { white-space: nowrap; }

.nopadding { padding: 0 !important; }

.wauto { width: auto !important; }
.w100p { width: 100%; }
.w50 { width: 50px; }

B.x { line-height: 0px; font-size: 1px; clear: both; height: 1px; float: none !important; display: block; }

.req, .error { color: red; }

/* Main framework */

#box1 { width: 750px; margin: auto; background: #FFF; }
#box2 { height: 32px; background: url(i03.gif) 0 0 repeat-x; padding: 0 5px 0 23px; margin: 1px 0 0 0; color: #abc7e9; font-size: 9px; }

#logo { padding: 0; margin: 0; height: 129px; background: url(i02.jpg) 0 0 no-repeat; }
#logo A { padding: 34px 0 0 23px; display: block; float: left; }

#box2 UL { padding: 0; margin: 0; list-style: none; float: right; }
#box2 UL LI { float: left; padding: 4px 0 0 0; }
#box2 UL A { color: #abc7e9; text-decoration: none; display: block; padding: 3px 6px; position: relative; }
#box2 UL A:hover, 
#box2 UL A.active { border: 1px solid #00aee8; padding: 2px 5px; }
#box2 P { float: left; padding: 6px 0 0 0; margin: 0; }
#box3 { background: url(i05.gif) 0 0 repeat-y; height: 100%; }

#sitetools { background: #f0f2fc url(i04.gif) 0 0 repeat-y; height: 24px; padding: 0; margin: 1px 0 0 0; list-style: none; font-size: 10px; }
#sitetools LI { float: right; border-right: 1px solid #fff; height: 24px; padding: 0; margin: 0; }
#sitetools A { color: #737373; text-decoration: none; display: block; padding: 6px 10px 6px 10px; position: relative; }
#sitetools A:hover { text-decoration: underline; }
#sitetools P { margin: 0; padding: 3px 10px 0 10px; }
#sitetools INPUT { vertical-align: top; margin: 0; }
#sitetools #search-string { border: 1px solid #b4b4b4; width: 85px; font-size: 9px; text-indent: 3px; line-height: 10px; }
#sitetools #tools-map { background: url(ico_map.gif) 0 50% no-repeat; }
#sitetools #tools-map A { padding-left: 25px; }
#sitetools #tools-mail { background: url(ico_mail.gif) 7px 50% no-repeat; }
#sitetools #tools-mail A { padding-left: 40px; }
#sitetools #tools-sitemap { background: url(ico_sitemap.gif) 7px 50% no-repeat; border-right: none; }
#sitetools #tools-sitemap A { padding-left: 25px; }

#col1 { float: left; width: 200px; }
#col2 { float: left; width: 550px; }

#menu1 { list-style: none; padding: 0; margin: 0 0 3em 0; border-top: 1px solid #fff; }
#menu1 LI { padding: 0; margin: 0; border-bottom: 1px solid #fff; background: url(i06.gif) 0 100% no-repeat; }
#menu1 P { margin: 0; padding: 0 12px; background: url(dot01.gif) 12px 9px no-repeat; }
#menu1 A { display: block; position: relative; padding: 5px 0 6px 10px; text-decoration: none; }
#menu1 A:hover { text-decoration: underline; }
#menu1 A.active { font-weight: bold; }
#menu1 UL { list-style: none; padding: 5px 0 5px 20px; margin: 0; }
#menu1 UL LI { background: url(dot02.gif) 0 6px no-repeat; border: none; padding: 0; margin: 0; font-size: 10px; }
#menu1 UL LI LI { background: url(dot03.gif) 0 6px no-repeat; }
#menu1 UL LI LI A.active { font-weight: normal; text-decoration: underline; }
#menu1 UL LI A { padding: 2px 0 2px 10px; }

* HTML #menu1 UL LI { height: 1px; }

#menu4 { float: right; width: 150px; margin: 0 0 10px 10px; background: #f0f2fc url(i12.gif) no-repeat; line-height: normal; }
#menu4 UL { list-style: none; padding: 10px; margin: 0; font-size: 10px; background: url(i13.gif) 0 100% no-repeat; }
#menu4 UL LI { background: url(dot04.gif) 0 6px no-repeat; padding: 0 0 0 10px; margin: 3px 0; }
#menu4 A { text-decoration: none; }
#menu4 A:hover { text-decoration: underline; }

#ilmparnus { background: url(i07.gif) 50% 0 no-repeat; font-size: 10px; padding: 10px 27px; line-height: 16px; }
#ilmparnus H3 { font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: normal; padding: 0; margin: 0; color: #0082d6; }
#ilmparnus P { padding: 0; margin: 0.5em 0 0 0; }

#footer { margin: 2px 8px 0 0; background: #f5f5f5 url(i08.gif) repeat-x; padding: 7px 10px 5px 10px; font-size: 10px; text-align: center; border-bottom: 2px solid #FFF; }
#footer A { color: #0059bf; text-decoration: none; }
#footer A:hover { text-decoration: underline; }

P.ad1 { text-align: center; }

#sub { padding: 25px 20px 20px 20px; line-height: 16px; }
#front { padding: 8px; }

/* Content styles */

H1 { padding: 0; margin: 0 0 0.6em 0; color: #ff9c03; font-family: Arial, Helvetica, sans-serif; font-size: 24px; font-weight: normal; line-height: normal; }
H2 { padding: 0; margin: 1em 0 0 0; color: #ff9c03; font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: normal; line-height: normal; }
H3 { padding: 0; margin: 1em 0 0 0; color: #ff9c03; font-size: 11px; font-weight: bold; }

P { padding: 0; margin: 1em 0 0 0; }

DIV.news { padding: 0 5px 20px 0; margin: 1em 0 0 0; }
DIV.news DIV.item { padding: 0 0 5px 15px; background: url(dot01.gif) 0 4px no-repeat; }
DIV.news DIV.date { float: right; color: #a5adb1; }
DIV.news DIV.lead { font-size: 10px; color: #a5adb1; padding: 2px 0 5px 0; line-height: normal; }
DIV.news A { text-decoration: none; }
DIV.news A:hover { text-decoration: underline; }

DIV.archive { color: #ccc; margin: 1em 0 0 0; }
DIV.archive A { color: #1b2d3b; text-decoration: none; padding: 1px 5px; }
DIV.archive A:hover { color: #FFF; text-decoration: none; background: #0082d6; }
DIV.archive A.active { color: #FFF; text-decoration: none; background: #0082d6; }

TABLE.data { width: 100%; line-height: normal; margin: 1em 0 0 0; }
TABLE.data TH { border: 1px solid #bbb; padding: 3px 5px; text-align: left; vertical-align: top; background: #EFEFEF; font-size: 10px; }
TABLE.data TD { border: 1px solid #bbb; padding: 3px 5px; text-align: left; vertical-align: top; background: #FFF; }
TABLE.data TR.even TD { background: #FAFAFA; }

TABLE.form { width: 100%; margin: 1em 0 0 0; line-height: normal; }
TABLE.form TD { border-bottom: 1px solid #e5e5e5; vertical-align: top; }
TABLE.form TD.name { width: 35%; padding: 5px 10px 5px 0; text-align: right; }
TABLE.form TD.text { width: 65%; padding: 5px 0 5px 0; }
TABLE.form TD.name-inpt { width: 35%; padding: 2px 10px 2px 0; text-align: right; }
TABLE.form TD.inpt { width: 65%; padding: 2px 0 2px 0; }
TABLE.form TD.data { width: 65%; padding: 5px 0 5px 0; }
TABLE.form TD.tbl { width: 65%; padding: 5px 0 5px 0; }
TABLE.form INPUT,
TABLE.form SELECT { vertical-align: middle; }
TABLE.form TR.subheading TD { font-weight: bold; color: #ff9c03; border-bottom: 1px solid #ffd89c; padding: 15px 10px 5px 0; }
TABLE.form .submit { margin-right: 2px; border: 1px solid; border-color: #cbcbcb #939393 #939393 #cbcbcb; background: #ebebeb; color: #626262; font-size: 9px; overflow: visible; padding: 0 10px; cursor: pointer; }
TABLE.form .submit2 { margin: 3px 0; border: 1px solid; border-color: #cbcbcb #939393 #939393 #cbcbcb; background: #ebebeb; color: #626262; font-size: 9px; overflow: visible; padding: 0 5px; cursor: pointer; }
TABLE.form TABLE.data TD.inpt { width: auto; padding: 0; }
TABLE.form TABLE.data TD { border: 1px solid #bbb; }
TABLE.form .disabled { background: #ebebeb; }
TABLE.form .max { width: 350px; }
TABLE.form .norm { width: 250px; }
TABLE.form .small { width: 100px; }
TABLE.form .min { width: 30px; }
TABLE.form .date { width: 70px; }
TABLE.form .time { width: 55px; }

P.actions { text-align: right; }
P.actions INPUT,
P.actions BUTTON { border: 1px solid; border-color: #0082d6 #0027a3 #0027a3 #0082d6; padding: 1px 15px; overflow: visible; background: #0082d6 url(i09.gif) repeat-x; color: #FFF; cursor: pointer; font-weight: bold; }
P.actions .disabled { border: 1px solid #777; background: #eee; }
P.actions .neutral { border: 1px solid #2772e6; background: #0082d6; }

DIV.img-right { float: right; padding: 2px 0 10px 10px; clear: both; }

#sitemap { padding: 0; margin: 1em 0 0 0; }
#sitemap A { text-decoration: none; }
#sitemap A:hover { text-decoration: underline; }
#sitemap UL { padding: 0; margin: 0.5em 0; }
#sitemap LI { margin: 0.2em 0; padding: 0 0 0 22px; background: url(dot01.gif) 10px 6px no-repeat; list-style: none; font-weight: bold; }
#sitemap LI LI { font-weight: normal; background: url(dot02.gif) 10px 6px no-repeat; }
#sitemap LI LI LI { font-weight: normal; font-size: 10px; background: url(dot03.gif) 10px 6px no-repeat; }

#front1 { padding: 0; margin: 0; }
#front-cols { background: url(i10.gif); padding: 15px 15px 0 15px; margin-top: 7px; line-height: 14px; font-size: 10px; }
#front-cols A { text-decoration: none; line-height: normal; display: block; }
#front-cols A:hover { text-decoration: underline; }
#front-cols H3, #kalender H3 { font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: normal; padding: 0; margin: 0; color: #0082d6; }
#front-cols .c1 { float: left; width: 145px; margin-right: 37px; }
#front-cols .c1 A { margin-bottom: 5px; font-weight: bold; line-height: 14px; }
#front-cols .c1 A.readmore { margin: 5px 0 0 0; }
#front-cols .c1 A.readmore IMG { margin-left: 6px; }
#front-cols .c2 { float: left; width: 140px; }
#front-cols DIV.c2 UL { padding: 0; margin: 1em 0 0 0; list-style: none; font-weight: bold; line-height: normal; }
#front-cols DIV.c2 UL LI { padding: 2px 0 2px 12px; background: url(dot01.gif) 0 6px no-repeat; }
#front-cols DIV.c2 UL A { font-weight: normal; }
#front-cols B.x { height: 15px; background: url(i11.gif); margin: 0 -15px; padding: 0; }
* HTML #front-cols { height: 1px; }

.special-1 { background: url(i10_1.gif) !important; }
.special-1 B.x { background: url(i11_1.gif) !important; }
.special-2 { background: url(i10_2.gif) !important; }
.special-2 B.x { background: url(i11_2.gif) !important; }
.special-3 { background: url(i10_3.gif) !important; }
.special-3 B.x { background: url(i11_3.gif) !important; }

#kalender { padding: 5px 0 0 13px; }
#kalender UL { margin: 0; padding: 10px 0 5px 0; list-style: none; }
#kalender UL LI { padding: 2px 0 2px 12px; background: url(dot01.gif) 0 6px no-repeat; }
#kalender UL LI SPAN { display: block; color: #737373; font-weight: bold; text-decoration: none !important; }
#kalender UL LI A { display: block; text-decoration: none; }
#kalender UL LI A:hover { text-decoration: underline; }

.whitebg { margin: 1em auto 2em auto; padding: 0 0 6px 0; width: 170px; background: url(bg02.gif) no-repeat bottom; }
.whitebg2 { background: url(bg01.gif) no-repeat top; padding: 6px 0 0 0; }
.whitebg3 { background: #fff; }

.gradbg { margin: 1em auto 0 auto; padding: 0 0 8px 0; width: 534px; background: url(bg03.gif) no-repeat bottom; }
.gradbg2 { background: url(bg04.gif) no-repeat top; padding: 8px 0 0 0; }
.gradbg3 { background: url(bg05.gif) repeat; }

.front-package { margin: 0; padding: 1em 0 0 15px; list-style: none; font-size: 10px; line-height: 16px; }
.front-package LI { padding: 0 0 15px 0; }
.front-package SPAN { font-weight: bold; color: #0082dd; }
.front-package SPAN.text { font-weight: normal !important; color: #737373 !important; }
.front-package SPAN.link { background: url(dot01.gif) right 3px no-repeat; padding: 0 10px 0 0; }
.front-package A { display: block; text-decoration: none; padding: 0 10px 0 0; }
.front-package A:hover { text-decoration: none; }
.front-package A:hover SPAN.link { text-decoration: underline; }

#banners A { padding: 0 5px 0 0; }

.c-inner { overflow: hidden !important; }
* HTML .c-inner { overflow: visible; height: 1px !important; }

DIV.btns { margin: 1em 0 0 0; padding: 0; }

DIV.btn { float: left; background: url(i14.gif) no-repeat; }
DIV.btn DIV { float: left; background: url(i15.gif) 100% 0 no-repeat; height: 20px; }
DIV.btn A { color: #0082d6; font-size: 10px; padding: 3px 10px 5px 10px; text-decoration: none; display: block; line-height: normal; }
DIV.btn A:hover { text-decoration: underline; }