body
		      { font-size: 90%;  background: #ffffff; position: absolute }
		html, body
		   { margin: 0; padding: 0; top: 0; right: 0; left: 0; width: 100%; min-height: 100% }
#header_container 
		  { margin: 0; position: fixed; z-index: 3; top: 0; right: 0; left: 0; height: 90px }
		 #header_container p  { line-height: 1px; margin: 0; padding: 0; height: 1px }

		#header 
		     { background-color: transparent; background-image: url("img/bg_header.jpg"); background-repeat: repeat-x; margin: 0; padding: 0; position: absolute; z-index: 3; top: 0; left: 0; width: 100%; height: 90px }
#head_schatten1  {  
background-image: url("img/1x1_black.gif"); background-repeat: repeat-x; margin: 0; padding: 0; position: absolute; z-index: 3; top: 90px; left: 0; width: 100%; height: 1px; -moz-opacity:0.6; filter: alpha(opacity=60); opacity: 0.6  }
#head_schatten2  { 
background-image: url("img/1x1_black.gif"); background-repeat: repeat-x;  margin: 0; padding: 0; position: absolute; z-index: 3; top: 91px; left: 0; width: 100%; height: 1px; -moz-opacity:0.5; filter: alpha(opacity=50); opacity: 0.5  }
#head_schatten3 { 
background-image: url("img/1x1_black.gif"); background-repeat: repeat-x;  margin: 0; padding: 0; position: absolute; z-index: 3; top: 92px;  left: 0; height: 1px; width: 100%; -moz-opacity:0.4; filter: alpha(opacity=40); opacity: 0.4 }
#head_schatten4 { 
background-image: url("img/1x1_black.gif"); background-repeat: repeat-x;  margin: 0; padding: 0; position: absolute; z-index: 3; top: 93px;  left: 0; height: 1px; width: 100%; -moz-opacity:0.3; filter: alpha(opacity=30); opacity: 0.3 }
#head_schatten5 { 
background-image: url("img/1x1_black.gif"); background-repeat: repeat-x;  margin: 0; padding: 0; position: absolute; z-index: 3; top: 94px; left: 0; height: 1px; width: 100%; -moz-opacity:0.23; filter: alpha(opacity=23); opacity: 0.23 }
#head_schatten6 { 
background-image: url("img/1x1_black.gif"); background-repeat: repeat-x;  margin: 0; padding: 0; position: absolute; z-index: 3; top: 95px; left: 0; height: 1px; width: 100%; -moz-opacity:0.15; filter: alpha(opacity=15); opacity: 0.15 }
#head_schatten7 { 
background-image: url("img/1x1_black.gif"); background-repeat: repeat-x;  margin: 0; padding: 0; position: absolute; z-index: 3; top: 96px; left: 0; height: 1px; width: 100%; -moz-opacity:0.07; filter: alpha(opacity=7); opacity: 0.07}
#menu
		           { background: #dedede url(img/bg_menu.gif) repeat-y; padding-top: 20px; position: fixed; z-index: 2; top: 19px; left: 0px; width: 282px }
		#content
		      { margin: 0; padding: 0 30px 3em 320px; z-index: 1 }
#footer_container
		      { position: fixed; z-index: 3; right: 0; bottom: -1px; left: 0 }
		#footer 
		          { color: #f7ff7f; font-size: 85%; font-family: "Lucida Grande", Arial, SunSans-Regular, sans-serif; background-image: url("img/bg_footer.gif"); padding: 2px 15px 2px 36px }
/* Nun fuer den MSIE */
		* html, * html body 
		 { bottom: 0; height: 100%; overflow: hidden }
		* html #header_container, * html #footer_container
		 { padding-right: 16px; position: absolute; width: 100% }
		
		* html #header,* html #footer
		{
			height:100%;
			position:static;
		}
		* html #content 
		{
			position:absolute;
			top:0; bottom:0; left:0; right:0;
			height:100%;
			width:100%;
			overflow:auto;
			margin:0;
		}
/* Der IE soll das Element breiter darstellen, da margin und padding hier von 
							    der Breite abgezogen wird! */
		* html #menu
		      { margin: 0; position: absolute; width: 282px }
.float_left   { text-align: left; float: left }
.float_right   { text-align: right; display: block; height: 100%; float: right;  }
#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: #000; font-weight: normal; text-decoration: none; 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: #000; font-weight: normal; text-decoration: none; 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    { display: block; width: 99%; height: 100px; float: none }
.unsichtbar { visibility: hidden; overflow: hidden; display:none; }

.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 a.current:link, #nav-start a.current:visited, #nav-start a.current:hover, #nav-start a.current:active	        { 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 a.current:link, #nav-news a.current:visited, #nav-news a.current:hover, #nav-news a.current:active      { 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 a.current:link, #nav-screen a.current:visited, #nav-screen a.current:hover, #nav-screen a.current:active      { 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 a.current:link, #nav-print a.current:visited, #nav-print a.current:hover, #nav-print a.current:active      { 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 a.current:link, #nav-corp a.current:visited, #nav-corp a.current:hover, #nav-corp a.current:active      { 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 a.current:link, #nav-port a.current:visited, #nav-port a.current:hover, #nav-port a.current:active      { 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 a.current:link, #nav-serv a.current:visited, #nav-serv a.current:hover, #nav-serv a.current:active      { 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 a.current:link, #nav-kont a.current:visited, #nav-kont a.current:hover, #nav-kont a.current:active      { 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: #545454; font-size: 85%; font-family: Arial, sans-serif; line-height: 1.1em; margin: 0 0 0.7em; padding: 0 }
ol { color: #545454; font-size: 85%; line-height: 1.1em; font-family: Arial, sans-serif;  }
h1     { color: #39f; font-weight: normal; font-size: 190%; font-family: HelveticaNeue-Light, "Helvetica Neue Light", Arial, sans-serif; margin: 0 0 0.4em }
h2      { color: #6e6e6e; font-size: 120%; font-family: Arial, sans-serif; font-weight: bold; margin: 0 0 0.4em }
h3               { color: #25b700; font-size: 70%; font-family: "Lucida Grande", Arial, sans-serif; font-weight: bold; line-height: 2.4em; background-image: url("img/bg_h3.gif"); background-repeat: no-repeat; background-position: left top; text-transform: uppercase; word-spacing: 0.2em; letter-spacing: 0.1em; display: inline; margin: 0; padding: 0 0 0 15px }


.abstand175     { line-height: 2.2em;  margin-left: 175px }
.abstand6 { line-height: 2.2em; margin-left: 6px }
.infobox_rechts h3  { color: white; line-height: 1.2em; background-color: #5ab4ff; background-image: url("img/bg_h3_gruen.gif"); background-repeat: repeat-y; word-spacing: 0.1em; letter-spacing: 0; display: block; margin: 0; border-style: solid; border-width: 1px; border-color: #d8eeff #3871a1 #3871a1 #1a8200 }
.anker    { visibility: hidden; margin-top: -120px; margin-bottom: 121px; width: 1px; overflow: hidden }
p a:link     { color: #0a8aff; font-weight: bold; text-decoration: none; background: url(img/linkpfeil_a.gif) no-repeat left top; padding-left: 14px }
p a:visited    { color: #0a8aff; font-weight: bold; text-decoration: none; background: url(img/linkpfeil_a.gif) no-repeat left top; padding-left: 14px }
p a:hover    { color: #545454; font-weight: bold; text-decoration: none; background: url(img/linkpfeil_b.gif) no-repeat left top; padding-left: 14px }
p a:active    { color: #0a8aff; font-weight: bold; text-decoration: none; background: url(img/linkpfeil_a.gif) no-repeat left top; padding-left: 14px }

.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   { display: block; width: 80%; float: left }
.infobox_rechts   { display: block; margin: 0; padding: 0; width: 18%; float: right }
.infobox_rechts_innen   { background-color: #e3e3e3; display: block; margin: 0; padding: 0; width: 100%; clear: both; overflow: hidden; border-top: 1px solid #8fc9e2 }
.bild_in_randbox      { display: block; margin: -2.1em 4px 0 -4px; 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	{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.randbox	   { display: inline-table; margin: 0 0 15px; padding: 0; width: 100%; float: left; border: solid 1px #c4c4c4 }

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

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

.randbox p	    { margin: 0.3em 4px 0 }
.jobdetail { background-color: gray; display: block; margin: -1.7em 1px 0 0; width: 20px; float: right; clear: none; border-style: solid; border-width: 1px 1px 0; border-color: gray }
.jobdetail img { margin-bottom: 1px }
.kundenlisten { color: #535353; font-size: 70%; font-family: arial, sans-serif; font-weight: normal; line-height: 1.1em; list-style-type: none; display: block; margin: 0; padding: 0 }
.kundenlisten li { padding: 3px; border-top: 1px solid white }
.jobdetaillisten { color: #535353; font-size: 70%; font-family: arial, sans-serif; font-weight: normal; line-height: 1.1em; list-style-type: none; display: block; margin: 0; padding: 0 }
.jobdetaillisten li  { line-height: 20px; padding: 0; border-top: 1px solid white }
.infobox_rechts p { margin: 0; padding: 0 }
.supertext  { font-size: 60%; line-height: 0.7em; margin-top: -20px; vertical-align: super }
.machmalumbruch  { display: block; height: 0; float: none; clear: both }
.text_mini { color: #a9a9a9; 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  { display: block; height: 350px }
p abbr { cursor: help; border-bottom: 1px dotted #393939 }

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 }
#titelbild  { position: absolute; z-index: 500; top: 15px; left: 308px; width: 230px }
#titelkuh { position: absolute; z-index: 501; top: 410px; left: 200px !important; width: 230px }
#titeltext { margin-left: 260px }
.newspic { margin: 3px 10px 5px 0px; border: solid 5px #d0d0d0 }
* html .newspic { margin: 3px 10px 0px 0px; border: solid 5px #d0d0d0 }