@charset "utf-8";
/* CSS Document */

* {
		margin: 0;
		padding: 0;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;	
}

body{
		background-color: #616ea1;

		font-family: Arial, Helvetica, sans-serif;
		font-size: 100.1%;
}

.c, .C {
  text-align: center;
}

#r{
text-align:right;
}

.fff{
color: #FFF;
font-size: 0.7em;

}

.f{
font-weight: bold;
}

h3 {
  		font-weight: bold;
		font-size: 2em;
}

.logo{
		position: absolute;
		top: -40px;
		width: 343px;
		height: 88px;
}

.wrapper{
		position: absolute;
		margin: auto;
		top: 70px;
		left: 70px;
		background-color: transparent;
		width: 800px;
		height: auto;
}	

a img{
		border: 0;
		margin: 0;
}

.navigation-global{
		white-space: nowrap; /*verhindert einen Zeilenumbruch*/
		position: absolute;
		left: 800px;
		width: 200px;
		height: 25px;
		margin-top: 20px;
}

.horizontal span {
		padding-left: 5px;
		padding-right: 5px;
}

.navigation{
		position: absolute;
		top: 100px;
		left: -220px;
}

.navigation ul{
		list-style: none;
		font-size: 0.7em;
}

.navigation ul li{
		position: relative;
		cursor: pointer;
		width: 170px;
}

.navi_txt{
		display: block;
		height: 1em;
		width: 3em;
		position: absolute;
		top: 55px;
		left: 5px;
		font-size: 1.2em;
}

/*--------------------------------------------------------------------------------------------------------------------------*/
														/*Content*/
/*--------------------------------------------------------------------------------------------------------------------------*/
.content{
		position: relative;
		top: 45px;
		font-size: 1.1em;
}

.footer {
  		position: relative;
		top: 55px;
		margin: 10px;
		font-size: 0.7em;
		color: #333333;
}

.footer a{
color: 000;

}	

div.navigation {
  		position: relative;
		top: 59px;
		left: 0px;
		width: 850px;
		height: 41px;
}


div.navigation a {
  		position: relative;
		top: 0;
		left: 0;
		
}

div.navigation a:visited{
color: #003070;
}

div.navigation a:hover{
color: #fff;
}

div.navigation .linktext {
 	position: absolute;
		left: 5px;
		font-size: 0.8em;
		top: 20px;
}

/***Allgemein***/
h4 {
position: absolute;
left: 10px;
top: 370px;
text-decoration: none;
color:#ffffff;
height:30px;
}

img {
border:none;
}

.navilink {
  		font-size: 0.8em;
		position: relative;
		top: -12px;
		height: 28px;
	
		padding-bottom: 9px;
		padding-top: 3px;
		background-color:#e6e6e6;
		display: inline;
}

.navilinkv {
  		font-size: 0.8em;
		position: relative;
		top: -12px;
		height: 28px;
		padding-bottom: 9px;
		padding-top: 3px;
		background-color: #989892;
		display: inline;
}



div.background{
height: 577px;
width: 819px;
background-image: url(../content/jpg/blank.jpg);
}
/***Start***/

.titelstartaufzaehlung{
display: block;
position: absolute;
top: 20px;
left: 620px;
font-weight: bold;

}

#startaufzaelung{
position: absolute;
left: 605px;
top: 60px;
width: 195px;
font-size: 0.765em;
list-style-type: none;
}

#startaufzaelung li{
padding-bottom: 5px;
}

.txt{
display:block;
padding: 10px;
position: absolute;
width: 360px;
top: 400px;
font-size: 0.65em;
color:#ffffff;
}

/***Leistungen***/
.zurueck, .untermenue a:link{color:#000;}
.zurueck, .untermenue a:visited{color:#000;}
.zurueck, .untermenue a:hover{color:#fff;}
.zurueck, .untermenue a:active{color:#fff;}

.zurueck {
position: absolute;
left: 750px;
display: block;
width: 70px;
height:20px;
}

.optibitleistungen{
position: absolute;
top: 370px;
left: 50px;
width: 390px;
color:#fff;
font-size: 0.9em;
line-height:
}
.optibitleistungen h4{
color: #fff;
top: -30px;
font-size: 1em;
left: -0px;
}

.optibitleistungen a:link{color:#fff;}
.optibitleistungen a:visited{color:#fff;}
.optibitleistungen a:hover{color:#000;}
.optibitleistungen a:active{color:#000;}


.box{
height:149px;
width:200px;
padding:0;
margin:20px;
font:bold 14px verdana, sans-serif;}

.box div{display:none;}

.box:hover div{
display: block;
width: 300px;
position: absolute;
left: -625px;
top: 85px;
padding: 15px;
}

#screenshots{
position:absolute;
top: 75px;
left: 550px;
}

#screenshots .box .screentxt {
display: block;
margin-bottom: 5px;
font-size: 0.7em;
}

.untermenue {
list-style: none;
padding-left: 230px; 
padding-top: 36px;
}
.untermenue a{
cursor: pointer;
line-height: 2em;
}

#daumenhoch{position:absolute; display: block; top:30.5px;
}

/***Schnittstellen***/

.schnittstellenmenue{
position: absolute;
left: 600px;
top: 100px;
line-height: 2em;
}

.schnittstellenmenue{
list-style: none;
}
.schnittstellenmenue a{color: #000;}
.schnittstellenmenue a:link{color:#000;}
.schnittstellenmenue a:visited{color:#000;}
.schnittstellenmenue a:hover{color:#fff;}
.schnittstellenmenue a:active{color:#fff;}

#office{position:absolute;}
#onlinebanking{position:absolute;}
#kassensysteme{position:absolute;}
#paketdienste{position:absolute;}
#webshops{position:absolute;}
#paketdienst{position: absolute;}

/***Systemanforderungen***/
/***Kontakt***/
.kontakt_h2{ /*wird verwendet für die Seiten Kontakt, Impressum*/
position: absolute;
margin-top: 25px;
left: 50px;
font-size: 1em;
text-decoration:none;
}

.adresse_postalisch{
position: absolute;
top: 350px;
left: 50px;
color: #fff;
font-size: 0.9em;
}

.adresse_elektronisch{
position:absolute;
top: 85px;
left: 50px;
font-size: 0.9em;
line-height: 1.2em;
}

.buerozeiten{
position: absolute;
top: 200px;
left: 550px;
line-height: 1.5em;
font-size:0.9em;
}

.mehr{
position: absolute;
display: block;
top: 500px;
left: 50px;
font-size: 0.6em;
color: #fff;
}
.mehr a{
color: #fff;
}

#kontakt_png{
position: absolute;
left: 550px;
top: 350px;
}

/*----------------------------------------------------workarrounds------------------------------------------------------*/
html>/**/body  div.navigation .linktext, x:-moz-any-link, x:default { /* Nur Firefox 3 */
  top: -6px;
}
*div.navigation .linktext { /* IE 7 */
		top: 20px;
}

div.navigation a.active .linktext { /* Alle */
			top: 5px;
}
html>/**/body  div.navigation a.active .linktext, x:-moz-any-link, x:default { /* Nur Firefox 3 */
  top: -5px;
}
*div.navigation a.active .linktext { /* IE 7 */
  	top: 5px;
}