body
		         { font-size: 90%; background: #ffffff; margin: 0; padding: 0 }
		html, body
		      { margin: 0; padding: 0 }
#header_container 
		     { height: 120px }
		 #header_container p   { }

		#header 
		       { background-color: transparent; padding: 0 }
#head_schatten1   { visibility: hidden; margin: 0; padding: 0 }
#head_schatten2   { visibility: hidden; margin: 0; padding: 0 }
#head_schatten3  { visibility: hidden; margin: 0; padding: 0 }
#head_schatten4  { visibility: hidden; margin: 0; padding: 0 }
#head_schatten5  { visibility: hidden; margin: 0; padding: 0 }
#head_schatten6  { visibility: hidden; margin: 0; padding: 0 }
#head_schatten7  { visibility: hidden; margin: 0; padding: 0 }
#menu
		               { display: none; z-index: 24; width: 1px; height: 1px; clear: both }
		#content
		        { clear: both }
#footer_container
		     { visibility: hidden }
		#footer 
		           { }
.float_left   { text-align: left; float: left }
.float_right        { visibility: hidden; display: none; z-index: 23 }
#footer a:link       { color: #f7ff7f; font-weight: normal; text-decoration: none; padding-right: 2px; padding-bottom: 2px; padding-left: 2px }
#footer a:visited     { color: #f7ff7f; font-weight: normal; text-decoration: none; padding-right: 2px; padding-bottom: 2px; padding-left: 2px }
#footer a:hover      { color: #0c5b00; font-weight: normal; text-decoration: none; background-color: #cbdf3c; padding-right: 2px; padding-bottom: 2px; padding-left: 2px }
#footer a:active    { color: #f7ff7f; font-weight: normal; text-decoration: none; background-color: transparent; padding-right: 2px; padding-bottom: 2px; padding-left: 2px }
#footer a.totop:link     { color: #f7ff7f; font-weight: normal; text-decoration: none; background-image: url("img/pfeil_nach_oben_a.gif"); background-repeat: no-repeat; background-position: right center; padding-right: 2px; padding-bottom: 2px; padding-left: 2px }
#footer a.totop:visited     { color: #f7ff7f; font-weight: normal; text-decoration: none; background-image: url("img/pfeil_nach_oben_a.gif"); background-repeat: no-repeat; background-position: right center; padding-right: 2px; padding-bottom: 2px; padding-left: 2px }
#footer a.totop:hover    { color: #0c5b00; font-weight: normal; text-decoration: none; background-color: #cbdf3c; background-image: url("img/pfeil_nach_oben_b.gif"); background-repeat: no-repeat; background-position: right center; padding-right: 2px; padding-bottom: 2px; padding-left: 2px }
#footer a.totop:active     { color: #f7ff7f; font-weight: normal; text-decoration: none; background-color: transparent; background-image: url("img/pfeil_nach_oben_a.gif"); background-repeat: no-repeat; background-position: right center; padding-right: 2px; padding-bottom: 2px; padding-left: 2px }
#content_abstand_oben      { visibility: hidden; display: none }
.unsichtbar  { visibility: hidden; display: none; overflow: hidden }

.zur_navigation { color: #eee; line-height: 1px; display: block; margin: 0; padding: 0; width: 100%; height: 50px; border-bottom: 1px solid gray }
* html .zur_navigation { float: left }
#metanav ul li   { list-style: none url("img/1x1_trans.gif"); margin: 0; padding: 0 }
#metanav     { list-style-type: none; clear: none }
#metanav ul	       { white-space: nowrap; list-style-type: none; display: block; margin: 0; padding: 0; width: 100% }

		#metanav li	       { font-size: 70%; font-family: "Lucida Grande", Arial, SunSans-Regular, sans-serif; font-weight: bold; text-align: right; text-transform: uppercase; list-style-type: none; list-style-position: outside }
/* Icons Metanavigation */
	li#nav-start, li#nav-news, li#nav-screen, li#nav-print, li#nav-corp, li#nav-port, li#nav-serv, li#nav-kont	   { list-style-type: none }
#metanav a, #metanav a:visited	     { color: #5a5a5a; text-decoration: none; list-style-type: none }

		#metanav a:hover, #metanav a:focus, #metanav a:active	  { color: #333 }

		/*FLAECHE*/
		#nav-start a, #nav-news a, #nav-screen a, #nav-print a,#nav-corp a,#nav-port a,#nav-serv a,#nav-kont a, li.current	         { color: #5a5a5a; list-style-type: none; display: block; margin: 0; padding-top: 4px; padding-right: 8px; padding-left: 42px; height: 35px; border-top: 1px solid white; border-bottom: 1px solid gray }
/*ALLES OHNE*/
#nav-start.current	        { color: white; background: #5ab4ff url(img/rub_icon_start_c.gif) no-repeat left center; padding-top: 4px; padding-right: 8px; padding-left: 42px }
#nav-news.current      { color: white; background: #5ab4ff url(img/rub_icon_news_c.gif) no-repeat left center; padding-top: 4px; padding-right: 8px; padding-left: 42px }
#nav-screen.current      { color: white; background: #5ab4ff url(img/rub_icon_screen_c.gif) no-repeat left center; padding-top: 4px; padding-right: 8px; padding-left: 42px }
#nav-print.current      { color: white; background: #5ab4ff url(img/rub_icon_print_c.gif) no-repeat left center; padding-top: 4px; padding-right: 8px; padding-left: 42px }
#nav-corp.current      { color: white; background: #5ab4ff url(img/rub_icon_corporate_c.gif) no-repeat left center; padding-top: 4px; padding-right: 8px; padding-left: 42px }
#nav-port.current      { color: white; background: #5ab4ff url(img/rub_icon_portfolio_c.gif) no-repeat left center; padding-top: 4px; padding-right: 8px; padding-left: 42px }
#nav-serv.current      { color: white; background: #5ab4ff url(img/rub_icon_service_c.gif) no-repeat left center; padding-top: 4px; padding-right: 8px; padding-left: 42px }
#nav-kont.current      { color: white; background: #5ab4ff url(img/rub_icon_kontakt_c.gif) no-repeat left center; padding-top: 4px; padding-right: 8px; padding-left: 42px }
/*ALLES MIT*/

	#nav-start a	       { background: #e5e5e5 url(img/rub_icon_start_a.gif) no-repeat left center }

	#nav-news a	       { background: #e5e5e5 url(img/rub_icon_news_a.gif) no-repeat left center }

	#nav-screen a	       { background: #e5e5e5 url(img/rub_icon_screen_a.gif) no-repeat left center }

	#nav-print a	       { background: #e5e5e5 url(img/rub_icon_print_a.gif) no-repeat left center }
#nav-corp a     { background: #e5e5e5 url(img/rub_icon_corporate_a.gif) no-repeat left center }
#nav-port a     { background: #e5e5e5 url(img/rub_icon_portfolio_a.gif) no-repeat left center }
#nav-serv a     { background: #e5e5e5 url(img/rub_icon_service_a.gif) no-repeat left center }
#nav-kont a     { background: #e5e5e5 url(img/rub_icon_kontakt_a.gif) no-repeat left center }
/*ALLE ZUSTAENDE*/

#nav-start a:hover, #nav-start a:focus, #nav-start a:active	    { background: #bfbfbf url(img/rub_icon_start_b.gif) no-repeat left center }
#nav-news a:hover, #nav-news a:focus, #nav-news a:active   { background: #bfbfbf url(img/rub_icon_news_b.gif) no-repeat left center }
#nav-screen a:hover, #nav-screen a:focus, #nav-screen a:active   { background: #bfbfbf url(img/rub_icon_screen_b.gif) no-repeat left center }
#nav-print a:hover, #nav-print a:focus, #nav-print a:active   { background: #bfbfbf url(img/rub_icon_print_b.gif) no-repeat left center }
#nav-corp a:hover, #nav-corp a:focus, #nav-corp a:active   { background: #bfbfbf url(img/rub_icon_corporate_b.gif) no-repeat left center }
#nav-port a:hover, #nav-port a:focus, #nav-port a:active   { background: #bfbfbf url(img/rub_icon_portfolio_b.gif) no-repeat left center }
#nav-serv a:hover, #nav-serv a:focus, #nav-serv a:active   { background: #bfbfbf url(img/rub_icon_service_b.gif) no-repeat left center }
#nav-kont a:hover, #nav-kont a:focus, #nav-kont a:active   { background: #bfbfbf url(img/rub_icon_kontakt_b.gif) no-repeat left center }


.menu_unten { height: 800px }

p        { color: black; font-size: 85%; font-family: Arial, sans-serif; line-height: 1.1em; margin: 0 0 0.7em; padding: 0 }
ol  { color: black; font-size: 85%; font-family: Arial, sans-serif; line-height: 1.1em }
h1      { color: #005bd1; font-size: 190%; font-family: HelveticaNeue-Light, "Helvetica Neue Light", Arial, sans-serif; font-weight: normal; margin: 0 0 0.4em }
h2       { color: #5b5b5b; font-size: 120%; font-family: Arial, sans-serif; font-weight: bold; margin: 0 0 0.4em }
h3                 { color: #177500; font-size: 70%; font-family: "Lucida Grande", Arial, sans-serif; font-weight: bold; line-height: 2.4em; background-repeat: no-repeat; text-transform: uppercase; word-spacing: 0.2em; letter-spacing: 0.1em; display: inline; margin: 0; padding: 0 0 0 0 }


.abstand175      { }
.abstand6  { }
.infobox_rechts h3     { color: gray; line-height: 1.2em; background-image: url("img/1x1_trans.gif"); word-spacing: 0.1em; letter-spacing: 0; padding: 1px; border: solid 1px #666 }
.anker     { visibility: hidden; display: none; width: 1px; overflow: hidden }
p a:link       { color: #005bd1; font-weight: bold; text-decoration: none }
p a:visited      { color: #005bd1; font-weight: bold; text-decoration: none }
p a:hover     { color: #545454; font-weight: bold; text-decoration: none }
p a:active      { color: #005bd1; font-weight: bold; text-decoration: none }

.infobox_rechts a:link     { color: #076dca; font-weight: normal; text-decoration: underline }
.infobox_rechts a:visited    { color: #076dca; font-weight: normal; text-decoration: underline }
.infobox_rechts a:hover    { color: #545454; font-weight: normal; text-decoration: none }
.infobox_rechts a:active    { color: #076dca; font-weight: normal; text-decoration: underline }


.hauptbox_links     { }
.infobox_rechts     { margin-bottom: 20px; padding: 1px; width: 100% }
.infobox_rechts_innen    { margin: 0 0 5px; padding: 0; width: 100%; float: left }
.bild_in_randbox       { display: block; margin: 0 3px 0 0; float: left; border: solid 5px #d0d0d0 }

/* Aufheben der floats */
.floatclear:after	{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.floatclear	{
	display:inline-table;
}

/* Das ganze noch vor IE/Mac verstecken \*/
* html .floatclear	{
	height:1%;
}

.floatclear	{
	display:block;
}
/* Ende IE/Mac-Versteckung */

/* Aufheben der eingeschlossenen floats (Bilder, Pullouts etc.) */
.randbox:after	 { visibility: hidden; display: block; height: 0; clear: both; content: "." }

.randbox	    { display: block; margin: 0 0 15px; padding: 3px; width: 100%; float: left }

/* Das ganze wie ueblich vor IE/Mac verstecken \*/
* html .randbox	{
	height:1%; 
}

.randbox	{
	display:block; 
}
/* Ende IE/Mac-Versteckung */

.randbox p	     { margin: 0 }
.jobdetail  { }
.jobdetail img { margin-bottom: 1px }
.kundenlisten  { color: #535353; font-size: 70%; font-family: Arial, sans-serif; font-weight: normal; line-height: 1.1em; margin: 4px 0 5px; padding: 0 }
.kundenlisten li  { list-style-type: none; margin: 0 10px 0 0; float: left; border-top: 1px solid white }
.jobdetaillisten  { color: #535353; font-size: 70%; font-family: Arial, sans-serif; font-weight: normal; line-height: 1.1em; margin: 0; padding: 0; width: 100% }
.jobdetaillisten li  { list-style-type: none; margin: 5px 10px 5px 0; float: left }
.infobox_rechts p { margin: 0; padding: 0 }
.supertext  { font-size: 60%; line-height: 0.7em; vertical-align: super }
.machmalumbruch  { display: block; height: 0; float: none; clear: both }
.text_mini  { color: #4e4e4e; font-size: 80% }
hr { display: block; margin-bottom: 20px; width: 100%; float: none; clear: both }
* html hr { display: block; margin-top: -7px; margin-bottom: 5px; width: 100%; float: none; clear: both }
.ie_ankerspace { }
* html .ie_ankerspace   { }

label.left
 { text-align: right; margin-right: 0.3em; width: 6em; float: left }

/*  positioniert die Text- und 
    Auswahlboxen rechts daneben: */

input[type=text],
select
{
    float            : left;
}

/*  dann werden alle checkboxen und radiobuttons,
    die mit der Klasse "right" versehen wurden,
    um den errechneten linken Abstand der input
    und select-Elemente (s.o.) nach rechts
    verschoben: */

input.right
 { margin-right: 0.3em; margin-left: 6.8em; width: auto; float: left; clear: both }

/*  Extrawurst fuer Mozilla, keine Ahnung, 
    warum das so ist. Feedback und 
    Loesungsvorschlaege willkommen */

input[type=checkbox].right,
input[type=radio].right,
input[type=submit].right
 { margin-left: 5.2em }

/*  Nicht vergessen, die floats wieder aufzuheben,
    sonst floatet es munter weiter */

form br
{
    clear                    :    both;
}

/*  fuer grafische UAs und DAUs der Hinweis, dass
    die Label anklickbar sind. Weil's so schoen ist, 
    die Kontrollelemente gleich mit. Mit einer Ausnahme: 
    fuer Textfelder macht der Pointer natuerlich keinen 
    Sinn, dort sollte nach wie vor die Text-Einfuegemarke 
    als Cursor erscheinen. Daher hier die Einschraenkung 
    auf die input-Elemente des Typs checkbox, radiobutton, 
    button und submit: */

label,
select,
input[type=checkbox],
input[type=radio],
input[type=button],
input[type=submit]
 { cursor: pointer }

/*  legt den vertikalen Abstand der 
    einzelnen Elemente zueinander fest */

form
 { color: #545454; font-size: 85%; line-height: 140%; font-family: arial }
input  { font-weight: bold; margin-top: 0; margin-bottom: 3px }