/*    
	| HTML & CSS Umsetzung
	| akl-design									
	| Alexander Kurz Mulitmediadienstleistungen
	| Neugasse 1
	| D-65719 Hofheim am Taunus
	| http://www.akl-design.de
	| +49 6192 2966836
	| +49 6192 2966837              
*/

/* background */
body {
	margin: 0px;
	padding: 0px;
	background: #990000 url(../pics/red_line.gif) repeat-y;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
}

img 
{
    border: none;
    border-width: 0;
}

/* page header */
#header {	
	background: url(../pics/line.gif) repeat-x;
	width: 100%;
	height: 64px;
}

/* red line beside logo */
.red_line {
	border-right: 2px solid #CC0000;
	height: 64px;
	width: 88px;
	float: left;
}

/* CKRS claim */
#claim {
	padding-top: 23px;
	padding-left: 10px;
	padding-right: 15px;
	color: #FFFFFF;
	font-size: 30px;
	font-family: "Times New Roman", Times, serif;
	float: left;
}

/* flags */
.flag {
	padding-left: 15px;
	padding-top: 35px;
	float: left;
}

/* star main navigation */
#navigation {
 	width: 88px;
 	height: 100%;
	float:left;
}

#content {
	float: left;
	padding-top: 15px;
	padding-left: 10px;
}

#navigation ul {
	padding: 0px;
	margin: 0px;
}

#navigation li {
	clear: left;
	margin-top: 15px;
	text-align: center;
	display: block;
	float: left;
}

#navigation li a:link {
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	color: #C6836C;
	display: block;
	float: left;
	width: 88px;
}

#navigation li a:visited {
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	color: #C6836C;
	display: block;
	float: left;
	width: 88px;
}

#navigation li a:hover {
	text-decoration: underline;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	display: block;
	float: left;
	width: 88px;
}

#navigation li a:active {
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	color: #C6836C;
	display: block;
	float: left;
	width: 88px;
}
/* end main navigation */

/* Headline definitions */
h1 {
	font-weight: bold;
	font-size: 21px;
	padding: 0px;
	margin: 0px;
}

h2 {
	font-weight: bold;
	font-size: 16px;
	padding: 0px;
	margin: 0px;
}

h3 {
	color: #FFCC66;
	font-weight: bold;
	font-size: 12px;
}

h4 {
	color: #FFCC66;
	font-weight: bold;
	font-size: 12px;
	padding: 0px;
	margin: 0px;
}

/* Content - scroll right */
#spacer {
	width: 930px;
}

/* start Services 1 */
#services1 {
	width: 280px;
	height: 360px;
	background-image: url(../pics/ballon.jpg);
	float: left;
	text-align: center;
}

.format_s1 {
	padding-top: 290px;
}

#services1_2 {
	background-color: #B4674C;
	font-size: 13px;
	margin-left: 10px;
	height: 361px;
	width: 520px;
	float: left;
}

#services1_3 {
	margin-left: 4px;
	margin-top: 4px;
}

#services1_xx {
	margin-left: 10px;
	margin-top: 60px;
}

#services1_2 ul {
	list-style-image: url(../pics/dot.gif);
	margin-left: 0px;
	padding-left: 0px;
}

#services1_2 li {
	margin-left: 20px;
}
/* end Services 1 */

/* start Services 2 */
#services2 {
	width: 232px;
	height: 480px;
	background-image: url(../pics/hammer.jpg);
	float: left;
	text-align: center;
}

#services2_box_2 {
	background-color: #B4674C;
	font-size: 11px;
	margin-left: 10px;
	height: 481px;
	width: 584px;
	float: left;
}

#services2_box_2 p {
	margin-bottom: 6px;
	margin-top: 6px;
}

.services2_healine {
	color: #FFCC66;
	font-weight: bold;
	font-size: 11px;
}

.format_s2 {
	padding-top: 150px;
	color: #FF3300;
}

/* end Services 2 */

/* start Präsenz */
#box_praesenz {
	background-color: #B4674C;
	font-size: 16px;
	height: 86px;
	width: 790px;
	float: left;
	padding-left: 14px;
	padding-right: 8px;
	padding-top: 5px;
}

#pfeile {
	background-image: url(../pics/pfeile.gif);
	width: 664px;
	height: 432px;
	float: left;
	margin-left: 50px;
}

#list_position_1 ul {
	margin-top: 125px;
	margin-left: 50px;
	padding: 0px;
}

#list_position_1 li {
	font-weight: bold;
	font-size: 25px;
	color: #66FFFF;
	list-style-image: url(../pics/dot_big.gif);
}

#text_position {
	color: #66FFFF;
	margin-top: -200px;
	margin-left: 390px;
	font-size: 17px;
	font-weight: bold;
}

#list_position_2 {
	margin-left: 405px;
	margin-top: 20px;
}

#list_position_2 ul {
	margin: 0px;
	padding: 0px;
}

#list_position_2 li {
	color: #66FFFF;
	list-style-image: url(../pics/square.gif);
	font-weight: bold;
	font-size: 13px;
}

#list_position_3 {
	margin-top: -145px;
	margin-left: 520px;
}

#list_position_3 ul {
	margin: 0px;
	padding: 0px;
}

#list_position_3 li {
	color: #66FFFF;
	list-style-image: url(../pics/square.gif);
	font-weight: bold;
	font-size: 13px;
}

/* end Präsenz */

/* start Sp. Serv. 3 */
#services3 {
	width: 232px;
	height: 472px;
	background-image: url(../pics/finanz.gif);
	float: left;
	text-align: center;
}

.format_s3 {
	padding-top: 310px;
	color: #FF3300;
}

#services3_box_3 {
	background-color: #B4674C;
	margin-left: 10px;
	height: 472px;
	width: 568px;
	float: left;
}

#services3_3 {
	margin-left: 10px;
	margin-top: 60px;
	font-size: 12px;
}

#services3_3 ul {
	margin: 0px;
	padding: 15px;
}

#services3_3 li {
	list-style-image: url(../pics/dot_square.gif);
}
/* end Sp. Serv. 3 */

/* star Sp. Serv. 4 */
#services4 {
	width: 248px;
	height: 541px;
	background-image: url(../pics/unternehmen.gif);
	background-repeat: no-repeat;
	background-color: #3D739B;
	float: left;
	text-align: center;
}

.format_s4 {
	padding-top: 310px;
	color: #FFFFFF;
}

#services4_box_4 {
	background-color: #B4674C;
	margin-left: 10px;
	height: 541px;
	width: 552px;
	float: left;
}

#services4_4 {
	margin-left: 10px;
	margin-top: 10px;
	font-size: 12px;
}

#services4_4 ul {
	margin: 0px;
	padding: 15px;
}

#services4_4 li {
	list-style-image: url(../pics/dot_square.gif);
}
/* end Sp. Serv. 4 */

/* start news */
#news {
	background-color: #B4674C;
	padding-top: 8px;
	padding-left: 8px;
	height: 552px;
	width: 800px;
	float: left;
}

#news_pic {
	width: 232px;
	height: 156px;
	float:left;
}

#news_text {
	height: 146px;
	width: 540px;
	padding-left: 10px;
	/* padding-top: 5px; */
	font-size: 16px;
	text-align: justify;
	float: left;
}

#newsfield {
	background-color: #66FFFF;
	width: 786px;
	height: 369px;
	margin-top: 12px;
	float:left;
}
/* end news */

/* start referenzen */
#referenzen {
	background-color: #B4674C;
	width: 800px;
	height: 282px;
	margin-top: 2px;
	float:left;
}

#referenzen_text {
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 35px;
	text-align: justify;
	font-size: 16px;
}
/* end referenzen */

/* impressum */
#impressum_block {
	background-color: #66FFFF;
	color: #000000;
	padding-left: 32px;
	padding-top: 40px;
	width: 634px;
	height: 410px;
	font-size: 13px;
}
/* impressum */

/* kontakt */
#kontakt_block {
	background-color: #B4674C;
	width: 752px;
	height: 524px;
	padding-top: 45px;
	padding-left: 10px;
}

.feld_name {
	width: 240px;
	background-color: #66FFFF;
}

.feld_firma {
	width: 480px;
	background-color: #66FFFF;
}

.feld_anschrift {
	width: 735px;
	background-color: #66FFFF;
}

.feld_telefon {
	width: 234px;
	background-color: #66FFFF;
}

.feld_mobil {
	width: 234px;
	background-color: #66FFFF;
}

.feld_fax {
	width: 234px;
	background-color: #66FFFF;
}

.feld_email {
	width: 234px;
	background-color: #66FFFF;
}

.feld_email_confirmation {
	width: 234px;
	background-color: #66FFFF;
}

.feld_kommentare {
	width: 735px;
	height: 140px;
	background-color: #66FFFF;
}
/* kontakt */
/* qualität */
#qualitaet_block {
	background-color: #B4674C;
	width: 756px;
	height: 128px;
	padding-top: 5px;
	padding-left: 8px;
	padding-right: 8px;
	font-size: 16px;
	text-align: justify;
}
#qualitaet2 {
	background-image: url(../pics/qualitaet2.gif);
	width: 770px;
	height: 302px;
}

#qual_1 {
	color: Gray;
	font-weight: bold;
	font-size: 15px;
	padding-top: 44px;
	margin-left: 10px;
}

#qual_2 {
	color: Gray;
	font-weight: bold;
	font-size: 15px;
	padding-top: 38px;
	margin-left: 10px;
}

.qual_3 {
	color: Gray;
	font-weight: bold;
	font-size: 15px;
	padding-top: 38px;
	margin-left: 10px;
}

#qual_4 {
	color: #66FFFF;
	font-weight: bold;
	font-size: 28px;
	float: right;
	width: 22px;
	margin-top: -255px;
	padding-right: 35px;
}
/* qualität */
/* über uns */
#ueber_uns_block {
	background: url(../pics/ueber_uns_3.jpg);
	width: 800px;
	height: 623px;
	color: #000000;
	font-size: 13px;
	margin-top: -15px;
}
#zeile1 {
	float:left;
	width: 180px;
	padding-left: 50px;
	padding-top: 205px;
	text-decoration: underline;
}

#zeile2 {
	float:left;
	width: 495px;
	padding-top: 205px;
}
/* über uns */

/* transparenz */
#transparenz {
	background: url(../pics/transparenz.gif);
	width: 794px;
	height: 512px;
}

#trans_text_1 {
	width: 600px;
	margin-left: 180px;
	padding-top: 15px;
	font-size: 13px;
}

.trans_headline {
	color: #66FFFF;
	font-weight: bold;
	font-size: 13px;
	padding-top: 62px;
	padding-left: 10px;
}

.trans_headline2 {
	color: #66FFFF;
	font-weight: bold;
	font-size: 13px;
	padding-top: 47px;
	padding-left: 10px;
}

.trans_headline2458 {
	color: #66FFFF;
	font-weight: bold;
	padding-top: 45px;
	padding-left: 10px;
}

.trans_ul_1 ul {
	padding-left: 20px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	margin: 0px;
}

.trans_ul_1 li {
	list-style-image: url(../pics/dot_transp.gif);
	width: 550px;
}

.trans_ul_1 {
	padding-top: 48px;
	width: 550px;
	font-size: 10px;
}

.trans_ul_2 ul {
	padding-left: 20px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	margin: 0px;
}

.trans_ul_2 li {
	list-style-image: url(../pics/dot_transp.gif);
	width: 550px;
}

.trans_ul_2 {
	padding-top: 15px;
	width: 550px;
	font-size: 10px;
}

/* transparenz */
/* vorteile */
#vorteile {
	background-image: url(../pics/vorteile.jpg);
	float: left;
	margin-left: 10px;
	width: 800px;
	height: 632px;
}

.vorteile_headline {
	width: 265px;
	float: left;
	color: Gray;
	text-align: center;
	padding-top: 203px;
	font-weight: bold;
}

.vorteile_list {
	color: #000000;
	width: 230px;
	font-size: 12px;
	float: left;
	padding-top: 30px;
	padding-left: 18px; 
	padding-right: 10px;
}

.vorteile_list ul {
	padding: 0px;
	margin: 0px;
}

.vorteile_list li {
	list-style-image: url(../pics/red_dot.gif);
}
/* vorteile */

/* services */
#services {
	background-image: url(../pics/tabelle.gif);
	width: 824px;
	height: 551px;
}

.sth {
	float: left;
	color: #4D4D4D;
	font-size: 13px;
	font-weight: bold;
	width: 100px;
	height: 90px;
	padding-left: 17px;
	padding-top: 8px;
}

.sth2 {
	float: left;
	color: #4D4D4D;
	font-size: 10px;
	width: 101px;
	height: 53px;
	padding-left: 16px;
}

.sth3 {
	float: left;
	color: #4D4D4D;
	font-size: 10px;
	width: 101px;
	height: 55px;
	padding-left: 16px;
}

.sth4 {
	float: left;
	color: #4D4D4D;
	font-size: 10px;
	width: 101px;
	height: 55px;
	padding-left: 13px;
}

.sth5 {
	float: left;
	color: #4D4D4D;
	font-size: 10px;
	width: 101px;
	height: 46px;
	padding-top: 4px;
	padding-left: 16px;
}

#sth6 {
	float: left;
	color: #CC0000;
	font-size: 11px;
	font-weight: bold;
	width: 210px;
	height: 46px;
	padding-left: 16px;
	text-align: center;
}

#sth7 {
	float: left;
	color: #4D4D4D;
	font-size: 10px;
	width: 101px;
	height: 46px;
	padding-top: 8px;
	padding-left: 255px;
}

#sth8 {
	float: left;
	color: #4D4D4D;
	font-size: 10px;
	width: 101px;
	height: 46px;
	padding-top: 8px;
	padding-left: 15px;
}
/* services */