/* - - - - - - - - - - - - - - - - - - - 
   D E F A U L T
- - - - - - - - - - - - - - - - - - - */ 

html {
	/*background: #595959 url(../img/bg_kachel.gif) top left repeat;*/
}

body, div, h1, h2, h3, p, img {
	padding: 0px;
	margin: 0px;
	border: 0px;		
}

a { 
	outline: none; 
}



/* - - - - - - - - - - - - - - - - - - - 
   L A Y O U T
- - - - - - - - - - - - - - - - - - - */

body {
	font-family: Verdana, Geneva, Arial, sans-serif;
	font-size: 11px;
	line-height: 14px;
	text-align: center;
	color: #333;
	background: #595959 url(../img/bg_streifen.jpg) top left repeat-x;
}

#wrapper { 
	position: relative;
	width: 1000px;
	height: auto;
	text-align: left;
	padding: 0px;
	margin: 25px auto 50px;
} 

#sprachauswahl { 
	position: absolute;
	top: 0px;
	left: 620px;
	
	width: 120px;
	height: 20px;
	
	text-align: left;
	padding: 0px;
	margin: 0px;
	background: none;
	z-index: 100;

} 

#spalte_1 { 
	float: left;
	display: inline;
	width: 160px;
	height: auto;
	padding: 0px;
	margin: 0px 0px 25px 25px;
	background: none;
	
}

#stern { 
    position: absolute;
    top: 70px;
	left: 680px;
	width: 114px;
	height: 114px;
    z-index: 200;
}





/* - - - - - - - - - - - - - - - - - - - -
   L O G O
- - - - - - - - - - - - - - - - - - - - */

#titel {
	display: block;
	padding: 0px;
	margin: 0px;	
}

#titel h1 {
	display: block;
	width: 160px;
	height: 185px;
	padding: 0px;
	margin: 0px;
	background: url(../img/akp_logo.jpg) 15px 55px no-repeat;
}

#titel h1 a {
	display: block;
	width: 160px;
	height: 185px;
	text-indent: -5000px;
	text-decoration: none;
}





/* - - - - - - - - - - - - - - - - - - - -
   N A V I G A T I O N
- - - - - - - - - - - - - - - - - - - - */

#navigation { 
	width: 160px;
	height: 165px;
	padding: 0px;
	margin: 0px;
}

#navigation ul {
	padding: 0px;
	margin: 0px;
	border: 0px;
	list-style-type: none;
}

#navigation ul li {
	width: 160px;
	height: 30px;
	margin-bottom: 7px;
}

#navigation ul li a {
	display: block;
	width: 160px;
	height: 30px;

	text-indent: 50px;
	font-weight: bold; 
	font-size: 10px;
	line-height: 31px; 
	font-family: Arial, Helvetica, sans-serif; 

	text-decoration: none; 
	text-transform: uppercase;	
}


/* Anpassung der Navigation an IE */

* html #navigation ul li a { 
	padding /**/: 0px 0px 0px 50px; /* IE5/Win */ 
	text-indent /**/: 0px; /* IE5/Win */
}


#navigation ul li a, 
#navigation ul li a:link, 
#navigation ul li a:active, 
#navigation ul li a:visited 
{
	color: #6F1515;
}

#navigation ul li a:hover { 
	color: #6F1515;
	background: url(../img/nav_over.gif) 25px 13px no-repeat;
}

#navigation ul li.aktiv { 
	
}

#navigation ul li a.aktiv, 
#navigation ul li a:link.aktiv, 
#navigation ul li a:active.aktiv, 
#navigation ul li a:visited.aktiv, 
#navigation ul li a:hover.aktiv 
{ 
	color: #fff;
	background: url(../img/nav_bg_grau.gif) 0px 0px no-repeat;
}











#spalte_2 { 
	float: left;
	display: inline;
	width: 540px;
	height: auto;
	min-height: 800px;
	padding: 0px 0px 5px 0px;
	margin: 0px 0px 0px 25px;
	background: #fff;
}

#key_visual { 
	display: block;
	width: 540px;
	height: 215px;
	padding: 0px;
	margin: 0px;
}

#content { 
	width: auto;
	padding: 0px;
	margin: 25px 35px 25px 35px;
	background: #fff;
}


h1 {
    font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 25px;
	font-weight: normal;
	color: #6F1515;	
	
	margin: 25px 0px 10px 0px;
}

h2 {
    font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 20px;
	font-weight: normal;
	color: #666;
	
	margin: 25px 0px 10px 0px;
}

h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: 16px;
	color: #666;
}

p {
	font-weight: normal; 
	font-size: 11px;
	line-height: 16px; 
	font-family: verdana, geneva, sans-serif;
	color: #444;
	
	margin: 10px 0px 10px 0px;
}

#content a, 
#content a:link, 
#content a:active, 
#content a:visited
{
	color: #444;
    text-decoration: underline;
}

#content a:hover
{
	color: #6F1515;
}

#content p strong
{
	font-weight: normal;
	color: #6F1515;
}



/* Liste fuer Leistungen */

ul.leistungen {
	list-style: none;
    margin: 10px 0px 25px;
    padding: 0px;
}

ul.leistungen li {
	padding: 5px 0px 0px 15px;
	line-height: 16px;
	font-family: Verdana, Geneva, Arial, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #333;
	background: url("../img/pfeil_rot.gif") 0px 9px no-repeat;
}


/* Liste fuer Referenzen */

ul.kundenliste {
	list-style: none;
    margin: 15px 0px 25px;
    padding: 0px;
}

ul.kundenliste li {
	padding: 0px 0px 0px 15px;
	margin-bottom: 5px;
	line-height: 20px;
	font-family: Verdana, Geneva, Arial, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #333;
	background: url("../img/pfeil_grau.gif") 0px 5px no-repeat;
}

ul.kundenliste li strong {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 20px;
	font-weight: normal;
	color: #666;
}


/* Liste fuer Team */

ul.team {
	list-style: none;
    margin: 15px 0px 25px;
    padding: 0px;
}

ul.team li {
	padding: 0px 0px 0px 15px;
	margin-bottom: 15px;
	line-height: 20px;
	font-family: Verdana, Geneva, Arial, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #333;
	background: url("../img/pfeil_grau.gif") 0px 5px no-repeat;
}

ul.team li strong {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 20px;
	font-weight: normal;
	color: #666;
}


/* Liste fuer Wegbeschreibung */

ul.wegbeschreibung {
	list-style: none;
    margin: 10px 0px 25px;
    padding: 0px;
}

ul.wegbeschreibung li {
	padding: 5px 0px 0px 15px;
	line-height: 16px;
	font-family: Verdana, Geneva, Arial, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #333;
	background: url("../img/pfeil_rot.gif") 0px 9px no-repeat;
}





/* Tabelle fuer Kontaktformular */

table.kontaktformular {
	width: 100%;
	margin-top: 0px;
	table-layout: fixed;
	border-collapse: collapse;
}

table.kontaktformular tr {
	
}

table.kontaktformular th, 
table.kontaktformular td {
	color: #444;
	font-weight: normal;
	font-size: 11px;
	line-height: 16px; 
	font-family: verdana, geneva, sans-serif;
	border: 0px solid #000;
	padding: 1px 0px 2px 0px;
	text-align: left;
}

table.kontaktformular td.oben {
	vertical-align: top;
	padding-top: 6px;
}

table.kontaktformular td.bezeichnung {
	font-weight: normal;
	width: 125px;
}

table.kontaktformular td.eingabe {
	font-weight: normal;
	width: auto;
}



/* Kontaktformular */


form#kontaktformular {
    margin: 20px 0px 0px 0px;
}


form#kontaktformular fieldset {
	margin: 0px 0px 25px 0px;
	border: none;
	padding : 0px;
}


form#kontaktformular legend {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 10px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: 16px;
	color: #666;
}


form#kontaktformular label {
	margin: 0px 0px 0px 0px;
}

form#kontaktformular input,
form#kontaktformular textarea,
form#kontaktformular select
{
	margin: 5px 0px 5px 0px;
}


form#kontaktformular input.check
{
	float: left;
	margin: 5px 10px 0px 0px;
}

form#kontaktformular label.check {
	float: left;
	margin: 4px 0px 0px 0px;
}

form#kontaktformular input.button
{
	width: 100px;
	margin: 15px 10px 0px 0px;
}















#spalte_3 { 
	float: left;
	display: inline;
	width: 200px;
	height: 600px;
	padding: 0px;
	margin: 150px 0px 25px 25px;
	background: none;
}



.box { 
	width: 200px;
	height: auto;
	padding: 0px;
	margin: 0px 0px 25px 0px;
}

.box_top { 
	width: 200px;
	height: 4px;
	padding: 0px;
	margin: 0px;
	
	font-size: 1px;
	line-height: 1px; 
}

.box_content { 
	width: auto;
	height: auto;
	padding: 15px 12px 25px 18px;
	margin: 0px;
}

.box_bottom { 
	width: 200px;
	height: 4px;
	padding: 0px;
	margin: 0px;
}



#box_01 .box_content { 
	padding-top: 44px;
	background: #ebebeb url(../img/bg_box_01.jpg) 0px 0px repeat-x;
}

#box_01 .box_bottom { 
	background: url(../img/bg_box_01_unten.gif) 0px 0px no-repeat;
}



#box_02 .box_top { 
	background: url(../img/bg_box_02_oben.gif) 0px 0px no-repeat;
}

#box_02 .box_content { 
	background: #d9d9d9 url(../img/bg_box_02.jpg) 0px 0px repeat-x;
}

#box_02 .box_bottom { 
	background: url(../img/bg_box_02_unten.gif) 0px 0px no-repeat;
}


#spalte_3 h3 {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
    font-weight: bold;
    line-height: 14px;
    text-transform: uppercase;
    color: #6F1515;
    background: url(../img/pfeil_orange_box.gif) no-repeat;
}

#spalte_3 p {
	margin: 10px 0px 0px 0px;
	padding: 0px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
    font-weight: normal;
    line-height: 15px;
    color: #666;
}


/* Tabelle fuer Callbackformular */

table.callback {
	width: 170px;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	table-layout: fixed;
}

#spalte_3 table.callback td {
	border: 0px solid #333;
	padding: 3px 0px 3px 0px;
	text-align: left;
}

td.bezeichnung {
	width: 60px;
	color: #666;
	font-weight: normal;
	font-size: 11px;
	line-height: 16px; 
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

td.eingabe {
	font-weight: normal;
	width: auto;
}



/* Callbackformular */

.box form {
    margin: 10px 0px 0px 0px;
}

.box input {
    float: left;
}

.box input.button {
    width: 75px;
}

.rot {
	color: #6F1515;
}



#footer { 
	clear: both;
	display: block;
	width: 540px;
	height: 50px;
	text-align: center;
	padding-top: 25px;
	margin: 0px 0px 25px 210px;
	background: url(../img/bg_footer.gif) top left no-repeat;
}

#copyright { 
	float: left;
	display: inline;
	width: 460px;
	padding: 10px 0px 0px;
	margin: 0px 66px 0px 0px;
	border-top: 1px solid #999;
}

#toplink { 
	float: left;
	width: 220px;
	padding: 11px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#top {
	display: block;
	height: 1px;
}


/* Klassen */

.box_alt {
	margin: 0px 0px 40px;
}

.bandmember {
	clear: both;
	height: 230px;
	margin: 20px 0px 20px;
}

.wallpaper {
	clear: both;
	margin: 10px 0px 20px;
}

/* - - - - - - - - - - - - - - - - - - - -
   T Y P O
- - - - - - - - - - - - - - - - - - - - */




#spalte_3 a, 
#spalte_3 a:link, 
#spalte_3 a:active, 
#spalte_3 a:visited
{
	color: #666;
    text-decoration: underline;
}

#spalte_3 a:hover
{
	color: #6F1515;
}


#sprachauswahl p {
	color: #666;
}

#sprachauswahl a, 
#sprachauswahl a:link, 
#sprachauswahl a:active, 
#sprachauswahl a:visited 
{
	color: #666;
    text-decoration: none;
}

#sprachauswahl a:hover 
{
	color: #6F1515;
}



#footer p {
	color: #ccc;
}

#footer a, 
#footer a:link, 
#footer a:active, 
#footer a:visited 
{
	color: #ccc;
    text-decoration: underline;
}

#footer a:hover 
{
	color: #fff;
}



strong {
    font-weight: bold;
}











/* - - - - - - - - - - - - - - - - - - - -
   H E L F E R L E I N
- - - - - - - - - - - - - - - - - - - - */

.invisible {
	display: none;
}

.floataround {
	clear: both;
	display: block;
	font-size: 1px;
	line-height: 1px;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

 .clearfix {
display: inline-block;
}  

/* Holly Hack Targets IE Win only \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End Holly Hack */

.seitenanfang {
	clear: both;
	font-size: 1px;
	line-height: 1px;
}