html
{
margin: 0;
padding: 0;
}

body
{
margin: 0;
padding: 0;
background-color: #e5e5e5;
width: 100%;
height: 100%;
}

img
{
border: none;
outline: none;
}


a
{
color: #6a1817;
}


.clear
{
clear: both;
}



#aussenrahmen
{
position: absolute;
padding: 0;
left: 50%;
top: 30px;
margin-left: -496px;
/*
margin-top: -314px;
*/
width: 992px;
height: 628px;
/*
background-image: url(../bilder/bg/test.jpg);
*/
background-repeat: no-repeat;
background-position: center;
}


#logo_oben
{
margin: 30px 0px 0px 30px;
width: 198px;
height: 81px;
background-image: url(../bilder/logo_hauptseite.jpg);
background-repeat: no-repeat;
background-position: center;
}


#linke_seite
{
float: left;
width: 490px;
height: 627px;
}


#rechte_seite
{
float: right;
width: 502px;
height: 627px;
}



/****************************
INHALTE
*****************************/
#breadcrumb
{
margin-top: 25px;
width: 473px;
height: 15px;
text-align: right;
}


ul
{
margin: -8px 0 -3px 0px;
padding: 0;
list-style-type: none
/*
list-style-image: url(../bilder/bulletpoint.gif);
*/
}


li
{
background-image: url(../bilder/bulletpoint.gif);
background-position: left top;
background-repeat: no-repeat;
padding: 4px 0 4px 20px;
font-weight: bolder;
}


#content
{
margin: 23px 0 0 9px;
font-family: Verdana, Arial, sans-serif;
color: #6a1817;
font-size: 11px;
width: 440px;
line-height: 14px;
}


#headline
{
margin-bottom: 20px;
}


.strong_italic
{
font-style: italic;
font-weight: bolder;
}


/****************************
STARTSEITE
****************************/

#linke_seite_startseite
{
float: left;
width: 355px;
height: 627px;
}


#rechte_seite_startseite
{
float: right;
width: 635px;
height: 627px;
}


#content_startseite
{
margin: 23px 0 0 9px;
font-family: Verdana, Arial, sans-serif;
color: #6a1817;
font-size: 14px;
width: 440px;
line-height: 16px;
}

#newsticker_aussen
{
margin-top: 52px;
margin-left: 10px;
font-family: Verdana, Arial, sans-serif;
color: #b51621;
font-weight: bolder;
}

.kakaoschrift
{
margin-top: 18px;
margin-left: -5px;
}

.logo_gross
{
margin-top: 10px;
}

/***************************
HAUPTNAVIGATION
***************************/

#hauptnavigation
{
margin-top: 21px;
width: 219px;
text-align: right;
}

.hauptnavipunkt
{
padding: 5px 0 5px 0;
}


#navipunkt_unternehmen
{
margin-right: 16px;
}

#navipunkt_produkte
{
margin-right: 29px;
}

#navipunkt_qualitaet
{
margin-right: 40px;
}

#navipunkt_innovation
{
margin-right: 51px;
}

#navipunkt_produktion
{
margin-right: 58px;
}

#navipunkt_kontakt
{
margin-right: 66px;
}





/***************************
FUSSNAVIGATION
***************************/

#fussnavigation
{
margin: 311px 0 0 42px;
}


.fussnavipunkt
{
float: left;
}


#navipunkt_deutsch
{
margin: 0 0 0 22px;
width: 48px;
}

#navipunkt_english
{
margin: 0 0px 0 0;
width: 49px;
}



/*************************
VORSCHALTSEITE
*************************/

#welcome
{
margin: 215px 0 0 425px;
font-family: Helvetica, Verdana, Arial, sans-serif;
font-size: 16px;
color: #6a1817;
}

.pixel42
{
font-size: 40px;
color: #ca3336;
}

.pixel18
{
font-size: 16px;
color: #ca3336;
}

.pixel16
{
font-size: 14px;
color: #ca3336;
}


/************************
PRODUKTE 1
*************************/
#fussnavigation_produkte1
{
margin: 371px 0 0 42px;
}

#gebaecklinks
{
line-height: 14px;
}

#produktsuche
{
float: right;
width: 200px;
text-align: right;
}

#produktsuche2
{
margin-left: -3px;
width: 200px;
text-align: right;
}

#produktsuche input, #produktsuche2 input
{
border: 2px solid #b51621;
color: #6a1817;
font-family: Verdana, Arial, sans-serif;
}

table
{
text-align: right;
}

#produktanzeige
{
margin: 20px 0 0 0;
height: 340px;
width: 487px;
/*
border:1px solid red;
*/
overflow-x: hidden;
overflow-y: scroll;
}

#produktanzeige table
{
text-align: left;
}

.produktbeschreibung
{
width: 330px;
}

#produktanzeige a
{
color: #b51621;
}



/*****************************
NEWSTICKER
*****************************/

.tickercontainer { /* the outer div with the black border */
background: #fff; 
width: 580px; 
height: 20px; 
margin: 0; 
padding: 0
overflow: hidden; 
}

.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
left: 0px;
top: 0px;
width: 580px;
overflow: hidden;
}

ul.newsticker { /* that's your list */
position: relative;
left: 550px;
font: bold 13px Verdana;
color: #b51621;
list-style-type: none;
margin: 0;
padding: 0;
}

ul.newsticker li {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
margin: 0;
padding: 0;
background: #fff;
}

ul.newsticker a {
white-space: nowrap;
padding: 0;
color: #b51621;
font: bold 12px Verdana;
margin: 0 50px 0 0;
} 

ul.newsticker span {
margin: 0 10px 0 0;
}