/* Flyout Menu */

div.mainmenu {position:absolute;left:0px;top:62px;width:100%;z-index:1;text-align:left;border:0px solid #E30303;height:20px;background-color:#f4f4f4;}

.menu {width:980px; height:20px; font-size:8pt;font-family:Tahoma, verdana;position:relative; z-index:100;border-right:0px solid #000;}


/* hack to correct IE5.5 faulty box model */
* html .menu {width:auto; w\idth:980px;}

/* no bullets, borders and paddings */
.menu ul {padding:0;margin:0;list-style-type:none;text-align:center;}
.menu ul ul {width:149px;}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;width:149px;position:relative;}
/* style the links for the top level */
.menu a, .menu a:visited  {display:block;font-size:8pt;text-decoration:none; color:#484F92; width:138px; height:19px;border-right:1px solid white;border-bottom:1px solid white; background:#f4f4f4;padding-left:5px;padding-right:5px; line-height:19px;}

/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:149px; w\idth:138px;}

/* top level hover */
.menu a:hover, .menu ul ul li a:hover {color:#fff;background:#CCCCFF;}
.menu :hover > a {color:#fff;background:#6699FF;}

/* 2nd level */
.menu ul ul a.hassub, .menu ul ul a.hassub:visited {background-color:#CCCC99;background-image:url('../newimages/bg-arrow-navi-low.gif');background-position:right;background-repeat:no-repeat;}
.menu ul ul a.hassub:hover{background:#CCCC99;}


.menu ul ul :hover > a.hassub {background:#ccccFF;background-image:url('../newimages/bg-arrow-navi-high.gif');background-position:right;background-repeat:no-repeat;}

/* 2nd level */
.menu ul ul a.hassubleft, .menu ul ul a.hassubleft:visited {background-color:#CCCC99;background-image:url('../newimages/bg-arrow-navi-left-low.gif');background-position:right;background-repeat:no-repeat;}
.menu ul ul a.hassubleft:hover{background:#CCCC99;}
.menu ul ul :hover > a.hassubleft {background:#ccccFF;background-image:url('../newimages/bg-arrow-navi-left-high.gif');background-position:right;background-repeat:no-repeat;}



/* 3rd level */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#CCCC99;}
.menu ul ul ul a:hover {background:#ccccFF;}

/* hide sub levels */
.menu ul ul {visibility:hidden;position:absolute;height:0px;top:20px;left:0; width:200px;border-top:0px solid #000;text-align:left;}

/* hack for IE5.5 */
* html .menu ul ul {top:20px;t\op:20px;}

/* position 3rd level */
.menu ul ul ul{left:221px; top:0px; width:200px;}
.menu ul ul ul.left {left:-221px;}

/* hide table */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background:#CCCC99; color:#484F92; height:auto; line-height:1em; padding:5px 10px; width:200px;border-width:0 1px 1px 1px;}

/* 2nd level hover  */
.menu ul ul :hover > a {color:#fff;background:#ccccFF;}

* html .menu ul ul a, * html .menu ul ul a:visited {width:200px;w\idth:200px;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}

/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}




/* **************************************** */
/* End Flyout */

/* Emphasisize left Navigation on Css basis   */

#page-001 #link-001,
#page-002 #link-002,
#page-003 #link-003

{font-weight:bold;color:red;}


ul.list-with-arrow {margin-left:18px;padding-left:0px;margin-top:10px;margin-bottom:10px;list-style-image:url('../newimages/list-bullet.gif');border:0px solid green;}
ul.list-with-arrow li {padding-left:0px;position:relative;border:0px solid red;}

/* Emphasised Box  */

.emph_white {border:1px solid silver;padding:5px;background-color:white;margin:5px;}
.emph_yellow {border:1px solid red;padding:5px;background-color:yellow;margin:5px;}



/* New Head Navigation */

.headnavigcontainer, .headnavigcontainer_high {height:18px;padding:4px;padding-right:6px;padding-left:6px;border-right:1px solid #FFE4B5;}
.headnavigcontainer_high {background-color:#FFE4B5;}
	

.headlink				{FONT-WEIGHT: normal;FONT-SIZE: 8pt;COLOR: #ffffff;FONT-FAMILY: Tahoma,Verdana, Arial, Helvetica}
.headlink:link, .headlink:visited, .headlink:active		{COLOR: #484F92;}
.headlink:hover	{}



#nolonger 
{position:absolute;left:200;top:200;background-color:#ffe4b5;color:black;font-size:12pt;font-family:verdana;width:400;height:400;padding:10px;font-weight:bold;border:1px solid #000080;}

/* New Definitions for new Layout */
.newbody {background-image:url(../newimages/rillenmuster_ocker.gif);margin:0px;}
.colored {color:#ff9933;}
.bg_lightblue {BACKGROUND-COLOR:#6699FF;}
.bg_gearwheel {background-image:url(cssimages/bg_gearwheel.jpg);}

/* Seitenüberschrift Kasten und Schrift  */
.headline_main {height:30px;border-bottom:1px solid #ffe4b5;font-size:11pt;font-family:arial;font-weight:bold;text-align:center;text-transform:normal;letter-spacing:3px;}
.headline_image {padding:0px;text-align:center;border-bottom:2px solid #ffe4b5;}

.header_one_inline {font-size:12pt;font-weight:bold;display:inline;}
.header_two_inline {font-size:9pt;font-weight:bold;display:inline;letter-spacing:1px;}
.text_pure  {text-align:left;font-family:arial;font-size:9pt;color:#444444;line-height:20px;}
.text_main {text-align:left;font-family:arial;font-size:9pt;color:#444444;line-height:20px;border-right: 1px solid #CCCCFF;border-top: 1px solid #CCCCFF;BACKGROUND-COLOR:#f4f4f4;padding:5px;}
.text_main b, text_sub b {letter-spacing:1px;}
.text_sub {text-align:left;font-family:arial;font-size:9pt;color:#444444;line-height:20px;border-right: 1px dashed #CCCCFF;border-top: 1px dashed #CCCCFF;padding:5px;}


/* Boxen in der Mitte */
.box_center {BACKGROUND-CoLOR:#f4f4f4;}

/* Link in Box */
.boxhead_blue A:link, .boxhead_blue A:visited {color:white}
.boxhead_blue A:hover {color:#ff9933;}

/* Boxen links */
.boxhead_blue {BACKGROUND-COLOR:#6699FF;color:white;font-size:9pt;letter-spacing:2px;}
.boxbody_lightgreen {color:#000000;font-weight:normal;font-size:8pt;background-color:#f4f4f4;border:5px solid #CCCC99;line-height:16px;}
.boxbody_lightgreen_notop {color:#000000;font-weight:normal;font-size:8pt;background-color:#f4f4f4;border:5px solid #CCCC99;line-height:16px;border-top:0px;}

/* Boxen rechts */
.boxhead_lightgreen {background-color:#CCCC99;color:white;font-size:9pt;letter-spacing:2px;}
.boxbody_lightblue {color:#444444;font-weight:normal;font-size:8pt;background-color:#f4f4f4;border:5px solid #ccccFF;line-height:16px;}

/* Boxen */
.boxruler {background-color:white;}


/* Kontaktseite */
.spcontact {border-right:5px solid #CCCCFF;border-top:5px solid #CCCCFF;BACKGROUND-COLOR:#f4f4f4;padding:5px;background-image:url(cssimages/bg_pencil_for_contact.jpg);background-repeat:no-repeat;}

.spimprint {text-align:justify;line-height:20px;border-right:1px solid #CCCCFF;border-top:1px solid #CCCCFF;padding:5px;}


/* SmartNews Definitionen */

.sntabbg {BACKGROUND-COLOR: #ffffff;}

/* Aufzählungsbild ist als bg-img integriert muss 13*13 px haben sonst mus das blank.gif  im template bearbeitet werden */

.snimage {background-image:url(http://www.keyseven.de/images/arrow.gif);}
.snnewsbox {BORDER: #8080b4 dotted;Border-Width: 1px 1px 0px 0px;PADDING:5px 5px 5px 5px;FONT-WEIGHT: normal;FONT-SIZE: 8pt;COLOR: #000000;BACKGROUND-COLOR:#f4f4f4;}
.snheadline {FONT-WEIGHT:bold;FONT-SIZE: 9pt;COLOR: #000000;FONT-STYLE: normal;FONT-FAMILY: Verdana, Arial, Helvetica;}
.snnewstext {FONT-WEIGHT:normal;FONT-SIZE:8pt;COLOR:#000000;FONT-STYLE:normal;FONT-FAMILY:Verdana, Arial, Helvetica;}
.snfooterlink A:link, .snfooterlink A:visited, .snfooterlink A:active {FONT-WEIGHT:bold;COLOR: #484F92;}
.snfooterlink A:hover {COLOR: #ff0000;}
.snfooterlink {text-align:right;}
.snabstract {FONT-WEIGHT:bold;FONT-SIZE:8pt;COLOR:#808080;FONT-STYLE:italic;FONT-FAMILY: Verdana, Arial, Helvetica;}

			
			/* Allgemeine Tag-Definititionen */

A					{TEXT-DECORATION: none}
BODY				

{
background-image:url(../newimages/rillenmuster_ocker.gif);margin:0px;
FONT-SIZE: 8pt;FONT-FAMILY: Verdana, Arial, Helvetica;
scrollbar-base-color:#8C8CC6;
scrollbar-3dlight-color:#FFFFFF;
scrollbar-arrow-color:#ff9933;
scrollbar-darkshadow-color:#000000;
scrollbar-face-color:#ffffff;
scrollbar-highlight-color:#FFFFFF;
scrollbar-shadow-color:#000000;
scrollbar-track-color:#ffe4b5;
}
BODY A:link			{COLOR: #484F92;}
BODY A:visited		{COLOR: #484F92;}
BODY A:hover		{COLOR: #ff9933;}
BODY A:active		{COLOR: #484F92;}
TD					{FONT-WEIGHT:normal;FONT-SIZE: 8pt;COLOR: #000000;FONT-STYLE: normal;FONT-FAMILY: Verdana, Arial, Helvetica;}
/*P					{FONT-WEIGHT:normal;FONT-SIZE: 8pt;COLOR: #000000;FONT-STYLE: normal;FONT-FAMILY: Verdana, Arial, Helvetica;}*/
 HR					{MARGIN-TOP:2px;MARGIN-BOTTOM:0px;} 


			/* Klassen für DHTML Kontexthilfe */

.helptitle				{FONT-WEIGHT: bold;FONT-SIZE: 8pt;CURSOR: help;COLOR: #ffffff;FONT-FAMILY: verdana;TEXT-DECORATION: none}
.helpcontent		{FONT-SIZE: 8pt;CURSOR: help;COLOR: #000000;FONT-FAMILY: verdana;TEXT-DECORATION: none}
#ContextHelp		{Z-INDEX: 1;LEFT: 0px;VISIBILITY: hidden;WIDTH: 150px;CURSOR: help;POSITION: absolute;TOP: 0px}
#tiplink				{FONT-WEIGHT: normal;CURSOR: help;COLOR: #ff0000;TEXT-DECORATION: none}


			/* Sonderklassen linke HTML Navigation in den Unterseiten */

#mainpage .linkselected {color:red;font-weight:bold;}
.linkselected		{color:red;}


		/* Klassen für die Darstellung und Formatierung der Seiteninhaltstabelle, Doppeldefinitionen zt wegen ns4 der probleme mit den ids hat */ 

#content H1		{FONT-WEIGHT: bold;FONT-SIZE: 8pt;MARGIN: 0px;COLOR: #000000;FONT-STYLE: normal;FONT-FAMILY: Verdana, Arial, Helvetica;BACKGROUND-COLOR: #ffffff;}
#mainpage H1		{FONT-WEIGHT: bold;FONT-SIZE: 9pt;MARGIN: 0px;COLOR: #000000;FONT-STYLE: normal;FONT-FAMILY: Verdana, Arial, Helvetica;}
.mainpage H1		{FONT-WEIGHT: bold;FONT-SIZE: 9pt;MARGIN: 0px;COLOR: #000000;FONT-STYLE: normal;FONT-FAMILY: Verdana, Arial, Helvetica;}
   
#mainpage H2		{FONT-WEIGHT: normal;FONT-SIZE: 8pt;MARGIN:0px;margin-top:4px;margin-bottom:4px;COLOR: #000000;FONT-STYLE: normal;FONT-FAMILY: Verdana, Arial, Helvetica;}
.mainpage H2		{FONT-WEIGHT: normal;FONT-SIZE: 8pt;MARGIN: 0px;COLOR: #000000;FONT-STYLE: normal;FONT-FAMILY: Verdana, Arial, Helvetica;}

#mainpage H2 A  	{FONT-WEIGHT: normal;COLOR: #484F92;}
#mainpage H1 A, #mainpage H1 A:visited		{FONT-WEIGHT: bold;COLOR: #484F92;FONT-SIZE:10pt;}
.mainpage H2 A	{FONT-WEIGHT: bold;COLOR: #484F92;}
H2 A					{FONT-WEIGHT: bold;COLOR: #484F92;}
.mainpage H1 A		{FONT-WEIGHT: bold;COLOR: #484F92;}
#mainpage H2 A:hover, #mainpage H1 A:hover	{COLOR: #ff0000;}
.mainpage H1 A:hover	{COLOR: #ff0000;}
#mainpage LI		{MARGIN-LEFT: -25px;}
#imagelist LI		{MARGIN-LEFT: -10px;}
#mainpage OL LI		{Margin-Left:-5px;}		
.mainpage			{BACKGROUND-COLOR:#c0c0c0;}

#contentpage H1	{FONT-WEIGHT: bold;FONT-SIZE: 9pt;MARGIN: 0px;COLOR: #000000;FONT-STYLE: normal;FONT-FAMILY: Verdana, Arial, Helvetica;BACKGROUND-COLOR: #ffffff;}
.contentpage H1	{FONT-WEIGHT: bold;FONT-SIZE: 9pt;MARGIN: 0px;COLOR: #000000;FONT-STYLE: normal;FONT-FAMILY: Verdana, Arial, Helvetica;BACKGROUND-COLOR: #ffffff;}
#contentpage H2	{FONT-WEIGHT: bold;FONT-SIZE: 8pt;MARGIN: 0px;COLOR: #000000;FONT-STYLE: normal;FONT-FAMILY: Verdana, Arial, Helvetica;BACKGROUND-COLOR: #ffffff;}

.contentbox		{BORDER: #8080b4 dotted;Border-Width: 1px 1px 0px 0px;PADDING:5px 5px 5px 5px;FONT-WEIGHT: normal;FONT-SIZE: 8pt;COLOR: #000000;BACKGROUND-COLOR:#f4f4f4}
.contentboxhighlight		{BORDER: #8080b4 dotted;Border-Width: 1px 1px 0px 0px;PADDING:5px 5px 5px 5px;FONT-WEIGHT: normal;FONT-SIZE: 8pt;COLOR: #000000;BACKGROUND-COLOR:#ffe4b5}

.contentbox A		{FONT-WEIGHT: bold;COLOR: #484F92;TEXT-DECORATION: underline}
.contentbox A:visited	{FONT-WEIGHT: bold;COLOR: #484F92;TEXT-DECORATION: underline}
.contentboxhighlight A, .contentboxhighlight A:visited	{FONT-WEIGHT: bold;COLOR: #484F92;TEXT-DECORATION: underline}
.contentbox A:hover, .contentboxhighlight A:hover		{COLOR: #ff0000}


		/* Vorder- und Hintergrundfarben der Inhaltstabellen */ 

.contenttabfg			{BACKGROUND-COLOR: #ffffff;}
.contenttabheader	{BACKGROUND-COLOR: #c0c0c0;}
.contenttabbg			{BACKGROUND-COLOR: #999999;}

		/*  Rechte Seite Inhaltstabelle mit Bild  */

.path						{FONT-WEIGHT: normal;FONT-SIZE: 10px;COLOR: #808080;FONT-FAMILY: Tahoma, Verdana, Arial, Helvetica, sans-serif;}
.path A:link				{COLOR: #808080}
.path A:visited			{COLOR: #808080}
.path A:hover			{COLOR: #484F92}
.path A:active			{COLOR: #808080}

		/* Mailresponsebox */

.headblue	{FONT-WEIGHT: bold;FONT-SIZE: 8pt;COLOR: #000080;FONT-FAMILY: verdana;}

		/*  Fusszeile */

.footerlink:link, .footerlink:visited, .footerlink:active	{COLOR: #000080;}
.footerlink:hover	{COLOR: #ff9900;}
.footer				{FONT-SIZE: 10px;COLOR: #ff9933;FONT-VARIANT: normal;}

.contact				{BACKGROUND-COLOR: #c0c0c0}


		/* Spezielle Textklassen */

.textsmallbold	{FONT-WEIGHT: bold;FONT-SIZE: 8pt;COLOR: #000000;FONT-FAMILY: verdana;}
.textwhitemb	{FONT-WEIGHT: bold;FONT-SIZE: 10pt;COLOR: #ffffff;FONT-FAMILY: verdana;}
.textwhitesb	{FONT-WEIGHT: bold;FONT-SIZE: 8pt;COLOR: #ffe4b5;FONT-FAMILY: verdana;}
.textblack		{FONT-WEIGHT: normal;FONT-SIZE: 8pt;COLOR: #000000;FONT-FAMILY: verdana;}
.textblackb		{FONT-WEIGHT: bold;FONT-SIZE: 8pt;COLOR: black;FONT-FAMILY: Verdana;}
.textblackmedium	{FONT-WEIGHT: normal;FONT-SIZE: 10pt;COLOR: #000000;FONT-FAMILY: arial;}
.textblacki		{FONT-WEIGHT: normal;FONT-SIZE: 8pt;COLOR: #000000;FONT-STYLE: italic;FONT-FAMILY: verdana;}
.prompt			{FONT-WEIGHT: bold;FONT-SIZE: 12px;PADDING-BOTTOM:5px;COLOR: #ffffff;PADDING-TOP: 5px;FONT-STYLE:normal;FONT-FAMILY:Verdana, Arial, Helvetica, sans-serif;BACKGROUND-COLOR: #0f9fff;}
.onerror			{FONT-WEIGHT: bold;FONT-SIZE: 10px;PADDING-BOTTOM: 5px;COLOR: red;PADDING-TOP: 5px;FONT-STYLE: normal;FONT-FAMILY:Verdana, Arial, Helvetica, sans-serif;}

		/* Einrückungen */

.one				{PADDING-LEFT: 20px;}
.two				{PADDING-LEFT: 40px;}
.three			{PADDING-LEFT: 60px;}