@charset "utf-8";

* {
    margin: 0;
    padding: 0;
}

/*Browserweise für Transperenzen*/

img, div {
   behavior: url(iepngfix.htc);
}

body {
 	font-family: Helvetica, Verdana, Arial, sans-serif;
    width: 950px;
    margin: auto;
	font-size: 14px;
    position: relative;
	color: #1b1b1b;
	background-image: url(../pics/hintergrund.jpg);
} 

.rot {
	color: red;
}

.fett {
	font-weight: bold;
}

.fett_blau{
	font-weight: bold;
	color: #2082cd;
}

.unsichtbar {
	color: #fafafa;
	text-align: center;
}

.mittig  {
	position: absolute;
	left: 425px;
	top: 1030px;
}

.unterstrichen {
	text-decoration: underline;
}

hr {
	color: #2082cd;
}

a {
	outline: none;
	text-decoration: none;
	color: black;
}

a:hover {
	color: #2082cd;
}

p {
	padding: 10px;
	font-size: 12px;
}

.button {
	padding: 5px;
	margin-left: 25px;
	outline: none;
}

.button:hover {
	color: #2082cd;
}

.klein_schrift {
	font-size: 10px;
}

.ueberschrift {
	font-size: 18px;
}

.eingerueckt {
	padding-left: 15px;
}

.blau {
	color: #2082cd;
}

ul {
	padding-left: 50px;
}

.head {
	height: 200px;
	width: 950px;
	background-image: url(../pics/head.jpg);
}

.head p{
	padding-left: 455px;
	color: black;
	padding-top: 160px;
	font-size: 20px;
}

#computer_png {
	position: absolute;
	width: 220px;
	height: 170px;
	left: 750px;
	top: 30px;
}

#kabel {
	position: absolute;
	left: -44px;
	top: 75px;
	width: 380px;
	height: 222px;
}

#hardware {
	width: 180px;
	height: 285px;
	float: right;
}

#bild_startseite {
	position: absolute;
	top: 360px;
	left: 720px;
	height: 222px;	
	width: 157px;
}

#computer_startseite {
	width: 207px;
	height: 173px;
	float: left;
	margin-top: 20px;
	margin-right: 30px;
	padding-bottom: 20px;
}

#computer_startseite_bild{
	position: absolute;
	top: 590px;
	left: 220px;
}

p {
	text-align: justify;
}

.meta {
	padding-left: 295px;
	padding-bottom: 50px;
}

.meta a {
	margin-right: 21px;
	text-decoration: none;
	color: black;
	text-decoration: none;
}

.meta_a_eingerueckt {
	padding-left: 20px;
}

.meta a:hover {
	color: #2082cd;
}


.inhalt_mitte{
	background-color: #fafafa;
	width: 780px;
	height: 930px;
	float: right;
	padding: 10px;
}

.navigation_links {
	background-color: #fafafa;
	width: 150px;
	height: 850px;
	float: left;
	padding-top: 100px;
}

.navigation_links a{
	display: block;
	margin-left: 30px;	
	font-size: 13px;
}

/* CSS für unternehmen.html */	
	
#text_unternehmen {
	width: 400px;
	padding-left: 50px;
	padding-top: 10px;
	float: left;
}

#unternehmen {
	width: 209px;
	height: 119px;
	float: left;
	margin-top: 70px;
	margin-left: 20px;
}

#unternehmen_foto {
	position: absolute;
	width: 209px;
	height: 119px;
	top: 350px;
	left: 640px;
}

.gemeinsam_ans_ziel{
	padding-top: 130px;
	padding-left: 40px;
}

/* CSS für presse.html */

#text_presse {
	width: 550px;
	padding-left: 50px;
	padding-top: 10px;
	font-size: 12px;
}

#zeitung{
	padding-left: 15px;
	border: none;
}

/* CSS für index.html */

.text_index {
	width: 650px;
	float: left;
	padding-left: 50px;
	padding-top: 10px;
}

#haende {
	background-image: url(../pics/haende.jpg);
	background-repeat: no-repeat;
	width: 209px;
	height: 119px;
	float: right;
	padding-left: 100px;
	padding-top: 100px;
}

/* CSS für leistungen.html */

#text_leistungen {
	width: 550px;
	padding-left: 50px;
	padding-top: 10px;
	font-size: 12px;
}

#heande p{
	text-align: center;
}

/* CSS für reparatur.html */

#text_service {
	width: 350px;
	font-size: 12px;
	padding-left: 50px;
	padding-top: 10px;
}

#pcservice1 {
	position: absolute;
	top: 300px;
	left: 580px;
}

/* CSS für notebooks.html */

#text_notebooks {
	width: 400px;
	font-size: 12px;
	padding-left: 50px;
	padding-top: 10px;
}

#logos_computerhersteller {
	background-image: url(../pics/logoscpu.png);
	background-repeat: no-repeat;
	width: 500px;
	height: 150px;
	margin: 50px;
}

/* CSS für bios_flash.html */

#text_bios {
	width: 400px;
	font-size: 12px;
	padding-left: 50px;
	padding-top: 10px;
}

#bios_flash_foto{
	position: absolute;
	left: 580px;
	top: 380px;
	width: 250px;
	height: 156px;
}

/* CSS für roll_out.html */

#text_roll_out {
	width: 400px;
	font-size: 12px;
	padding-left: 50px;
	padding-top: 10px;
}

#roll_out_foto {
	position: absolute;
	width: 300px;
	height: 299px;
	left: 600px;
	top: 250px;
}

/* CSS für dsl.html */

#text_dsl {
	width: 400px;
	font-size: 12px;
	padding-left: 50px;
	padding-top: 10px;
}

#dsl_internet_foto{
	position: absolute;
	left: 650px;
	top: 410px;
}

/* CSS für datenrettung.html */

#text_datenrettung {
	width: 350px;
	font-size: 12px;
	padding-left: 50px;
	padding-top: 10px;
}

#datenrettung_foto{
	position: absolute;
	width: 150px;
	height: 225px;
	left: 650px;
	top: 340px;
}

/* CSS für referenzen.html */

#text_referenzen {
	width: 670px;
	font-size: 11px;
	padding-left: 50px;
	padding-top: 10px;
}

/* CSS für preise.html */

.firmen_referenzen{
	padding-left: 10px;
	line-height: 15px;
}

#text_preise {
	width: 700px;
	font-size: 12px;
	padding-top: 10px;
	padding-left: 50px;
}

table {
	padding-left: 20px;
	padding-top: 20px;
	border: none;
}

td {	
	height: 15px;
	margin: 4px;
	padding: 4px;
}

/* CSS für partner.html */

#text_partner {
	width: 600px;
	padding-left: 50px;
	padding-top: 10px;
}

.mittig_partner {
	position: absolute;
	left: 350px;
	top: 1000px;
}
img {
	border: none;
}

td {
	font-size: 12px;
}

/* CSS für kontakt.html */
#text_kontakt {
	padding-left: 50px;
	padding-top: 10px;
}

#google_maps{
	float: left;
	padding-top: 20px;
}

#kontakt {
	width: 250px;
	height: 300px;
	float: right;
	margin-right: 50px;
	margin-top: 10px;
}

.table_unten{
	clear: both;
}

/* CSS für agb.html */

#text_agb{
	width: 670px;
	font-size: 11px;
	padding-left: 50px;
	padding-top: 10px;
}

.agb {
    padding: 5px;
    margin-top: 5px;
    margin-left: 10px;
    margin-bottom: 5px;
    width: 600px;
    height: 650px;
    overflow: auto;
}

/* CSS für impressum.html */

.text_impressum{
	width: 600px;
	font-size: 11px;
	padding-left: 50px;
	padding-top: 10px;
}

#parag{
	position: absolute;
	width: 50px;
	height: 124px;
	left: 450px;
	top: 350px;
}

/* CSS für danke.html */

#text_danke {
	width: 350px;
	font-size: 11px;
	padding-left: 50px;
	padding-top: 10px;
}

#danke_bild {
	position: absolute;
	left: 600px;
	top: 400px;
	width: 200px;
	height: 256px;
}

/* CSS für webdesign.html */

#webdesign {
	width: 500px;
	font-size: 11px;
	padding-left: 50px;
	padding-top: 10px;
}

#logo_webdesign {
	position: absolute;
	background-repeat: no-repeat;
	width: 100px;
	height: 116px;
	left: 30px;
	top: 850px;
}

#webdesign-logo {
	position: absolute;
	width: 200px;
	height: 112px;
	top: 338px;
	left: 725px;
	border: none;
}

/* CSS für unterricht.html */

#unterricht {
	width: 600px;
	font-size: 11px;
	padding-left: 50px;
	padding-top: 10px;
}

/* CSS für seminare.html */

#seminare {
	position: absolute;
	width: 300px;
	height: 163px;
	left: 510px;
	top: 380px;
}

#web_business_manager {
	position: absolute;
	background-repeat: no-repeat;
	width: 100px;
	height: 116px;
	left: 30px;
	top: 980px;
}

#abschluss_grafik{
	position: absolute;
	left: 0px;
	top: 1050px;
	width: 950px;
	height: 100px;
}
#abschluss {
    clear: both;
}