/* CSS Document 

(c) by Lorem GmbH

powered by bensolution.ch

autor: Benjamin Tanner

/*---------------Slide Down Menu Style---------------*/

body{

font-family:Verdana, Geneva, sans-serif;
font-size:12px;
}

a:link {
	text-decoration: none;
	color: #000099;
}

a:visited {
	text-decoration: none;
	color: #000099;
}

a:hover {
	text-decoration: underline;
	color: #000099;
}

a:active {
	text-decoration: underline;
	color: #000099;
	outline: none;
}

a:focus {
outline: none;
}

.menu {
 /*position:relative;*/
 background-image:url(menu4.1.jpg);
 border:0px;
 width:150px;
 font-size:11px;
 font-weight:bold;
 line-height:22px;
 text-indent:5px;
 position:absolute;
 cursor:pointer;
}

.menu2 {
 /*position:relative;*/
 background-image:url(angebot1.jpg);
 border:0px;
 width:150px;
 font-size:11px;
 font-weight:bold;
 line-height:22px;
 text-indent:5px;
 position:absolute;
 cursor:pointer;
}

.item_panel {
  background-image:url(submenu1.jpg);
  width:150px;
  clip:rect(0,150,0,0);
  position:absolute;
  cursor:pointer;
  text-decoration: none;
  color: #000000;
}

.item_panel a {
 text-decoration:none;
 color:black;
 cursor:pointer;
}

.item_panel2 {
  background-image:url(angebot3.jpg);
  width:150px;
  clip:rect(0,150,0,0);
  position:absolute;
  cursor:pointer;
  text-decoration: none;
  color: #000000;
}
.item_panel2 a {
 text-decoration:none;
 color:black;
 cursor:pointer;
}
.item {
 width:150px;
 font-size:11px;
 line-height:22px;
 text-indent:5px;
 color: #000000;
 text-decoration: none;
 cursor:pointer;
}
/*-----------DIV's--------------*/
/*-----------News Style--------------*/
.news_Titel{
	font-size: 13px;
	font-weight: bold;
	color: #000000;
}

#show{
	width: 850px;
	height: 100%;
}
#background_container {
	width: 100%;
	margin: auto;
}
#website_container {
	width: 1000px;
	margin: auto;
	background:#FFFFFF;
	height:100%;
}
#clear{height:0.1px;font-size:0.1px;line-height:0.1px;clear:both;}
#left{float:left; width:150px;}#right{float:right;}#main{width:auto;position:relative; margin-left:150px;}
.inside{position:relative;text-align:left;}
.subheader{width:1000px; height:20px; background:url("top.jpg") left top repeat-x;}
.subsubheader{width:1000px; height:50px;}
.subsub_right{width:240px; margin-left:760px;}
#footer{ margin-top:25px;padding-left:200px;  background:url("hor_gr.gif") left top no-repeat;}
#produkte{
	width: 790px;
	/*height: 490px;
	overflow:auto;*/
}

#rest{
	width: 790px;
	height: 500px;
	overflow:auto;
	color: #000000;
}

#welcome{
	float:inherit;
	width: 400px;
	height: 50px;
	overflow:auto;
	color: #000000;
	margin-left:150px;
	visibility:visible;
	position:absolute;
}
#gallery_first{
	margin-top:20px;
	padding-right:10px;
}
#content{ padding-left:15px;}
#texte{ font-size:12px; font-family: Verdana, Geneva, sans-serif; color: #000000; width:750px;}
#content h1{ font-size:13px;}
/*-----------ENDE DIV's--------------*/
/*-----------Site Style--------------*/

a.logo { background-image:url(logo.jpg); display:block; width:150px; height:49px; margin-top:-20px; float:left;}
a.logo:link    { background-image:url(logo.jpg);  }
a.logo:hover   { background-image: url(logo.jpg); }
a.logo:active  { background-image: url(logo.jpg); }

.welcome{
	font-size: 14px;
	font-weight: bold;
	color: #000000;
}
.standart{/*ACHTUNG wird in FCK editor Table verwendet. (fckeditor/editor/dialog/fck_table.html)*/
	font-size: 11px;
	color: #000000;
}
.newsmain_5 .standart{/*ACHTUNG wird in FCK editor Table verwendet. (fckeditor/editor/dialog/fck_table.html)*/
	font-size: 11px;
	color: #000000;
	border-bottom: #BBBBBB 1px solid;
}
.newsmain_10 .standart{/*ACHTUNG wird in FCK editor Table verwendet. (fckeditor/editor/dialog/fck_table.html)*/
	font-size: 11px;
	color: #000000;
	border-bottom: #BBBBBB 1px solid;
}
.txtstandart{
	font-size: 12px;
	font-family: Verdana, Geneva, sans-serif;
	color: #000000;
}
span.mandatory{
	color:#c00;
}
.gross{
	font-size: 12px;
	color: #000000;
}
.klein{
	font-size: 8px;
	color: #000000;
}
.bildspecial{
font-size: 9px;
	color: #FFFFFF;
}
.preis{
font-size: 11px;
	color:#FF0000;
}
.showroom{
font-size: 11px;
	color:#0000FF;
}
.newsmain_5{border-top: #BBBBBB 1px solid; margin-top:20px;}
.newsmain_10{border-top: #BBBBBB 1px solid; margin-top:10px;}
.newsmain_11{border-bottom: #BBBBBB 1px solid; margin-top:20px;}
.occa{font-size: 11px; color:#FF9800;}
.standart_Fett{font-size: 11px; font-weight: bold; color: #000000;}
.copyright{font-size: 10px; color: #000000;}
.adresse{font-size: 11px; color: #999999; margin-top:20px; width:150; margin-top:100px;}
.kontakt{font-size: 11px; color: #000000; line-height:18px;}
.firmanews{font-size: 12px; font-weight: bold; color: #888888;}
.menge{font-size: 11px; color: #000000; vertical-align: middle; display:block;}
.form{margin:0px; paddig:0px; line-height: 0px;}
.tip{font-weight: bold; font-size: 11px; margin: 0; color: #78BEFD; padding: 8px 8px 4px; background-color:#ffffff;}
#product_overview {width:828px; margin-top:25px; padding:0px; }
#product_overview:after {height:0px; display:block; visibility:hidden; }
#product_overview li{width:207px; list-style-type:none; float:left; }
#product_overview li a {height: 175px; position: relative; border-left: #DDDDDD 1px solid; padding:5px 15px 190px 10px; display: block;  color: #000000; text-decoration: none; }
#product_overview li a.first1{border:0px; border-left-style: none;}
#product_overview li h4{line-height: 18px; font-family: Helvetica, Arial, Verdana, sans-serif; color: #000000; font-size: 16px; font-weight: bold;}
#product_overview li p {line-height: 14px; margin: 0px; color: #666666; font-size: 12px;}
#product_overview li img {position: absolute; bottom: -1px; display: block; left: 0px; border:0px;}
#product_overview li a:hover {background: url(product_overview_over.png) repeat-x;}
#product_overview span.next {color:#000099;}
#product_overview  a:hover span.next {text-decoration: underline;}
.line{border-bottom:1px solid #999999;}
/*----------------new Navi-------------*/
.main_nav { font-size:11px;}
.toggler {padding:6px 4px 6px 6px;background:url("menu4.1.jpg") right center no-repeat;border-bottom:0px;color:#000000;cursor: pointer; font-weight:bold;}
.toggler:hover {background:url("menu4.2.jpg") right center no-repeat; color:#000000; cursor: pointer; font-weight:bold;}
.accordion{padding:0px; margin:0px; width:150px; font-size:11px;}
.accordion ul{padding:0px; margin:0px; list-style-type:none; width:150px;}
a.first{padding:6px 4px 6px 6px;background:url("submenu1.jpg") left center no-repeat; width:150px; display:block; color:#000000; text-decoration:none; font-size:11px;}
a.first:hover{padding:6px 4px 6px 6px;background:url("submenu2.jpg") left center no-repeat; width:150px; display:block; color:#000000; text-decoration:none; font-size:11px;}
a.middle{padding:6px 4px 6px 6px;background:url("submenu1.jpg") left center no-repeat; width:150px; display:block; color:#000000; text-decoration:none; font-size:11px;}
a.middle:hover{padding:6px 4px 6px 6px;background:url("submenu2.jpg") left center no-repeat; width:150px; display:block; color:#000000; text-decoration:none; font-size:11px;}
a.last{padding:6px 4px 6px 6px;background:url("submenu1.jpg") left center no-repeat; width:150px; display:block; color:#000000; text-decoration:none; font-size:11px;}
a.last:hover{padding:6px 4px 6px 6px;background:url("submenu2.jpg") left center no-repeat; width:150px; display:block; color:#000000; text-decoration:none; font-size:11px;}
.toggler_red {padding:6px 4px 6px 6px;background:url("angebot1.jpg") right center no-repeat;border-bottom:0px;color:#000000;cursor: pointer; font-weight:bold;}
.toggler_red:hover {background:url("angebot2.jpg") right center no-repeat; color:#000000; cursor: pointer; font-weight:bold;}
a.first_red{padding:6px 4px 6px 6px;background:url("angebot3.jpg") left center no-repeat; width:150px; display:block; color:#000000; text-decoration:none; font-size:11px;}
a.first_red:hover{padding:6px 4px 6px 6px;background:url("angebot4.jpg") left center no-repeat; width:150px; display:block; color:#000000; text-decoration:none; font-size:11px;}
a.active{padding:6px 4px 6px 6px;background:url("submenu2.jpg") left center no-repeat; width:150px; display:block; color:#000000; text-decoration:none; font-size:11px;}
a.active_red{padding:6px 4px 6px 6px;background:url("angebot4.jpg") left center no-repeat; width:150px; display:block; color:#000000; text-decoration:none; font-size:11px;}

/*----------------Papiere-------------*/
#papier_main{ width: 750px; border: #999999 1px solid; display:block; margin-bottom:15px; min-height:100px;}
#papier_main #img{width:100px; position:absolute; display:block;}
#papier_main #text{border:0px; margin-left:100px; border-left: #999999 1px solid; padding-left:5px; margin-top:0px; padding-top:5px; min-height:100px; padding-bottom:5px;}
#papier_main #text h3{ font-size:13px; padding-bottom:5px;}
#papier #papier_main a{text-decoration: none; display: block;}
#papier #papier_main a:hover{background: url(product_overview_over.png) repeat-x;}
/*----------------LINKS-------------*/
a.aktion{font-size: 12px; font-weight: bold; color: #FF0000;}
a.aktion:link{font-size: 12px; font-weight: bold; color: #FF0000;}
a.aktion:hover{font-size: 12px; font-weight: bold; color: #FF0000; text-decoration: underline;}
a.aktion:active{font-size: 12px; font-weight: bold; color: #FF0000; text-decoration: underline;}
a.aktion:visited{font-size: 12px; font-weight: bold; color: #FF0000;}

a.std_link{font-size: 11px;color: #000000;}
a.std_link:link{font-size: 11px;color: #000000;}
a.std_link:hover{font-size: 11px;color: #000000; text-decoration: underline;}
a.std_link:active{font-size: 11px;color: #000000; text-decoration: underline;}
a.std_link:visited{font-size: 11px;color: #000000;}

a.bild{font-size: 11px;color: #FFFFFF; text-decoration: none; border:0;}
a.bild:link{font-size: 11px;color: #FFFFFF; text-decoration: none; border:0;}
a.bild:hover{font-size: 11px;color: #FFFFFF; text-decoration: none; border:0;}
a.bild:active{font-size: 11px;color: #FFFFFF; text-decoration: none; border:0;}
a.bild:visited{font-size: 11px;color: #FFFFFF; text-decoration: none; border:0;}