/*
Layout "SIS-BottomFooter"
Der Footer ist auch auf kurzen Seiten am unteren Bildschirmrand.
Bei langen Seiten bleibt er unter dem Content.
05.12.2008
Quelle: SelfHtml.org

Anmerkung Seitenaufbau kurzer Seiten: 
IE7: genau 100% Seitenhoehe.
Firefox 3: > 100% Seitenhoehe = Scrollbar.
*/

html,body 	{
	top:0; left:0; right:0;
	min-height:100%;
	height:100%;
	margin:0;
	padding:0;
	width:100%;
	min-width:1000px;
	}
body	{
	position:absolute;
	background:#999999;
	font-family:Arial, Helvetica, Verdana, sans-serif;
	font-size:100%;
	overflow:scroll;
	}
	
#pagecontainer {
	min-height:90%;
	max-width:1000px;
	min-height:600px;
	margin:0 auto 0 auto;
	border-left:1px solid #4F4F4F;
  	border-right:1px solid #4F4F4F; 
  	background:url(images/HeaderHG.png) repeat-x white;
  	position:relative;
	} 

* html #pagecontainer {
	height:100%;
	max-width:1000px;
	margin:0 auto 0 auto;
	}

#content {
	position:relative;
	padding:0 0 103px 0;

	}
#content_main {
	position:relative; top:0px; left:0px;
	margin:30px 20px 0px 36px;
	display:block;
	padding:1px;
	}
	
#menu {
	position:absolute; left:316px; top:-16px;
 	width:600px; 
 	height:18px;
	font-size:14px;
	font-weight:bold;
	color:white;
	
	}
#menu a { text-decoration:none; color:white; padding:9px 3px 9px 3px;}
#menu a:link,#menu a:visited {  }
#menu a:hover  {  background:url(images/MenuHover.png) repeat-x;}	
#menu a:active {  position:relative; top:1px; left:1px; background:none; }
	
#headercontainer 
	{
	}	
#header {
	text-align:left;
	height:90px;
	position:relative;
	} /* height:127px; bevor Menuleiste in Content genommen wurde */
 #header-logo {
 	position:absolute; left:26px; top:0px;
 	width:233px; 
 	height:128px; 
 	float:left;
 	background:url(images/SecuSped.png) no-repeat transparent;
 	}
 #header-comp {
	position:absolute; left:304px; top:0px;
 	width:694px; 
 	height:70px;
 	background:url(images/HeaderComp.png) no-repeat top right;
 	} /* position:relative; left:305px; top:0px; width:694px;*/
 #header-txt {
 	position:absolute; left:316px; top:76px;
 	width:660px; 
 	height:16px;
 	font-size:14px;
 
 	} /* padding:0 0 0 316px; */

#footercontainer
	{
	max-width:1000px;
	margin:0 auto 0 auto;
	border-left:0px solid #4F4F4F;
  	border-right:0px solid #4F4F4F; 
  	display:inline-block;
	}
#footer {
	clear:left;
	text-align:left;
	height:103px;
	margin: -5em auto 0 auto;
	background:url(images/FooterHG.png) repeat-x;
	position:relative;
	
	} 
  #submenu 
  {
    position:absolute; top:2px; left:0px;
    height:20px;
    width:1000px;
    text-align:center;
    color:White;
    font-size:14px;
    z-index:1;
    
  }
  #submenu a { text-decoration:none; color:white;}
  #submenu a:link,#submenu a:visited {  }
  #submenu a:active,#submenu a:hover { text-decoration:underline; }
  
    #footer-comp 
  	{
  	position:absolute; left:5px; top:32px;
 	width:598px; 
 	height:71px; 
 	float:left;
 	background:url(images/FooterComp.png) no-repeat;
 	
  	}
    #footer-earth 
  	{
  	position:absolute; left:665px; top:22px;
 	width:153px; 
 	height:81px; 
 	float:left;
 	background:url(images/FooterEarth.png) no-repeat;
  	}
    #footer-trans 
  	{
  	position:absolute; left:800px; top:17px;
 	width:160px; 
 	height:18px; 
 	clear:both;
  	}
  	/*
    #footer-trans 
  	{
  	position:absolute; left:800px; top:17px;
 	width:160px; 
 	height:18px; 
 	clear:both;
  	}  	
  	*/

h1,h2,h3,h4,h5 
	{
	font-size:125%;
	}
h1	{
	color:#CC0000;
	font-size:30px;
	margin:15px 0 5px 0;
	}
h2	{
	color:#4F4F4F;
	font-size:24px;
	font-weight:normal;
	margin:0 0 5px 0;
	}
h3	{
	color:#4F4F4F;
	font-size:14px;
	font-weight:bold;
	padding-right:150px;
	}
p,ul,#tablelayout  	{
	line-height:125%; 
	font-size:12px; 
	padding-right:20px;
	}

.rot  { color:#CC0000; }
.grau { color:#4F4F4F; }

.ContHGstart {
	background:url(images/ContHG01.png) no-repeat 0 150px transparent;
	min-height:450px; height:100%;
	position:relative;
	;
	}
.ContHGbasic {
	background:url(images/ContHG.png) no-repeat 0 250px transparent;
	min-height:450px; height:100%;
	position:relative;
	
	}
.ContHGbasic2 {
	background:url(images/ContHG.png) no-repeat 0 150px transparent;
	min-height:450px; height:100%;
	padding:0 100px 0 50px;
	position:relative;
	
	}
.ContHGreg {
	min-height:600px; height:100%;
	position:relative;
	
	}
 .ContHG {
 	min-height:750px; height:100%;
	position:relative;
	
 	}
.imgHG {
	background:url(images/ContHG.png) no-repeat transparent;
	}
	
#claim {
	clear:left; 
	font-size:20px; 
	color:#4f4f4f; 
	font-weight:bold;
	}
#buttonDownload{
	position:absolute; bottom:0px; right:0px;
	}