html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, textarea, button, legend, table, caption, tbody, tfoot, thead, tr, th, td 
{ font-family:  Verdana, Arial, Helvetica, sans-serif; margin: 0; padding: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; border:none; }

body { /*line-height: 1;*/ }


ol, ul { list-style: none;}

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

/* remember to define focus styles! */
:focus { outline: 0; }

/* remember to highlight inserts somehow! */
ins { text-decoration: none; }

del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }

button { cursor:pointer; }

.hide { display:none; }

.clear { clear:both; }

/*html, body { height:100%; } */

body { background: #FFFFFF url(bg_body.jpg) repeat-x; 
	   }

/* div#clearfix { width:1px; height:50%; margin-bottom:-275px; float:left; } */

/*************************************************** Type (Schriften) */


h1 
{ margin-bottom:10px; }

h1, h2, h3, h4, p, address, td, label, span, div 
{ line-height:18px;}

h1, h2, h3, h4 
{ line-height:18px; }

h1 
{ font-size:20px; 
  line-height:22px; 
  color:#000000; 
  font-weight:bold;  
  margin-bottom:15px; }
  
h2 
{ font-size:14px; 
  color:#000000;
  font-weight:bold;
  margin-bottom:10px; }
	 
h3 
{ font-size:12px; 
  font-weight:bold;
  color:#000000; }
	 
h4 
{ font-size:12px; 
  font-style:normal; 
  font-weight:bold; 
  color:#000000; 
  margin-top:5px;}
	 
p, td, label, address 
{ font-size:12px; 
  color:#000000; }

address 
{ font-style:normal; 
  font-size:11px; 
  text-align:left; }


ol li 
{ list-style-type:none; }
		
ol li li 
{ list-style-type:none; }

ul li 
{ list-style-type:none; 
  font-size:12px;}
		
ul li li 
{ list-style-type:none; }


div.bestellung 
{ background:#acc6f9;
  padding:10px;}

td 
{ padding-right:10px; padding-bottom:5px;}

th
{ padding-right:50px;}

tr 
{ font-size:12px;}

/********** Links ******************************************************/

a 
{ color:#C50934; 
  font-weight:bold; 
  text-decoration:none;
  font-size:12px; }
  
a:hover, a.focus, a.rex-current 
{ color:#000000; }


/*************************************************** Formulare generell */

input {
		background-color:#fff;
		border:1px solid #d2d2d2;
		font-family: Verdana, Arial, Helvetica, sans-serif;
}
input.gesamt {
		border:0px none;
}

form#blueform1 
{ width:400px; 
  float:left;
  display:block;}
fieldset 
{ margin:0; 
  padding:0; 
  border:0 none;
  width:400px;
  margin-top:25px; }
  
.line 
{ margin-bottom:10px;}

.line label 
{ float:left; 
  display:block; 
  padding-top:5px;
  font-size:12px;
  color:#000000; }

.line label {
  width:95px; 
}

		  
.line input[type="text"], 
.line input[type="password"], 
.line textarea, .line select 
{ display:block; 
  margin-left:0px; 
  width:260px; 
  float:none; 
  background:#fff; 
  border:2px solid #d2d2d2; 
  padding:2px; 
  font-size:14px; }
																					   
.line textarea 
{ height:80px; }

.line select 
{ width:auto; }

.checkbox label 
{ float:none; 
  margin-left:40px; 
  display:block; 
  padding:0; 
  width:auto; 
  line-height:20px; }
				  
.checkbox input 
{ float:left; 
  clear:left; }

.line input[type="text"]:hover, 
.line input[type="password"]:hover, 
.line textarea:hover, 
.line select:hover,
.line input[type="text"]:focus, 
.line input[type="password"]:focus, 
.line textarea:focus, 
.line select:focus 
{ border:2px solid #6699ff; 
  background:#fff; }
  

form button 
{ position: relative; 
  cursor: pointer; 
  overflow: visible; }

form button::-moz-focus-inner 
{ border: none; }

form button span 
{ position: relative; 
  display: block; 
  white-space: nowrap;}

.errormsg, .successmsg 
{ padding:4px 8px; 
  border:1px solid #000; 
  color:#000000; 
  margin-top:4px; }

.errormsg 
{ background:#c50934;}

.bf_message success 
{ background:#009966; }
.bf_message success p
{ color:#000000;}


textarea#message 
{ width:260px;}

@media screen and (-webkit-min-device-pixel-ratio:0) {	/* Safari and Google Chrome only - fix margins */ button span {	margin-top: -1px; } }
/* OPTIONAL BUTTON STYLES for applying custom look and feel: */	

form div.btn 
{ display:block;
  margin-bottom:10px;
  margin-left:303px;
  width:60px;}
  
form button 
{ background:#6699ff; 
  font-weight:bold; 
  font-size:11px; 
  text-align:center; 
  border:0 none; 
  color:#FFFFFF; 
  border:1px solid #000; 
  padding:4px 3px 4px 3px;}

form div.btn:hover, 
form div.btn:hover button, 
form button:hover, 
div#center div.btn:hover 
{ background:#1e1e1e; }

input.changable, input.gesamtpreis_e {
		text-align:right;
		width:40px;
}
input.gesamt {
		text-align:right;
		width:100px;		
}
.smallinp {
		height:26px;
		overflow:hidden;
}
.line input.plz {
		width:40px;
		float:left;
		margin-right:7px;
}
.line input.ort {
		width:205px;
}
input[readonly="readonly"] {
		background-color:#fff;
}

.line input.gesamt {

}


/************************************************** layout ***************************/
div#hauptkontainer 
{ margin:0 auto; 
  width:676px; 
  min-height:700px;
  text-align:left;
  overflow:hidden;}
					 
div#wrapper 
{ position:relative; 
  margin:0 auto; 
  width:676px;
  min-height:700px;
  overflow:hidden; }


div#header
{ display:block;
  width:676px;
  height:96px;
  overflow:hidden;

}
/*************************************************** Logo *****************************/

div#logo 
{ background:url(logo.gif) no-repeat left top; 
  height:80px; 
  width:676px; 
  display:block;
  margin-top:8px;
  float:left;}

div#logo h1 
{ margin:0; }
		   
div#logo a 
{ height:80px; 
  width:676px; 
  display:block;}



/**************************************************** Nav ****************************/

div#nav 
{ display:block;
  width:676px;}

div#nav ul 
{ margin:0; }

div#nav li 
{ display:block;
  list-style-type:none; 
  margin:0;
  float:left;}
			
div#nav li a 
{ display:block; 
  font-size:12px; 
  font-weight:normal; 
  text-decoration:none; 
  text-align:left;
  padding:3px 20px 4px 0px;
  color:#FFFFFF;
  }
  
div#nav li a:hover, div#nav li a:focus, div#nav li a.active
{ color:#6699ff; }


/**************************************************** SubNav ****************************/

div#nav ul li ul 
{ border:none; 
  margin-bottom:10px;
  display:none;
  position:absolute;
  background:#6699ff;
  min-width:100px;
  padding:5px 0px 0px 0px;}

div#nav ul li:hover ul 
{   display:block;}
 
div#nav ul li ul li 
{ border:none;
  float:none;
  display:block;}
  
div#nav ul li ul li a 
{ font-size:11px;
  font-weight:normal;
  color:#FFFFFF;
  padding:0px 8px 5px 8px;
  display:block;
  text-transform:none;}
  
div#nav ul li ul li a:hover, div#nav ul li ul li a:focus, div#nav ul li ul li a.active
{ color:#000000;}
  
  
/****** rundum *******************************************************************************************************************/

div#rundum
{ width:676px;
  min-height:482px;
  display:block;}


/****** inhalt ****************************************************************************************************************/



div#content 
{ display:block; 
  width:676px;
  min-height:482px;
  float:left;}
			  
div#content div.inner 
{ padding:30px 25px 20px 0px;
overflow:hidden;}

div#content div.tinytxt 
{ margin-bottom:20px;
  margin-top:10px;}
  
div#content div.tinytxt  p img
{}  

div#content div.tinytxt p, 
div#content div.tinytxt table 
{ margin-bottom:8px;}

div#content div.tinytxt p, 
div#content div.tinytxt td, 
div#content div.tinytxt li 
{ color:#000000; 
  font-size:12px; }
  
div#content div.tinytxt li
{ list-style-type:square;
  margin-left:15px;}
  
/*
background:url(sub_bg_rot.gif) no-repeat;
background-position:left;
padding-left:10px;
*/
																					
div#content div.tinytxt a 
{ color:#000000; 
  text-decoration:underline; }

div#content div.tinytxt a:hover, 
div#content div.tinytxt a:focus, 
div#content div.tinytxt a.active 
{ color:#6699ff;}


div.inner p 
{ margin-bottom:0px;}

div.inner p.download a 
{ background:no-repeat; 
  padding:0 0 0 25px; 
  color:#C50934;
  text-decoration:underline;}

div.inner p.download a:hover, 
div.inner p.download a:focus, 
div.inner p.download a.active 
{ color:#000000;
text-decoration:underline;}

div.gallery {}
div.gallery a {}
div.gallery a img { border:2px solid #9C2520;}

div.gallery a img:hover, 
div.gallery a img:focus, 
div.gallery a img.active 
{ border-color:#e2001a;}




  
div#bluemouse 
{ text-align:right;
  display:block;
  margin:0 auto; 
  width:676px;}
				
div#bluemouse a 
{ color:#CCCCCC;
  font-size:10px;}
  
div#bluemouse a:hover, 
div#bluemouse a:focus, 
div#bluemouse a.active
{ color:#666666;} 



div#content div.produktvorschau 
{ display:block;
  margin-top:20px;
  padding:10px 0px 10px 0px;
  overflow:hidden;
  border-bottom:1px solid #000000;
  border-top:1px solid #000000; }
  
div#content div.produktvorschau div.tinytxt 
{ display:block;
  float:left;
  padding-left:20px;
  width:400px; 
  margin-bottom:0px;
  margin-top:0px;}
  
div#content div.produktvorschau div.tinytxt ol li
{ list-style-type:decimal;}  

div#content div.produktvorschau img 
{ border:1px solid #000000;
  display:block;
  float:left;}

  
div#content p.faq
{
background:#669AFF;
padding:8px;
} 

div#content p.faq a,
div#content p.faq a:hover,
div#content p.faq a:focus,
div#content p.faq a:active
{
color:#fff;
text-decoration:underline;
}