.white {color: #fff;}
.news {margin: 0 0 5px 0;}
.noclear {clear: none;} /* when you need to put more then 1 <p> next to an image, because al <p>-tags have a clear:both*/
.accessibility {display:none}
.caption {font-size: 10px; color: #999; border-left: 0px solid #E0E0E0; padding:2px;}
.alert {color:#cc0033; font-size:105%; font-weight: bold;}
#webfooter p, #webfooter ul li{ clear: none; }


/*** overwrite */
p {padding-bottom: 10px; clear: both;}
th a, th a:hover {color:#fff}

#main h1 {margin-bottom:20px;}
#main h2{color: #003366; margin-bottom: 10px;}

#theme-nav li a:hover{color: #019A98}
#theme-nav li.active a, #theme-nav li.active a:hover{color: #019A98}
#sub-nav .page-nav h2{color: #019A98}

.article {margin-bottom: 15px;}

img {border:1px solid #DBDBDB}
img.noborder {border: none;}
img.left {float: left; clear: both; margin:0 8px 15px 0; border:1px solid #DBDBDB}
img.right {float: right; clear: both; margin:0 0 0 8px; border:1px solid #DBDBDB}

#main ul li {margin-bottom: 3px;}

#specials img {border:0}

/*** navigation deepest level */
#sub-nav .page-nav ul li ul li ul li a, 
#sub-nav .page-nav ul li ul li.active ul li a,
#sub-nav .page-nav ul li ul li.active ul li a:active,
#sub-nav .page-nav ul li ul li.active ul li a:link,
#sub-nav .page-nav ul li ul li.active ul li a:visited {background: url(/_images/css-reg_icon-arrow_red-square.gif) no-repeat 5px 3px; color: #000000; font-weight: normal}


/*** styling: tables content */
#main table{border: 0; margin: 0 0 10px 0; border-collapse: collapse; text-align: left;}
#main table th, #main table td{padding: 7px 8px; border-bottom:1px solid #fff; vertical-align:top;}
#main table th{background : #619E9F; font-weight: bold; color: #FFFFFF;}
#main table td{vertical-align: top; background: #F9F9F9;}
#main table td.alternate-col{background: #D9D9D9;}

/*** styling: table contact */
#contact table {float: left; margin-right:10px; width:350px;}

/*** styling: colored tables modules */
#modules table {border-collapse:collapse; margin:10px 0; padding:0; border:0}
#modules table th, #modules table td{padding: 7px 10px;}
#modules table th {background: url(/_images/css-reg_subscribe_header-bg.gif) top left repeat-x; color: #fff; height: 12px; border:0;}
#modules table th img {margin: 0 5px 0 0;}
#modules table td {background:#79ACAD; color: #fff; border:0;}
#modules table td a {color: #fff;}

/*** styling: tables category choose */
#categoryOverview table {border-collapse:collapse; margin:0; padding:0; border:0}
#categoryOverview table th {background: url(/_images/bg_th_category.gif) top left no-repeat; padding:9px 10px 10px 27px; color: #fff; background-color: #fff; }
#categoryOverview table th a {font-weight: bold; color:#CC0035;}
#categoryOverview table th a:hover {font-weight: bold; color:#CC0035; text-decoration:none;}
#categoryOverview table td {background-color: #fff;}
#categoryOverview table td a img {border: 3px solid #fff;}
#categoryOverview table td a:hover img {border: 3px solid #CC0035;}


/*** styling: tables library images */
#imageLibrary h2 {margin-top: 15px; padding-top:15px; border-top:1px solid #ccc}
#imageLibrary table {border-collapse:collapse; margin:10px 0 0 0; padding:0; border:0}
#imageLibrary table th {background: url(/_images/bg_th_category.gif) top left no-repeat; padding:9px 10px 10px 27px; font-weight: bold; color:#CC0035; background-color: #fff; }
#imageLibrary table th a {font-weight: bold; color:#CC0035;}
#imageLibrary table th a:hover {font-weight: bold; color:#CC0035; text-decoration:none;}
#imageLibrary table td {background-color: #fff; width:25%}
#imageLibrary table td img {float: left; margin:-3px 5px 0 0}

/*** Styling: headers */
h1, h2, h3{color: #019A98;}
#modules h1{font-size: 12px; margin-top:10px; padding-left: 20px; background: url(/_images/css-reg_icon-arrow-triple_red.gif) no-repeat 0px 6px }
#modules h3{padding-left: 12px; background: url(/_images/css-reg_icon-arrow_red-round.gif) no-repeat 0px 2px }

#main h1, #main h2, #main h3, #modules h2, #modules h3, legend {color: #019A98;}
/* #main h2 {padding-top:10px; } */


/*** Styling: extra specs news lists */
/* OLD :: REPLACED BY DIV CLASS=ARCHIVE !! */
ul#archive {
	padding: 20px 0 0 0;
	margin: 0;
}
ul#archive li {
	display: inline;
	list-style-type: none;
	padding: 0 10px 0 0;
	margin: 0;
}

/*** Styling: login~logoff header */

/* #loginHomepage {margin: 145px 0 0 23px; width:202px; padding-right:5px;} */
#loginHomepage {bottom: 0px; width:202px; padding: 45px 5px 0 20px;}
#loginSubpage {margin: 75px 0 0 23px; width:202px; padding-right:5px;}
#loginHomepage p, #loginSubpage p {font-size: 1.00em; padding-top:7px;}
#loginHomepage table, #loginSubpage table {margin-top:0px}
#loginHomepage td, #loginSubpage td {color: #fff; font-weight: bold; padding-top:3px}
#loginHomepage input.login,  #loginSubpage input.login {border-style:solid; border-color:#8E8E8E #CECECE #E3E3E3 #CECECE; border-width:1px 0px 1px 1px; width: 100px; margin:0 0 0 5px;}

#logoff td {color: #fff; font-weight: normal; padding:0 2px }
#logoff a, #logoff a:visited, #logof a:hover {color: #fff;}
#logoff input {padding-left:5px; }



/*** Styling: table with no layout */
#main .noLayout table, #main .noLayout td, #main .noLayout tr, #main .noLayout th {background:none;}


/*** Styling: extra icons */
.phone, .email {display: block; padding: 3px 0 3px 30px; margin-bottom: 2px; }
.phone {background: url(/_images/icon_phone.gif) no-repeat 0px 0px}
.email {background: url(/_images/icon_email.gif) no-repeat 0px 0px}


/*** Styling: label modules */
#modules label {font-weight: normal; margin:0; padding:0}


/*** Styling: forms elements */
input.btn{
   color:#666;
   font-size:11px;
   font-weight:bold;
   background-color:#F5F5F5;
   border:1px solid #C1C1C1;
}
.but {
   color:#666;
   font-size:11px;
   font-weight:bold;
   background-color:#F5F5F5;
   border:1px solid #C1C1C1;
   padding: 2px;
   display:block;
   width: 100px;
   text-align:center;
}
legend, fieldset {border: none;}
legend{font:11px; font-weight: bold; background: url(/_images/css-ar_icon-arrow_red-round.gif) no-repeat 0px 17px; color: #019A98;padding:15px 0 10px 12px; margin:0;}
fieldset {margin-bottom: 15px}


/*** Styling: sitemap */

#sitemap {}
#sitemap table {margin-right: 14px; float: left; width:30%}
#sitemap table th {background: url(/_images/bg_th_sitemap.gif) top left no-repeat; padding:9px 10px 10px 27px; color: #fff; background-color: #619E9F; }
#sitemap table th a {font-weight: bold; color:#fff;}
#sitemap table td {background-color: #F9F9F9;}

#sitemap td ul {list-style-type:none; list-style-image:none; margin:0 10px 8px 0;}
#sitemap td ul a {color: #333;}
#sitemap td ul li {background: url(/_images/bg_li_sitemap.gif) 0px 7px no-repeat; padding-left:12px; margin-bottom:3px; }

#sitemap td ul ul {list-style-type:none; list-style-image:none; margin:3px 0 8px 0;}
#sitemap td ul ul a {color: #666;}
#sitemap td ul ul li {background: url(/_images/bg_li_sub_sitemap.gif) 0px 7px no-repeat; padding-left:12px; margin-bottom:2px; }


/*** More info layer */
div.more-info {
    display:none;
    background: url(/_images/arrow_grey.gif) no-repeat;
    width: 250px;
    padding: 0 0 0 11px;
    margin: 0;
	z-index:1000;
}
div.more-info div {
    border: 2px solid #666;
	background-color:#fff;
	filter:alpha(opacity=95);
	-moz-opacity: 0.95;
	opacity: 0.95;
}
div.more-info h4 {
    height: 22px;
    background-color: #666;
    color: #fff;
    padding:0 3px 0 8px; 
    margin:0;
}
div.more-info h4 a {
	color: #fff;
}
div.more-info p, div.more-info img {
    padding:8px 5px 5px 8px; 
}

/* title on top of navigation */
#sub-nav .page-nav h2 a {color: #019A98; text-decoration: none;}