/* CSS Document */

body,html,table {font-family:arial,sans;font-size:1em;margin:0;padding:0}

#navi,#inhalt,#balken,#kopf  {position:absolute; top:100px;margin:0;padding:0}
#navi {left:30px;width:140px}
#inhalt{
	left:252px;
	top:136px;
	width:740px;
}
#balken {top:50px;width:100%;height:60px; background:url(img/bg.gif) repeat-x #005599}
#kopf {top:50px;left:240px;height:60px;background-color:white;z-index:100;padding:0 10px}
h1,h2,h3,h4,h5 {color:#005599;font-family:verdana;}
h1{font-size:1.8em;display:inline;font-variant:small-caps}
h2 {font-size:1.1em;color:grey;display:inline;font-variant:small-caps;font-weight:bold}
h3 {}
h4 {font-size:1em;font-weight:bold;line-height:1.6em;color:black}
h5 {font-size:1em;color:black}
h6 {font-size:0.8em;color:black}
#text li {list-style-image:url(img/li.gif);font-size:0.9em;line-height:1.4em}


.menu {
	margin:0;
	padding:0;
	list-style:none;
}



.menu a:link, .menu a:active, .menu a:visited, #actt{
	font-size:0.8em;
	text-decoration:none;
	display:block;
	border-bottom:1px solid #eee;
	line-height:2em;
	color:grey;
}


.menu a:hover {
	background:#eee;
	padding-left:7px;
	color:#876700
}
  a {color:#876700;text-decoration:none}
  a:hover{text-decoration:underline}
  
  #actt{padding-right:5px;border-right: 3px double #005599;background:white;color:#005599;font-weight:bold;text-align:right;}

  #text {width:602px;}
   #rechts {float:right;width:130px;text-align:right;padding-top:36px}
  .word, .word a {color:#0070C0;font-weight:bold}
  .excel, .excel a {color:#00B050;font-weight:bold}
  .outlook, .outlook a {color:#FFC000;font-weight:bold}
  .office, .office a {color:#F47581;font-weight:bold}
  .win, .win a {color:#C66EC4;font-weight:bold}
  .pp, .pp a {color:#D25B1B;font-weight:bold}
  .more, .more a {color:black;font-weight:bold}
  
  
  #inhalt ul {margin-top:-12px}
  #inhalt  p {font-size:0.9em;line-height:1.6em;}
  table {font-size:0.9em;line-height:1.3em}
  #fuss {width:738px;text-align:center;padding:7px 0; border-top: 3px double #005599;border-bottom: 3px double #005599;margin-bottom:22px}
  

  
  p.einruck {display:inline;margin-left:22px;margin-top:-100px}
  

  @media only screen and (max-width: 800px){
	  body{}
	#navi,#inhalt  {position:relative; top:10px;} 
	#kopf {top:5px;left:10%;}
	#navi {left:0;margin-left:20%}
	#navi img {}
	#text {width:100%} 
	#inhalt{	left:2px; 	top:63px;	width:98%;}
	#balken {top:5px;}
	
	  #fuss {width:100%;}
	   #rechts {width:100px}
  }

    @media only screen and (max-width: 400px){
		#kopf h1,#kof h2{font-size:.9em}
		body,html,table  {font-size:1em}
	}