/* ++++++++++ STYLESHEET B-B-D.NET / PYRAMEDIA MEDIENGESTALTUNG 2008 / TIM R. GLOYSTEIN ++++++++++ */

html,body 
 {
  width:100%; 
		height:100%;
  font-family:"Trebuchet MS", sans-serif;
		font-size:10px;
	 line-height:12px;
  color:#FFFFFF;
 }
	
body
 {
  background:#000000 url(../_bilder/hintergrund.png);
	}
	
* 
 {
  margin:0;
  padding:0;
  border:0;
 }

	
/* ++++++++++ LAYOUT ++++++++++ */
#abstand 
 { 
		width:1px;
		height:50%;
		background:none;
		margin-bottom:-300px;
		float:left;
 }
	
#container
 {
		position:relative;
		clear:left;
		width:990px;
		height:600px;
		margin:auto;
  background:url(../_bilder/hintergrund-container.jpg) no-repeat;
	}
	
#logo
 {
	 position:absolute;
		top:25px;
		left:15px;
	 width:90px;
		height:40px;
		z-index:50;
	}
	
#inhalt
 {
	 position:absolute;
		top:121px;
		left:20px;
		width:730px;
		height:348px;
		padding:10px 0 10px 0;
		border-top:1px solid #858B91;
		border-bottom:1px solid #858B91;
	}
	
#inhalt-produkt
 {
	 position:absolute;
		top:122px;
		left:20px;
		width:730px;
		height:348px;
		padding:10px 0 10px 0;
		border-bottom:1px solid #858B91;		
	}	

#bild
 {
		float:right;
		width:480px;
		height:348px;
	}

#text_links
 {
  float:left;
		width:228px;
		height:336px;
		padding:6px;
		text-align:left;
		background:#29343F url(../_bilder/hintergrund-text-links.png);
	}
	
#text_rechts
 {
  float:right;
		width:480px;
		height:130px;
 	margin-top:30px;
		margin-right:17px;
		text-align:left;
	}

.beschreibung
 {
  position:absolute;
		top:5px;
		width:175px;
	 padding-left:4px;
		z-index:50;
	}
	
.beschreibung a
 {
	 color:#FFFFFF;
		text-decoration:underline;
		text-transform:uppercase;
	}
	
.beschreibung a:hover
 {
	 color:#FFFFFF;
		text-decoration:none;
	}	
	
.produktbild
 {
  position:absolute;
		top:-122px;
		left:0;
		z-index:0;
	}
	
.logo-marke
 {
	 position:absolute;
		top:265px;
		left:585px;
	}	
	
.plz-suche
 {
  position:absolute;
		top:5px;
		width:250px;
	 padding-left:4px;
		z-index:50;
	}
	
#liste
 {
  position:absolute;
		top:5px;
		left:250px;
		height:360px;
		overflow:hidden;
	}
	
#adresse
 {
	 position:absolute;
		top:5px;
		left:475px;	
	}
	
#news
 {
	 position:absolute;
		top:375px;
		left:16px;
		font-size:11px;		
	}
	
#news h1
 {
	 font-size:11px;
		margin-bottom:5px;
	}
	
#news p
 {
	 margin-bottom:5px;
		color:#888888;
		line-height:11px;	
	}
	
#news a
 {
		font-size:10px;
		text-transform:uppercase;
		color:#888888;	
	}
	
#news a:hover
 {
	 text-decoration:underline;
		color:#735028;
	}
	
#formular
 {
	 position:absolute;
		top:20px;
		left:13px;
  width:265px;
	}
	
#up
 {
  position:absolute;
		top:330px;
		left:465px;	
	}
	
#down
 {
  position:absolute;
		top:345px;
		left:465px;	
	}
	
.katalog
 {
  position:absolute;
		top:320px;
		width:175px;
	 padding-left:4px;
		z-index:50;
	}
	
.katalog a
 {
	 color:#FFFFFF;
		text-decoration:underline;
		text-transform:uppercase;
	}
	
.katalog a:hover
 {
	 color:#FFFFFF;
		text-decoration:none;
	}		
/* ++++++++++ ENDE LAYOUT ++++++++++ */


/* ++++++++++ TEXTFORMATIERUNGEN ++++++++++ */	
h1
 {
  position:absolute;
		left:4px;
		top:-21px;
		font-size:11px;
		text-transform:uppercase;
		color:#669900;
		z-index:50;
	}
	
h2
 {
	 font-family:Tahoma, sans-serif;
		font-size:10px;
		line-height:16px;
		margin-bottom:10px;
	}
	
h3
 {
	 font-size:12px;
		font-weight:normal;
	}
	
p
 {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:10px;
		line-height:18px;
		margin-bottom:16px;
	}
	
.klein
 {
 font-size:11px;
	line-height:14px;
	}
	
a
 {
  color:#FFFFFF;
		text-decoration:underline;
	}
	
a:hover
 {
		text-decoration:none;
	}
	
a.aktiv
 {
  color:#735028;
	}
/* ++++++++++ ENDE TEXTFORMATIERUNGEN ++++++++++ */


/* ++++++++++ PRODUKTGALERIE ++++++++++ */
#produktgalerie
 {
	 position:absolute;
		top:373px;
		left:0px;
		height:60px;
		width:680px;
		margin-left:25px;
		margin-right:25px;
		overflow:hidden;
		white-space:nowrap;
		z-index:40;
	}
	
#produktgalerie-hintergrund
 {
	 position:absolute;
		top:373px;
		left:0px;
		height:60px;
		width:730px;
		background:url(../_bilder/hintergrund-galerie.jpg) no-repeat;
		z-index:0;
	}
	
#produktgalerie img
 {
   vertical-align:middle;
			margin-right:2px;
	}
	
/* Transparente Buttons */
.buttons a img, .buttons a:visited img 
 {
  text-decoration:none;
  border-bottom:0px;
  filter:alpha(opacity=60); /* IE */
  -moz-opacity: 0.60; /* Gecko */
  opacity: 0.60; /* Opera */
 }

.buttons a:hover img 
 {
  text-decoration:none;
  border-bottom:0px;
  filter:alpha(opacity=100); /* IE */
  -moz-opacity: 1.00; /* Gecko */
  opacity: 1.00; /* Opera */
 }	
	
#left
 {
	 position:absolute;
		top:396px;
		left:8px;
		z-index:40;		
	}
	
#right
 {
	 position:absolute;
		top:396px;
		left:713px;
		z-index:40;
	}
/* ++++++++++ PRODUKTGALERIE ENDE ++++++++++ */


/* ++++++++++ FORMULAR-FORMATIERUNGEN ++++++++++ */
fieldset
 {
	 width:221px;
	} 

label
 {
  display:block;
		float:left;	
		height:18px;
		margin-bottom:1px;
		padding:7px 5px 0 5px;		
  font-size:11px;
		line-height:12px;
		color:#09121B;
		background:#B6B8BB;
	}
	
input
 {
  display:block;
		float:right;			
		height:18px;
		margin-bottom:1px;
		padding:7px 0 0 10px;
		font-size:11px;
		line-height:12px;
		color:#FFFFFF;
		background:#535A60;
	}

textarea
 {
	 width:201px;
		height:100px;
  font-family:"Trebuchet MS", sans-serif;
		font-size:11px;
		line-height:12px;
		color:#FFFFFF;
		padding:7px 10px 0 10px;
		background:#535A60;
		margin-bottom:1px;
	 resize:none;
	}		


#plz-formular label 
 {
	 width:30px !important;
		width:25px;
 }
	
#plz-formular input
 {
  width:104px;
		margin-right:1px;
 }	

#plz-formular input.button
 {
	 display:block;
		float:right;
		width:65px;
		height:25px;
		margin:0;
 	padding:0;
		font-family:"Trebuchet MS", sans-serif;
		font-size:11px;
		line-height:12px;
		color:#09121B;
		background:#B6B8BB;		
	}
	

#kontakt_formular input
 {
  width:150px;
 }
	
#kontakt_formular label 
 {
		width:50px;
	}
	
#kontakt_formular input.button
 {
	 height:25px;
		width:221px;
		margin:0;
		padding:0;
		font-family:"Trebuchet MS", sans-serif;
		font-size:11px;
		line-height:12px;		
		color:#09121B;		
		background:#B6B8BB;
	}
/* ++++++++++ ENDE FORMULAR-FORMATIERUNGEN ++++++++++ */