/*GLOBALS*/
BODY {
font: 11px Verdana, Tahoma, Arial, Helvetica, sans-serif;
background:#f6f6f6 url("bg01.png") repeat-x 50% 0;
font-size:11px;
color:#666;
margin:0; padding:0
}
BODY, INPUT, SELECT, TEXTAREA, TH, TD { font: 11px Verdana, Tahoma, Arial, Helvetica, sans-serif; color:#666; }

A { color:#007ac3; text-decoration:none  }
A:hover { color:#f23f45; text-decoration:underline }
IMG { border:0 }
FORM { margin:0; padding:0 }
P { padding:0; margin:10px 0 0 0 }
TABLE { border-collapse:collapse; border-spacing:0; width:100%; margin:10px 0 0 0 }
TH, TD { text-align:left; vertical-align:top }

/*SCREEN*/

#c-01, #c-02 { position:relative; width:980px; text-align:left }
#c-01 {margin:0 auto 0 auto; background:transparent url("bg03.png") repeat-y 0 0; padding:0 }
#c-02 { background:transparent url("bg02.jpg") no-repeat 0 0 }
#c-03 { position:relative; width:900px; text-align:left; margin:0 0 0 40px; overflow:hidden }
#c-04 { position:relative; width:900px }
#c-05 { width: 900px; height:28px }

/*header*/
A.homelink { position:absolute; display:block; left:22px; top:58px; width:186px; height:54px }



UL#menu01 { padding:7px 0 0 14px; margin:0; list-style:none; float:left; overflow: hidden; }
UL#menu01 LI { float:left; border-right:1px solid #7dd4eb;  margin:0 -1px 0 0; }
UL#menu01 A { color:#fff; float:left; margin:0 10px 1px 10px; border-bottom:1px solid #3fb6ee }
UL#menu01 A:hover { border-bottom:1px solid #a4e4fa; text-decoration:none }


UL#langselect { padding:6px 0 0 0; margin:0 9px 0 0; list-style:none; float:right; overflow: hidden; }
UL#langselect LI { float: left; margin: 0 0 0 4px; padding:1px 3px 2px 3px }
UL#langselect A { color:#fff; float:left; text-decoration:none }
UL#langselect A:hover { border-bottom:1px solid #fff }
UL#langselect LI.active { background-color:#ef3136 }
UL#langselect LI.active A:hover { border:none }

#search { float: right; margin: 3px 0 0 5px; padding:0 8px 0 0 }
#search P { float: left; }
#search INPUT { float: left; border: none; background: transparent; font: 11px Tahoma, Arial, Verdana, Helvetica, sans-serif !important }
#search-string { width:110px; height: 20px; background: url("bg04.gif") no-repeat; margin: 0 3px 0 0; }
#search-string INPUT { width: 98px; padding: 2px 5px 3px 0; margin:1px 0 0 4px; color:#333 }

#search-submit { background: url("bg05.gif") no-repeat; height: 20px; width: 40px; margin:0 }
#search-submit INPUT { float:left; overflow: visible; color: #fff; padding:0 0 0 1px; margin:0 0 0 0; width:40px; height:20px;  cursor: pointer; font: 11px Tahoma, Verdana, Arial, Helvetica, sans-serif }


/*mainmenu*/

#menu02 { background:transparent url("bg06.png") no-repeat 0 0; margin:108px 0 0 0; padding:0; width:900px; font:bold 11px Tahoma, Verdana, Arial, Helvetica, sans-serif; }
#menu02 DIV { background:transparent url("bg07.png") no-repeat 0 bottom; width:900px; clear: both; overflow:hidden }

#menu02 UL { float:left; padding:7px 0 14px 15px; margin:0; list-style:none }
#menu02 UL LI { float:left; border-right:1px solid #62c7e4;  margin:0 -1px 0 0; padding:2px 0 2px 0; line-height:13px}
#menu02 UL A { color:#fff; float:left; margin:0 10px 0 10px; border-bottom:1px solid #58b7db }
#menu02 UL A:hover { border-bottom:1px solid #a4e4fa; text-decoration:none }

#menu02 UL LI.active { padding:0 }
#menu02 UL LI.active SPAN { float:left; cursor:pointer; padding:2px 4px 2px 4px; margin:0 2px 0 3px; background-color:#fff; }
#menu02 UL LI.active A { color:#f24046; border-color:#fdcc50;  }
#menu02 UL LI.active A:hover { color:#f24046; border-color:#fdcc50 }


/* content */

#content { position:relative; width: 898px; text-align: left; padding:0 0 0 2px } 

#c-left { width:208px; float:left; margin:0 0 -3px 0; padding:0 }
#c-center { width:480px; float:left; padding:0; margin:0 }
#c-right { width:208px; float:left; padding:2px 0 0 0; margin:0 }


#path { color: #bbd0db; font-size: 10px; padding: 3px 0 8px 22px; margin: 0; line-height: 10px; }
#path A { color: #8cafc3; }
#path A:hover { color: #5d8ca6; text-decoration:none; border-bottom:1px solid #dde8ee; }

/* second level menu */

#menu03 { width:208px; background: url("bg08.png") no-repeat 0 0; color: #fff; margin:0; padding:0 }
#menu03bg { width:208px; background: url("bg09.png") 0 100% no-repeat; margin:0; padding:0 0 16px 0}

#menu03 UL { padding:10px 18px 0 18px; margin:0; list-style: none;font:11px Tahoma, Verdana, Arial, Helvetica, sans-serif }
#menu03 UL UL { background: none; padding: 6px 0 8px 0 }

#menu03 LI { padding:0; margin:0; background: url("bg10.gif") 0 100% no-repeat }
#menu03 LI DIV { padding:4px 10px 6px 22px; background: url("item01.gif") 5px 5px no-repeat }
#menu03 LI A { color:#fff }
#menu03 LI A:hover { color:#fff; text-decoration:none; border-bottom:1px solid #a4e4fa }

#menu03 LI.active DIV { background:#fff url("item02.gif") 5px 5px no-repeat }
#menu03 LI.active DIV A { color: #f23f45; font-weight:bold; border-bottom:1px solid #fdcc50  }
#menu03 LI.active DIV A:hover { color: #f23f45; border-color:#fdcc50 }

#menu03 LI.active LI { background:none }
#menu03 LI.active LI DIV A { font-weight:normal; border:none; color:#fff }
#menu03 LI.active LI DIV A:hover { border-bottom:1px solid #a4e4fa; color:#fff }
#menu03 LI.active LI DIV { padding:2px 10px 4px 31px; background: url("item03.gif") 22px 6px no-repeat }

#menu03 LI.active LI.active DIV A { color:#fdcc50; font-weight:bold; border-bottom:1px solid #a4e4fa }
#menu03 LI.active LI.active DIV A:hover { color:#fdcc50; border-color:#a4e4fa }

/* additional level menu */

DIV.menu04 { width:208px; background: url("bg11.png") no-repeat 0 0; color: #fff; margin:4px 0 0 0; padding:0 }
DIV.menu04bg { width:182px; background: url("bg12.png") 0 100% no-repeat; margin:0; padding:10px 0 18px 23px}
DIV.menu04bg H2 { margin:0; color: #003a95; font: 17px Tahoma, Verdana, Helvetica, sans-serif; padding:0 16px 0 0 }
DIV.menu04 UL { padding:5px 18px 0 3px; margin:0; list-style: none;font:11px Tahoma, Verdana, Arial, Helvetica, sans-serif }
DIV.menu04 LI { padding:4px 4px 4px 14px; background: url("item04.gif") 1px 8px no-repeat; margin:0 }
DIV.menu04 LI A { color:#007ac3; border-bottom:1px solid #d0e8f7 }
DIV.menu04 LI A:hover { color:#f23f45; text-decoration:none; border-color:#fbb214 }



/* loginbox */

DIV.loginbox { width:208px; background: url("bg14.png") no-repeat 0 0; color: #fff; margin:0 0 4px 0; padding:0 } /*bg13.png is background without E-tervis logo symbol*/
DIV.loginboxbg { background: url("bg15.png") 0 100% no-repeat; margin:0; padding:8px 18px 19px 23px}
DIV.loginboxbg H2 { margin:0; color: #444; font: 17px Tahoma, Arial, Verdana, Helvetica, sans-serif; padding:0 16px 0 0 }
DIV.loginbox P { color:#666; padding:19px 0 0 0; margin:0; line-height:14px }
DIV.loginbox .item05 { float:right; }


/* footer */
#footer { position:relative; width:980px; background:#f6f6f6 url("bg16.png") no-repeat 0 0; height:90px; clear:both; float:left; margin:0; padding:0 0 0 0 }
A.item06 {position:absolute; top:23px; left:64px; display:block; width:62px; height:32px; background:transparent url("item06_eu_rak.gif") no-repeat 0 0 }
#footer DIV { padding:23px 0 0 140px }
UL#menu05 { padding:0; margin:0; list-style:none; float:left; overflow: hidden; }
UL#menu05 LI { float:left; border-right:1px solid #ccc;  margin:0 -1px 0 0; }
UL#menu05 A { color:#999; float:left; margin:0 10px 1px 10px; border-bottom:1px solid #ddd }
UL#menu05 A:hover { border-bottom:1px solid #aaa; text-decoration:none }

#footer P { clear:both; color:#999; padding:4px 0 0 10px; margin:0 }



/*main content*/

H1, H2, H3, H4, H5 { margin:1em 0 0 0; padding:0; color: #003a95; font-family: Tahoma, Arial, Helvetica, sans-serif; font-weight: normal; }
H3, H4, H5, H6 { font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif }

H1 { margin:0; font-size:20px; font-family:Arial, Tahoma, Helvetica, sans-serif }
H2 { font-size: 17px; }
H3 { font-size: 13px; font-weight: bold }
H4 { font-size: 11px; font-weight: bold }
H5 { font-size: 11px; font-weight: bold; color: #666 }


#maincontent { padding:11px 10px 20px 10px; margin:0; line-height:17px; text-align:justify }
#maincontent UL { list-style: none; padding: 0; margin: 1em 0 0 0; }

#maincontent UL LI { background: url("item07_li_1.gif") 18px 6px no-repeat; padding: 0 0 0 30px; margin: 4px 0; }
#maincontent UL UL { list-style: none; padding: 0; margin:8px 0 8px 0; }
#maincontent UL UL UL { font-size: 10px; margin:8px 0; }
#maincontent UL UL UL UL { font-size: 10px; }
#maincontent LI LI { background: url("item08_li_2.gif") 15px 7px no-repeat; padding: 0 0 0 26px; }
#maincontent LI LI LI { background: url("item09_li_3.gif") 16px 7px no-repeat; margin:2px 0; }



/* news */


#news P.date {color:#999; margin:2px 0 0 0; padding:0 }
#news H2 { font-family:Arial, Tahoma, Verdana, Helvetica, sans-serif; font-size:16px; font-weight:bold; color:#333; line-height:18px }




UL#newslist UL { padding:5px 0 0 0; margin:0; list-style: none;font:11px Tahoma, Verdana, Arial, Helvetica, sans-serif; text-align:left; }
UL#newslist LI { padding:3px 10px 3px 14px; background: url("item04.gif") 1px 9px no-repeat; margin:0 }
UL#newslist LI SPAN { color:#999; padding:0 0 0 10px}
UL#newslist LI P { margin:0; padding:0 }


UL#newslist LI A { color:#007ac3; }
UL#newslist LI A:hover { color:#f23f45; text-decoration:underline;  }

.newsarchive { text-align:right }
.newsarchive A { background:#fff url("item02.gif") 0 3px no-repeat; padding:2px 0 2px 18px }

#maincontent IMG { border:2px solid #eee }










/*WSRP classes*/
.portlet-section-header {
font-size:20px; color: #003a95; font-family:Arial, Tahoma, Helvetica, sans-serif;
}
.portlet-section-subheader {
color: #003a95; font-family:Arial, Helvetica, sans-serif; font-weight: bold; font-size:13px
}


.portlet-font {
font-family: Verdana, Arial, sans-serif; color:#666666;
}

.portlet-font-dim {
font-family: Verdana, Arial, sans-serif; color:#999999;
}

.portlet-msg-info, .portlet-msg-status, .portlet-msg-alert {
font-family: Verdana, Arial, sans-serif; color:#666666;
background-color:#fffbf4;
border:2px solid #f5db9e;
padding:10px;
}

.portlet-msg-error {
font-family: Verdana, Arial, sans-serif; color:#666666;
background-color:#fff7f7;
border:2px solid #ed0026;
color:#ed0026;
padding:10px;
}

.portlet-msg-success {
font-family: Verdana, Arial, sans-serif; color:#666666;
background-color:#f4ffe6;
border:2px solid #30b549;
color:#004600;
padding:10px;
}

/*section*/

.portlet-section-body {
font-family: Verdana, Arial, sans-serif; color:#666666;
}
.portlet-section-alternate {
font-family: Verdana, Arial, sans-serif; color:#999999;
}

.portlet-section-selected {
font-family: Verdana, Arial, sans-serif; color:#666666;
background-color:#fff7d6;
}
.portlet-section-text {
font-family: Verdana, Arial, sans-serif; color:#a37a51;
}

/* table */

.portlet-table-header td {
font-family: Verdana, Arial, sans-serif;
padding:4px 9px 4px 9px;
border: #ced7e1 1px solid;
font-weight: bold;
vertical-align: bottom;
color: #003a95;
text-align: left;
background-color:#f6f8fb;
}


.portlet-table-subheader td {
font-family: Verdana, Arial, sans-serif; font-size:10px;
border-left: #c5d8e0 1px solid;
border-right: #c5d8e0 1px solid;
border-bottom: #c5d8e0 1px solid;
padding:4px 9px 4px 9px;
color: #5a5a5a;
background-color:#f9f9f9;
font-weight:bold;
}

.portlet-table-body td {
font-family: Verdana, Arial, sans-serif;
border-left: #c5d8e0 1px solid;
border-right: #c5d8e0 1px solid;
border-bottom: #c5d8e0 1px solid;
padding:4px 9px 4px 9px;
color: #5a5a5a;
background-color:#ffffff;
}

.portlet-table-alternate td {
font-family: Verdana, Arial, sans-serif;
border-left: #c5d8e0 1px solid;
border-right: #c5d8e0 1px solid;
border-bottom: #c5d8e0 1px solid;
padding:4px 9px 4px 9px;
color: #999999;
background-color:#ffffff;
}

.portlet-table-selected td {
font-family: Verdana, Arial, sans-serif;
border-left: #c5d8e0 1px solid;
border-right: #c5d8e0 1px solid;
border-bottom: #c5d8e0 1px solid;
padding:4px 9px 4px 9px;
color: #5a5a5a;
background-color:#fff7d6;
}

.portlet-table-text {
font-family: Verdana, Arial, sans-serif; color:#a37a51;
}

.portlet-table-footer td {
font-family: Verdana, Arial, sans-serif;
padding:2px 5px 2px 4px;
background-color:#f2f5f9;
border-top:1px solid #bac8da;
border-left: #c5d8e0 1px solid;
border-right: #c5d8e0 1px solid;
border-bottom: #c5d8e0 1px solid;
padding:4px 9px 4px 9px;
color: #5a5a5a;
}

/* menu */

.portlet-menu {
font-family: Verdana, Arial, sans-serif;
padding:4px 9px 4px 9px;
border: #ced7e1 1px solid;
vertical-align: bottom;
text-align: left;
background-color:#f6f8fb;
}
.portlet-menu-caption {
color:#173d86;
font-weight:bold;
}

.portlet-menu-item {
display:block;
padding:1px 0 1px 0
}

.portlet-menu-item-hover {
display:block;
text-decoration:underline;
padding:1px 0 1px 0;
}

.portlet-menu-item-selected {
display:block;
font-weight:bold;
padding:1px 0 1px 0;
}
.portlet-menu-item-hover-selected {
display:block;
font-weight:bold;
text-decoration:underline;
padding:1px 0 1px 0;
}

.portlet-menu-cascade-item {
display:block;
padding:1px 0 1px 0;
background:#f2f5f9 url("item_11.gif") no-repeat 100% 2px;
}

.portlet-menu-cascade-item-selected {
display:block;
font-weight:bold;
background:#f2f5f9 url("item_11.gif") no-repeat 100% 2px;
padding:1px 0 1px 0;
}

/*forms*/


.portlet-form-label {
font-family: Verdana, Arial, sans-serif; color:#666666;
}

.portlet-form-input-field {
font-weight:normal;
font-size:11px;
background-color:#fefefe;
font-family:verdana, arial, sans-serif;
color:#666666;
width:200px;
padding:2px;
margin:0;
}

.portlet-form-field-label, .portlet-form-field, .portlet-icon-label, .portlet-dlg-icon-label {
font-family: Verdana, Arial, sans-serif; font-size:100%; color:#666666;
}

.portlet-form-button {
font-family:verdana, arial, sans-serif;
font-size:10px;
background-color:#4B87C6;
color:#fff;
font-weight:bold;
border:0px solid;
padding:3px 5px 3px 5px;
margin:3px 0 3px 5px;
background:url(item_10.gif) repeat-x 0 0;
}