/* CSS Document */

body {
  margin: 0px;
  text-align: center;  /* nur für alte Browser */
  background-color: #ffffff;
}
#zentrierung {
  width: 912px;
  margin: 0px auto;
  padding: 0px;
  text-align: left;
  background-color: #ffffc6;
  background-image:url(Bilder/gbFade.jpg);
}
#logo {
  width: 900px;
  height: 132px;
  margin-right: 6px;
  margin-left: 6px;
  background-image:url(Bilder/bgLogo.jpg);
}
#menue {
  width: 912px;
  margin-bottom: 40px;
}
#MenueInnen {
  padding-left: 214px;
}
#content {
  width: 892px;
  padding-left: 10px;
  padding-right: 10px;
  /* background-color: blue;  */
}
#content_left {
  width: 495px; /*495px*/
  margin-left: 14px;
  margin-right: 33px;  
  /* background-color: green; */
}
#content_left_unternehmen {
  width: 495px; /*495px*/
  margin-left: 14px;
  margin-right: 33px;  
  /* background-color: green; */
}
#content_left_kontakt {
  width: 495px; /*495px*/
  margin-left: 14px;
  margin-right: 33px;  
  /* background-color: green; */
}
#content_right {
  float: right;
  width: 360px;
  /* background-color: red; */
  
}
#footer {
  width: 912px;
  hight: 20px;
  padding-top: 5px;
  padding-bottom: 2px;
  background-image:url(Bilder/gbfooter.jpg);
  font-family:Verdana, Arial;
  font-size: 9px;
  font-weight: bold;
  color: #A5C5D7;
}

#logo_themen {
	position: relative;
	left: 170px;
	top: 82px;
	font-family: Verdana, Arial;
	font-size: 17px;
	font-weight:bolder;
	color: #A5C5D7;
	letter-spacing: 2px;
	word-spacing: 5px;
	
}
.ueber1 {
	font-family: Verdana, Arial;
	font-size: 17px;
	font-weight:bolder;
	color: #A5C5D7;
	letter-spacing: 0px;
	word-spacing: 0px;
	margin-bottom:23px;
	line-height: 18px;
}

.ueber2 {
	font-family: Verdana, Arial;
	/* font-size: 11.22px; */
	font-size: 11px;
	font-weight:bold;
	color: #285160;
	letter-spacing: 1px;
	word-spacing: -1px;
	line-height: 18px;
}
.ueber3 {
	font-family: Verdana, Arial;
	font-size: 11.22px;
	font-weight: normal;
	color: #285160;
	letter-spacing: 1px;
	word-spacing: 0px;
	margin-top: 21.17px;
	line-height: 18px;
	text-align:justify;
}

/* Zeile mit Pfeil davor*/
.feed {
	margin-left: 0px;
	margin-top: 21.17px;
	padding: 0 0 0 19px;
	background: url("Bilder/pfeil.jpg") no-repeat 0 3px;
	font-family: Verdana, Arial;
	font-size: 11.22px;
	font-weight: normal;
	color: #285160;
	letter-spacing: 1px;
	word-spacing: 0px;
	line-height: 16px; /*16px;*/
	text-align:justify;
} 
.feed2 {
	margin-left: 0px;
	margin-top: 0px; /*21.17px; */
	padding: 0 0 0 19px;
	/* background: url("Bilder/pfeil.jpg") no-repeat 0 3px;*/
	font-family: Verdana, Arial;
	font-size: 11.22px;
	font-weight: normal;
	color: #285160;
	letter-spacing: 1px;
	word-spacing: 0px;
	line-height: 16px; /*16px;*/
	text-align:justify;
} 

#unternehmen_Bild1 {
	float: right;
	margin-left: 3px;
}
.kontakt {
	float: right;	
	padding-bottom: 20px;
	padding-top: 10px;
	border: none;
}
.Bild_AtTaste {
	padding-top: 16px;
	padding-bottom: 16px;
}

/* Styles für den Infokasten rechts*/ 
.no_line {
	text-decoration: none;
	text-underline: none;	
	color: #A5C5D7;
}
.info_h1 {
	font-family: Verdana, Arial;
	font-size:  15.88px; /* 17.99px; */
	font-weight:bolder;
	color: #A5C5D7;
	letter-spacing: 2px;
	word-spacing: 5px;
	margin-top: 25px;
	margin-left: 15px; /* 4px;*/
	padding-left: 19px;  
	line-height: 18px;
	background: url("Bilder/pfeil_menue.jpg") no-repeat 0 2px; 	text-decoration: none;
	text-decoration: none;
	text-underline: none;		
}
.info_h2 {
	font-family: Verdana, Arial;
	font-size: 9.52px;
	font-weight: bold;
	color: #285160;
	letter-spacing: 0.3px;
	word-spacing: 0px;
	margin-top: 7.41px;
	padding-left: 19px;
	margin-left: 15px; /* 4px; */
	/* line-height: 18px; */
	text-decoration: none;
	text-underline: none;		
}
.info_h3 {
	font-family: Verdana, Arial;
	font-size: 13.76px; /* 15.88px; */
	font-weight: bold;
	color: #285160;
	letter-spacing: 2px;
	word-spacing: 0px;
	margin-top: 32px;
	padding-left: 19px;
	margin-left: 4px;
}
.info_h4 {
	font-family: Verdana, Arial;
	font-size: 11px;
	font-weight: bold;
	color: #285160;
	letter-spacing: 0px;
	word-spacing: 0px;
	margin-top: 7px;
	padding-left: 19px;
	margin-left: 23px;
	background: url("Bilder/menue_pfeil_dunkel.jpg") no-repeat 0 4px; 
	
}
 
/* Hier beginnen Änderungen für Leistungen*/
/* -------------------------------------------------------------------------------- */
#content_right_Leistungen {
  float: right;
  width: 283px;
  /* background-color: red;  */
  
}
#content_right_unternehmen {
  float: right;
  width: 283px;
  /* background-color: red;  */
  
}
#content_left_Leistungen {
  width: 570px; /* 532px*/
  margin-left: 10px; /* 14px; */
  margin-right: 33px; 
  /*  background-color: green;  */
}
.leistungen_rechts{
	padding-top: 16px;
	padding-bottom: 16px;
}
.info_h1_Leistungen {
	font-family: Verdana, Arial;
	font-size: 17.99px;
	font-weight:bolder;
	color: #A5C5D7;
	letter-spacing: 1px;
	word-spacing: 5px;
	margin-top: 25px;
	margin-left: 4px;
	padding-left: 4px;
	line-height: 18px;
}
.info_h2_Leistungen {
	font-family: Verdana, Arial;
	font-size: 12.7px;
	font-weight: bold;
	color: #285160;
	letter-spacing: -0.5px;
	word-spacing: 0px;
	margin-top: 20px;
	padding-left: 19px;
	margin-left: 10px;
	background: url("Bilder/pfeil_info_leistungen.jpg") no-repeat 0 3px;
	
}
.info_h2_Leistungen:hover {
	font-family: Verdana, Arial;
	font-size: 12.7px;
	font-weight: bold;
	color: #97c6d9;
	letter-spacing: -0.5px;
	word-spacing: 0px;
	margin-top: 20px;
	padding-left: 19px;
	margin-left: 10px;
	background: url("Bilder/pfeil_info_leistungen.jpg") no-repeat 0 3px;
}
.info_h2_Leistungen_hl {
	font-family: Verdana, Arial;
	font-size: 12.7px;
	font-weight: bold;
	color: #97c6d9;
	letter-spacing: -0.5px;
	word-spacing: 0px;
	margin-top: 20px;
	padding-left: 19px;
	margin-left: 10px;
	background: url("Bilder/pfeil_info_leistungen.jpg") no-repeat 0 3px;
	text-decoration: none;
	text-underline: none;			
}
.oben_rechts_leistungen {
	width: 245px;
	float: right;
	/*  background-color: green;  */
}
.oben_link_leistungen {
	width: 320px; /* 245px; */
	/* background-color: red; */
}
.unten_rechts_leistungen {
	width: 245px;
	float: right;
	padding-bottom: 87px;
	/* background-color: green; */
}
.unten_link_leistungen {
	width: 245px;
	padding-bottom: 87px;	
	/* background-color: red; */
}
.bild_mitte_leistungen{
	padding-bottom: 36px;
	padding-top: 36px;
	padding-left: 40px;
	 
}
.content_h1_leistungen {
	font-family: Verdana, Arial;
	font-size: 17.99px;
	font-weight:bolder;
	color: #A5C5D7;
	letter-spacing: 1px;
	word-spacing: 4px;
	margin-top: 0px;
	margin-bottom: 30px;
	margin-left: 4px;
	padding-left: 4px;
	line-height: 18px;
}
.content_h1b_leistungen {
	font-family: Verdana, Arial;
	font-size: 17.99px;
	font-weight:bolder;
	color: #A5C5D7;
	letter-spacing: 4px;
	word-spacing: 4px;
	margin-top: 0px;
	margin-bottom: 30px;
	margin-left: 4px;
	padding-left: 4px;
	line-height: 18px;
}
.content_h2_leistungen_a {
	font-family: Verdana, Arial;
	font-size: 10.58px;
	font-weight: normal;
	color: #285160;
	letter-spacing: 1px;
	word-spacing: -0.2px;
	margin-top: 14px;
	padding-left: 19px;
	margin-left: 10px;
	background: url("Bilder/pfeil_info_leistungen.jpg") no-repeat 0 2px;
}
.content_h2_leistungen_b {
	font-family: Verdana, Arial;
	font-size: 10.58px;
	font-weight: normal;
	color: #285160;
	letter-spacing: 0.2px;
	word-spacing: -0.2px;
	margin-top: 14px;
	padding-left: 19px;
	margin-left: 10px;
	background: url("Bilder/pfeil_info_leistungen.jpg") no-repeat 0 2px;
}
.mehr_Leistungen {
	padding-top: 20px;
	padding-left: 10px;
}
/* ----------------------------------------------------------------- */
/*  Hier beginne webdesign.php */

.content_left_webdesign {
  width: 570px; /* 532px*/
  margin-left: 14px;
  margin-right: 33px; 
  /* background-color: green;  */
}
.content_fett_webdesign {
	font-family: Verdana, Arial;
	font-size: 12.7px;
	font-weight: bold;
	color: #285160;
	letter-spacing: -0.5px;
	word-spacing: 0px;
	margin-top: 10px;
	margin-left: 10px;
}
.content_h2_webdesign {
	font-family: Verdana, Arial;
	font-size: 10.58px;
	font-weight: normal;
	color: #285160;
	letter-spacing: 0.7px;
	word-spacing: -0.2px;
	margin-top: 10px;
	padding-left: 19px;
	margin-left: 10px;
	background: url("Bilder/pfeil_info_leistungen.jpg") no-repeat 0 2px;
}

.content_link_webdesign {
	float: right;	
	padding-bottom: 50px;
	padding-top: 30px;
	border: none;
}
.content_left_webdesign_abschnitt {
	/* background-color: green; */
	width:570px;
	
}
.webdesign_element_links {
	/* background-color: red;  */
	width:250px; 
	
}
.webdesign_element_rechts {
	/* background-color: blue; */
	width:300px; 
	float: right;	

}
/* ------------------------------------------------------------------------*/
/* Hier beginnt seo.php*/
.content_h2b_seo {
	font-family: Verdana, Arial;
	font-size: 10.58px;
	font-weight: normal;
	color: #285160;
	letter-spacing: 0.7px;
	word-spacing: -0.2px;
	margin-top: 10px;
	padding-left: 19px;
	margin-left: 10px;
}
.content_h3_seo {
	font-family: Verdana, Arial;
	font-size: 10.58px;
	font-weight: normal;
	color: #285160;
	letter-spacing: 0.7px;
	word-spacing: -0.2px;
	margin-top: 10px;
	margin-left: 10px;
}
.content_link_seo {
	float: right;	
	padding-bottom: 50px;
	padding-top: 30px;
	border: none;
}
#image_seo{
	position: absolute;
	float: right;
	top: 290px;
	left: 540px;
}
.content_fett_seo{
	font-family: Verdana, Arial;
	font-size: 12.7px;
	font-weight: bold;
	color: #285160;
	letter-spacing: -0.5px;
	word-spacing: 0px;
	margin-top: 10px;
	margin-left: 10px;
	margin-bottom: 20px;
	line-height:20px;
}
/* ------------------------------------------------------------------------*/
/* Hier beginnt webmarketing.php*/
.content_fett_marketing{
	font-family: Verdana, Arial;
	font-size: 12.7px;
	font-weight: bold;
	color: #285160;
	letter-spacing: -0.5px;
	word-spacing: 0px;
	margin-top: 10px;
	margin-left: 10px;
}
/* ------------------------------------------------------------------------*/
/* Hier beginnt programmierung.php*/
/*#content_h3_seo {
	font-family: Verdana, Arial;
	font-size: 10.58px;
	font-weight: normal;
	color: #285160;
	letter-spacing: 0.5px;
	word-spacing: -0.2px;
	margin-top: 10px;
	margin-left: 10px;
	line-height:20px;
}*/
/* ------------------------------------------------------------------------*/
/* Hier beginnt angebote.php*/
.info_h2_angebote {
	font-family: Verdana, Arial;
	font-size: 12.7px;
	font-weight: bold;
	color: #285160;
	letter-spacing: -0.5px;
	word-spacing: 0px;
	margin-top: 20px;
	padding-left: 19px;
	margin-left: 10px;
	background: url("Bilder/pfeil_info_leistungen.jpg") no-repeat 0 3px;
	text-decoration: none;
	text-underline: none;		
}
.info_h2b_angebote {
	font-family: Verdana, Arial;
	font-size: 12.7px;
	font-weight: bold;
	color: #285160;
	letter-spacing: -0.5px;
	word-spacing: 0px;
	margin-top: 4px;
	padding-left: 19px;
	margin-left: 10px;
	/* background: url("Bilder/pfeil_info_leistungen.jpg") no-repeat 0 3px;*/
	text-decoration: none;
	text-underline: none;		
}
.content_h1_angebote {
	font-family: Verdana, Arial;
	font-size: 17.99px;
	font-weight:bolder;
	color: #A5C5D7;
	letter-spacing: 1px;
	word-spacing: 4px;
	margin-top: 0px;
	margin-bottom: 30px;
	margin-left: 4px;
	padding-left: 4px;
	line-height: 18px;
	text-decoration: none;
	text-underline: none;		
}
#content_h1_angebote_rechts {
	font-family: Verdana, Arial;
	font-size: 17.99px;
	font-weight:bolder;
	color: #A5C5D7;
	letter-spacing: 1px;
	word-spacing: 4px;
	margin-top: 0px;
	margin-bottom: 30px;
	margin-left: 4px;
	padding-left: 4px;
	line-height: 18px;
	text-decoration: none;
	text-underline: none;		
}
.angebot_element_links {
	/* background-color: red;  */
	width:250px; 
}
.angebot_element_rechts {
	/* background-color: blue; */
	width:300px; 
	margin-left:250px;
	/* float: right;	*/
}
.abeurotext {
	font-family: Verdana, Arial;
	font-size: 11px;
	font-weight: bold;
	color: #285160;
	letter-spacing: 1px;
	word-spacing: 0px;
	margin-top: 7px;
	padding-left: 0px;
	margin-left: 10px;
}
/* ------------------------------------------------------------------------*/
/* Hier beginnt methode.php*/
.content_h2_methode {
	font-family: Verdana, Arial;
	font-size: 10.58px;
	font-weight: normal;
	color: #285160;
	letter-spacing: 1px; /*0.2px;*/
	word-spacing: -0.2px;
	margin-top: 10px;
	padding-left: 19px;
	margin-left: 10px;
	background: url("Bilder/pfeil_info_leistungen.jpg") no-repeat 0 2px;
	text-decoration: none;
	text-underline: none;		
}
.content_h2b_methode {
	font-family: Verdana, Arial;
	font-size: 10.58px;
	font-weight: normal;
	color: #285160;
	letter-spacing: 1px;
	word-spacing: -0.2px;
	margin-top: 10px;
	padding-left: 19px;
	margin-left: 10px;
}
.content_h3_methode {
	font-family: Verdana, Arial;
	font-size: 11.22px;
	font-weight: normal;
	color: #285160;
	letter-spacing: 1px;
	word-spacing: 0px;
	margin-top: 21.17px;
	line-height: 18px;
		
	/* margin-top: 10px;*/
	margin-left: 10px;
	text-decoration: none;
	text-underline: none;		
}
.angebote_methode{
	margin-left:120px;
	padding-top: 20px;
	border-color: #ffffff;
	border: solid 1px #ffffff;
}

/* ------------------------------------------------------------------------*/
/* Hier beginnt kontakt.php*/
#ueber_kontakt {
	font-family: Verdana, Arial;
	font-size: 17px;
	font-weight:bolder;
	color: #A5C5D7;
	letter-spacing: 0px;
	word-spacing: 0px;
	margin-bottom:15px;
	line-height: 18px;
	margin-left:21px;
	/* background-color: blue;*/
}

#a {
	text-decoration: none;
	text-underline: none;
}
#text_dunkelgross_kontakt {
	font-family: Verdana, Arial;
	font-size: 12.76px; /* 15.88px; */
	font-weight: bold;
	color: #285160;
	letter-spacing: 1.79px; /* 2px; */
	line-height:20px;
	word-spacing: 0px;
	margin-top: 20px;
	padding-left: 19px;
	margin-left: 4px;
	/* background-color: red;  */
	width :330px;
	text-decoration: none;
	text-underline: none;
}
#kontakt_bild{
	position: relative;
	float: right; /* right */
	top: 0px; /* 195px; */
	left: 70px; /* 575px; */
	margin-left:0px; /* 0px; */
	margin-top:0px; /* 0px; */
	/* background-color: red; */

}
#formular{
	width:544px;
	heigth:424px;
	background: url("Bilder/Kontakt_formular_bg.jpg") no-repeat 0 0px;
	margin-top:40px;
	margin-left: 21px;
}
#feld_vorname{
	margin-left:10px;
	margin-top:21px;
	width:220px;
	background-color: #e4f6fa;
	border-color:#e4f6fa;
	border: solid 1px #e4f6fa;
}
#feld_nachname{
	margin-left:10px;
	margin-top:46px;
	width:220px;
	background-color: #e4f6fa; 
	border-color:#e4f6fa;
	border: solid 1px #e4f6fa;
}
#feld_tel{
	margin-left:10px;
	margin-top:44px;
	width:220px;
	background-color: #e4f6fa;
	border-color:#e4f6fa;
	border: solid 1px #e4f6fa;
}
#feld_mail{
	margin-left:10px;
	margin-top:45px;
	width:220px;
	background-color:#e4f6fa; 
	border-color:#e4f6fa;
	border: solid 1px #e4f6fa;
}
#feld_nachricht{
	margin-right:10px;
	margin-top:21px;
	width:270px;
	height:210px;
	background-color:#e4f6fa; 
	border-color:#e4f6fa;
	border: solid 1px #e4f6fa;
	float:right;
	
}
#senden{
	margin-left:446px;
	margin-top:12px;

}
.kontakt_menu_dick{
	font-family: Verdana, Arial;
	font-size: 12.7px;
	font-weight: bold;
	color: #285160;
	letter-spacing: -0.5px;
	word-spacing: 0px;
	margin-top: 20px;
/*		padding-left: 10px;*/
	margin-left: 10px;
}
.kontakt_menu_duenn{
	font-family: Verdana, Arial;
	font-size: 12.7px;
	font-weight: normal;
	color: #285160;
	letter-spacing: -0.5px;
	word-spacing: -0.5px;
	margin-top: 10px;
/*		padding-left: 10px;*/
	margin-left: 10px;
	
}
.referenzen{
	margin-top:20px;
	margin-left: 30px;
	margin-right:26px;
}

#fehlertext {
		font-family: Verdana, Arial;
	font-size: 12.7px;
	font-weight: bold;
	color: #285160;
	letter-spacing: -0.5px;
	word-spacing: 0px;
	margin-top: 20px;
	margin-left: 10px;
	
}
.bg_o{
	background:url("Bilder/Unternehmen_o.jpg") repeat;
}
.bg_u{
	background:url("Bilder/Unternehmen_u.jpg") repeat;
}
.bg_l{
	background:url("Bilder/Unternehmen_l.jpg") repeat;
}
.bg_r{
	background:url("Bilder/Unternehmen_r1.jpg") repeat;
}