/* CSS Document */
/* Gestaltung und Umsetzung:		   ,-.             __
									 ,'   `---.___.---'  `.
								   ,'   ,-                 `-._
								 ,'    /                       \
							  ,\/     /                        \\ 	
						  )`._)>)     |                         \\
						  `>,'    _   \                  /       |\
							)      \   |   |            |        |\\
				   .   ,   /        \  |    `.          |        | ))
				   \`. \`-'          )-|      `.        |        /((
					\ `-`   a`     _/ ;\ _     )`-.___.--\      /  `'
					 `._         ,'    \`j`.__/        \  `.    \
				   \__   /        /nn_) (         /nn__\_) (
						 `--'     hjw   /nn__\             /nn__\
					 
			 
  8888888888	888    888888888	888   8888888888	8888888888  888888888  888888888
  888	  888	888    888    888   888   888      888  888            888	   88
  888     888   888    888	        888   888      888  888            888     88
  888	  888	888    888	 88888  888   8888888888    888888888      888     888888888
  888	  888   888    888	  888   888   888           888            888			  88
  8888888888    888    8888888888   888   888           8888888888     888	   888888888  
  ______________________________________________________________________________________
 
  DIGIPETS INTERAKTIVE MEDIEN  www.digipets.de                  		 Copyright 2008   
  ______________________________________________________________________________________
  
  */   

body {
margin: 0;
padding: 73px 0 0 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #707070;
}

.antifloat {
line-height: 0;
height: 0;
clear: both;
}

/*------------------------+	
Links
------------------------*/  
a.mail { color: #87888a; text-decoration: none; font-weight: bold; }   a.mail:hover { text-decoration: underline; }

a.internal-link { color: #87888a; text-decoration: none; font-weight: bold; } a.internal-link:hover { text-decoration: underline; }

a.external-link-new-window { color: #28558c; text-decoration: none; font-weight: bold; } a.external-link-new-window:hover { text-decoration: underline; }
a.external-link { color: #28558c; text-decoration: none; font-weight: bold; } a.external-link:hover { text-decoration: underline; }

span.klammeraffe{width:7px !important; z-index:10000000; padding:0 1px 0 0!important; margin:0 !important; line-height:1px; height:9px;  overflow:hidden; display:inline; background:url(../img/bg_at_link.gif) no-repeat 0 2px;}  

#wrapper {
margin: 0 auto;
width: 930px;
background: url('../img/bg_links.gif') repeat-y 0 0;
border-bottom: 20px solid #FFFFFF;
}

	/*		  >(.)__ <(.)__ =(.)__
	___________(___/__(___/__(___/_________________________________________
	LINKE SPALTE
	"""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""             
	*/     

	#wrapper #spalte_links {
	width: 225px;
	margin: 0;
	padding: 0;
	float: left;
	}
		/*------------------------+	
        Logo
        ------------------------*/  
		#wrapper #spalte_links a#logo {
		/*background: url('../img/bg_logo.gif') no-repeat 0 0;
		*/width: 184px;
		height: 71px;
		display: block;
		margin: 0 0 0 0; /*19px 0;*/
		padding: 0;
		border-top: 31px solid #FFFFFF;
		border-bottom: 19px solid #ffffff;
		}
	
			#wrapper #spalte_links a#logo img {
			border: 0;
			}
			
		#wrapper #spalte_links div.box_links {
		background: #ededee url('../img/bg_box_links.gif') no-repeat 0 0;
		width: 176px;
		padding: 16px 0 9px 0;
		margin: 0 0 0 0 !important;
		border-bottom: 21px solid #FFFFFF;
		float: none;
		}
		
			#wrapper #spalte_links div.box_links h2.news {
			color: #646567;
			padding: 0 0 8px 6px;
			margin: 0 6px 11px 7px;
			font-size: 11px;
			font-weight: normal;
			border-bottom: 1px solid #c6c7c8;
			}
			
			#wrapper #spalte_links div.box_links p {
			font-size: 10px;
			margin: 0 13px 12px 13px;
			line-height: 13px;
			}
			
			#wrapper #spalte_links div.box_links a.more {
			color: #f0873c;
			font-size: 10px;
			margin: 0 0 0 13px;
			text-decoration: none;
			}
			
			#wrapper #spalte_links div.box_links a.more:hover {
			text-decoration: underline;
			}
			
			#wrapper #spalte_links div.box_links img.newsbild {
			display: block;
			float: right;
			margin: 5px 14px 0 0;
			}
		
			#wrapper #spalte_links div.box_links a.shoplink {
			color: #646567;
			display: block;
			text-decoration: none;
			padding: 0 0 8px 6px;
			margin: 0 6px 11px 7px;
			font-size: 11px;
			font-weight: normal;
			border-bottom: 1px solid #c6c7c8;
			}
			#wrapper #spalte_links div.box_links a.shoplink:hover { text-decoration: underline; }
		
		#wrapper #spalte_links div.shoplink {
		border-bottom: 0;
		}
		
		ul#altnavi_links {
		margin: 0 0 0 0 !important;
		padding: 0 !important;
		border-bottom: 21px solid #FFFFFF;
		}
		
			ul#altnavi_links li {
			list-style: none;
			background: #ededee url('../img/bg_box_links.gif') no-repeat 0 0;
			width: 164px;
			padding: 16px 0 9px 12px;
			margin: 0 0 0 0 !important;
			border-bottom: 10px solid #FFFFFF;
			}
			
				ul#altnavi_links li a { color: #646567; text-decoration: none; margin: 0 !important; padding: 0 !important; }
				ul#altnavi_links li a:hover { text-decoration:underline; }
		
		
	/*		  >(.)__ <(.)__ =(.)__
	___________(___/__(___/__(___/_________________________________________
	RECHTE SPALTE
	"""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""             
	*/ 		
				
	#wrapper #spalte_rechts {
	width: 705px;
	float: left;
	overflow: hidden;
	}		
	
		/*##############################
		HEADER 
		###############################*/
	
		#wrapper #spalte_rechts div#header {
		width: 705px;
		height: 313px;
		padding: 0;
		margin: 0 0 24px 0;
		background: url('../img/bg_header.gif') repeat-x 0 100%;
		}	
		
			/*------------------------+	
			Navi
			------------------------*/  
		
			#wrapper #spalte_rechts div#header ul#navi {
			margin: 0 0 18px 0;
			padding: 0;
			height: 102px;
			width: 710px;
			overflow: hidden;
			}
				
			#wrapper #spalte_rechts div#header ul#navi li {
			list-style: none;
			margin: 0 4px 0 0;
			padding: 0;
			height: 102px;
			width: 138px;
			position: relative;
			overflow: hidden;
			bottom: 0;
			float: left;
			}
			
			#wrapper #spalte_rechts div#header ul#navi li a {
			width: 138px;
			height: 88px; /*57px;*/
			text-decoration: none;
			color: #FFFFFF;
			background: url('../img/bg_navi_li.gif') no-repeat 0 100%;
			font-family:Arial, Helvetica, sans-serif;
			position: absolute;
			bottom: 0;
			overflow: hidden;
			line-height: 11px;
			border-bottom: 11px solid #9c9ea0;
			}
			
			#wrapper #spalte_rechts div#header ul#navi li a:hover { border-bottom: 11px solid #f0873c; }
			
			#wrapper #spalte_rechts div#header ul#navi li a.active {
			height: 88px;
			border-bottom: 11px solid #f0873c;
			}
			
					#wrapper #spalte_rechts div#header ul#navi li div.weiss {
					background: #FFFFFF;
					height: 31px;
					width: 138px;
					line-height: 0;
					padding: 0;
					overflow: hidden;
					}
			
					/* Grafischer Text */
					#wrapper #spalte_rechts div#header ul#navi li img {
					border: none;
					position: absolute;
					bottom: 5px;
					right: 6px;
					vertical-align: top;
					padding:0;
										
					}
					
					
					/* Stichworte (Subheadline) zum Navipunkt */
					#wrapper #spalte_rechts div#header ul#navi li span {
					font-size: 10px;
					position: absolute;
					color: #FFFFFF;
					right: 6px;
					bottom: 60px;
					text-align: right;
					}
		
		/*##############################
		INHALT
		###############################*/
		
		#wrapper #spalte_rechts div#inhalt {
		float: left;
		/*width: 550px;
		*/width: 421px;
		padding: 0 122px 0 0;
		margin: 0 0 46px 0;
		overflow: hidden;
		
		}	
		
			#wrapper #spalte_rechts div#inhalt img {
			border: 0;
			}
		
			/*------------------------+	
			Flie�text
			------------------------*/ 
		
			#wrapper #spalte_rechts div#inhalt h2 {
			color: #f0873c;
			font-size: 16px;
			font-weight: normal;
			margin: 0 0 24px 0;
			text-transform: lowercase;
			padding: 0;
			}
			
			#wrapper #spalte_rechts div#inhalt h2.unterpunkt { margin: 0 0 3px 0; }
			
			#wrapper #spalte_rechts div#inhalt h3 { font-size: 11px; }
			
			#wrapper #spalte_rechts div#inhalt h3.unterpunkt { margin: 0 0 24px 0; }
			
			#wrapper #spalte_rechts div#inhalt p { margin: 0 0 18px 0; }
			
			
			/*------------------------+	
			Flash Banner
			------------------------*/ 
			
			div.tx-rlmpflashdetection-pi1 {
			margin: 0 0 4px 0;
			}
			
			/*------------------------+	
			Liste
			------------------------*/ 
			
			#wrapper #spalte_rechts div#inhalt ul {
			margin: 0 0 20px 0px;
			padding: 0;
			}
			
				#wrapper #spalte_rechts div#inhalt ul li {
				list-style: none;
				background: url('../img/bg_ul_li.gif') no-repeat 0 4px;
				padding: 0 0 0 15px;
				margin: 0 0 7px 0;
				}
				
			/*------------------------+	
			Marken + Partner
			------------------------*/ 
			
			#wrapper #spalte_rechts div#inhalt ul.marken {
			margin: 0 0 20px 0px;
			padding: 0 0 0 0;
			width: auto;/*420px;*/
			float: left;
			border-top: 1px solid #a3a4a6;
			border-left: 1px solid #a3a4a6;
			}
			
				#wrapper #spalte_rechts div#inhalt ul.marken li {
				list-style: none;
				background: none;
				padding: 0;
				margin: 0;
				width: 139px;
				height: 75px;
				border-right: 1px solid #a3a4a6;
				border-bottom: 1px solid #a3a4a6;
				float: left;
				}
				
					#wrapper #spalte_rechts div#inhalt ul.marken li img {
					border: 0;
					}
			
			
			/*------------------------+	
			Sitemap
			------------------------*/ 
			
			#wrapper #spalte_rechts div#inhalt div.tx-flseositemap-pi1 ul {
			margin: 0 0 0 0;
			padding: 0;
			}
			
				#wrapper #spalte_rechts div#inhalt div.tx-flseositemap-pi1 ul li {
				list-style: none;
				margin: 0 0 20px 0;
				background: none;
				padding: 0 0 0 4px;
				}	
				
					#wrapper #spalte_rechts div#inhalt div.tx-flseositemap-pi1 ul li a {
					background: url('../img/bg_subnavi_active.gif') no-repeat 0 3px;
					padding: 0 0 0 18px;
					font-weight: bold;
					text-decoration: none;
					color: #707070;
					}
				
					#wrapper #spalte_rechts div#inhalt div.tx-flseositemap-pi1 ul li a:hover { text-decoration: underline; background: url('../img/bg_subnavi_active.gif') no-repeat 0 3px; }
				
					#wrapper #spalte_rechts div#inhalt div.tx-flseositemap-pi1 ul li ul {
					margin: 20px 0 0 21px;
					padding: 0;
					}
					
						#wrapper #spalte_rechts div#inhalt div.tx-flseositemap-pi1 ul li ul li {
						list-style: none;
						}	
						
							#wrapper #spalte_rechts div#inhalt div.tx-flseositemap-pi1 ul li ul li a {
							font-weight: normal;
							background: url('../img/bg_ul_li.gif') no-repeat 0 4px;
							padding: 0 0 0 15px;
							text-decoration: none;
							color: #707070;
							}
							
							#wrapper #spalte_rechts div#inhalt div.tx-flseositemap-pi1 ul li ul li a:hover { text-decoration: underline; background: url('../img/bg_ul_li_active.gif') no-repeat 0 4px; }
			
			/*------------------------+	
			Tabelle
			------------------------*/ 
			
			#wrapper #spalte_rechts div#inhalt table {
			width: 426px;
			border-collapse: collapse;
			background: url('../img/bg_tablebottom.gif') repeat-x 0 100%;
			overflow: hidden;
			margin: 0 0 30px 0;
			}
			
			
				#wrapper #spalte_rechts div#inhalt table thead td {
				padding: 0;
				/*border-left: 6px solid #ffffff;
				/*border-right: 3px solid #FFFFFF;
				border-bottom: 4px solid #FFFFFF;
				*/}	
								
						#wrapper #spalte_rechts div#inhalt table thead th {
						background: url('../img/bg_tablehead.gif') repeat-x 0 0 !important;
						/*height: 28px;
						*/color: #FFFFFF;
						font-weight: bold;
						padding: 6px 0 9px 6px;
						border-bottom: 4px solid #FFFFFF;
						line-height: 11px;
						vertical-align: middle;
						margin: 0 0 4px 0;
						text-align: left;
						}
				
				
				#wrapper #spalte_rechts div#inhalt table tr {  }
				
					#wrapper #spalte_rechts div#inhalt table tr td {
					height: 26px;
					padding: 0;
					/*border-right: 3px solid #FFFFFF;
					border-bottom: 2px solid #FFFFFF;
					*/}
					
						#wrapper #spalte_rechts div#inhalt table tr td p {
						margin: 0;
						padding: 6px 0 0 6px;
						background: #eeeeef; 
						height: 20px;
						margin: 0 3px 4px 0;
						}
					
						#wrapper #spalte_rechts div#inhalt table tr.hell td p {
						background: #ffffff;
						height: 16px;
						padding: 3px 0 0 6px;
						}
			
			/*------------------------+	
			Kontakt
			------------------------*/ 
			
			#wrapper #spalte_rechts div#inhalt div.kontaktbox {
			border-top: 1px solid #9c9ea0;
			padding: 20px 0 0 0;
			width: 423px;
			}
			
				#wrapper #spalte_rechts div#inhalt div.kontaktbox div.filiale {
				border-bottom: 1px solid #9c9ea0;
				padding: 0 0 0 0;
				margin: 0 0 20px 0;
				}
				
					#wrapper #spalte_rechts div#inhalt div.kontaktbox div.filiale p {
					margin: 17px 0 25px 0;
					padding: 0;
					}


					#wrapper #spalte_rechts div#inhalt div.kontaktbox div.filiale h3 {
					color: #f0873c;
					font-size: 11px;
					font-weight: bold;
					margin: 0;
					padding: 0;
					}
					
					#wrapper #spalte_rechts div#inhalt div.kontaktbox div.filiale a {
					color: #87888a;
					font-weight: bold;
					margin: 5px 0 25px 0;
					display: block;
					text-decoration: none;
					}

					#wrapper #spalte_rechts div#inhalt div.kontaktbox div.filiale p a {
					display: inline;
					}
					
					#wrapper #spalte_rechts div#inhalt div.kontaktbox div.filiale a:hover {
					text-decoration: underline;
					}
					
					#wrapper #spalte_rechts div#inhalt div.kontaktbox div.filiale div.links {
					float: left;
					width: 210px;
					}
					
					#wrapper #spalte_rechts div#inhalt div.kontaktbox div.filiale div.rechts {
					float: right;
					width: 210px;
					}
					
					
			
			/*------------------------+	
			Powermail Formulare
			------------------------*/ 
			
			div.tx-thmailformplus-pi1 form fieldset {
			border: 0 solid #FFFFFF;
			margin: 0 0 45px 0;
			padding: 0;
			}
			
			h3.formheadline { margin: 0 0 15px 0 !important; padding: 0 !important; }	
			
				div.tx-thmailformplus-pi1 form fieldset div { position: relative; width: 426px;}
			
					div.tx-thmailformplus-pi1 form fieldset div label {
					position: absolute;
					left: 0;
					}
					
					div.tx-thmailformplus-pi1 form fieldset div input.text {
					margin: 0 0 10px 180px;
					float: left;
					border: 1px solid #9c9ea0;
					width: 230px;
					font-size: 11px;
					line-height: 16px;
					height: 16px;
					color: #707070;
					}
					
					div.tx-thmailformplus-pi1 form fieldset div input.artnr {
					margin: 0 0 10px 180px;
					float: left;
					border: 1px solid #9c9ea0;
					width: 170px;
					font-size: 11px;
					line-height: 16px;
					height: 16px;
					color: #87888a;
					}
					
					div.tx-thmailformplus-pi1 form fieldset div input.anz {
					margin: 0 0 10px 5px;
					float: left;
					border: 1px solid #9c9ea0;
					width: 40px;
					font-size: 11px;
					line-height: 16px;
					height: 16px;
					color: #87888a;
					}
					
					div.tx-thmailformplus-pi1 form fieldset div span.sternchen {
					color: #f0873c;
					font-size: 13px;
					}
					
					div.tx-thmailformplus-pi1 form fieldset p span.sternchen {
					color: #f0873c;
					font-size: 13px;
					}
					
					div.tx-thmailformplus-pi1 form fieldset div span.stk {
					margin: 0 0 0 5px;
					}
					
					div.tx-thmailformplus-pi1 form fieldset div div.plicht_box {
					position: absolute;
					right: 19px;
					top: 2px;
					width: 80px;
					text-align: right;
					font-weight: bold;
					color: #28558c;
					background: #ffffff url('../img/bg_arrow.gif') no-repeat 0 50%;
					padding: 0 0 0 10px;
					}
					
					div.tx-thmailformplus-pi1 form fieldset div textarea {
					margin: 0 0 10px 90px;
					float: left;
					border: 1px solid #9c9ea0;
					width: 319px !important;
					height: 186px;
					font-family: Arial, Helvetica, sans-serif;
					font-size: 11px;
					color: #707070;
					}
				
				div.tx-thmailformplus-pi1 form fieldset div div.checkbox input {
				margin: 0 0 10px 0;
				float: left;
				width: auto;
				height: auto;
				}
				
				div.tx-thmailformplus-pi1 form fieldset div div.checkbox label {
				position: absolute;
				left: 40px;
				}
				
					div.tx-thmailformplus-pi1 form fieldset div div.checkbox label span {
					position: absolute;
					left: 140px;
					width: 250px;
					}
					
					
				div.tx-thmailformplus-pi1 form fieldset p.orange {
				color: #f0873c;
				}
				
				div.tx-thmailformplus-pi1 form fieldset div.reset {
				float: left;
				width: 112px !important;
				height: 27px;
				margin: 0;
				border-left: 90px solid #ffffff;
				padding: 0;
				left: 0;
				right: 0;
				}
				
					div.tx-thmailformplus-pi1 form fieldset div.reset input.reset {
					background: url('../img/bg_button.gif') no-repeat 0 0 !important;
					border: 0;
					width: 112px;
					height: 27px;
					text-align: left;
					padding: 0 0 0 8px;
					color: #646567;
					font-size: 11px;
					margin: 0;
					float: left;
					cursor: pointer;
					}
				
				div.tx-thmailformplus-pi1 form fieldset div.submit {
				float: left;
				width: 112px !important;
				height: 27px;
				margin: 0;
				border-left: 97px solid #ffffff;
				padding: 0;
				left: 0;
				right: 0;
				}
				
					div.tx-thmailformplus-pi1 form fieldset div.submit input.submit {
					background: url('../img/bg_button.gif') no-repeat 0 0 !important;
					border: 0;
					width: 112px;
					height: 27px;
					text-align: left;
					padding: 0 0 0 8px;
					color: #646567;
					font-size: 11px;
					float: left;
					margin: 0;
					cursor: pointer;
					}
				
				div.tx-thmailformplus-pi1 form fieldset div.pflichtfeldangabe { 
				position: relative;
				margin: 0 0 0px 0 !important;
				border-top: 10px solid #FFFFFF;
				padding: 0 !important;
				}
				
				div.tx-thmailformplus-pi1 form fieldset div.pflichtfeldangabe p { 
				float: left;
				color: #87888a;
				/*margin: 0 0 0 30px !important;
				*/border-left: 30px solid #FFFFFF;
				padding: 0 !important;
				}
				
				div.tx-thmailformplus-pi1 form fieldset div.pflichtfeldangabe span { 
				color: #f0873c;
				position: absolute;
				left: 0;
				top: 0;
				font-size: 13px;
				}
				
				div.tx-thmailformplus-pi1 form fieldset div.feldbeschr { 
				position: relative;
				height: 25px;
				}
				
					div.tx-thmailformplus-pi1 form fieldset div.feldbeschr span.artnr {
					position: absolute;
					left: 180px;
					font-weight: bold;
					}
					
					div.tx-thmailformplus-pi1 form fieldset div.feldbeschr span.anz {
					position: absolute;
					left: 360px;
					font-weight: bold;
					}
					
				
		/*##############################
		UNTERNAVIGATION
		###############################*/
			
		#wrapper #spalte_rechts div#subnavi {
		float: left;
		width: 160px;
		position:relative;
		}
		
			#wrapper #spalte_rechts div#subnavi ul {
			margin: 44px 0 0 0;
			padding: 0;
			}
			
				#wrapper #spalte_rechts div#subnavi ul li {
				list-style: none;
				line-height: 11px;
				margin: 0 0 20px 0;
				position:relative;
				}
				
					#wrapper #spalte_rechts div#subnavi ul li a {
					color: #28558c;
					text-decoration: none;
					padding: 0 0 0 17px;
					display: block;
					}
					#wrapper #spalte_rechts div#subnavi ul li a:hover { text-decoration: underline; }
					
					#wrapper #spalte_rechts div#subnavi ul li a.active {
					background: url('../img/bg_subnavi_active.gif') no-repeat 0 50%;
					font-weight: bold;
					}
		
		/* LEHR FLASH */
		
		#wrapper #spalte_rechts div.flash {
			position: absolute;
			
			top:2px;
			right:0;
			margin:0;
			padding:0;
			width:210px;
			overflow:hidden;
		}
	
				
		/*##############################
		FOOTER
		###############################*/
					
		#wrapper #spalte_rechts div#footer {
		border-top: 2px solid #c0c1c2;
		padding: 6px 0 0 0;
		color: #969696;
		margin: 0 0 0 0 !important;
		position: relative;
		height: 10px;
		line-height: 12px;
		}
		
			#wrapper #spalte_rechts div#footer span {
			float: left;
			font-size: 9px;
			}
			
			#wrapper #spalte_rechts div#footer ul {
			margin: 0;
			padding: 0;
			position: absolute;
			right: 0;
			}
			
				#wrapper #spalte_rechts div#footer ul li {
				float: left;
				list-style: none;
				margin: 0 4px 0 0;
				font-size: 9px;
				}
				
					#wrapper #spalte_rechts div#footer ul li a { color: #969696; text-decoration: none; }
					
					#wrapper #spalte_rechts div#footer ul li a:hover { text-decoration: underline; }