/*-------------------------------------------------------
	
	styles.css
	
	- Schriftgroessen, -farben, Formatierungen
	  sonstiger HTML-Elemente ausser
	- Formatierungen von DIVs, die fuer das 
	  Layout/Raster verwendet werden, befinden 
	  sich in der Datei layout.css

-------------------------------------------------------*/
/*-------------------------------------------------------
	
	mit der csshover.htc bekommen wir den IE dazu, :hover
	nicht nur auf a-Elemente anzuwenden
	
-------------------------------------------------------*/
body {
	behavior:url(/_js/csshover3.htc);
}
/*-------------------------------------------------------
	
	Allgemeines und Grundsaetzliches
	
-------------------------------------------------------*/
html, body {
	width: 100%;
	height: 100%; 
	margin: 0px;
	padding: 0px;
}
body {
}
.clearFloat {
	clear: both;
	height: 0px;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
}
table, tbody, tr {
	border-width: 0px;
	border-collapse: collapse;
	border-spacing: 0px;
	margin: 0px;
	padding: 0px;
}
td {
	border-width: 0px;
	border-collapse: collapse;
	border-spacing: 0px;
	margin: 0px;
	padding: 0px;
	vertical-align: top;
}
h1, h2, h3, h4, h5, h6, h7, h8, h9, p {
	margin: 0px;
	padding: 0px;
}
img {
	border: 0px;
}
ul, li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
a:active { 
	text-decoration:expression(hideFocus='true'); 
}
:focus {
	-moz-outline-style: none; 
}
form { 
	margin: 0px;
}
/*-------------------------------------------------------
	
	Diverse Dinge
	
-------------------------------------------------------*/
a {
	color: #4B696B;
/*	text-decoration: none; */
}
a:hover {
	color: #C40F3A;
}
a:visited {}
body, div, h1, h2, h3, h4, h5, h6, h7, h8, h9, p, td, li, input, textarea, select {
	font-family: Arial, Helvetica, sans-serif; 	
	font-family: Georgia, serif;
	font-size: 12px;
	line-height: 150%;
	color: #4B696B;
	color: #486669;
	color: #616465;
}
h1 {
	
}
h2 {
	font-size: 14px;
	font-weight: normal;
	line-height: 120%;
}
h2 strong {
	font-weight: bold;
}
h3 {}
hr {}
.note1 {
	font-size: 10px;
}
/*-------------------------------------------------------

	Tabellen
	
-------------------------------------------------------*/
div.contentContainerOben {
	background: #F4F4F4; /* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#E6E6E6', GradientType=1); /* for IE */
	background: -webkit-gradient(linear, left top, right bottom, from(#FFFFFF), to(#E6E6E6)); /* for webkit browsers */
	background: -moz-linear-gradient(-45deg, #FFFFFF,  #E6E6E6); /* for firefox 3.6+ */
}


div.header {
	width: 780px;
	position: relative;
	left: 50%;
	margin-left: -380px;
	height: 350px;
	padding: 10px 0;
	background: url(../_img/logo/logo_agenda17.png) center center no-repeat;
}


div.trenner {
	border-top: 1px dotted #ccc;
}

	
div.contentContainer {
	width: 780px;
	position: relative;
	left: 50%;
	margin-left: -380px;
	padding: 0 0 50px 0;
}


div.pageBrowser {
	float: right;
	padding: 8px 0 0 0;
	margin: 0 5px 0 0;
}
div.pageBrowser span {
	float: left;
}
div.pageBrowser span a  {
	margin: 0 0 0 5px;
	height: 18px;
	width: 18px;
	display: block;
	float: left;
}
div.pageBrowser span a span {
	position: absolute;
	left: -9999em;
}
div.pageBrowser span a.previous  {
	background: url(../_img/nav/pfeil004a.gif) no-repeat;
}
div.pageBrowser span:hover a.previous  {
	background: url(../_img/nav/pfeil004b.gif) no-repeat;
}
div.pageBrowser span a.next  {
	background: url(../_img/nav/pfeil003a.gif) no-repeat;
}
div.pageBrowser span:hover a.next  {
	background: url(../_img/nav/pfeil003b.gif) no-repeat;
}


div.content {
	margin: 5px 0 0 5px;
}

div.content h2 {
	border-top: 1px dotted #CCC;
	margin: 0 5px 20px 0;
	padding: 10px 0 0 0;
}

div.content div.col {
	float: left;
}
div.contentNormal div.col {
	width: 25%;
}
div.contentKontakt div.col1, div.contentKontakt div.col2 {
	width: 25%;
}
div.contentKontakt div.col3 {
	width: 50%;
}
div.contentReferenzen div.col1, div.contentReferenzen div.col2 {
	width: 50%;
	float: left;
}
div.content div div {
	padding: 0 10px 0 0;
}
div.content div div img {
	margin: 3px 0 0 0;
}
div.contentReferenzen div.col2 span {
	display: block;
	margin: 20px 0 0 0;
}


div.head1 {
	margin: 5px 0 0 5px;
}
div.head1 h1 {
	height: 28px;
	width: 370px;
}
div.head1 h1 span {
	position: absolute;
	left: -9999em;
}
div.head1 h1.kontakt {
	background: url(../_img/h1/500.gif) no-repeat;
}
div.head1 h1.partner {
	background: url(../_img/h1/600.gif) no-repeat;
}
div.head1 h1.abc1 {
	background: url(../_img/h1/400.gif) no-repeat;
}
div.head1 h1.abc234 {
	background: url(../_img/h1/401.gif) no-repeat;
}
div.head1 h1.abc5 {
	background: url(../_img/h1/404.gif) no-repeat;
}
div.head1 h1.abc67 {
	background: url(../_img/h1/405.gif) no-repeat;
}
div.head1 h1.abc89 {
	background: url(../_img/h1/407.gif) no-repeat;
}
div.head1 h1.referenzen {
	background: url(../_img/h1/300.gif) no-repeat;
}
div.head1 h1.leistungen1 {
	background: url(../_img/h1/200.gif) no-repeat;
}
div.head1 h1.leistungen2 {
	background: url(../_img/h1/210.gif) no-repeat;
}
div.head1 h1.leistungen3 {
	background: url(../_img/h1/220.gif) no-repeat;
}
div.head1 h1.leistungen4 {
	background: url(../_img/h1/230.gif) no-repeat;
}
div.head1 h1.leistungen5 {
	background: url(../_img/h1/240.gif) no-repeat;
}
div.head1 h1.sondereinsaetze {
	background: url(../_img/h1/120.gif) no-repeat;
}
div.head1 h1.agentur1 {
	background: url(../_img/h1/100.gif) no-repeat;
}
div.head1 h1.agentur2 {
	background: url(../_img/h1/101.gif) no-repeat;
}
div.head1 h1.agentur3 {
	background: url(../_img/h1/110.gif) no-repeat;
}
div.head1 h1.agentur4 {
	background: url(../_img/h1/111.gif) no-repeat;
}


div.pageBrowserABC a {
	text-decoration: none;
	background-color: #ECEFEF;
	padding: 2px 3px;
	width: 15px;
	display: block;
	text-align: center;
	float: left;
	margin: 0 5px 5px 0;
	border: 1px solid #ECEFEF;
}
div.pageBrowserABC a:hover, div.pageBrowserABC a.selected  {
	background-color: #FFF;
	border: 1px solid #999;
	color: #C40F3A !important;
}

/*-------------------------------------------------------

	Navigation
	
-------------------------------------------------------*/
ul.navMain {
	margin: 0 0 0 5px;
}
ul.navMain li {
	float: left;
	margin: 40px 40px 40px 0;
}
ul.navMain li a {
	display: block;
	height: 16px;
}
ul.navMain li a span {
	position: absolute;
	left: -9999em;
}
ul.navMain li#li1 a {
	background: url(../_img/menu1/100a.gif) no-repeat;
	width: 49px;
}
ul.navMain li#li1 a:hover, ul.navMain li#li1 a.active {
	background: url(../_img/menu1/100b.gif) no-repeat;
}
ul.navMain li#li2 a {
	background: url(../_img/menu1/200a.gif) no-repeat;
	width: 63px;
}
ul.navMain li#li2 a:hover, ul.navMain li#li2 a.active {
	background: url(../_img/menu1/200b.gif) no-repeat;
}
ul.navMain li#li3 a {
	background: url(../_img/menu1/300a.gif) no-repeat;
	width: 65px;
}
ul.navMain li#li3 a:hover, ul.navMain li#li3 a.active {
	background: url(../_img/menu1/300b.gif) no-repeat !important;
}
ul.navMain li#li4 a {
	background: url(../_img/menu1/600a.gif) no-repeat;
	width: 42px;
}
ul.navMain li#li4 a:hover, ul.navMain li#li4 a.active {
	background: url(../_img/menu1/600b.gif) no-repeat !important;
}

div.navMainSub {
	position: absolute;
	border-top: 10px solid #FFF;
	display: none;
}
ul.navMain li:hover div.navMainSub {
	display: block;
}
ul.navMain ul {
	margin: 0 0 0 0;
	padding: 2px 0 0 0;
	background-color: #E7E7E7;
	height: 100px;
	border-left: 1px dotted #000;
}
ul.navMain ul li {
	clear: both;
	margin: 0 0 0 0;
}
ul.navMain ul li a {
	width: 160px !important;
	height: 16px;
}
ul.navMain ul li#li11 a {
	background: url(../_img/menu2/100a.gif) no-repeat 5px 4px;
}
ul.navMain ul li#li11 a:hover, ul.navMain ul li#li11 a.active {
	background: url(../_img/menu2/100b.gif) no-repeat 5px 4px;
}
ul.navMain ul li#li12 a {
	background: url(../_img/menu2/110a.gif) no-repeat 5px 4px;
}
ul.navMain ul li#li12 a:hover, ul.navMain ul li#li12 a.active  {
	background: url(../_img/menu2/110b.gif) no-repeat 5px 4px;
}
ul.navMain ul li#li13 a {
	background: url(../_img/menu2/120a.gif) no-repeat 5px 4px;
}
ul.navMain ul li#li13 a:hover, ul.navMain ul li#li13 a.active  {
	background: url(../_img/menu2/120b.gif) no-repeat 5px 4px;
}
ul.navMain ul li#li21 a {
	background: url(../_img/menu2/200a.gif) no-repeat 5px 4px;
}
ul.navMain ul li#li21 a:hover, ul.navMain ul li#li21 a.active {
	background: url(../_img/menu2/200b.gif) no-repeat 5px 4px;
}
ul.navMain ul li#li22 a {
	background: url(../_img/menu2/210a.gif) no-repeat 5px 4px;
}
ul.navMain ul li#li22 a:hover, ul.navMain ul li#li22 a.active {
	background: url(../_img/menu2/210b.gif) no-repeat 5px 4px;
}
ul.navMain ul li#li23 a {
	background: url(../_img/menu2/220a.gif) no-repeat 5px 4px;
}
ul.navMain ul li#li23 a:hover, ul.navMain ul li#li23 a.active {
	background: url(../_img/menu2/220b.gif) no-repeat 5px 4px;
}
ul.navMain ul li#li24 a {
	background: url(../_img/menu2/230a.gif) no-repeat 5px 4px;
}
ul.navMain ul li#li24 a:hover, ul.navMain ul li#li24 a.active {
	background: url(../_img/menu2/230b.gif) no-repeat 5px 4px;
}
ul.navMain ul li#li25 a {
	background: url(../_img/menu2/240a.gif) no-repeat 5px 4px;
}
ul.navMain ul li#li25 a:hover, ul.navMain ul li#li25 a.active {
	background: url(../_img/menu2/240b.gif) no-repeat 5px 4px;
}


ul.navSub {
	float: right;
	margin: 40px 5px 0 0;
}
ul.navSub li {
	float: left;
	margin: 0 0 0 30px;
}
ul.navSub li a {
	display: block;
	height: 16px;
}
ul.navSub li a span {
	position: absolute;
	left: -9999em;
}
ul.navSub li#li1 a {
	background: url(../_img/menu1/400a.gif) no-repeat;
	width: 66px;
}
ul.navSub li#li1 a:hover, ul.navSub li#li1 a.active {
	background: url(../_img/menu1/400b.gif) no-repeat !important;
}
ul.navSub li#li2 a {
	background: url(../_img/menu1/500a.gif) no-repeat;
	width: 101px;
}
ul.navSub li#li2 a:hover, ul.navSub li#li2 a.active {
	background: url(../_img/menu1/500b.gif) no-repeat !important;
}
/*-------------------------------------------------------

	GOOGLEMAP
	
-------------------------------------------------------*/