/* THE BIG GUYS */
body {padding: 0px; margin:0px 0 0 0;
    color:#333;
	background-image: url('../gif/logo_back.gif');
	background-repeat:repeat;
    font:83%/1.4 arial,tahoma,verdana,sans-serif;
    text-align: justify;
	scrollbar-face-color:#bb202a;
	scrollbar-base-color:#325326;
	scrollbar-arrow-color:#FFCC66;
	scrollbar-shadow-color:#efefef;
}

/* LINKS */
a,a:link,a:link,a:link,a:hover {background:transparent;text-decoration:none;cursor:pointer}
a:link {color:#c00}
a:visited {color:#777}
a:hover,a:active {color:#bb202a;text-decoration:underline;}

/* GENERAL */
img {border:none}
hr {margin: 5px 0;background:#f2f2f2;height:1px;color:#f2f2f2;border:none;clear:both}
.clear {clear:both;position:relative;font-size:0px;height:0px;line-height:0px}
/* COLORS */
.red_bright {COLOR: #f90e0b}
.VDT_red    {COLOR: #bb202a}
.VDT_yellow {color: #FFE06a}
.new_blue   {color: #006699}
.sant_blue  {color: #0064a6}
.VDT_orange {color: #FFBB44}
.HAW 	  	{color: #60852d}
.IND		{color: #008f5b}
.highlight {color:#E17000}
.subdued {color:#999}
.error {color:#c00;font-weight:bold}
.success {color:#390;font-weight:bold}

#printlink, #printlink a {
    color:#aaaaaa;
    /*font-size: 85%; */
    text-transform:uppercase;
    font-weight:bold;
    text-align:center;
}
.date {font: bold 78% arial;color:#bbb;display:block;letter-spacing: 1px}

/* TYPOGRAPHY p, ul, ol {margin: 0 0 1.5em}*/
p, ul, ol {margin: 0 0 0 0}

h1, h2, h3, h4, h5, h6, .inside_header, .inline_header, .img_captext, .small, .smalltext, .x-small, .xx-small
 {text-align:left;}



.small, .pro_day, .pro_text, #content_right, #utility {font-size:90%;}
#content_right .small, #utility .small {font-size:100%;}

.img_captext, .xx-small, .x-small {font-size:10px; letter-spacing: 0.01em; line-height:125%}
.img_captext, #calendar .small {color:#666666}

/*
.img_captext, .xx-small, .x-small {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px;}
*/

.subtitle, .keywords {font-style:italic;text-align: center;}
.keywords { color:#bb202a; font-weight: bold;}

.newsdate {
    display: block;
    clear: left;
    font-family: Georgia, Times, Verdana, Sans-Serif;
    font-size:18px;
    letter-spacing:0.2em;
    text-align:left;
    color:#bb202a;
    padding-top:6px;
    border-top: 1px dotted #bb202a;
    margin-bottom:10px;
    margin-top:10px;
}
#tip {
	font-size:90%;
}

/* HEADERS */
h1, h2, h3, h4, h5, h6 {
   letter-spacing:0px;
   font-family: arial,verdana,sans-serif;
/*   margin: 1.2em 0 .3em; */
   margin: 0 0 .3em 0;
	}
h1 {font-size: 146%; margin-top:.6em}
h2 {font-size: 136%}
h3 {font-size: 126%}
h3 a, h3 a:link,  h3 a:hover {text-decoration:none;}
h4,.inside_header {font-size: 116%; margin-top: 8px; margin-bottom:2px; font-weight:bold; color:#bb202a;}

.inline_header {color:#a1c405; font-size:166%;}
.inline_header_p {margin-top: 7px;}


h5,h5 a, h5 a:link, h5 a:hover, h5 a:visited, .colorcell, .colorcell a, .colorcell a:link, .colorcell a:hover, .colorcell a:visited
 {font-size: 106%; background-color: #bb202a;
  clear:left;
  font-weight: bold;
  letter-spacing: 0px;
  text-align: justify;
  color: #ffffff;
  padding: 2px 5px 2px 5px;
}
h6 {font-size: 96%}


.title, .titlecaps {
		font-size:13pt;	font-family: arial, helvetica, 'sans serif'; font-weight: bold;
		line-height:135%;text-transform:uppercase; letter-spacing:1pt;
        text-align: center;color: #bb202a;
        margin-bottom: 2px; margin-top:0px;
          }
.titlecaps {font-size:20pt;}

/* **********************************************************************************************************************

/* LAYOUT - main body of page */
	/* contains everything */
	#wrap {min-width:770px;max-width:1200px;margin:0px 0px 0px 0px;position:relative}


	/* LAYOUT - HEADER url("images/sprites.gif") repeat-x 0 100%  */
    #header {margin: 0 0 10px 0px; padding: 5px 0 8px 0;}
    #menurow {vertical-align:bottom; padding:0 0 0px 10px;}
    #language_menu {width:200px; vertical-align:middle; text-align:right;
        padding: 0 0px 0px 15px;}

	/* LAYOUT - CONTENT BETWEEN HEADER and FOOTER */
    /* everything between header and footer */
	#maintable {min-width: 883px; padding: 0 15px 20px 15px; border: none;
		vertical-align: top}
	/* banner */
	#cell1 {width:883px; vertical-align:bottom; height:121px; background-image:url(../EN/els/entwurf3a3_en_01.jpg); background-repeat:no-repeat;}
	}
	#cell2 {width:90%; background-image:url(../FR/els/entwurf3a3_fr_01_add.jpg); background-repeat:repeat-x;}
	

	/* first element in main column (rootline and lang menu) - in table layout corresponds to contentmain*/
	#banner_bottom {padding: 0 0px 10px 10px; text-align:right}


	/* rootline */
	#rootline {margin:0 0 0px 15px; font-size:90%;}

	/*left: 25px left 180px content 15px right 1px border 15px margin*/
    #utility {width:191px; padding: 0 10px 20px 0px; vertical-align:top;}


	/* second element in main column (the content) */
    #contentmain {min-width: 663px; padding:0 1px 20px 10px; border-left: 1px solid #bb202a; vertical-align:top; margin:0;}
    /*#content #textdiv {width:100%; float:left;}
    #content #contentmain {padding:0; margin:0}  */
	/* right column floating in main column */
	#content_right {float:right; width: 210px; border:0; padding:0px; margin:0 0 10px 10px;}

    /* content as central column position: absolute;top: 0; */
	/*#content_top { position:relative; top:0; border:0; margin:0 215px 0 0; padding:0; vertical-align:top;}
    */
    #content_top { border:0; margin:0 220px 0 0; padding:0; vertical-align:top;}




/* footer blocks */
.footer {
    padding: 5px 25px 5px 25px;
    border-top: 1px solid #bb202a;
    vertical-align: middle;
}

div.footer table {border:none; width: 100%; font-size:10px; letter-spacing: 0.01em;}

#logo_bottom {float:right; margin-left: 20px;}
#edited {width:200px;}
#menu_bottom {margin:5px 20px 5px 20px; text-align:center;}
#c_note {width:200px;}



/* google ads */
.google {
    margin: 15px 0px;
    padding-top: 5px;
    border-top: 1px dotted #bb202a;
    text-align: left;
}





/* 	Tables ********************************************************** */
	.pro_day, .pro_text {vertical-align:top;padding: 5px 0 5px 0;}
	.pro_day {width:15%;color:#bb202a;font-weight:bold;}
	.pro_text {width:85%;}

.tablecell_h, .tablecell_1, .tablecell_2, tablecell_3 {
  text-align:left;
  vertical-align:middle;
  border:0px none;
  margin:0;
  padding:3px;
}
.tablecell_h {
  font-weight:bold;
  background-color:#dddddd;
 }
.tablecell_2 {
  background-color:#ccffcc;
 }
.tablecell_3 {
  background-color:#cccccc;
 }
 .textbox  {
 	display:block;
	padding:5px;
	margin: 0px 0px 0px 0px;
    background-image: url('../back/stromboli_36227_494bw.jpg');
	border:0px;
    text-align:left;
}
table.imgtext-table, table.imgtext-nowrap, .spacer-gif {
    clear:left;
    margin:0;
    padding:0;
    border:none;
    display: inline;
}
table.imgtext-table {
/*    text-align:left;
    float:left;
*/
}
table.imgtext-nowrap {
    width:100%;
    text-align:left;
    clear: both;
}

.thin, .thin_small {
    /*width:100%;    */
    height:1px;
    color: #888888;
    margin: 10px 0px 10px 0px;
}
.thin_small {color:#bb202a;background-color:#bb202a;height: 1px; width:80%; text-align:center;}

div.hr {
  height: 15px;
  background: #fff url(../gif/3volcanoes.gif) no-repeat scroll center;
}
div.hr hr {
  display: none;
}

.verticalbar  {width:1px; margin:0; background-color:#bb202a;}

/* ************************************************************************************************************ */
/* IMAGES */
.image_left, img.image_left, a img.image_left {
         clear: left;
         float: left;
         margin: 0 10px 20px 0;
         border: 5px solid #eeeeee;
		 border-right: 5px solid #cccccc;
         border-bottom: 5px solid #cccccc;
}
.image_right, img.image_right, a img.image_right  {
        clear: right;
         float: right;
         border: 5px solid #eeeeee;
         margin: 0 0px 20px 10px;
		 border-right: 5px solid #cccccc;
         border-bottom: 5px solid #cccccc;
}
.imgLeft-noBorder, img.imgLeft-noBorder, a img.imgLeft-noBorder {
         clear: left;
         float: left;
         margin: 0 10px 5px 0;
}
.imgRight-noBorder, img.imgRight-noBorder, a img.imgRight-noBorder {
         clear: right;
         float: right;
         margin: 0 0 5px 10px;
}
.img-r, .img-l {
         width: 160px;
         padding: 5px;
         background-color: #eeeeee;
		 text-align: center;
}
.img-l {clear: left; float: left; margin: 0 10px 20px 0;}
.img-r {clear: right; float: right; margin: 0 0px 20px 10px;}
.img-l img, .img-r img {margin: 0 0 3px 0;}




/* ************************************************************************************************************ */
/* FORMS */
	/* FORMS - general classes */
/* form {margin: 0 0 1.5em} */
form {margin:0; padding:0; border:none}
input, textarea {font-family: arial,tahoma,verdana,sans-serif;
	margin: 0px 0; border: 1px solid #999}
fieldset {border: none}
/*label {display:block;padding: 5px 0} */
/*label br {clear:left}*/

/* SEARCH */
/*	#search {color:#fff;font-weight:bold; position:reabsolute;top:10px;right:30px;}        */
   	#search {color:#fff;font-weight:bold; margin: 10px 25px 15px 15px;}
	#search form {margin:0}
	#search input {width:8em;margin: 0 0 -1px;height:1.2em}
	#search label {padding:5px 0 0;display:inline}
	#search input.f-submit {width:auto;font-size:81%;margin:0 0 -.15em;height:1.95em}




	/* FORMS - f-wrap-1 - simple form, headings on left, form elements on right */
	input.f-submit {padding: 1px 3px;background:#666;color:#fff;font-weight:bold;font-size:96%}
	form.f-wrap-1 {width:100%;padding: .5em 0;background: #f6f6f6 url("../images/featurebox_bg.gif") no-repeat 100% 100%;border-top: 1px solid #d7d7d7;position:relative}
		form.f-wrap-1 fieldset {width:auto;margin: 0 1em}
		form.f-wrap-1 h3 {margin:0 0 .6em;font: bold 155% arial;color:#c00}
		form.f-wrap-1 label {clear:left;float:left;width:100%;border-top: 1px solid #fff}

		/* hide from IE mac \*/
		form.f-wrap-1 label {float:none}
		/* end hiding from IE5 mac */

		form.f-wrap-1 label input, form.f-wrap-1 label textarea, form.f-wrap-1 label select {width:15em;float:left;margin-left:10px}

		form.f-wrap-1 label b {float:left;width:8em;line-height: 1.7;display:block;position:relative}
		form.f-wrap-1 label b .req {color:#c00;font-size:150%;font-weight:normal;position:absolute;top:-.1em;line-height:1;left:-.4em;width:.3em;height:.3em}
		form.f-wrap-1 div.req {color:#666;font-size:96%;font-weight:normal;position:absolute;top:.4em;right:.4em;left:auto;width:13em;text-align:right}
		form.f-wrap-1 div.req b {color:#c00;font-size:140%}
		form.f-wrap-1 label select {width: 15.5em}
		form.f-wrap-1 label textarea.f-comments {width: 20em}
		form.f-wrap-1 div.f-submit-wrap {padding: 5px 0 5px 8em}
		form.f-wrap-1 input.f-submit {margin: 0 0 0 10px}

		form.f-wrap-1 fieldset.f-checkbox-wrap, form.f-wrap-1 fieldset.f-radio-wrap {float:left;width:32em;border:none;margin:0;padding-bottom:.7em}
		form.f-wrap-1 fieldset.f-checkbox-wrap b, form.f-wrap-1 fieldset.f-radio-wrap b {float:left;width:8em;line-height: 1.7;display:block;position:relative;padding-top:.3em}
		form.f-wrap-1 fieldset.f-checkbox-wrap fieldset, form.f-wrap-1 fieldset.f-radio-wrap fieldset {float:left;width:13em;margin: 3px 0 0 10px}
		form.f-wrap-1 fieldset.f-checkbox-wrap label, form.f-wrap-1 fieldset.f-radio-wrap label {float:left;width:13em;border:none;margin:0;padding:2px 0;margin-right:-3px}
		form.f-wrap-1 label input.f-checkbox, form.f-wrap-1 label input.f-radio {width:auto;float:none;margin:0;padding:0}

		form.f-wrap-1 label span.errormsg {position:absolute;top:0;right:-10em;left:auto;display:block;width:16em;background: transparent url(../images/errormsg_bg.gif) no-repeat 0 0}
		form.f-wrap-1 label span.errormsg b {padding: 10px 0;margin: 0 10px 0 30px;color:#B30800;font-weight:bold;display:block;width:auto;float:none;line-height:1.3}



 /************************************** MENUS ***************************** */
	/* NAV - top horizontal nav */
	/* 1st level */
   #udm li a.first:hover {color:#bb202a;}

	#udm li.active a.first {background: #bb202a; color:#fff; }
	/*border-right: 3px solid #bb202a; border-bottom: 3px solid #bb202a;}  */

	/* 2nd level */

   #udm li li a {border-bottom: 1px solid #bb202a;}
   #udm li li.last a {border-bottom: none;}

	#udm li li.active a.second {background: #bb202a; color:#eee; font-weight:bold;}

	/* 3rd level */
   #udm li li li.active a.third {background: #bb202a; color:#eee; font-weight:bold;}

	/* 4th level */
	#udm li li li ul {background: #fff url("images/menuback_02.jpg") no-repeat }
	#udm li li li li a {color:#eee}
	#udm li li li li a:focus, #udm li li li li a:hover {color:#bb202a;}
 /*  #udm li li li li a, #udm li li li li a:hover,#udm li li li li a:focus, #udm li li li li a:visited, #udm li li li li a:link  {background:none; color:#eeeee;}
*/	#udm li li li li.active a.fourth {color:#eeeeee;}

/* SECONDARY NAVIGATION - vertical navigation */
	#nav-secondary, #nav-secondary ul {position:static}
	#nav-secondary, #nav-secondary li {list-style: none;margin:0;padding:0;background:#fff}
	#nav-secondary {padding-top:0;border-top: 1px solid #ccc; margin-top: 1px}

    /*#nav-secondary a {line-height:1.8;padding: 5px 0 5px 23px;background: #fff url("images/sprites.gif") no-repeat 10px -695px;font: bold 86% arial;display:block}*/
    #nav-secondary a {line-height:1.8; padding: 5px 0 5px 23px;background: #fff url("images/sprites.gif") no-repeat 10px -695px;font: bold 86% arial;display:block}

	#nav-secondary a, #nav-secondary a:link, #nav-secondary a:visited, #nav-secondary a:hover, #nav-secondary a:active {text-decoration:none;cursor:pointer}
	#nav-secondary a:link {color:#000}
	#nav-secondary a:visited {color:#000}
	#nav-secondary a:hover {color:#c00; background: #cee url("images/sprites.gif") no-repeat 10px -695px}

    #nav-secondary li.active a:link, #nav-secondary li.active a:visited, #nav-secondary li.active a:hover, #nav-secondary li.active a:active
    	{color:#c00}
	/*#nav-secondary li {border-top: 1px solid #fff;border-bottom: 1px solid #ccc}*/
    #nav-secondary li {border-bottom: 1px solid #ccc}


    /* spacer */
    #nav-secondary li.spacer {color: #999; border-bottom: none; margin-top: 5px;font-style: italic; font-size: 90%;}

/* SECONDARY NAVIGATION - 2nd TIER */
	#nav-secondary ul {margin: 0 0 1em 23px;padding:0}
	#nav-secondary li.active li a, #nav-secondary li.active li a:link, #nav-secondary li.active li a:visited {line-height:1.5;background: #fff url("images/sprites.gif") no-repeat 0 -798px;padding:0 0 0 12px;font-weight:normal;width:auto;color:#000;width:130px;display:block}
	#nav-secondary li.active li a:hover, #nav-secondary li.active li a:active {color: #c00}
	#nav-secondary li.active li {border: none;margin:0}

	#nav-secondary li.active li.active a:link,
	#nav-secondary li.active li.active a:visited,
	#nav-secondary li.active li.active a:hover,
	#nav-secondary li.active li.active a:active {color: #c00; font-weight:normal}

 	#nav-secondary li.active li.first a:link,
	#nav-secondary li.active li.first a:visited,
	#nav-secondary li.active li.first a:hover,
	#nav-secondary li.active li.first a:active {color: #333333; font-weight:normal}

/* SECONDARY NAVIGATION - 3rd TIER */
	#nav-secondary ul ul {margin: 0 0 1em 13px;padding:0}

    #nav-secondary li.active li.active li a,
    #nav-secondary li.active li.active li a:link,
    #nav-secondary li.active li.active li a:visited {width:117px}

    #nav-secondary li.active li.active li a:link,
	#nav-secondary li.active li.active li a:visited,
	#nav-secondary li.active li.active li a:hover,
	#nav-secondary li.active li.active li a:active {font-weight:normal}
	#nav-secondary li.active li.active li.active a:link,
	#nav-secondary li.active li.active li.active a:visited,
	#nav-secondary li.active li.active li.active a:hover,
	#nav-secondary li.active li.active li.active a:active {color: #c00; font-weight:normal}

	#nav-secondary li.active li.active li.first a:link,
	#nav-secondary li.active li.active li.first a:visited,
	#nav-secondary li.active li.active li.first a:hover,
	#nav-secondary li.active li.active li.first a:active {color: #555555; font-weight:normal}


/* SECONDARY NAVIGATION - 4th TIER */
	#nav-secondary ul ul ul {margin: 0 0 1em 13px;padding:0}
	#nav-secondary li.active li.active li.active li a, #nav-secondary li.active li.active li.active li a:link, #nav-secondary li.active li.active li.active li a:visited {width:104px}
	#nav-secondary li.active li.active li.active li a:link,
	#nav-secondary li.active li.active li.active li a:visited,
	#nav-secondary li.active li.active li.active li a:hover,
	#nav-secondary li.active li.active li.active li a:active {font-weight:normal}
	#nav-secondary li.active li.active li.active li.active a:link,
	#nav-secondary li.active li.active li.active li.active a:visited,
	#nav-secondary li.active li.active li.active li.active a:hover,
	#nav-secondary li.active li.active li.active li.active a:active {color: #c00; font-weight:normal}

  	#nav-secondary li.active li.active li.active li.first a:link,
	#nav-secondary li.active li.active li.active li.first a:visited,
	#nav-secondary li.active li.active li.active li.first a:hover,
	#nav-secondary li.active li.active li.active li.first a:active {color: #777777; font-weight:normal}





/* ************************    LISTS *****************************************/

/* LISTS */
/*ul {margin: .3em 0 1.5em 0;list-style-type:none}      */
ul.related {margin-top: -1em}
ol {margin: .5em .5em 1.5em}
ol li {margin-left: 1.4em;padding-left: 0;background: none; list-style-type: decimal}
/*li {line-height: 1.4em;padding-left: 25px;background: transparent url("images/sprites.gif") no-repeat 0 0}
*/
li.doc {background-position: 3px -500px}
ul.nomarker li {background:none;padding-left:0}

dl {margin: 0 0 1em 0}
dt {font-weight:bold;margin-top: 1.3em}
dl dl {margin: 0 0 1.5em 30px}


ul.red, ul.blue, ul.gray  {
    list-style-image:url('../gif/list_r.gif');
    list-style-position:outside;
    font-size:x-small;
    text-align: left;
    text-indent:15pt;
    margin: 0;
}
ul.blue  {list-style-image:url('../gif/bullets/list_b.gif');}
ul.gray  {list-style-image:url('../gif/bullets/list_g.gif');}

ul.red li, ul.blue li, ul.gray li {background: none;}

ul li a:hover, ul li a:active {font-weight: bold;}
ul.blue li a:hover, ul.gray li a:hover {list-style-image:url('../gif/bullets/list_r.gif');}

/* special elements */
#header div.tx-photosearch-pi1 {vertical-align:middle;}
.tx-photosearch-pi1 input {display:inline; margin-right:5px;}

.tx-photosearch-pi1 div.freetext-input {clear:both;display:block; margin-bottom:10px; vertical-align:middle;}
.tx-photosearch-pi1 div.label {display:inline;font-variant:italic;margin-right:5px;}
.tx-photosearch-pi1 div input.submitbuttons {display:inline;height:26px; width:130px; margin-right:5px;padding:2px; font-size:16px; font-weight:bold;}