/* ********** AC Süppmayer - CSS ******************
/* ************************************************

/* --------------------------------------------- Wichtige Elemente ----- */


body {
background-color: #e1e1e1;
color: #000000;
font-size: 15px;
font-family: 'Arial';
}
.clear {
clear: both;
}
img {
border: 0px;
}
p {
margin: 10px 30px 10px 15px;
}

/* ----------------------------------------------------- Schriften ----- */


.red {
color:#C40000;
}
.red_gross {
color:#C40000;
font-size:16px;
}
.white_gross {
color:#ffffff;
font-size:16px;
}
.white_headline {
color:#ffffff;
font-size:18px;
font-weight:bold;
}
.black_headline {
color:#000000;
font-size:18px;
font-weight:bold;
}
.klein {
color:#C40000;
font-size:8px;
}
.klein10 {
color:#C40000;
font-size:10px;
}
.black {
color:#000000;
}
.black_2 {
color:#000000;
}
.black_klein {
color:#000000;
font-size:12px;
}
.black_klein2 {
color:#000000;
font-size:10px;
}
#content_footer p {
margin: 20px 30px 10px 10px;
font-size:12px;
text-align:left;
}
#menu_left p {
margin: 25px 0px 0px 25px;
font-size:15px;
color:#ffffff;
font-weight:bold;
text-transform: uppercase;
}
#top p {
margin: 95px 0px 0px 10px;
font-size:10px;
}
.content_box p {
margin: 10px 5px 10px 10px;
font-size:15px;
text-align:right;
}
.content_box_large p {
margin: 10px 30px 10px 15px !important;
margin: 10px 30px 10px 5px;
font-size:15px;
text-align:justify;
}
.content_box_large_presse p {
margin: 10px 30px 10px 15px !important;
margin: 10px 30px 10px 5px;
font-size:12px;
text-align:justify;
}
.content_box_small p {
margin: 10px 30px 10px 0px;
font-size:15px;
text-align:right;
}
.content_box_lang p {
margin: 0px 0px 0px 0px;
font-size:15px;
text-align:right;
}
h1 {
margin: 20px 30px 7px 30px;
font-weight:bold;
font-size:15px;
color:#fff;
}
h2 {
margin: 0px 30px 10px 30px;
font-size:15px;
font-weight:bold;
color:#FF0000;
}
a {
text-decoration: none;
color: #000000;
}
a:hover {
text-decoration: none;
}

/*---------------------------------------------------- Navigation ----- */


#navLeft, #navRight {
margin: 0;
padding: 0;
width: 209px;
list-style: none;
overflow: hidden;
}
#navLeft li, #navRight li {
width: 180px;
overflow: hidden;
font-size:10px;
}
#navLeft a, #navRight a {
color:#820000;
}
.li_nav_header a  {
display: block;
width: 180px;
height: 19px;
background: url(images/nav_header.png) no-repeat;
}
.li_nav_body a  {
display: block;
width: 180px;
height: 18px;
background: url(images/nav_body.png) no-repeat;
padding-left: 20px;
line-height:17px;
}
.li_nav_body_auswahl a  {
display: block;
width: 180px;
height: 18px;
background: url(images/nav_body.png) no-repeat;
padding-left: 20px;
line-height:17px;
}
.li_nav_footer a  {
display: block;
width: 179px;
height: 16px;
background: url(images/nav_footer.png) no-repeat;
}
.li_nav_body a:hover
{
background-position:  0 -17px;
color:#E1E1E1;
}
.li_nav_body_auswahl a
{
background-position:  0 -17px;
color:#E1E1E1;
}
.li_active a:active  {
background: url(images/nav_body.png) no-repeat;
background-position:  0 -40px;
color:#ffffff;
}

/*--------------------------------------------------- Navigation 2 ----- */


#navLeft_2, #navRight_2 {
margin: 0;
padding: 0;
width: 209px;
list-style: none;
overflow: hidden;
}
#navLeft_2 li, #navRight_2 li {
width: 180px;
overflow: hidden;
font-size:10px;
}
#navLeft_2 a, #navRight_2 a {
color:#ffffff;
}
.li_nav_header_2 a  {
display: block;
width: 180px;
height: 19px;
background: url(images/nav_header.png) no-repeat;
}
.li_nav_body_2 a  {
display: block;
width: 180px;
height: 18px;
background: url(images/nav_body.png) no-repeat;
padding-left: 20px;
line-height:17px;
}
.li_nav_body_2_auswahl a  {
display: block;
width: 180px;
height: 18px;
background: url(images/nav_body.png) no-repeat;
padding-left: 20px;
line-height:17px;
}
.li_nav_footer_2 a  {
display: block;
width: 179px;
height: 16px;
background: url(images/nav_footer.png) no-repeat;
}
.li_nav_body_2 a:hover
{
background-position:  0 -17px;
color:#E1E1E1;
}
.li_nav_body_2_auswahl a
{
background-position:  0 -17px;
color:#E1E1E1;
}
.li_active a:active  {
background: url(images/nav_body.png) no-repeat;
background-position:  0 -40px;
color:#ffffff;
}

/*------------------------------------------------------- Aussehen ----- */


#container {
width: 975px;
margin:10px 0px 0px 0px;
}
#top {
}

#menu_left {
width: 210px;
height: 100%;
margin:0px 0px 0px 15px;
float: left;
}
#menu_left_more {
width: 210px;
height: 1500px;
margin:0px 0 0px 15px;
float: left;
}
#menu_left_max {
width: 210px;
height: 3000px;
margin:0px 0 0px 15px;
float: left;
}

#content {
background: url(images/content_body.png);
width: 697px;
margin:0px 20px 0px 0px;
float: left;
}
.content_box_large {
z-index: 1;
width: 640px;
margin:0px 0px 30px 15px;
float: left;
}
.content_box_large_presse {
z-index: 11;
width: 640px;
margin:0px 0px 30px 15px;
float: left;
}
.content_box_small {
width: 275px;
margin:10px 0px 30px 15px;
float: left;
}
.content_box_lang {
width: 683px;
height: 5px;
margin:5px 5px 5px 227px;
padding-top:1px;
padding-bottom:10px;
float: left;
}
#content_footer {
background: url(images/content_footer.png) no-repeat;
height: 22px;
width: 697px;
float: left;
text-align: center;
margin:0px 19px 0px 0px;


}

/* --------------------------------------------------- Seitenköpfe ----- */
#hidepage {
z-index:10;
}

#ANIM_HEAD_BSP {
width: 697px;
height: 165px;
margin:0px 20px 0px 0px;
float: left;
z-index:10;
background: url(images/AC_HEAD_ANIM.gif) no-repeat top;
}
#head_index0 {
width: 697px;
height: 165px;
margin:0px 20px 0px 0px;
float: left;
z-index:10;
background: url(images/AC_HEAD_ANIM.gif) no-repeat top;
}
#head_index {
width: 697px;
height: 165px;
margin:0px 20px 0px 0px;
float: left;
background: url(images/content_header_index.png) no-repeat top;
}
#head_ac1 {
width: 697px;
height: 165px;
margin:0px 20px 0px 0px;
float: left;
background: url(images/content_header_ac1.png) no-repeat top;
}
#head_ac2 {
width: 697px;
height: 165px;
margin:0px 20px 0px 0px;
float: left;
background: url(images/content_header_ac2.png) no-repeat top;
}
#head_ac3 {
width: 697px;
height: 165px;
margin:0px 20px 0px 0px;
float: left;
background: url(images/content_header_ac3.png) no-repeat top;
}
#head_mc1 {
width: 697px;
height: 165px;
margin:0px 20px 0px 0px;
float: left;
background: url(images/content_header_mc1.png) no-repeat top;
}
#head_mc2 {
width: 697px;
height: 165px;
margin:0px 20px 0px 0px;
float: left;
background: url(images/content_header_mc2.png) no-repeat top;
}
#head_mc3 {
width: 697px;
height: 165px;
margin:0px 20px 0px 0px;
float: left;
background: url(images/content_header_mc3.png) no-repeat top;
}
#head_lfz1 {
width: 697px;
height: 165px;
margin:0px 20px 0px 0px;
float: left;
background: url(images/content_header_lfz1.png) no-repeat top;
}
#head_letter1 {
width: 697px;
height: 165px;
margin:0px 20px 0px 0px;
float: left;
background: url(images/content_header_letter.png) no-repeat top;
}
#head_ccc1 {
width: 697px;
height: 165px;
margin:0px 20px 0px 0px;
float: left;
background: url(images/content_header_ccc1.png) no-repeat top;
}
#head_ccc2 {
width: 697px;
height: 165px;
margin:0px 20px 0px 0px;
float: left;
background: url(images/content_header_ccc2.png) no-repeat top;
}
#head_cccs {
width: 697px;
height: 165px;
margin:0px 20px 0px 0px;
float: left;
background: url(images/content_header_cccs.png) no-repeat top;
}
#head_ccs {
width: 697px;
height: 165px;
margin:0px 20px 0px 0px;
float: left;
background: url(images/content_header_ccs.png) no-repeat top;
}
#head_crm1 {
width: 697px;
height: 165px;
margin:0px 20px 0px 0px;
float: left;
background: url(images/content_header_crm1.png) no-repeat top;
}
#head_crm2 {
width: 697px;
height: 165px;
margin:0px 20px 0px 0px;
float: left;
background: url(images/content_header_crm2.png) no-repeat top;
}
#head_prod {
width: 697px;
height: 165px;
margin:0px 20px 0px 0px;
float: left;
background: url(images/content_header_prod1.png) no-repeat top;
}
#head_dmarket {
width: 697px;
height: 165px;
margin:0px 20px 0px 0px;
float: left;
background: url(images/content_header_beratung.png) no-repeat top;
}
#head_referenz {
width: 697px;
height: 165px;
margin:0px 20px 0px 0px;
float: left;
background: url(images/content_header_referenz.png) no-repeat top;
}
#head_impr {
width: 697px;
height: 165px;
margin:0px 20px 0px 0px;
float: left;
background: url(images/content_header_impr.png) no-repeat top;
}
#head_kontakt {
width: 697px;
height: 165px;
margin:0px 20px 0px 0px;
float: left;
background: url(images/content_header_kontakt.png) no-repeat top;
}
#head_weg {
width: 697px;
height: 165px;
margin:0px 20px 0px 0px;
float: left;
background: url(images/content_header_weg.png) no-repeat top;
}
#head_presse {
width: 697px;
height: 165px;
margin:0px 20px 0px 0px;
float: left;
background: url(images/content_header_presse.png) no-repeat top;
}
#head_download {
width: 697px;
height: 165px;
margin:0px 20px 0px 0px;
float: left;
background: url(images/content_header_download.png) no-repeat top;
}
#head_swiss {
width: 697px;
height: 165px;
margin:0px 20px 0px 0px;
float: left;
background: url(images/content_header_swiss.png) no-repeat top;
}
#head_bench {
width: 697px;
height: 165px;
margin:0px 20px 0px 0px;
float: left;
background: url(images/content_header_benchmark.png) no-repeat top;
}
#head_messe {
width: 697px;
height: 165px;
margin:0px 20px 0px 0px;
float: left;
background: url(images/content_header_kontakt.png) no-repeat top;
}
#head_fehler {
width: 697px;
height: 165px;
margin:0px 20px 0px 0px;
float: left;
background: url(images/content_header_fehler.png) no-repeat top;
}
#head_send {
width: 697px;
height: 165px;
margin:0px 20px 0px 0px;
float: left;
background: url(images/content_header_send.png) no-repeat top;
}
#head_confirmation {
width: 697px;
height: 165px;
margin:0px 20px 0px 0px;
float: left;
background: url(images/content_header_confirmation.png) no-repeat top;
}

/*-------------------------------------------------------- Bilder ----- */



a img  {
border: none;
}
img.left,img.center,img.right {
padding: 4px;
border: 1px solid #a0a0a0;
}
img.left {
float: left;
margin: 0px 0px 0px 120px;
}
img.right {
float: right;
margin: 0px 30px 5px 50px;
}
img.bg2 {
position:absolute;
margin: 70px 0px 0px 80px;
z-index: -1;
}
img.bg2_box {
margin: 0px 0px 0px 170px;
z-index: -1;
}
img.bg_index {
position:relative;
margin: -25px 0px 0px 25px;
z-index: 1;
}

img.aclogo {
margin: 0px 0px 15px 28px;
}
img.bildbank {
position:relative;
margin: 0px 0px 0px 100px;
}
img.bildbank2 {
position:relative;
margin: 30px 0px 0px 100px;
}
img.bildbank3 {
position:relative;
margin: 30px 0px 0px 30px;
}
img.diagramm {
position:relative;
margin: 0px 0px 0px 0px;
}
img.geld {
position:absolute;
margin: 110px 0px 0px 400px;
z-index:0;
}
img.ccc1 {
position:absolute;
margin: 100px 0px 0px 400px;
z-index:0;
}
img.ccc2 {
position:relative;
margin: -20px 0px 0px 00px;
}
img.ccs {
position:absolute;
margin: 0px 0px 0px 350px;
z-index:0;
}
img.lettershop {
position:absolute;
margin: 100px 0px 0px 400px;
z-index:0;
}
img.prod {
position:absolute;
margin: 160px 0px 0px 400px;
z-index:0;
}
img.dmarket {
position:absolute;
margin: 120px 0px 0px 400px;
z-index:0;
}
img.dsuepp {
position:absolute;
margin: 170px 0px 0px 5px;
z-index: 0;
}
img.ref1 {
position:absolute;
margin: 50px 0px 0px 30px;
z-index:0;
}
img.ref2 {
position:absolute;
margin: 90px 0px 0px 160px;
z-index:0;
}
img.ref3 {
position:absolute;
margin: 90px 0px 0px 340px;
z-index:0;
}
img.ref4 {
position:absolute;
margin: 190px 0px 0px 20px;
z-index:0;
}
img.ref5 {
position:absolute;
margin: 180px 0px 0px 175px;
z-index:0;
}
img.ref6 {
position:absolute;
margin: 200px 0px 0px 340px;
z-index:0;
}
img.ref7 {
position:absolute;
margin: 160px 0px 0px 500px;
z-index:0;
}
img.ref8 {
position:absolute;
margin: 90px 0px 0px 500px;
z-index:0;
}
img.DE_lang {
margin: 0px 0px 10px 15px;
}
img.UK_lang {
margin: 0px 0px 10px 30px;
}
img.FR_lang {
margin: 0px 10px 10px 30px;
}
img.intercontrol {
margin: 5px 10px 10px 25px;
}

img.referenzen {
margin: 0px 0px 15px 15px;
padding: 0;
border: 2px solid #bcbcbc;
}