html, body {
font-size: 14px;
line-height: 22px;
font-family: "Trebuchet MS";
color: white;
}

h1{
font-size: 17px;
font-weight: normal;
line-height: 17px;
color: black;
font-family: "Trebuchet MS"; 
}

h2{
font-size: 27px;
font-weight: normal;
line-height: 11px;
color: white;
font-family: "Trebuchet MS"; 
}

h3 {
	font-size: 18px;
	line-height: 25px;
	font-weight: normal;
	font-family: "Trebuchet MS";
}

h4{
font-size: 17px;
font-weight: normal;
color: white;
font-family: "Trebuchet MS"; 
}

ft{
color: black;	
font-size: 12px;
line-height: 20px;
}

imp{
color: white;	
font-size: 11px;
line-height: 15px;
}

imp2{
color: white;	
font-size: 13px;
line-height: 18px;
}




a.disabled {
cursor: default;

}


a:link {
text-decoration: none;
color: white;

}

a:hover {
text-decoration: none;
color: white;
 
}

a:active {
text-decoration: none;
color: white;
}

a:visited {
text-decoration: none;	
color: white;

}

a:focus {
}

a img { /* wegen blauem rahmen */
border: none;
}


#container-top {
margin: 0px auto;
width: 1024px;
margin-top: 30px;

}



#abstract {
background-image: url(images/sprechblase.jpg);
width: 460px;
height: 155px;
padding-top: 18px;
float: left;
padding-left: 20px;
padding-right: 20px;
}

#abstract-imp {
background-image: url(images/sprechblase_imp.jpg);
width: 460px;
height: 155px;
padding-top: 18px;
float: left;
padding-left: 20px;
padding-right: 20px;
}

#logo {
width: 424px;
float: left;
margin-left: 80px;}


#navi {
margin: 0 auto;
background-image: url(images/hg_2021.jpg);
width: 1024px;
height: 552px;
float: left;
left: 0px;
right: 0px;
position: absolute;
top: 220px;
}

#naviproduktmarketing {
margin: 0 auto;
background-image: url(images/hg_korrektorat.jpg);
width: 1024px;
height: 552px;
float: left;
left: 0px;
right: 0px;
position: absolute;
top: 220px;
}

#naviabsatzmarketing-web {
margin: 0 auto;
background-image: url(images/hg_julien_eichinger_fotolia.jpg);
width: 1024px;
height: 552px;
float: left;
left: 0px;
right: 0px;
position: absolute;
top: 220px;
}

#naviabsatzmarketing-print {
margin: 0 auto;
background-image: url(images/hg_roman_samokhin_fotolia.jpg);
width: 1024px;
height: 552px;
float: left;
left: 0px;
right: 0px;
position: absolute;
top: 220px;
}

#navikontakt {
margin: 0 auto;
width: 1024px;
height: 412px;
float: left;
left: 0px;
right: 0px;
position: absolute;
top: 220px;
}

#kontakt-links {
width: 462px;
padding: 20px;
background-color: grey;
float: left;	
}

#kontakt-rechts {
margin-left: 20px;
padding: 20px;
background-color: grey;
width: 462px;
float: left;
text-align: right;
}

#friends {
margin: 0 auto;
width: 1024px;
height: 612px;
float: left;
left: 0px;
right: 0px;
position: absolute;
top: 220px;
}

#friends-1 {
width: 462px;
height: 250px;
padding: 20px;
background-color: grey;
float: left;	
}

#friends-2 {
margin-left: 20px;
padding: 20px;
background-color: grey;
width: 462px;
height: 250px;
float: left;
}

#friends-3 {
margin-top: 20px;
padding: 20px;
background-color: grey;
width: 462px;
height: 250px;
float: left;
}

#friends-4 {
margin-top: 20px;
margin-left: 20px;
padding: 20px;
background-color: grey;
width: 462px;
height: 250px;
float: left;
}

#friends-5 {
margin-top: 20px;
padding: 20px;
background-color: grey;
width: 462px;
height: 250px;
float: left;
}

#friends-6 {
margin-top: 20px;
margin-left: 20px;
padding: 20px;
background-color: grey;
width: 462px;
height: 250px;
float: left;
}

#naviarchiv {
margin: 0 auto;
width: 1024px;
height: 412px;
float: left;
left: 0px;
right: 0px;
position: absolute;
top: 220px;

}




.archiv-links {
width: 302px;
padding-left: 20px;
padding-right: 20px;
height: 290px;
margin-top: 20px;

background-color: grey;
float: left;	
}

.archiv-links2 {
width: 302px;
padding-left: 20px;
padding-right: 20px;
height: 390px;
margin-top: 20px;

background-color: grey;
float: left;	
}
.archiv-rechts {
margin-left: 20px;
padding: 20px;
background-color: grey;
width: 622px;
margin-top: 20px;

height: 250px;
float: left;
text-align: left;
}

.archiv-rechts2 {
margin-left: 20px;
padding: 20px;
background-color: grey;
width: 622px;
margin-top: 20px;

height: 350px;
float: left;
text-align: left;
}



#imp-links {
width: 462px;
padding: 20px;
height: 2350px;
background-color: grey;
float: left;	
}


#imp-rechts {
margin-left: 20px;
padding: 20px;
background-color: grey;
width: 462px;
height: 2350px;
float: left;
}

#naviimp {
margin: 0 auto;
width: 1024px;
height: 952px;
float: left;
left: 0px;
right: 0px;
position: absolute;
top: 220px;

}

#navi1 {
background-color: grey;
width: 155px;
height: 120px;	
margin-left: 355px;
margin-top: 123px;
float: left;
text-align: center;
padding-top:35px;}

#navi2 {
background-color: grey;	
width: 155px;
height: 135px;
margin-left: 519px;
margin-top: 123px;
padding-top: 20px;

text-align: center;
line-height: 155px;
}

#navi3 {
background-color: grey;	
width: 155px;
height: 110px;
margin-top: 10px;
margin-left: 355px;
text-align: center;
line-height: 155px;
float: left;
padding-top:45px;}


#navi4 {
background-color: grey;	
width: 155px;
height: 120px;
margin-top: 10px;
margin-left: 519px;
text-align: center;
line-height: 155px;
padding-top:35px;}



#navi4:hover, 
#navi1:hover,
#navi2:hover, 
#navi3:hover {
background-color: #B51D28;
}




#container-unten{
margin: 0 auto;
width: 1024px;	
margin-top: 780px;
left: 0px;
right: 0px;
position: absolute;
}

#u-navi {
width: 635px;
height: 315px;
float: left;
}

#indexinhalt {
width: 585px;
height: 305px;
float: left;
background-color: grey;
padding-top: 10px;
padding-left: 25px;
padding-right: 25px;
}

#inhalt {
background-color: #B51D28;
width: 314px;
height: 305px;
float: left;
margin-left: 25px;
padding-left: 25px;
padding-right: 25px;
padding-top: 10px;}

#block-1a {
width: 155px;
height: 155px;
float: left;	

background-color: grey;}

#block-2a {
width: 155px;
height: 155px;
float: left;	
margin-left: 5px;
}

#block-3a {
width: 155px;
height: 155px;	
float: left;	

background-color: grey;
margin-left: 5px;
}

#block-4a {
width: 155px;
height: 155px;
float: left;	
margin-left: 5px;

}

#block-1b {
width: 155px;
height: 155px;
margin-top: 160px;
position: absolute;

}

#block-2b {
width: 155px;
height: 155px;
float: left;
margin-top: 160px;
margin-left: 160px;
position: absolute;
background-color: grey;	
}

#block-3b {
width: 155px;
height: 155px;
float: left;
margin-top: 160px;
margin-left: 320px;
position: absolute;	

}

#block-4b {
width: 155px;
height: 155px;
float: left;	
margin-top: 160px;
margin-left: 480px;
position: absolute;

background-color: grey;
}

#block-1a:hover,
#block-2a:hover,
#block-3a:hover,
#block-4a:hover,
#block-1b:hover,
#block-2b:hover,
#block-3b:hover,
#block-4b:hover{
background-color: #B51D28;
}



#footer {
margin: 0 auto;
width: 1004px;	
height: 20px;
margin-top: 1130px;
left: 0px;
text-align: right;
background-color: grey;
right: 0px;
position: absolute;	
padding: 10px;
	
}

#footer-archiv {
margin: 0 auto;
width: 1004px;	
height: 20px;
margin-top: 2290px;
left: 0px;
text-align: right;
background-color: grey;
right: 0px;
position: absolute;	
padding: 10px;
	
}

#footer-kontakt {
margin: 0 auto;
width: 1004px;	
height: 20px;
margin-top: 640px;
left: 0px;
text-align: right;
background-color: grey;
right: 0px;
position: absolute;	
padding: 10px;
	
}

#footer-imp {
margin: 0 auto;
width: 1004px;	
height: 20px;
margin-top: 2600px;
left: 0px;
text-align: right;
background-color: grey;
right: 0px;
position: absolute;	
padding: 10px;
	
}

#footer-friends {
margin: 0 auto;
width: 1004px;	
height: 20px;
margin-top: 18px;
left: 0px;
text-align: right;
background-color: grey;
right: 0px;
position: absolute;	
padding: 10px;
	
}