body 
{
background-color: white;
}

.center
{
margin: 0 auto;
width: 650px;
position: relative;
}

div#header
{
text-transform: uppercase;
font-family: Arial, Sans-Serif;
font-size: 14px;
font-weight: bold;
color: #e2007a;
margin-top: 50px;
}

.navi ul 
{
position: relative;
list-style: none;
height: 4em;
padding-left: 0;
margin-top: 2px;
}

.navi ul li 
{
float: left;
margin-top: 25px;
}

.navi ul li a 
{
padding: .3em 1.46em .5em 0;
}

div#content 
{
float: left;
width: 700px;
}

img 
{
border: 0;
}

.div_referenten 
{
margin-top: 0px;
margin-left: 125px;
}

.div_referenten_mueller
{
margin-top: -240px;
margin-left: 125px;
}

.div_referenten_schauf
{
margin-top: -388px;
margin-left: 125px;
}

.Logo 
{
width: 403px;
height: 49px;
}

/* Hauptnavigation horizontal */

a:link 
{ 
font-weight: bold; 
color: #009ee0; 
text-decoration: none; 
}

a:visited 
{
font-weight: bold; 
color: #009ee0; 
text-decoration: none;
}

a:hover 
{ 
font-weight: bold; 
color: #e2007a; 
text-decoration: none; 
}

a:active 
{ 
font-weight: bold;
color: #e2007a; 
text-decoration: none; 
}

a:focus 
{ 
font-weight: bold;
color: #e2007a; 
text-decoration: none; 
}

/* Active Links */

a.active:link 
{ 
font-weight: bold; 
color: #e2007a; 
text-decoration: none; 
}

a.active:visited 
{
font-weight: bold; 
color: #e2007a;
text-decoration: none;
}

a.active:hover 
{ 
font-weight: bold; 
color: #e2007a;
text-decoration: none; 
}

a.active:active 
{ 
font-weight: bold;
color: #e2007a; 
text-decoration: none; 
}

a.active:focus 
{ 
font-weight: bold;
color: #e2007a; 
text-decoration: none; 
}

/* Kontakt Normal Links */

a.kontakt:link 
{ 
font-weight:normal; 
color: black;
text-decoration: none; 
}

a.kontakt:visited 
{
font-weight: normal; 
color: black;
text-decoration: none;
}

a.kontakt:hover 
{ 
font-weight: normal; 
color: black;
text-decoration: underline; 
}

a.kontakt:active 
{ 
font-weight: normal;
color: black;
text-decoration: underline; 
}

a.kontakt:focus 
{
color: black;
text-decoration: underline; 
}

/* Home Links Referentennamen */

a.home:link 
{ 
font-weight:bold; 
color: black; 
text-decoration: none; 
}

a.home:visited 
{
font-weight: bold; 
color: black; 
text-decoration: none;
}

a.home:hover 
{ 
font-weight: bold; 
color: black; 
text-decoration: underline; 
}

a.home:active 
{ 
font-weight: bold;
color: black; 
text-decoration: underline; 
}

a.home:focus 
{ 
font-weight: bold;
color: black; 
text-decoration: underline; 
}

/* Links im Programm auf Refs */

a.ref:link 
{ 
font-weight: normal;  
color: black; 
text-decoration: none; 
}

a.ref:visited 
{
font-weight: normal;  
color: black; 
text-decoration: none;
}

a.ref:hover 
{ 
font-weight: normal;  
color: black; 
text-decoration: none; 
}

a.ref:active 
{ 
font-weight: normal; 
color: black; 
text-decoration: none; 
}

a.ref:focus 
{ 
font-weight: normal; 
color: black; 
text-decoration: none; 
}

/* Textblock */

.text 
{
font-family: Arial, Sans-Serif; 
font-size: 10pt;
float: left;
width: 401px;
margin-top: -10px;
margin-right: 20px;
line-height: 1.2em;
}

/* Referenten Fotos */

.foto 
{
margin: 15px auto 0px 1px;
float: left;
}

.foto2
{
margin: 135px auto 0px 1px;
}

.foto_schauf
{
margin: 20px auto -2px 1px;
}

.foto_zingler
{
margin: 23px auto 0px 1px;
}

.foto_waschkies
{
margin: 35px auto 0px 1px;
}

/* Teaserbox */

.box1 
{
margin: 20px 10px 20px 30px;
}

.box2 
{
margin: 10px 10px 20px 30px;
}

.box3 
{
margin: 10px 10px 20px 30px;
}

.box4 
{
margin: 10px 10px 20px 30px;
}

.box5 
{
margin: 10px 10px 20px 30px;
}

/* Anfahrt Bilder */

.anfahrt1
{
margin: 25px auto 0px 0px;
}

.anfahrt2
{
margin: -114px auto 30px 182px;
}

/* Footer */

div#footer 
{
font-family: Arial, Sans-Serif;
font-size: 10pt;
line-height: 1.1em;
margin: 0 auto;
clear: both;
position: relative;
}

div#footer a img 
{
float: right;
width: 246px;
height: 47px;
margin-right: 22px;
margin-top: -9px;
}