/********* COMMON *********/


body
{
 background-color:#FFFFFF;
 color: #01303f;
 font-size: 100%;
 margin-top: 0px;
 margin-left: 0px;
 margin-right: 0px;
 margin-bottom: 0px;
 padding-left: 0px;
 padding-top: 0px;
 padding-right: 0px;
 padding-bottom: 0px;
}


p, td, div
{
 font-family:Verdana,Arial,swiss,sans-serif;
 font-size:8pt;
 color:black;
}

h1,h2,h3,h4,h5
{
 font-family:Verdana,Arial,swiss,sans-serif;
 margin-top:0px;
 margin-bottom:0px;
 margin-left:0px;
 margin-right:0px;
}

h1
{
 font-size:13pt;
}

h2
{
 font-size:10pt;
}

h3
{
 font-size:8pt;
}

h4
{
 font-size:8pt;
}

h5
{
 font-size:10pt;
 font-style:italic;
 font-weight:normal;
}

th
{
 font-family:verdana,arial,sans-serif,helvetica;
 font-size:8pt;
 font-weight: bold;
 margin-left: 0px;
 margin-right: 0pt;
 margin-top: 0pt;
 margin-bottom: 0pt;
 padding-top:0px;
 padding-right:0px;
 padding-bottom:0px;
 padding-left:0px;
}

.dblue
{
 color: #01303f;
}

/* HINTERGRUNDFARBEN BEREICHE---------------------------- */

bc01 {background-color: #ffffff;} /* weiß                 */
bc02 {background-color: #f0f2f4;} /* grau                 */
bc03 {background-color: #c0d6e7;} /* hellblau             */

/* HINTERGRUNDFARBEN OBJEKTE----------------------------- */

bc04 {background-color: #e5e8ed;} /* grau hell            */
bc05 {background-color: #c6ccd7;} /* grau mittel          */
bc06 {background-color: #8c849c;} /* grau dunkel          */

bc07 {background-color: #cb6b69;} /* rubrik job           */
bc08 {background-color: #dcc572;} /* rubrik meinung       */
bc09 {background-color: #6a899b;} /* iff in den medien    */
bc10 {background-color: #c6ccd7;} /* sonstige rubriken    */




/********** HOVER STUFF *********/



a:link, a:visited, a:active
{
 font-style:normal; font-weight:normal;
 color:#01303F;
 background-color:transparent;
 text-decoration:underline;
}

a:hover
{
 font-style:normal; font-weight:normal; text-decoration:underline;
 color:#BF2626; background-color:transparent;
}

.mehr a, a.mehr              {background-color: #C6CCD7;color: #000000;text-decoration: underline;}
.mehr a:link, a.mehr:link         {background-color: #C6CCD7;color: #000000;text-decoration: underline;}
.mehr a:visited, a.mehr:visited      {background-color: #C6CCD7;color: #000000;text-decoration: underline;}
.mehr a:active, a.mehr:active       {background-color: #C6CCD7;color: #000000;text-decoration: underline;}
.mehr a:focus, a.mehr:focus        {background-color: #C6CCD7;color: #000000;text-decoration: underline;}
.mehr a:hover, a.mehr:hover        {background-color: #ffffff;color: #ff0000;text-decoration: none;}


td.permarea a:link, td.permarea a:visited, td.permarea a:active,
td.searcharea a:link, td.searcharea a:visited, td.searcharea a:active,
td.patharea a:link, td.patharea a:visited, td.patharea a:active,
td.menu1 a:link, td.menu1 a:visited, td.menu1 a:active,
td.menu2 a:link, td.menu2 a:visited, td.menu2 a:active,
td.menun a:link, td.menun a:visited, td.menun a:active
{
 font-size:8pt; font-style:normal; font-weight:normal;
 color:#01303f; background-color:transparent; text-decoration:none;
}

td.permarea a:hover,
td.searcharea a:hover,
td.patharea a:hover,
td.menu2 a:hover,
td.menun a:hover
{
 font-size:8pt; font-style:normal; font-weight:normal;
 color:#BF2626; background-color:transparent; text-decoration:none;
}

td.menu1 a:link, td.menu1 a:visited, td.menu1 a:active
{
 font-size:8pt; font-style:normal; font-weight:normal;
 color:#01303f; background-color:transparent;
 padding-left:5px; text-decoration:none; padding-right:3px; margin-right:5px;
}

td.menu1 a:hover
{
 font-size:8pt; font-style:normal; font-weight:normal;
 color:#BF2626; background-color:transparent; text-decoration:none;
}



/********* AREAS *********/



td.permarea
{
 font-size:8pt;
 border:1px solid black;
 padding-left:8px; padding-top:2px; padding-right:8px; padding-bottom:2px;
}

td.searcharea
{
 font-size:8pt;
 vertical-align:top;
 color:black; background-color:#E5E8ED;
 border-left:1px solid black; border-right:1px solid black;
 padding-left:0px; padding-right:0px; padding-top:12px; padding-bottom:0px;
}

td.servicearea
{
 font-size:8pt;
 padding-left:8px; padding-top:0px; padding-right:8px; padding-bottom:0px;
 color:black; background-color:#C6CCD7;
 border-right:1px solid black;
}

td.patharea
{
 font-size:8pt; color:#01303f;
 padding-left:8px; padding-top:2px; padding-right:8px; padding-bottom:2px;
 border-top:1px solid black; border-bottom:1px solid black;
 border-right:1px solid black;background-color:#E5E8ED;
}

td.contentarea
{
 color:black; background-color:white;
 padding-left:16px; padding-top:16px;

}

p.citearea
{
 font-size:7pt;
 color:#01303f; background-color:#E5E8ED;
 border:1px solid black;
 padding:8px;
}



/********* MENU STUFF *********/



td.menuarea
{
 color:#01303f; background-color:#E5E8ED;
 border-left:1px solid black; border-right:1px solid black;
 border-bottom:1px solid black;
}

table.menu
{
 border-collapse:collapse;
}

table.menu td
{
 color:#01303f; background-color:#E5E8ED;
 font-size:8pt; font-style:italic; font-weight:bold;font-variant:small-caps;
}

table.rmenu
{
 color:black; background-color:#CCCCCC;
 border-collapse:collapse;
 border:1px solid black;
 width:130px;
}

table.rmenu td
{
 color:black; background-color:#CCCCCC;
 font-size:8pt; font-style:normal; font-weight:bold;
}

td.menu1
{
 border-top:1px dashed black;
 border-bottom:1px dashed black;
 padding:3px; padding-left:5px; margin-right:3px;
}

td.menu2
{
 background-image:url(img/menu2.gif);
 background-repeat:no-repeat;
 padding-top:3px; padding-bottom:3px; padding-left:15px; padding-right:3px;
}

td.menun
{
 padding-top:2px; padding-bottom:2px; padding-left:3px; padding-right:3px;
}

td.menuend
{
 border-top:1px dashed black;
}



/********* DIALOGS *********/

table.head
{
 background-color:#8c849c;
 background-image:url(http://www.iff-hamburg.de/img/hintergrund1600.jpg);
 background-repeat: no-repeat;
 border: none;
 width: 100%;
 margin-left: 0px;
 margin-top: 0px;
 margin-right: 0px;
 margin-bottom: 0px;
 padding-left: 0px;
 padding-top: 0px;
 padding-right: 0px;
 padding-bottom: 0px;
}

table.dlg
{
 border-collapse:collapse;
}

td.dlgtitle
{
 color:black; background-color:#C6CCD7;
 font-weight:bold;
 font-size:8pt;
 border:1px solid black;
 padding:4px;
}

td.dlgitem
{
 color:black; background-color:white;
 border:1px solid black;
 padding:4px;
}

table.news
{
 margin-top:4px; margin-bottom:4px;
 border-collapse:collapse;
}

table.news td
{
 color:black; background-color:#E4E4E4;
}

td.newstitle
{
 font-weight:bold;
 padding-left:8px; padding-top:8px;
}

td.newsdate
{
 font-size:7pt;
 padding-left:8px; padding-right:8px; padding-top:8px;
}

td.newstext
{
 border-top:1px solid black;
 padding-left:8px; padding-right:8px; padding-top:4px;
}

td.newsmore
{
 padding-left:8px; padding-right:8px; padding-bottom:8px;
}

/* KOPF-------------------------------------------------- */

td.slogan
{
 font-family: verdana;
 font-size: 18pt;
 font-weight: bold;
 color: #01475d;
 text-align: right;
 vertical-align: bottom;
 margin-left: 0px;
 margin-top: 0px;
 margin-bottom: 0px;
 margin-right: 0px;
 padding-left: 0px;
 padding-top: 0px;
 padding-bottom: 6px;
 padding-right: 10px;
}

/* PERMANENTBUTTONS-------------------------------------- */

table.permanentbuttons
{
 background-color: #ffffff;
 border-top: 1px solid #8d8d8d;
 border-bottom: 1px solid #8d8d8d;
 margin-left:0px;
 margin-top:0px;
 margin-right:0px;
 margin-bottom:0px;
 padding-left:0px;
 padding-top:1px;
 padding-right:10px;
 padding-bottom:0px;
 color: #0087a5;
 width: 100%;
}

td.permanentbuttons
{
 margin-left: 0px;
 margin-top: 0px;
 margin-right: 10px;
 margin-bottom: 0px;
 padding-left: 10px;
 padding-top: 3px;
 padding-right: 10px;
 padding-bottom: 3px;
 width: 100%;
}

td.permanentbuttons a:link,td.permanentbuttons a:visited,td.permanentbuttons a:active
    {font-size:8pt;background-color:#ffffff;color:#0087a5;text-decoration:none;}
td.permanentbuttons a:hover
    {font-size:8pt;background-color:#ffffff;color:#0087a5;border-top: 1px solid #8d8d8d;border-bottom: 1px solid #8d8d8d;}

/* RUBRIKEN---------------------------------------------- */

td.addedvalue
{
 background-color: #f0f2f4;
 vertical-align: top;
 border: none;
 margin-left: 0px;
 margin-top: 0px;
 margin-right: 0px;
 margin-bottom: 0px;
 padding-left: 0px;
 padding-top: 0px;
 padding-right: 5px;
 padding-bottom: 0px;
 width: 260px;
}
div.box
{
 background-color: #ffffff;
 border: 1px solid #606060;
 margin-left: 0px;
 margin-top: 0px;
 margin-right: 0px;
 margin-bottom: 0px;
 padding-left: 0px;
 padding-top: 0px;
 padding-right: 0px;
 padding-bottom: 0px;
 color: #000000;
 width: 260px;
}
table.box
{
 background-color: #f0f2f4;
 border: 1px solid #606060;
 border-collapse: collapse;
 margin-left: 0px;
 margin-top: 0px;
 margin-right: 0px;
 margin-bottom: 10px;
 padding-left: 10px;
 padding-top: 0px;
 padding-right: 0px;
 padding-bottom: 10px;
 color: #000000;
 width: 260px;
}
td.rubrik
{
 background-color: #c6ccd7;
 vertical-align: top;
 border: none;
 width: 100%;
 padding-left: 0px;
 padding-top: 0px;
 padding-right: 0px;
 padding-bottom: 0px;
 margin-left: 0px;
 margin-top: 0px;
 margin-right: 0px;
 margin-bottom: 0px;
 color: #000000;
 font-size: 10pt;
 font-weight: bold;
}
td.rubrikwhiteline
{
 background-color: #ffffff;
 vertical-align: top;
 border: none;
 width: 100%;
 padding-left: 4px;
 padding-top: 2px;
 padding-right: 4px;
 padding-bottom: 2px;
 margin-left: 0px;
 margin-top: 0px;
 margin-right: 0px;
 margin-bottom: 0px;
 font-size: 8pt;
 font-weight: bold;
 text-align: left;
}
td.rubriktext
{
 background-color: #f0f2f4;
 vertical-align: top;
 border: none;
 width: 100%;
 padding-left: 4px;
 padding-top: 2px;
 padding-right: 4px;
 padding-bottom: 6px;
 margin-left: 0px;
 margin-top: 0px;
 margin-right: 0px;
 margin-bottom: 0px;
 font-size: 8pt;
 font-weight: normal;
 text-align: left;
}

a.box            {text-decoration:none;}
a.box:link       {text-decoration:none;}
a.box:visited    {text-decoration:none;}
a.box:active     {text-decoration:none;}
a.box:hover      {color:#B52D3A;text-decoration:underline;}

a.rubrik         {color:#404040;font-weight:bold;text-decoration:none}
a.rubrik:link    {color:#404040;font-weight:bold;text-decoration:none}
a.rubrik:visited {color:#404040;font-weight:bold;text-decoration:none}
a.rubrik:active  {color:#404040;font-weight:bold;text-decoration:none}
a.rubrik:hover   {color:#4570A4;font-weight:bold;text-decoration:none}

a.liste                    {color:#4570a4;font-weight:bold;text-decoration:none;}
a.liste:link               {color:#4570a4;font-weight:bold;text-decoration:none;}
a.liste:visited            {color:#4570a4;font-weight:bold;text-decoration:none;}
a.liste:active             {color:#4570a4;font-weight:bold;text-decoration:none;}
a.liste:focus              {color:#4570a4;font-weight:bold;text-decoration:none;}
a.liste:hover              {color:#ffffff;font-weight:bold;text-decoration:none;}


/* RUBRIKEN---------------------------------------------- */

td.story
{
 background-color: #f0f2f4;
 vertical-align: top;
 border: none;
 margin-left: 0px;
 margin-top: 0px;
 margin-right: 0px;
 margin-bottom: 0px;
 padding-left: 0px;
 padding-top: 0px;
 padding-right: 10px;
 padding-bottom: 10mm;
 width: 100%;
}

div.links 
{
    border: 1px solid #606060;
    background-color: #c6ccd7;
    margin-left: 0px;
	margin-top: 0px;
    margin-right: 0px;
	margin-bottom: 12px;
	padding: 0px;
}
p.linkstopic {
    color:#01303f;
	margin-left: 0px;
	margin-top: 0px;
    margin-right: 0px;
	margin-bottom: 0px;
	padding: 0.3em;
	font-weight:bold;
}
p.linkstitle {
	background-color:#e5e8ed;
	margin:0px;
	padding:0.3em;
	text-decoration:underline;
}
p.linkstitle a:link, p.linkstitle a:visited, p.linkstitle a:active, p.linkstitle a:hover {
	color:black;
	text-decoration:underline;
}
p.linkstext {
	color:#01303f;
	background-color:white;
	margin:0px;
	padding-left:3em; padding-top:0.3em; padding-right:0.3em; padding-bottom:0.3em;
}