/* ++++++++++ STYLESHEET PYRAMEDIA.DE / PYRAMEDIA 2006 / TIM GLOYSTEIN ++++++++++ */

html,body 
 {
  width:100%;
		height:100%;
  font-family:Tahoma, sans-serif;
		font-size:10px;
	 line-height:14px;
  color:#545454;
 }
	
body
 {
  background:#FFFFFF;
		cursor:default;
	}
	
* 
 {
  margin:0;
  padding:0;
  border:0;
 }

	
/* ++++++++++ LAYOUT ++++++++++ */
#distance 
 { 
		width:1px;
		height:50%;
		background:none;
		margin-bottom:-290px;
		float:left;
 }
	
#container
 {
		position:relative;
		clear:left;
		width:760px;
		height:580px;
		margin:auto;
		/*background:#FFFFFF;*/
	}
	
#logo
 {
		position:absolute;
		top:19px;
		left:20px;
		width:180px;
		height:40px;
	}

#navigation
 {
		position:absolute;
		top:100px;
		left:20px;
  width:190px;
		font-size:12px;
	}
	
#navigation ul
 {
	 list-style-type:none;
	}
	
#navigation li
 {
		display:block;
  width:190px;
  background:url(../_images/background-navi.gif) no-repeat;		
 }

#navigation a
 {
		color:#4B4B4B;
		text-decoration:none;
	}
	
#navigation a:hover
 {
	 color:#FF7F00;
	}
	
#navigation a.active
 {
	 color:#FF7F00;
	}
	
#subnavigation
 {
		position:absolute;
		top:4px;
		left:216px;
		padding:96px 0 0 30px;
  width:184px;
		height:430px;
		font-size:12px;
  background:url(../_images/background-subnavi.jpg) no-repeat;		
	}
	
#subnavigation ul
 {
	 list-style-type:none;
	}
	
#subnavigation li
 {
		display:block;
  width:180px;
		height:30px;
  background:url(../_images/background-navi.gif) no-repeat;		
 }

#subnavigation a
 {
		color:#4B4B4B;
		text-decoration:none;
	}
	
#subnavigation a:hover
 {
	 color:#FF7F00;
	}
	
#subnavigation a.active
 {
	 color:#FF7F00;
	}		
	
#subnavigation p
 {
	 width:165px;
		margin:50px 15px 0 0;
		padding:0;
		font-size:10px;
	}

#container-right
 {
	 position:absolute;
		left:431px;
		top:4px;
		width:324px;
		height:455px;
		padding-top:71px;
  background:url(../_images/background-gallery.jpg) no-repeat;
	}
	
#productinfo
 {
		margin:0 0 15px 0;
		padding:24px 4px 11px 4px;
		background:#FFFFFF;
	}
	
#productinfo p
 {
	 padding:0 8px 0 8px;
		margin:0 0 10px 0;
		font-size:12px;
		line-height:16px;
		color:#4B4B4B;
	}
	
#gallery
 {
		padding-left:4px;
		font-size:12px;
 }

#gallery ul li
 {
	 display:inline;
		list-style-type:none;
	 cursor:pointer;
		padding:0;
		margin:-1px;
 }
	
#gallery img
 {
	 border:1px solid #666666;
	}
	
.close
 {
	 position:absolute;
		top:5px;
		left:280px;
	}
	
.features
 {
	 position:absolute;
		top:354px;
		left:30px;
	}
	
.features p
 {
	 margin:0;
		padding:0;
	}
	
.features ul
 {
	 margin-left:12px;
	}

#content
 {
  width:760px;
	 height:530px;
  background:url(../_images/background-content.jpg) no-repeat;		
	}
	
#newsletter
 {
	 display:none;
		position:absolute;
		top:464px;
		left:20px;
		width:175px;
		font-size:9px;
	}

#footer
 {
		width:760px;
		margin-top:5px;
		font-size:10px;
		color:#545454;
		text-align:center;
	}
	
#footer a
 {
	 color:#545454;
	}
	
#ticker
 {
		width:150px;
		margin-top:5px;
		font-family:Verdana, sans-serif;
		font-size:14px;
		text-align:left;
	}
	
#popup h1
 {
		margin:15px;
		padding:0;
		font-size:12px;
	}

#popup p
 {
	 margin:15px;
		padding:0;
	}
	
#popup a
 {
	 text-decoration:underline;
	}
	
#banner
 {
	 position:absolute;
		top:430px;
		left:66px;
		width:650px;
		height:75px;
	}
/* ++++++++++ ENDE LAYOUT ++++++++++ */


/* ++++++++++ TEXTFORMATIERUNGEN ++++++++++ */	
h2
 {
		margin-top:25px;
		margin-bottom:20px;
		padding-left:3px;		
		font-size:11px;
		font-weight:normal;
		text-transform:uppercase;		
		color:#FFFFFF;
		background:#99CD66;
	}
	
h3
 {
	 font-size:12px;
		font-weight:normal;
	}
	
p
 {
  margin:18px 0 0 80px;
	}
	
a
 {
  color:#545454;
		text-decoration:none;
	}
	
a:hover
 {
	 color:#545454;
		text-decoration:underline;
	}
	
a.active
 {
	 color:#FF7F00;
	}	
	
ol
 {
	 margin:10px 0 0 115px;
		list-style-type:lower-alpha;
	}
	
.kleingedrucktes
 {
	 font-size:9px;
		line-height:12px;
	}	
/* ++++++++++ ENDE TEXTFORMATIERUNGEN ++++++++++ */


/* ++++++++++ KONTAKTFORMULAR ++++++++++ */
form.newsletter_form
 {
	 width:166px;
		text-align:center;
	}

form.newsletter_form input
 {
  margin-top:2px;
  padding:2px;
  margin-bottom:2px;
  width:162px;
  font-family: Tahoma, sans-serif;
  font-size:10px;
		color:#4B4B4B;		
  background:#FFFFFF;
  border:1px solid #9B9D9D;
 }
	
form.newsletter_form input.button
 {
		width:168px;
		height:18px;
		text-align:left;
		color:#FFFFFF;
		background:#9F9C9C;
  border:1px solid #595757;		
 }
/* ++++++++++ KONTAKTFORMULAR ENDE ++++++++++ */


/* ++++++++++ FORMATIERUNG PROTOTYPE WINDOW ++++++++++ */
.overlay_dialog 
 {
	 background-color: #666666;
	 filter:alpha(opacity=60);
	 -moz-opacity: 0.6;
	 opacity: 0.6;
 }

.overlay___invisible__ 
 {
  background-color: #666666;
	 filter:alpha(opacity=0);
	 -moz-opacity: 0;
 	opacity: 0;
 }

/* DO NOT CHANGE THESE VALUES*/
.dialog 
 {
	 display: block;
	 position: absolute;
 }

.dialog table.table_window  
 { 
  border-collapse: collapse; 
  border-spacing: 0; 
  width: 100%;
	 margin: 0px;
	 padding:0px;
 }

.dialog table.table_window td , .dialog table.table_window th 
 {
  padding: 0; 
 }

.dialog .title_window 
 {
  -moz-user-select:none;
 }                                                    
/* ++++++++++ ENDE FORMATIERUNG PROTOTYPE WINDOW ++++++++++ */