@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: url('/fonts/Roboto-Regular.ttf'); /* IE9 Compat Modes */
  src: local(''),
       url('/fonts/Roboto-Regular.ttf') format('truetype'), /* Safari, Android, iOS */
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 200;
  src: url('/fonts/Roboto-Regular.ttf'); /* IE9 Compat Modes */
  src: local(''),
       url('/fonts/Roboto-Regular.ttf') format('truetype'), /* Safari, Android, iOS */
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('/fonts/Roboto-Regular.ttf'); /* IE9 Compat Modes */
  src: local(''),
       url('/fonts/Roboto-Regular.ttf') format('truetype'), /* Safari, Android, iOS */
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('/fonts/Roboto-Regular.ttf'); /* IE9 Compat Modes */
  src: local(''),
       url('/fonts/Roboto-Regular.ttf') format('truetype'), /* Safari, Android, iOS */
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url('/fonts/Roboto-Regular.ttf'); /* IE9 Compat Modes */
  src: local(''),
       url('/fonts/Roboto-Regular.ttf') format('truetype'), /* Safari, Android, iOS */
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 600;
  src: url('/fonts/Roboto-Regular.ttf'); /* IE9 Compat Modes */
  src: local(''),
       url('/fonts/Roboto-Regular.ttf') format('truetype'), /* Safari, Android, iOS */
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('/fonts/Roboto-Regular.ttf'); /* IE9 Compat Modes */
  src: local(''),
       url('/fonts/Roboto-Regular.ttf') format('truetype'), /* Safari, Android, iOS */
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 800;
  src: url('/fonts/Roboto-Regular.ttf'); /* IE9 Compat Modes */
  src: local(''),
       url('/fonts/Roboto-Regular.ttf') format('truetype'), /* Safari, Android, iOS */
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  src: url('/fonts/Roboto-Regular.ttf'); /* IE9 Compat Modes */
  src: local(''),
       url('/fonts/Roboto-Regular.ttf') format('truetype'), /* Safari, Android, iOS */
}


body {
	margin: 0 0 0 0;
	text-align: justify;
	font-family: Roboto,Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	
	background-color:#ffffff;
}
.all-div {border-top:19px solid #0094DE;}
.oberer-bereich {
	width: 1004px;
	height: 131px;
	margin: 0 auto 0 auto;
	background:url(images/Battery-More-Logo.jpg) no-repeat center top; 
}



.navigation {
	width: 1004px;
	height: 40px;
	margin: 0 auto 0 auto;
	padding: 0px;
	background:#0094DE;
  text-align:center;
}

.navigation ul {
	margin: 0px 0 0 0px;
	list-style: none;
	line-height: normal;
  display:block;

}
* html .navigation ul { /* nur für IE6 und kleiner */
	margin: 0px 0 0 10px;
	list-style: none;
	line-height: normal;
}

.navigation li {
	display: inline-block;
	text-align: center;
}

.navigation a {
	height: 24px;
	display: block;
	float: left;
	margin: 6px 0px 0 0px;
	padding: 6px 15px 4px 15px;
	text-decoration: none;
	text-align: center;
	font-size: 14px;
	color: #ffffff;
	
}
.navigation li:hover, .navigation li.angeklickt {background-color:#007ebd;}



.inhaltsbereich {
	margin:0 auto 0 auto;
	width:1004px;
	min-height:350px;
	
}
.inhaltsbereich b, h1, h2, h3, h4 {
	color: #007ebd;

}
b.schwarz {
	color:#000000;
}
h1 {
	font-size:26px;
  font-weight:bold;
}
h2 {
	font-size:22px;
  font-weight:bold;
}
h3 {
	font-size:19px;
}
h4 {
	font-size:16px;
}
h4.naeher-oben {
	margin: -12px 0 10px 0;
}
hr {
	border: 0px; /* Für Firefox und Opera */ 
	border-top: solid 1px #0053A3; 
	border-bottom: solid 1px #0053A3; /* Für I.Explorer (Seiten-Hintergrundfarbe!) */
}
.inhalt {
	
	margin: 0 40px 0 40px;
	padding:20px;
}


.bild {
	float:right;
	margin:auto 20px 20px 30px;
	font-size:11px;
	text-align:right;

}

img.links {
	float:left;
	margin:0 25px 10px 10px;
	border:none;
}
img.rechts {
	float:right;
	margin:20px 10px 10px 30px;
	border:none;
}
.clear {
	clear:both;
}

.inhalt a {
	text-decoration: underline;
	color: #DE3A39;
}
a.normalschrift {
	text-decoration:none;
	color: #474546;;
}
.inhalt a:hover {
	text-decoration: none;
	color: #C11212;
}

.fusszeile {
	clear:both;
	font-size: 13px;
  line-height:26px;
	width: 100%;
	margin: 50px auto 0 auto;
	padding: 50px 0px 0px 0px;
background-color: #d1d1d1;
  color: #666;
	text-align:left;
}
.fusszeileinner {max-width:1000px;margin:0 auto;display:block;padding:0 20px;}
.fusszeileinner .block {width:300px;display:inline-block;border-right:1px solid #bbb;padding:0 30px 60px 0;margin:0 20px 0 0;}
.programmierer {
	clear:both;
	font-size: 13px;
	width: 100%;
	margin: 0 auto;
	padding: 20px 0 14px 0px;
background-color: #d1d1d1;
  color: #666;
	text-align:center;
}

.programmierer a {
	text-decoration: none;
  color: #666;
	margin: 3px;
  display:block;
  text-align:center;max-width:1000px;border-top:1px solid #bbb;margin: 0 auto;padding:17px 0px 3px 0px;
}
.programmierer a span {color:#0094de;}
.programmierer a:hover {
	text-decoration: none;
	color: #434343;
	
}
ol li {
	margin:8px auto auto auto;
}
a.ohne-unterstrich {
	text-decoration:none;
}