html, body {height: 100%; font-family : Arial; font-size: 14px;}
body { background: #00275b url(../images/bg.jpg); color:#2e3135; padding: 0px; margin: 0; overflow-x: hidden; }
a {color:#147fa6; text-decoration: none}
a:link, a:visited, a:active {}
a:hover, a:focus {text-decoration:underline;}

/* Header und Nav */
#header {
background:#000 url(../images/header.jpg) repeat-x top;
position:fixed; 
margin:0px; 
padding:0px; 
width: 100%; 
height: 100px; 
color: #fff;
z-index:9000;
border-bottom:1px solid #fff;
}

/* Headerbereich */
#header2 { margin:0 auto; max-width:1000px; width:90%; height:95px; border:0px solid #fff; }
#logo { float:left; width:170px; height:133px; border:0px solid #fff; margin-top:10px; }
#logokl { float:left; width:181px; height:83px; border:0px solid #fff; }
#headnavigation { float:right; border:0px solid #fff; min-width:280px; height:20px; height:auto; padding:10px 5px 5px 5px; margin-right:1px; text-align:right; text-decoration: none; color:#fff;  }
#headnavigation a { float:right; border:0px solid #fff; width:auto; height:auto; padding:5px; margin-left:10px; text-align:center; text-decoration: none; color:#fff; border:0px solid #000; border-radius: 15px; }
#navigation { display:block;}


/* Box 1-2 */
#box1{border-top:0px solid #fff; top:100px; position: relative; height:278px; width: 100%; background: url(../images/hg_box1.png) repeat-x top; border-bottom:1px solid #fff;}
#box2{max-width:1000px; width:90%; height: 100%; margin:0 auto; position: relative; border:0px solid #800; text-align:center; bottom:0px; background: url(../images/bg_start.png); background-repeat:no-repeat; background-position:90% -30%;}
#box2text{max-width:1000px; width:90%; height: auto; margin:0 auto; position: relative; border:0px solid #fff; text-align:left; bottom:0px; color:#fff; padding-top:50px; }
#box2text h2 {font-size: 18px;}
#box2text h3 {font-size: 16px;}
#box2text h4 {font-size: 14px;}

#box2 img { max-width:780px; width:100%; height:auto; border:0px;}

/* Box 3-4 */
#box3{ height:160px; background: #000 url(../images/hg_black.jpg) repeat-x top; padding-bottom:5px; border-bottom:1px solid #fff; margin-top:100px;}
#box4 {width:90%; max-width:1000px; height:auto; margin:0 auto; padding-top:1px; border:0px solid #fff; overflow:hidden; }
#box4inner {float:right; width:300px; height:160px; padding:0px; border:0px solid #fff; color:#fff; }
#box4inner img { float: right; width: 121px; height: 142px; }


#box4innert {float:right; width:150px; height:150px; padding:0px; border:0px solid #fff; color:#fff;position: relative; text-align:right; }
#box4innert a { color:#006699; text-decoration: none; }
#box4innert a:hover { color:#fff; text-decoration: none; }
#box4innert span { position: absolute; bottom: 0; }

#software1 {flaot:left; min-width:320px; max-width:640px; margin:0 auto; height:auto; padding-top:0px; border:0px solid #000; text-align:center; overflow:hidden; text-align:center; }


#linksbox { margin:0 auto; max-width:610px; width:90%; height:auto; border:0px solid #336699; border-radius:5px; overflow:hidden; text-align:center; }
#link {float:left; width:200px; height:76px; border:0px solid #336699; border-radius:5px; }
#link img {max-width:200px; height:auto; border:0px solid #336699; }





#content {width:100%;  margin:0px auto;}
section { height:auto; padding: 0px 0 0 0; max-width:1000px; width:90%; margin:0px auto; border:0px solid #ccc; }
#sectionbox { height:auto; padding:130px 15px 15px 15px; max-width:1000px; width:100%; border:1px solid #316a93; }

.schatten { 
 -moz-box-shadow:1px 1px 8px #292929; /* Firefox */
 -webkit-box-shadow:1px 1px 8px #292929; /* Chrome, Safari */
 -khtml-box-shadow:1px 1px 8px #292929; /* Konqueror */
 box-shadow:1px 1px 8px #292929; /* CSS3 */
 } 





@media screen and (max-width:850px)
{
#navigation { display:none;}

}




.clearfix:after {
	visibility: hidden;
	display: block;
	content: "";
	clear: both;
	height: 0;
}