@charset "utf-8";
/* CSS Document */

* { 
	margin: 0;
	padding:0;
} 

html, body {
	height:100%;
	
}
html { 
	background:#30a0b0 url(../images/layout/bgr_new.jpg) center bottom repeat-x fixed;
} 
body { 
	background: url(../images/bg.gif) repeat;
	color:#005158;
	font:11px/16px Verdana, Arial, Helvetica, sans-serif;
} 
p {
	margin:0 0 16px 0;
}
a {
	color:red;
	outline:none;
	text-decoration:underline;
}
a:hover {
	text-decoration:none;
}
a.map img {
	border:4px solid red;
}
a.map:hover img {
	border:4px solid #343434;
}
textarea {
	overflow:auto;
}
		#topline {
			height:34px;
			background:#0a888f;
			position:absolute;
			left:50%;top:7px;
			width:50%;
		}
		* + html #topline {
			margin:0 0 0 -1px;
		}
#holder {
	background:url(../images/layout/holder-bgr.gif) 0 0 repeat-y;
	height:auto !important;
	min-height:100%;
	height:100%;
	width:950px;
	margin:0 auto;
}		
#wrapper {
	background:none;
	width:950px;
} 
	#header {
		background:url(../images/layout/header-bgr.jpg) 2px 0 no-repeat;
		position:relative;
		height:220px;
	}
		#header-img {
			width:622px;
			height:154px;
			position:absolute;
			left:312px;
			top:41px;
			z-index:3;
		}
		div.header-index {
			background:url(../images/content/header_index.jpg) 0 0 no-repeat;
		}
		div.header-kontakt {
			background:url(../images/layout/header_kontakt.jpg) 0 0 no-repeat;
		}
		div.header-danke {
			background:url(../images/content/header_danke.jpg) 0 0 no-repeat;
		}
		div.header-anfahrt {
			background:url(../images/layout/header_anfahrt.jpg) 0 0 no-repeat;
		}
		div.header-impressum {
			background:url(../images/content/header_impressum.jpg) 0 0 no-repeat;
		}
		div.header-siebdruck {
			background:url(../images/layout/header_siebdruck.jpg) 0 0 no-repeat;
		}
		div.header-beschriftungen {
			background:url(../images/layout/header_beschriftung.jpg) 0 0 no-repeat;
		}
		div.header-schilder {
			background:url(../images/content/header_schilder.jpg) 0 0 no-repeat;
		}
		div.header-digitaldruck {
			background:url(../images/layout/header_digidruck.jpg) 0 0 no-repeat;
		}
		div.header-verkauf {
			background:url(../images/content/header_verkauf.jpg) 0 0 no-repeat;
		}
		div.header-textildruck {
			background:url(../images/layout/header_textil.jpg) 0 0 no-repeat;
		}
		div.header-textilien {
			background:url(../images/layout/header_textil_2.jpg) 0 0 no-repeat;
		}
		div.header-fahnen {
			background:url(../images/layout/header_fahnen.jpg) 0 0 no-repeat;
		}
		div.header-grafik {
			background:url(../images/layout/header_grafik.jpg) 0 0 no-repeat;
		}
		#header h1 a {
			position:absolute;
			left:0;
			top:40px;
			display:block;
			text-indent:-5000px;
			width:320px;
			height:138px;
			z-index:5;
		}
		#header span {
			text-indent:-5000px;
			display:block;
		}
		#header ul {
			width:482px;
			height:30px;
			list-style-type:none;
			background:url(../images/layout/topnavy.jpg) 0 0 no-repeat;
			position:absolute;
			left:457px;
			top:10px;
			z-index:4;
		}
		#header ul li {
			float:left;
			text-indent:-5000px;
		}
		#header ul li a {
			height:30px;
			background:url(../images/layout/topnavy.jpg) 0 0 no-repeat;
			display:block;
		}
	
/*--------------------------------------[ top navy ]------------------------------------------*/

				#header ul li a.startseite { 
					background-position:0 0;
					width:100px;
				}	
				#header ul li a.startseite:hover { 
					background-position:0 -30px;
				}	
				#header ul li.active a.startseite, #header ul li.active a.startseite:hover {
					background-position:0 -60px;
				}
				#header ul li a.kontakt { 
					background-position:-100px 0;
					width:210px;
				}	
				#header ul li a.kontakt:hover { 
					background-position:-100px -30px;
				}	
				#header ul li.active a.kontakt, #header ul li.active a.kontakt:hover {
					background-position:-100px -60px;
				}
				#header ul li a.anfahrt { 
					background-position:-310px 0;
					width:75px;
				}	
				#header ul li a.anfahrt:hover { 
					background-position:-310px -30px;
				}	
				#header ul li.active a.anfahrt, #header ul li.active a.anfahrt:hover {
					background-position:-310px -60px;
				}
				#header ul li a.impressum { 
					background-position:-385px 0;
					width:97px;
				}	
				#header ul li a.impressum:hover { 
					background-position:-385px -30px;
				}	
				#header ul li.active a.impressum, #header ul li.active a.impressum:hover {
					background-position:-385px -60px;
				}
/*--------------------------------------[ end of top navy ]------------------------------------------*/


	#content {
		background:url(../images/layout/wrapper-bgr.gif) 0 0 repeat-y;
	}
		#menu {
			width:310px;
			float:left;
		}
		#menu span {
	text-indent:-5000px;
	display:block;
	width:310px;
	height:230px;
	margin:0 0 0 17px;
	background:url(../images/layout/telefon.gif) 0 0 no-repeat;
		}
		
		ul#mainnavy {
			width:310px;
			height:270px;
			background:url(../images/layout/mainnavy.gif) 0 0 no-repeat;
			text-indent:-5000px;
			list-style-type:none;
			position:relative;
			left:17px;
		}
		ul#mainnavy li a {
			display:block;
			height:30px;
			width:310px;
			background:url(../images/layout/mainnavy.gif) 0 0 no-repeat;
		}
/*--------------------------------------[ main navy ]------------------------------------------*/
			ul#mainnavy li a.siebdruck {
				background-position:0 0;
			}
			ul#mainnavy li a.siebdruck:hover {
				background-position:-310px 0;
			}
			ul#mainnavy li.active a.siebdruck, ul#mainnavy li.active a.siebdruck:hover {
				background-position:-620px 0;
			}
			
			ul#mainnavy li a.beschriftungen {
				background-position:0 -30px;
			}
			ul#mainnavy li a.beschriftungen:hover {
				background-position:-310px -30px;
			}
			ul#mainnavy li.active a.beschriftungen, ul#mainnavy li.active a.beschriftungen:hover {
				background-position:-620px -30px;
			}
			ul#mainnavy li a.schilder {
				background-position:0 -60px;
			}
			ul#mainnavy li a.schilder:hover {
				background-position:-310px -60px;
			}
			ul#mainnavy li.active a.schilder, ul#mainnavy li.active a.schilder:hover {
				background-position:-620px -60px;
			}
			ul#mainnavy li a.digitaldruck-grossformatdruck {
				background-position:0 -90px;
			}
			ul#mainnavy li a.digitaldruck-grossformatdruck:hover {
				background-position:-310px -90px;
			}
			ul#mainnavy li.active a.digitaldruck-grossformatdruck, ul#mainnavy li.active a.digitaldruck-grossformatdruck:hover {
				background-position:-620px -90px;
			}
			ul#mainnavy li a.verkaufsfoerderung-printmedien {
				background-position:0 -120px;
			}
			ul#mainnavy li a.verkaufsfoerderung-printmedien:hover {
				background-position:-310px -120px;
			}
			ul#mainnavy li.active a.verkaufsfoerderung-printmedien, ul#mainnavy li.active a.verkaufsfoerderung-printmedien:hover {
				background-position:-620px -120px;
			}
			ul#mainnavy li a.textild-stick {
				background-position:0 -150px;
			}
			ul#mainnavy li a.textild-stick:hover {
				background-position:-310px -150px;
			}
			ul#mainnavy li.active a.textild-stick, ul#mainnavy li.active a.textild-stick:hover {
				background-position:-620px -150px;
			}
			ul#mainnavy li a.textilien {
				background-position:0 -180px;
			}
			ul#mainnavy li a.textilien:hover {
				background-position:-310px -180px;
			}
			ul#mainnavy li.active a.textilien, ul#mainnavy li.active a.textilien:hover {
				background-position:-620px -180px;
			}
			ul#mainnavy li a.fahnen-banner {
				background-position:0 -210px;
			}
			ul#mainnavy li a.fahnen-banner:hover {
				background-position:-310px -210px;
			}
			ul#mainnavy li.active a.fahnen-banner, ul#mainnavy li.active a.fahnen-banner:hover {
				background-position:-620px -210px;
			}
			ul#mainnavy li a.grafik {
				background-position:0 -240px;
			}
			ul#mainnavy li a.grafik:hover {
				background-position:-310px -240px;
			}
			ul#mainnavy li.active a.grafik, ul#mainnavy li.active a.grafik:hover {
				background-position:-620px -240px;
			}
/*--------------------------------------[ end of main navy ]------------------------------------------*/
		
		#contentholder {
			float:left;
			width:556px;
			padding:0 0 0 44px;
		}
			
		#contentholder h1 {
			width:546px;
			height:60px;
			text-indent:-5000px;
			margin:0 0 19px 0;
		}	
		#contentholder h2 {
			margin:8px 0 19px 0;
			font-size:16px;
		}	
			h1.index {
				background:url(../images/layout/h1_index.gif) 0 0 no-repeat;
			}
			h1.siebdruck {
				background:url(../images/layout/h1_siebdruck.gif) 0 0 no-repeat;}
				
				h1.newsletter {
				background:url(../images/layout/h1_newsletter.gif) 0 0 no-repeat;
			}
			h1.beschriftungen {
				background:url(../images/layout/h1_beschriftungen.gif) 0 0 no-repeat;
			}
			h1.schilder {
				background:url(../images/layout/h1_schilder.gif) 0 0 no-repeat;
			}
			h1.digitaldruck {
				background:url(../images/layout/h1_digital.gif) 0 0 no-repeat;
			}
			h1.verkauf {
				background:url(../images/layout/h1_verkauf.gif) 0 0 no-repeat;
			}
			h1.textildruck {
				background:url(../images/layout/h1_textildruck.gif) 0 0 no-repeat;
			}
			h1.textilien {
				background:url(../images/layout/h1_textilien.gif) 0 0 no-repeat;
			}
			h1.grafik {
				background:url(../images/layout/h1_grafik.gif) 0 0 no-repeat;
			}
			h1.fahnen {
				background:url(../images/layout/h1_fahnen.gif) 0 0 no-repeat;
			}
			h1.kontakt {
				background:url(../images/layout/h1_kontakt.gif) 0 0 no-repeat;
			}
			h1.anfahrt {
				background:url(../images/layout/h1_anfahrt.gif) 0 0 no-repeat;
			}
			h1.danke {
				background:url(../images/layout/h1_danke.gif) 0 0 no-repeat;
			}
			h1.impressum {
				background:url(../images/layout/h1_impressum.gif) 0 0 no-repeat;
			}
			
		#left {
			float:left;
			width:265px;
		}
		#right {
			float:left;
			width:265px;
			margin:0 0 0 18px;
		}
		.fin {
			clear:both;
			height:1px;
			overflow:hidden;
		}
#footer{ 
	height: 133px;
	background:url(../images/layout/footer-bgr.gif) 0 0 no-repeat;
	width:950px;
	margin:0 auto;
	position:relative;
	clear:both;
} 
	#bottomline {
		height:14px;
		background:#006c75;
		position:absolute;
		left:-50%;top:80px;
		width:50%;
	}

.border { border:1px solid #005158;}