p,h1,h2,h3,td,li { font-family:Arial, Helvetica, sans-serif; }

p {font-size:10pt; color:#333333;} 

p.laufzeile { font-size:8pt; color:#999999; text-align:center; margin-left:30px; margin-right:50px ; margin-bottom:0px; margin-top:0px;} 

p.laufzeile_lauftext { font-size:9pt; color:#999999; text-align:center; margin-left:40px; margin-right:60px ; } 

p.zitate { font-size:8pt; color:#999999; text-align:right; margin-left:25px; margin-right:30px ; margin-bottom:30px; margin-top:10px;} 

p.referenzen { font-size:8pt; color:#333333; text-align:left; margin-left:0px; margin-right:0px ; margin-bottom:10px; margin-top:10px;} 

p.inhalt {font-size:10pt; color:#333333; margin-bottom:0px; margin-top:0px; margin-left:60px; margin-right:60px ; line-height:18px; } 

p.ende { font-size:8pt; font-weight:normal; color:#666666; margin-top:10px; margin-bottom:0px; margin-left: 25px; margin-right:30px; line-height:8px; } 

h1 { font-size:16pt;color:#333333; } 

h1.inhalt { font-size:16pt; font-weight:bold; color:#333333; margin-bottom:20px; margin-top:30px; margin-left:60px; margin-right:60px ; line-height:36px;} 

h2 { font-size:10pt; font-weight:normal; color:#666666; margin-bottom:0px; margin-top:0px ;} 

h2.rahmen { font-size:10pt; font-weight:normal; color:#666666; line-height:18px; margin-bottom:0px; margin-top:0px; margin-left:25px ; margin-right:30px ; padding-top:10px;  padding-bottom:5px; } 

li.liste {font-size:10pt; color:#666666; line-height:18px; margin-bottom:0px; margin-top:5px ;margin-left:20px ;margin-right:30px ;   padding-bottom:5px; }

li.referenzliste {font-size:10pt; color:#666666; line-height:18px; margin-bottom:0px; margin-top:5px ;margin-left:0px ;margin-right:30px ;   padding-bottom:5px; }

li.inhalt {font-size:10pt; color:#333333; line-height:18px; margin-bottom:5px; margin-top:5px ;margin-left:55px ;margin-right:60px ; }

li.partner {font-size:10pt; color:#333333; line-height:18px; margin-bottom:5px; margin-top:5px ;margin-left:0px ;margin-right:0px ; }

a.rahmen { font-family:Arial, Helvetica, sans-serif; font-weight:bold; border-style:none; }
a.rahmen:link {color: #333333;  font-weight:bold; text-decoration:none }
a.rahmen:visited {color:#333333;  font-weight:bold; text-decoration:none }
a.rahmen:hover {color: #0000cc; font-weight:bold; text-decoration:none }

a.ende { font-family:Arial, Helvetica, sans-serif; font-size:8pt; font-weight:normal; color:#666666; 
margin-top:0px; margin-bottom:0px; margin-left: 25px; margin-right:0px;}
a.ende:link {color: #666666;  text-decoration:none }
a.ende:visited {color:#666666; text-decoration:none }
a.ende:hover {color: #0000cc; text-decoration:none }




body {background-color:#e3e3e3; text-align:left; }


div.hintergrund {
width:100%; height: 100%;
text-align:center;vertical-align:top; 
background-color:#e3e3e3;
padding-bottom:10px;padding-top:0px;padding-left:0px;padding-right:0px;
margin:0px;
position:absolute;
}

div.balken {
width:100%; height: 134px;
text-align:center;vertical-align:top; 
background-color:#222222;
position:absolute;
top:126px;
left: 0px;
}

div.zentrierung {
width:780px;padding:0px;margin:0px auto;
text-align:left;vertical-align:top; 
background-color:#FFFFFF;
position:relative;
}


/*----------->Tabelle<-------------------*/

table.tab1 {
clear:left;
width:780px;
padding:0px;margin:0px;
border-collapse:collapse;
background-color:#FFFFFF;
}

/*----------->linke Spalte<-------------------*/
td.nav {
width:560px; height:100px;
vertical-align:top; text-align:left;
padding:0px;margin:0px;
border-style:hidden;
}

td.ueber-balken {
height:26px;
vertical-align:top; text-align:left;
padding:0px;margin:0px;
border-style:hidden;
background-color:#FFFFFF;
}

td.bild {
height:113px;
vertical-align:top; text-align:left;
padding:0px;margin:0px;
border-style:hidden;
background-color:#333333;
}

td.unter_bild {
height:21px;
vertical-align:top; text-align:left;
padding:0px;margin:0px;
border-style:hidden;
background-color:#333333;
}

td.inhalt {
vertical-align:top; text-align:left;
padding:0px;margin:0px;
border-style:hidden;
}


/*----------->rechte Spalte<-------------------*/

td.logo {
width:220px; 
vertical-align:bottom; text-align:center;
padding:0px;margin:0px;
border-style:hidden;
}

td.laufzeile {
vertical-align:middle; text-align:left;
padding:0px;margin:0px;
border-style:hidden;
background-color:#333333;
}

td.rahmen {
vertical-align:top; text-align:left;
padding:0px;margin:0px;
border-style:hidden;
}


/*----------->Tabelle Ende<-------------------*/




/*----------->Navigationsmenue<-------------------*/

	#divNav {
		background: #FFFFFF;
		margin: 0;
		padding: 0;
		height: 100px;
		width: 560px;
		overflow:hidden;
position:absolute;
top: 0px;
left: 0px;
	}

	#nav {
		position: relative;
		top: 10px;
		left: -40px;
		height: 80px;
		width: 600px;
	}

	#nav li ul, #nav li ul {
		margin: 0;
		padding: 0;
	}

	#nav a {
		text-decoration: none;
	}

	#nav li { /*float the main list items*/
		margin: 0;
		float: left;
		display: block;
		padding-left: 10px;
	}

	#nav li ul {
		display: none;
	}

	#nav li.off ul, #nav li.on ul  { /*put the subnav below*/
		position: absolute;
		top: 25px;
		left: 0px;
		padding-top: 15px;
		background: #FFFFFF;  /*Farbe der Leiste Subnavigation*/
		height: 35px;
		width: 560px; /*Breite der Leiste Subnavigation*/
		padding-left: 40px; /*Textposition*/
	}
	
	#kontakt div {
		background: #FFFF88;
		width: 500px;
	}

	#nav li.on ul {
		background: #FFFFFF;
	}

	#nav li.on:hover ul, #nav li.over ul { /*for ie*/
		background: #FFFFFF;  /*Farbe der Leiste Subnavigation*/
	}

	#nav li a {
		color: #333333; 
		font-weight: bold;
		font-size: 10pt;
		display: block;
		min-width:50px;
		width:auto;
		height: 25px;
		padding-left: 25px;
		padding-top: 5px;
	}

/*Korrektur für ie bis version 6 (interpretiert min-width nicht) - sh. selfhtml "star-html-hack"*/

		* html #liDirektmarketing, #liTextservice, #liPartner, #liReferenzen,  #liKontakt, {
		width:50px;
		}


	#nav li.on a {
		color: #333333;
	}

	#nav li.on ul a, #nav li.off ul a {
		border: 0;
		float: left; /*ie doesn't inherit the float*/
		width: auto;
		margin-right: 8px;
	}

	#nav li.on ul a {
		color: #333333;
	}

	#nav li.off ul a {
		color: #0000cc;
	}

	#nav li.on:hover ul a, #nav li.over ul li a { /*for ie - the specificity is necessary*/
		background: #FFFFFF;  /*Hintergrundfarbe Text Subnavigation*/
	}

	#nav li.on ul {
		display: block;
	}

	#nav li.off:hover ul, #nav li.over ul {
		display: block;
		z-index: 6000;
	}

	#nav li.off a:hover, #nav li.on a:hover {
		color: #0000CC; /*Farbe der Navigations-Schrift beim Hoovern*/
	}

	#nav li.on a {
		color: #0000CC; /*Farbe der aktiven topnavigationsschrift*/
	}

	#nav li ul li.on a {
		color: #0000CC; /*Farbe der aktiven Subnavigationsschrift*/
	}
/*do the image replacement*/

	#nav li span {
		position:relative;
	}

	#liDirektmarketing a, #liTextservice a, #liPartner a, #liReferenzen a, #liKontakt a {
		display: block;
		position: relative;
		height: 36px;
		background: url(images/navi.gif) no-repeat; /*contains all hover states*/
		background-position: 0 0;
	}
	}



/*active area - for this demo - the code could be based on a body class, and probably work better.*/

 /*add selectors for the li's and background-positions*/

#liDirektmarketing.on a, #liTextservice.on a, #liPartner.on a, #liReferenzen.on a,  #liKontakt.on a, {
 	background-position: 0 -73px;

}

/*selectors hinzugefügt*/


/*hover states*/

#liDirektmarketing a:hover, #liDirektmarketing:hover a, #liDirektmarketing.over a, 
#liTextservice a:hover, #liTextservice:hover a, #liTextservice.over a,
#liPartner a:hover, #liPartner:hover a, #liPartner.over a,
#liReferenzen a:hover, #liReferenzen:hover a, #liReferenzen.over a,
#liKontakt a:hover, #liKontakt:hover a, #liKontakt.over a {
	background-position: 0 -73px;
}

/*subnav formatting*/

#nav li.off ul a, #nav li.on ul a {
	display: block;
	background: #FFFFFF;
	font-family: arial, verdana, sans-serif;
	color: #333333; /*Schriftfarbe der Subnavigation*/
	font-size: 9pt;
}

#nav li.on ul a {
	background: #FFFFFF;
}

/*----------->Navigationsmenue Ende<-------------------*/



img.logo { 
padding:0px;
margin-right:15px;
border-style:none;
width:150px; height:63px;
}


img.bild { 
width:560px; height:134px;
padding:0px;margin:0px;
border-style:none;
vertical-align:top; text-align:left;
height:134px;
background-color:#333333;}


div.bild { 
width:560px; height:134px;
vertical-align:top; text-align:center;
padding:0px;margin:0px;
border-style:none;
position:absolute;
top: 126px;
left: 0px;

}


div.laufzeile { 
width:220px;  height:139px;
padding:0px;margin:0px;
border-style:none;
position:absolute;
top: 100px;
left: 560px;
}

div.laufzeile_lauftext { 
width:220px;  height:110px;
vertical-align:bottom; text-align:center;
padding:0px;margin:0px;
border-style:none;
position:relative; top:28px; right:0px;
}


div.rahmen_o { 
width:220px; height:21px;
vertical-align:top; text-align:center;
padding:0px;margin:0px;
border-style:none;
background-image:url(images/rahmen_o.jpg);
background-repeat:repeat-x;
}

div.rahmen_o2 { 
width:220px; height:21px;
vertical-align:middle; text-align:center;
padding:0px;margin:0px;
border-style:none;
background-image:url(images/rahmen_o2.jpg);
background-repeat:repeat-x;
background-color:#FFFFFF;
}

div.rahmen_m { 
width:220px;
vertical-align:middle; text-align:left;
padding:0px;margin:0px;
border-style:none;
background-image:url(images/rahmen_m.jpg);
background-repeat:repeat-y;
}

div.rahmen_u { 
width:220px; height:22px;
vertical-align:top; text-align:center;
padding:0px;margin:0px;
border-style:none;
background-image:url(images/rahmen_u.jpg);
background-repeat:repeat-x;
background-color:#FFFFFF;
}

div.rahmen_ref { 
width:220px;
vertical-align:middle; text-align:left;
padding:0px;margin:0px;
border-style:none;
background-image:url(images/rahmen_m.jpg);
background-repeat:repeat-y;
position:absolute;
}

div.ende { 
width:220px; height:20px;
vertical-align:bottom; text-align:left;
padding:0px;margin:0px;
border-style:none;
background-image:url(images/rahmen_m.jpg);
background-repeat:repeat-y;
background-color:#FFFFFF;
}


ul.liste {
list-style-image:url(images/liste.gif);
padding:0px;
margin-left:20px;
margin-right:0px;
margin-bottom:0px;
margin-top:0px;
border-style:none;
}

ul.inhalt {
list-style:none;
padding:0px;
margin-left:20px;
margin-right:0px;
margin-bottom:10px;
margin-top:10px;
border-style:none;
}

/*----------->Tabelle Partner<-------------------*/
table.partner {
clear:left;
width:440px;
padding:0px;
margin:0px;
border-collapse:collapse;
background-color:#FFFFFF;
border-style:hidden;
}

/*----------->linke Spalte<-------------------*/
td.partner1 {
width:140px;
vertical-align:top; text-align:left;
padding:10px;
margin-left:30px;
margin-right:0px;
margin-bottom:0px;
margin-top:30px;
border-style:hidden;
background-color:#e3e3e3;
}

/*----------->rechte Spalte<-------------------*/
td.partner2 {
width:300px;
vertical-align:top; text-align:left;
padding:10px;margin:0px;
border-style:hidden;
background-color:#e3e3e3;
}

img.partner {
width:140px;
padding:0px;
margin-left:-10px;
margin-right:0px;
margin-bottom:0px;
margin-top:-10px;
}


/*----------->Tabelle Referenzen<-------------------*/
table.referenzen {
clear:left;
width:440px;
padding:0px;
margin-left:60px;
border-collapse:collapse;
background-color:#e3e3e3;
border-style:hidden;
}

td.referenzen {
vertical-align:top; text-align:left;
padding:10px;
border-style:hidden;
background-color:#e3e3e3;
overflow:visible;
}

table.referenzen2 {
clear:left;
width:420px;
padding:0px;
margin-left:0px;
border-collapse:collapse;
background-color:#e3e3e3;
border-style:hidden;
}

td.referenzen2 {
vertical-align:top; text-align:left;
padding:0px;
border-style:hidden;
background-color:#e3e3e3;
overflow:visible;
}

table.referenzen_breit {
clear:left;
width:660px;
padding:0px;
margin-left:60px;
border-collapse:collapse;
background-color:#e3e3e3;
border-style:hidden;
}


/*----------->Liste Referenzen<-------------------*/

ul.referenzliste {
list-style:none;
padding:0px;
margin-left:20px;
margin-right:0px;
margin-bottom:0px;
margin-top:0px;
border-style:none;
}


/*----------->Tabelle Kontakt<-------------------*/
table.kontakt {
clear:left;
width:440px;
padding:0px;
margin:0px;
border-collapse:collapse;
background-color:#FFFFFF;
border-style:hidden;
}

td.kontakt1 {
width:140px;
vertical-align:top; text-align:left;
padding:0px;
padding-left:40px;
padding-right:20px;
padding-bottom:10px;
padding-top:10px;
border-style:hidden;
background-color:#FFFFFF;
overflow:visible;
}

td.kontakt2 {
width:300px;
vertical-align:top; text-align:left;
padding-left:0px;
padding-right:20px;
padding-bottom:10px;
padding-top:10px;
border-style:hidden;
background-color:#FFFFFF;
overflow:visible;
}

table.routenplaner {
clear:left;
width:440px;
padding:0px;
margin-left:60px;
border-collapse:collapse;
background-color:#e3e3e3;
border-style:hidden;
}

td.routenplaner {
width:220px;
vertical-align:top; text-align:left;
padding-left:8px;
padding-right:8px;
padding-bottom:8px;
padding-top:8px;
border-style:hidden;
background-color:#e3e3e3;
overflow:visible;
}