/* CSS Document */

html,
body,
* {
			margin:0px;
			padding:0px;
			outline: none;
}

html,
body {
			height:100%;
}

body {
			font: 13px/18px Verdana, Helvetica, sans-serif;
			color:#555555;
			background:url(../images/bg-body.jpg) 0 0 repeat-x;
}
div#container {
			position:relative;
			margin: 0 auto;
			width: 960px;
			background:url(../images/layout.jpg) 0 0 no-repeat;
}


/*-----------------------------------------------------------------------------*/
/*----------------------------------| =header |--------------------------------*/
/*-----------------------------------------------------------------------------*/
div#header {
	background: url(../images/bg-header-cubes.jpg) 0 0 no-repeat;
	height: 485px;
	width: 960px;
}

div#headerTop { height: 120px; }


ul#navigationAdditional{
	margin-left: 14px;
	width: 320px;
	height: 62px;
}

ul#navigationAdditional li {
	float: left;
	list-style: none;
}

ul#navigationAdditional li a {
	display: block;
	outline: none;
	text-indent:-9999px;
	font-size:1px;
	width: 80px;
	height: 62px;
}

	li#agbs a { background: url(../images/bg-navigationAdditional.jpg) 0 0 no-repeat; }
	li#kontakt a { background: url(../images/bg-navigationAdditional.jpg) -80px 0 no-repeat; }
	li#anfahrt a { background: url(../images/bg-navigationAdditional.jpg) -160px 0 no-repeat; }
	li#impressum a { background: url(../images/bg-navigationAdditional.jpg) -240px 0 no-repeat; }
	
	li#agbs a:hover, li#agbs a.active { background: url(../images/bg-navigationAdditional.jpg) 0 -62px no-repeat; }
	li#kontakt a:hover, li#kontakt a.active { background: url(../images/bg-navigationAdditional.jpg) -80px -62px no-repeat; }
	li#anfahrt a:hover, li#anfahrt a.active { background: url(../images/bg-navigationAdditional.jpg) -160px -62px no-repeat; }
	li#impressum a:hover, li#impressum a.active { background: url(../images/bg-navigationAdditional.jpg) -240px -62px no-repeat; }

h1{
	float: right;
	margin-top: 19px;
	margin-right: 60px;
	display:block;
}
h1 a{
	display:block;
	outline:none;
	text-indent:-9999px;
	font-size:1px;
	background: url(../images/bg-branding.jpg) 0 0 no-repeat;
	width: 190px;
	height: 72px;
}



/*-----------------------------------------------------------------------------*/
/*----------------------------------| =Navigation |----------------------------*/
/*-----------------------------------------------------------------------------*/

div#navigationBox {
	clear: both;
	width: 960px;
	height: 61px;
}

ul#navigation{
	position: relative;
	width: 960px;
	height: 36px;
	background: url(../images/bg-navigation.jpg) 0 0 no-repeat;
	padding-left: 42px;
}

ul#navigation li {
	float: left;
	list-style: none;
} 

ul#navigation li a {
	display: block;
	outline:none;
	text-indent:-9999px;
	font-size:1px;
	height: 36px;
}   

	li#startseite a { 
		width: 107px;
		background: url(../images/bg-navigation.jpg) -42px 0 no-repeat;
	}
	li#unternehmen a {
		width: 133px;
		background: url(../images/bg-navigation.jpg) -149px 0 no-repeat;
	}
	li#dienstleistungen a {
		width: 151px;
		background: url(../images/bg-navigation.jpg) -282px 0 no-repeat;
	}
	li#kunden a {
		width: 97px;
		background: url(../images/bg-navigation.jpg) -433px 0 no-repeat;
	}
	li#downloads a {
		width: 117px;
		background: url(../images/bg-navigation.jpg) -530px 0 no-repeat;
	}
	li#uploads a {
		width: 98px;
		background: url(../images/bg-navigation.jpg) -647px 0 no-repeat;
	}
	li#presse a {
		width: 87px;
		background: url(../images/bg-navigation.jpg) -745px 0 no-repeat;
	}
	li#neues a {
		width: 86px;
		background: url(../images/bg-navigation.jpg) -832px 0 no-repeat;
	}
	
	
	li#startseite a:hover { 			background: url(../images/bg-navigation.jpg) -42px -36px no-repeat; }
	li#unternehmen a:hover { 			background: url(../images/bg-navigation.jpg) -149px -36px no-repeat; }
	li#dienstleistungen a:hover { 	background: url(../images/bg-navigation.jpg) -282px -36px no-repeat; }
	li#kunden a:hover { 					background: url(../images/bg-navigation.jpg) -433px -36px no-repeat; }
	li#downloads a:hover { 				background: url(../images/bg-navigation.jpg) -530px -36px no-repeat; }
	li#uploads a:hover { 				background: url(../images/bg-navigation.jpg) -647px -36px no-repeat; }
	li#presse a:hover { 					background: url(../images/bg-navigation.jpg) -745px -36px no-repeat; }
	li#neues a:hover { 					background: url(../images/bg-navigation.jpg) -832px -36px no-repeat; }
	
	li#startseite a.active { 			background: url(../images/bg-navigation.jpg) -42px -72px no-repeat; }
	li#unternehmen a.active { 			background: url(../images/bg-navigation.jpg) -149px -72px no-repeat; }
	li#dienstleistungen a.active { 	background: url(../images/bg-navigation.jpg) -282px -72px no-repeat; }
	li#kunden a.active { 				background: url(../images/bg-navigation.jpg) -433px -72px no-repeat; }
	li#downloads a.active { 			background: url(../images/bg-navigation.jpg) -530px -72px no-repeat; }
	li#uploads a.active { 				background: url(../images/bg-navigation.jpg) -647px -72px no-repeat; }
	li#presse a.active { 				background: url(../images/bg-navigation.jpg) -745px -72px no-repeat; }
	li#neues a.active {					background: url(../images/bg-navigation.jpg) -832px -72px no-repeat; }
	
	* html li#startseite a.active:hover { 			background: url(../images/bg-navigation.jpg) -42px -72px no-repeat; }
	* html li#unternehmen a.active:hover { 		background: url(../images/bg-navigation.jpg) -149px -72px no-repeat; }
	* html li#dienstleistungen a.active:hover { 	background: url(../images/bg-navigation.jpg) -282px -72px no-repeat; }
	* html li#kunden a.active:hover { 				background: url(../images/bg-navigation.jpg) -433px -72px no-repeat; }
	* html li#downloads a.active:hover { 			background: url(../images/bg-navigation.jpg) -530px -72px no-repeat; }
	* html li#uploads a.active:hover { 				background: url(../images/bg-navigation.jpg) -647px -72px no-repeat; }
	* html li#presse a.active:hover { 				background: url(../images/bg-navigation.jpg) -745px -72px no-repeat; }
	* html li#neues a.active:hover {					background: url(../images/bg-navigation.jpg) -832px -72px no-repeat; }
	

ul#navigation ul.subnavigation {
	position: absolute;
	top: 36px;
	left: 67px;
	height: 25px;
	width: 100%;
}

ul#navigation ul.subnavigation li {
	float: left;
	list-style: none;
}

ul#navigation ul.subnavigation li a {
	display: block;
	outline:none;
	text-indent:-9999px;
	font-size:1px;
	height: 25px;
}

	li#produktdaten a { 
		width: 98px;
		background: url(../images/bg-subnavigation-dienstleistungen.jpg) 0 0 no-repeat;
	}
	li#klassifizierung a { 
		width: 102px;
		background: url(../images/bg-subnavigation-dienstleistungen.jpg) -98px 0 no-repeat;
	}
	li#printmedien a { 
		width: 89px;
		background: url(../images/bg-subnavigation-dienstleistungen.jpg) -200px 0 no-repeat;
	}
	li#onlinemedien a { 
		width: 105px;
		background: url(../images/bg-subnavigation-dienstleistungen.jpg) -289px 0 no-repeat;
	}
	li#blaetterkatalog a { 
		width: 101px;
		background: url(../images/bg-subnavigation-dienstleistungen.jpg) -394px 0 no-repeat;
	}
	li#kalender a { 
		width: 69px;
		background: url(../images/bg-subnavigation-dienstleistungen.jpg) -495px 0 no-repeat;
	}
	li#consulting a { 
		width: 79px;
		background: url(../images/bg-subnavigation-dienstleistungen.jpg) -564px 0 no-repeat;
	}
	
	li#produktdaten a:hover, li#produktdaten a.active { 			background: url(../images/bg-subnavigation-dienstleistungen.jpg) 0 -25px no-repeat; }
	li#klassifizierung a:hover, li#klassifizierung a.active { 	background: url(../images/bg-subnavigation-dienstleistungen.jpg) -98px -25px no-repeat; }
	li#printmedien a:hover, li#printmedien a.active { 				background: url(../images/bg-subnavigation-dienstleistungen.jpg) -200px -25px no-repeat; }
	li#onlinemedien a:hover, li#onlinemedien a.active { 			background: url(../images/bg-subnavigation-dienstleistungen.jpg) -289px -25px no-repeat; }
	li#blaetterkatalog a:hover, li#blaetterkatalog a.active { 	background: url(../images/bg-subnavigation-dienstleistungen.jpg) -394px -25px no-repeat; }
	li#kalender a:hover, li#kalender a.active { 						background: url(../images/bg-subnavigation-dienstleistungen.jpg) -495px -25px no-repeat; }
	li#consulting a:hover, li#consulting a.active { 				background: url(../images/bg-subnavigation-dienstleistungen.jpg) -564px -25px no-repeat; }
	
	* html li#produktdaten a.active:hover { 		background: url(../images/bg-subnavigation-dienstleistungen.jpg) 0 -25px no-repeat; }
	* html li#klassifizierung a.active:hover { 	background: url(../images/bg-subnavigation-dienstleistungen.jpg) -98px -25px no-repeat; }
	* html li#printmedien a.active:hover { 		background: url(../images/bg-subnavigation-dienstleistungen.jpg) -200px -25px no-repeat; }
	* html li#onlinemedien a.active:hover { 		background: url(../images/bg-subnavigation-dienstleistungen.jpg) -289px -25px no-repeat; }
	* html li#blaetterkatalog a.active:hover { 	background: url(../images/bg-subnavigation-dienstleistungen.jpg) -394px -25px no-repeat; }
	* html li#kalender a.active:hover { 			background: url(../images/bg-subnavigation-dienstleistungen.jpg) -495px -25px no-repeat; }
	* html li#consulting a.active:hover { 			background: url(../images/bg-subnavigation-dienstleistungen.jpg) -564px -25px no-repeat; }

/**********************************************/

	li#philosophie a { 
		width: 85px;
		background: url(../images/bg-subnavigation-unternehmen.jpg) 0 0 no-repeat;
	}
	li#kompetenzen a { 
		width: 99px;
		background: url(../images/bg-subnavigation-unternehmen.jpg) -85px 0 no-repeat;
	}
	li#ansprechpartner a { 
		width: 117px;
		background: url(../images/bg-subnavigation-unternehmen.jpg) -184px 0 no-repeat;
	}
	li#standort a { 
		width: 67px;
		background: url(../images/bg-subnavigation-unternehmen.jpg) -301px 0 no-repeat;
	}
	li#ehrenkodex a { 
		width: 87px;
		background: url(../images/bg-subnavigation-unternehmen.jpg) -368px 0 no-repeat;
	}
	li#bni a { 
		width: 35px;
		background: url(../images/bg-subnavigation-unternehmen.jpg) -455px 0 no-repeat;
	}
	
	li#philosophie a:hover, li#philosophie a.active { 				background: url(../images/bg-subnavigation-unternehmen.jpg) 0 -25px no-repeat; }
	li#kompetenzen a:hover, li#kompetenzen a.active { 				background: url(../images/bg-subnavigation-unternehmen.jpg) -85px -25px no-repeat; }
	li#ansprechpartner a:hover, li#ansprechpartner a.active { 	background: url(../images/bg-subnavigation-unternehmen.jpg) -184px -25px no-repeat; }
	li#standort a:hover, li#standort a.active { 						background: url(../images/bg-subnavigation-unternehmen.jpg) -301px -25px no-repeat; }
	li#ehrenkodex a:hover, li#ehrenkodex a.active { 				background: url(../images/bg-subnavigation-unternehmen.jpg) -368px -25px no-repeat; }
	li#bni a:hover, li#bni a.active { 									background: url(../images/bg-subnavigation-unternehmen.jpg) -455px -25px no-repeat; }
	
	* html li#philosophie a.active:hover { 		background: url(../images/bg-subnavigation-unternehmen.jpg) 0 -25px no-repeat; }
	* html li#kompetenzen a.active:hover { 		background: url(../images/bg-subnavigation-unternehmen.jpg) -85px -25px no-repeat; }
	* html li#ansprechpartner a.active:hover { 	background: url(../images/bg-subnavigation-unternehmen.jpg) -184px -25px no-repeat; }
	* html li#standort a.active:hover { 			background: url(../images/bg-subnavigation-unternehmen.jpg) -301px -25px no-repeat; }
	* html li#ehrenkodex a.active:hover { 			background: url(../images/bg-subnavigation-unternehmen.jpg) -368px -25px no-repeat; }
	* html li#bni a.active:hover { 					background: url(../images/bg-subnavigation-unternehmen.jpg) -455px -25px no-repeat; }

ul#subnavDienstleistungen { display: none; }
ul#subnavUnternehmen { display: none; }

.displayBlock { display: block !important; }

div#productBox {
	width: 960px;
	height: 304px;
	background: url(../images/bg-productimage.jpg) 0 0 no-repeat;
}

/*-----------------------------------------------------------------------------*/
/*----------------------------------| =content |-------------------------------*/
/*-----------------------------------------------------------------------------*/

div#contentContainer {
	margin-top: 13px;
}

div#contentContainer a, div#footerContent a {
	font-weight: normal;
	color: #16737f;
	background: url(../images/bg-anchor.gif) right 3px no-repeat;
	padding-right: 8px;
	text-decoration: none;
}

div#contentContainer a:active,
div#contentContainer a:hover,
div#footerContent a:hover {
	color: #0099af;
}

div#contentContainer a[rel] {
	background: none;
	padding-right: 0px;
}

div.imageContent {
	padding-top: 20px;
	float: left;
	width: 100%;
}

div.ansprechpartnerContent {
	width: 50%;
	background: none !important;
}

div.imageContent img, p img, div#sidebarContainer img {
	float: left;
	margin-right: 10px;
	padding: 5px;
	border: 1px solid #d2cdcd;
}

div#sidebarContainer img {
	margin-bottom: 10px;
}

div.imageContent h3 {
	background: none;
}

div#contentContainer ol {
	margin-left: 20px;
	padding-top: 10px;
	list-style: upper-roman;
}

div#contentContainer ul {
	margin-left: 20px;
	padding-top: 10px;
}

div#contentContainer ol ol,
div#contentContainer ol.olDecimal { 
	list-style: decimal;
}

div#contentContainer ol ol ul { 
	list-style: circle;
}

div#contentContainer ol li {
	padding: 15px 0;
}

div#contentContainer ol li > ol, 
div#contentContainer ol ol ul li,
div#contentContainer ol.olDecimal li {
	padding: 0px;
 }

div#contentContainer ol ol,
div#contentContainer ol ol li {
	padding-bottom: 5px;
}

div#contentContainer ul.cubes li {
	padding-left: 10px;
	background: url(../images/bg-cubes.jpg) 0 3px no-repeat;
	list-style: none;
	padding-bottom: 5px;
}

div#contentContainer iframe {
	border: 1px solid #d2cdcd;
}

div#mainContainer{
	width: 560px;
	float: left;
	padding-left: 21px;
}

div#sidebarContainer{
	position: relative;
	width: 310px;
	float: right;
}	

div#sidebarIndex {
	position: relative;
	width: 310px;
	height: 647px;
	float: right;
	background: url(../images/bg-sidebar.jpg) 0 0 no-repeat;
}

div#neuesContainer {
	padding-top: 32px;
	padding-left: 28px;
}

div#neuesContainer img {
	float: left;
	border: 1px solid #d2cdcd;
	margin-top: 4px;
	margin-right: 7px;
}

div#neuesContainer p {
	margin-top: 3px;
	width: 250px;
	background: none; 
	padding-bottom: 10px;
}

div#bniBox {
	position: absolute;
	bottom: 13px;
	left: 10px;
}

div#bniBox a {
	text-decoration: none;
	padding: 0px;
	margin: 0px;
	background: none;
}

div#bniBox a img {
	border: none;
}

/*************************/

div#euroweb a {
	background: none;
	padding: 0px;
}

/*-----------------------------------------------------------------------------*/
/*----------------------------------| =basic elements |------------------------*/
/*-----------------------------------------------------------------------------*/

.bgNone {
	background: none !important;
}

p {
	padding-bottom: 20px;
}

h1 {
}

h2{
	display: block;
	height: 25px;
	width: 100%;
	outline:none;
	text-indent:-9999px;
	font-size:1px;
}

h2#h2-startseite { background: url(../images/index/bg-h2.jpg) 0 0 no-repeat; } 
h2#h2-agbs { background: url(../images/agbs/bg-h2.jpg) 0 0 no-repeat; } 
h2#h2-anfahrt { background: url(../images/anfahrt/bg-h2.jpg) 0 0 no-repeat; } 
h2#h2-ansprechpartner { background: url(../images/ansprechpartner/bg-h2.jpg) 0 0 no-repeat; }
h2#h2-blaetterkatalog { background: url(../images/blaetterkatalog/bg-h2.jpg) 0 0 no-repeat; } 
h2#h2-bni { background: url(../images/bni/bg-h2.jpg) 0 0 no-repeat; } 
h2#h2-consulting { background: url(../images/consulting/bg-h2.jpg) 0 0 no-repeat; } 
h2#h2-downloads { background: url(../images/downloads/bg-h2.jpg) 0 0 no-repeat; } 
h2#h2-ehrenkodex { background: url(../images/ehrenkodex/bg-h2.jpg) 0 0 no-repeat; } 
h2#h2-error404 { background: url(../images/error404/bg-h2.jpg) 0 0 no-repeat; } 
h2#h2-impressum { background: url(../images/impressum/bg-h2.jpg) 0 0 no-repeat; } 
h2#h2-kalender { background: url(../images/kalender/bg-h2.jpg) 0 0 no-repeat; } 
h2#h2-klassifizierung { background: url(../images/klassifizierung/bg-h2.jpg) 0 0 no-repeat; } 
h2#h2-kompetenzen { background: url(../images/kompetenzen/bg-h2.jpg) 0 0 no-repeat; } 
h2#h2-kontakt { background: url(../images/kontakt/bg-h2.jpg) 0 0 no-repeat; } 
h2#h2-kunden { background: url(../images/kunden/bg-h2.jpg) 0 0 no-repeat; } 
h2#h2-neues { background: url(../images/neues/bg-h2.jpg) 0 0 no-repeat; } 
h2#h2-uploads { background: url(../images/uploads/bg-h2.jpg) 0 0 no-repeat; }
h2#h2-onlinemedien { background: url(../images/onlinemedien/bg-h2.jpg) 0 0 no-repeat; } 
h2#h2-philosophie { background: url(../images/philosophie/bg-h2.jpg) 0 0 no-repeat; } 
h2#h2-presse { background: url(../images/presse/bg-h2.jpg) 0 0 no-repeat; } 
h2#h2-printmedien { background: url(../images/printmedien/bg-h2.jpg) 0 0 no-repeat; } 
h2#h2-produktdaten { background: url(../images/produktdaten/bg-h2.jpg) 0 0 no-repeat; } 
h2#h2-standort { background: url(../images/standort/bg-h2.jpg) 0 0 no-repeat; } 


h2 + p {
	padding-top: 20px;
}


h3{
	margin-top: 20px;
	padding-left: 10px;
	padding-bottom: 5px;
	background: url(../images/bg-cubes.jpg) 0 3px no-repeat;
	font-size: 15px;
}

h3 + p.bgBorder, div.imageContent {
	background: url(../images/bg-contentBorder.jpg) 0 bottom repeat-x;
}

h3 span {
	font-size: 11px;
	color: #999;
}


div#neuesContainer h3 {
	font-size: 13px;
	font-weight: bold;
	background: none;
	padding-left: 0px;
	margin-top: 0px;
}



/*-----------------------------------------------------------------------------*/
/*----------------------------------| =special elements |-----------------------*/
/*-----------------------------------------------------------------------------*/

.highlightLine{
}

object {
	border: 1px solid #d2cdcd;
}


/*-----------------------------------------------------------------------------*/
/*----------------------------------| =footer |--------------------------------*/
/*-----------------------------------------------------------------------------*/

div#footer {
	width: 100%;
	height: 340px;
	margin-top: 60px;
	background: url(../images/bg-footer.jpg) center bottom repeat-x;
}

div#footerContent {
	position: relative;
	margin: 0 auto;
	width: 960px;
	height: 340px;
	background: url(../images/bg-footerContent.jpg) 0 0 no-repeat;
}

div#footerContent img {
	position: absolute;
	right: 0px;
	bottom: 63px;
}

div#footerKontakt {
	position: absolute;
	top: 133px;
	left: 85px;
	width: 220px;
}

div#footerAnsprechpartner {
	position: absolute;
	top: 133px;
	left: 329px;
	width: 250px;
}

div#footerContent a.top {
	position: absolute;
	display: block;
	bottom: 0;
	left: 427px;
	width: 107px;
	height: 24px;
	background:url(../images/bg-top.jpg) 0 0 no-repeat;
	outline:none;
	text-indent:-9999px;
	font-size:1px;
	padding:0;
}

div.footerText {
	position: absolute;
	right: 32px;
	bottom: 26px;
	width: 249px;
	height: 14px;
	background: url(../images/bg-footerText.jpg) 0 0 no-repeat;
	outline:none;
	text-indent:-9999px;
	font-size:1px;
}


/*-----------------------------------------------------------------------------*/
/*----------------------------------| =clearFix |------------------------------*/
/*-----------------------------------------------------------------------------*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/*-----------------------------------------------------------------------------*/
/*----------------------------------| =imageCheck |------------------------------*/
/*-----------------------------------------------------------------------------*/
/*
img[alt=""] {border: 3px dotted red;}
[title=""] {outline: 3px dotted fuchsia;}
img:not([alt]) {border: 5px solid red;}
*/