/********************/
/*	  INHALT		*/
/*********************
1.0 ALLGEMEIN				
2.0 CONTAINER		
    2.1 Teaser
3.0 TEXT
	3.1 Titel
4.0 TEXTFELDER
5.0 TABELLEN
********************/

/* ============================================= 1.0 ALLGEMEIN ============================================= */

	html, body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
	background-color: #303030;
	}

	img, img a:link, img a:visited, img a:hover, img a:active { outline: none; border: 0; }

/* ============================================= 2.0 CONTAINER ============================================= */

	#main {
		position: absolute; 
		left: 50%;
		margin: 0px 0px 0px -480px; /* 1000/2 */
		width: 960px;
		min-height: 99%; 
		background-color:#FFF;
	}
		#header {
			width: 960px;
			margin: 0px;
			padding: 0px;
		}
		
		#subnav {
			font-size: 14px;

			background-image:url(../img/bg_subnav.jpg);
			height: 54px; /* -7px */
			margin: 0px;
			padding: 7px 0px 0px 230px;
		}
		
			#subnav ul  {
				display:inline;
				list-style: none;
				
				margin: 0px 20px 0px 0px;
				padding: 0px;
			}
			#subnav li {
				display:inline;
				list-style: none;
				margin: 0px 20px 0px 0px;
				padding: 0px;
			}
			
			#subnav a:link	 	{color: #000; 		text-decoration: none; }	
			#subnav a:visited 	{color: #000; 		text-decoration: none; }		 
			#subnav a:hover 	{color: #E2051A; 	text-decoration: none; }
			#subnav a:active 	{color: #000; 		text-decoration: none; }

		#content {
			line-height: 20px;
			
			height: 173px; /* -25 */
			margin: 0px;
			padding: 25px 50px 0px 50px;
			background-image:url(../img/bg_content.jpg);
		}
		
			#content a:link 	{ text-decoration: none; color: #E2051A; }
			#content a:visited  { text-decoration: none; color: #E2051A; }
			#content a:hover	{ text-decoration: none; color: #900; }
			#content a:active 	{ text-decoration: none; color: #E2051A; }
			
			#content ul  {
				margin: 0px 0px 0px 15px;
				padding: 0px;
			}
			#content li {
				margin: 0px;
				padding: 0px;
			}
			
		#content_aktion {
			line-height: 20px;
			
			height: 173px; /* -25 */
			margin: 0px;
			padding: 25px 50px 0px 50px;
			background-image:url(../img/bg_content_ak.jpg);
		}
		
			#content_aktion a:link 	{ text-decoration: none; color: #E2051A; }
			#content_aktion a:visited  { text-decoration: none; color: #E2051A; }
			#content_aktion a:hover	{ text-decoration: none; color: #900; }
			#content_aktion a:active 	{ text-decoration: none; color: #E2051A; }
			
			#content_aktion ul  {
				margin: 0px 0px 0px 15px;
				padding: 0px;
			}
			#content_aktion li {
				margin: 0px;
				padding: 0px;
			}
			
		#logos {
			text-align:right;
		}

		#aktionen {
			height: 484px;
			margin: 0px;
			padding: 0px;
			background-color:#FFF;
		}

		#artikel_fenster_1 {
			background-color:#FFF;
			width: 960px;
			height: 493px;
			background-image: url("../bilder/artikel/artikel_1.jpg");
		}
		#artikel_fenster_2 {
			background-color:#FFF;
			width: 960px;
			height: 493px;
			background-image: url("../bilder/artikel/dezember/artikel_2.jpg");
		}
		#artikel_fenster_3 {
			background-color:#FFF;
			width: 960px;
			height: 493px;
			background-image: url("../bilder/artikel/dezember/artikel_3.jpg");
		}
		#artikel_fenster_4 {
			background-color:#FFF;
			width: 960px;
			height: 493px;
			background-image: url("../bilder/artikel/artikel_4.jpg");
		}
		#artikel_fenster_5 {
			background-color:#FFF;
			width: 960px;
			height: 493px;
			background-image: url("../bilder/artikel/artikel_5.jpg");
		}
		#artikel_fenster_6 {
			background-color:#FFF;
			width: 960px;
			height: 493px;
			background-image: url("../bilder/artikel/artikel_6.jpg");
		}
		#artikel_fenster_7 {
			background-color:#FFF;
			width: 960px;
			height: 493px;
			background-image: url("../bilder/artikel/artikel_7.jpg");
		}
		#artikel_fenster_8 {
			background-color:#FFF;
			width: 960px;
			height: 493px;
			background-image: url("../bilder/artikel/artikel_8.jpg");
		}
		
			#artikel_webshoplink {
				width: 210px;
				position: fixed;
				height: 30px;
				margin: 255px 0px 0px 700px;
			}
		
			#artikel_nummer {
				padding: 313px 32px 0px 0px;
				color: #6c90b0;
				font-family: Neo Sans Pro, Verdana, sans-serif;
				text-align: right;
				font-size: 19px;
			}
			#artikel_mail {
				padding: 313px 32px 0px 650px;
				color: #6c90b0;
				font-family: Neo Sans Pro, Verdana, sans-serif;
				text-align: center;
				font-size: 17px;
			}
				#artikel_mail a, #artikel_mail a:link, #artikel_mail a:hover, #artikel_mail a:active {
					color: #6c90b0;
					font-family: Neo Sans Pro, Verdana, sans-serif;
					text-align: right;
					text-decoration: none;
					font-size: 17px;
				}
		
			#artikel_text {
				padding: 20px 47px 0px 47px;
				font-family: Neo Sans Pro, Verdana, sans-serif;
				line-height: 18px;
				font-size: 8pt;
			}
			#artikel_text a {
				color: #6c90b0;
				text-decoration: none;
			}
			
		.aktion_img_first {
			float: left;
			margin-left: 0px;
			padding: 17px 0px 0px 20px;
		}
					
		.aktion_img {
			float: left;
			margin-left: 8px;
			padding: 17px 2px 0px 8px;
		}
					
		.aktion_img_last {
			float: left;
			margin-left: 8px;
			padding: 17px 0px 0px 8px;
		}
			
			
			#aktion1 a {
				height: 218px;
				width: 217px;
				display: table-cell;
				background: url("../bilder/aktionen/aktion_1.jpg") 0px 0px no-repeat;
				outline:none;
			}
			#aktion1 a:hover {	
				background-position: -217px 0;
			}
			#aktion1 a:active {
				background-position: -217px 0;
			}
			
			#aktion2 a {
				height: 218px;
				width: 217px;
				display: table-cell;
				background: url("../bilder/aktionen/dezember/aktion_2.jpg") 0px 0px no-repeat;
				outline:none;
			}
			#aktion2 a:hover {	
				background-position: -217px 0;
			}
			#aktion2 a:active {
				background-position: -217px 0;
			}
			
			#aktion3 a {
				height: 218px;
				width: 217px;
				display: table-cell;
				background: url("../bilder/aktionen/dezember/aktion_3.jpg") 0px 0px no-repeat;
				outline:none;
			}
			#aktion3 a:hover {	
				background-position: -217px 0;
			}
			#aktion3 a:active {
				background-position: -217px 0;
			}
			
			#aktion4 a {
				height: 218px;
				width: 217px;
				display: table-cell;
				background: url("../bilder/aktionen/aktion_4.jpg") 0px 0px no-repeat;
				outline:none;
			}
			#aktion4 a:hover {	
				background-position: -217px 0;
			}
			#aktion4 a:active {
				background-position: -217px 0;
			}
		
			#aktion5 a {
				height: 218px;
				width: 217px;
				display: table-cell;
				background: url("../bilder/aktionen/aktion_5.jpg") 0px 0px no-repeat;
				outline:none;
			}
			#aktion5 a:hover {	
				background-position: -217px 0;
			}
			#aktion5 a:active {
				background-position: -217px 0;
			}
			
			#aktion6 a {
				height: 218px;
				width: 217px;
				display: table-cell;
				background: url("../bilder/aktionen/aktion_6.jpg") 0px 0px no-repeat;
				outline:none;
			}
			#aktion6 a:hover {	
				background-position: -217px 0;
			}
			#aktion6 a:active {
				background-position: -217px 0;
			}
			
			#aktion7 a {
				height: 218px;
				width: 217px;
				display: table-cell;
				background: url("../bilder/aktionen/aktion_7.jpg") 0px 0px no-repeat;
				outline:none;
			}
			#aktion7 a:hover {	
				background-position: -217px 0;
			}
			#aktion7 a:active {
				background-position: -217px 0;
			}
			
			#aktion8 a {
				height: 218px;
				width: 217px;
				display: table-cell;
				background: url("../bilder/aktionen/aktion_8.jpg") 0px 0px no-repeat;
				outline:none;
			}
			#aktion8 a:hover {	
				background-position: -217px 0;
			}
			#aktion8 a:active {
				background-position: -217px 0;
			}
		
	/* -------------- 2.1 Teaser -------------- */

			#teaser {
				height: 322px;
				margin: 0px;
				padding: 0px;
			}
				#teaser a:link 		{color: #000; 		text-decoration: none; }	
				#teaser a:visited 	{color: #000; 		text-decoration: none; }		 
				#teaser a:hover 	{color: #E2051A; 	text-decoration: none; }
				#teaser a:active 	{color: #000; 		text-decoration: none; }
			
			/* Home */ 
			#teaser_home {
				height: 322px;
				background-image:url(../bilder/teaser/teaser_poty1.jpg);
				/* background-color: #f7f7f7; */
			}
			
			/* Bürosysteme */
			#teaser_buerosysteme_druckerundkopierer {
				height: 322px;
				background-image:url(../bilder/teaser/teaser_buerosysteme_druckerundkopierer.jpg);
			}
			#teaser_buerosysteme_aktenvernichter {
				height: 322px;
				background-image:url(../bilder/teaser/teaser_buerosysteme_aktenvernichter.jpg);
			}


			/* Büroeinrichtung */
			#teaser_bueroeinrichtung_bueromoebel {
				height: 322px;
				background-image:url(../bilder/teaser/teaser_bueroeinrichtung_bueromoebel.jpg);
			}
			#teaser_bueroeinrichtung_buerostuehle {
				height: 322px;
				background-image:url(../bilder/teaser/teaser_bueroeinrichtung_buerostuehle.jpg);
			}
			#teaser_bueroeinrichtung_beleuchtung {
				height: 322px;
				background-image:url(../bilder/teaser/teaser_bueroeinrichtung_beleuchtung.jpg);
			}
			#teaser_bueroeinrichtung_lamellenstoren {
				height: 322px;
				background-image:url(../bilder/teaser/teaser_bueroeinrichtung_lamellenstoren.jpg);
			}
			
			
			/* Bürobedarf */
			#teaser_buerobedarf {
				height: 322px;
				background-image:url(../bilder/teaser/teaser_buerobedarf.jpg);
			}

			/* Edle Schreibgeräte */
			#teaser_edleschreibgeraete {
				height: 322px;
				background-image:url(../bilder/teaser/teaser_edleschreibgeraete.jpg);
			}
			

			/* Shop */
			#teaser_shop {
				height: 322px;
				background-image:url(../bilder/teaser/teaser_shop.jpg);
			}
			
			
			/* Unternehmen */
			#teaser_unternehmen_wirueberuns, #teaser_unternehmen_standorte, #teaser_unternehmen_jobs {
				height: 322px;
				background-image:url(../bilder/teaser/teaser_unternehmen.jpg);
			}

		#teasertext1 {
			float: left;
			color:#FFF;
			font-size: 11px;
			line-height: 15px;
			
			margin: 0px;
			padding: 257px 50px 0px 65px;
		}
		#teasertext2 {
			color:#FFF;
			font-size: 11px;
			line-height: 15px;
			
			margin: 0px;
			padding: 257px 50px 0px 505px;
		}
		#footer {
			background-color:#FFF;
			color: #CCC;
			font-size: 11px;
			text-align: right;
			padding: 0px 23px 8px 0px;
		}

/* ============================================= 3.0 TEXT ============================================= */

	/* ------ 3.1 Titel ------ */

		h1 {
			text-transform: uppercase;
			font-size: 16px;
			font-weight: bold;
			color: #000;	
			padding: 0px 0px 10px 0px;
			margin: 0px 0px 0px 0px;
		}
			a h1:hover {
				color: #E2051A !important;
			}
		h2 {
			font-size: 11px;
			font-weight: bold;
			padding: 0px 0px 5px 0px;
			margin: 0px 0px 0px 0px;
		}
		h3 {
			text-transform: uppercase;
			font-size: 12px;
			font-weight: bold;
			color: #000;	
			padding: 3px 0px 3px 0px;
			margin: 0px 0px 0px 0px;
		}
			h3:hover{
				color: #0CF;
			}
			
		.klein {
			font-size: 11px;
			line-height: 15px;
		}
		
		.zitat {
		color: #B7DDFF;
		}
		
/* ============================================= 4.0 TEXTFELDER ============================================= */
/* ============================================= 5.0 TABELLEN ============================================= */