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:Arial, Helvetica, sans-serif; margin: 0; padding: 0; outline: 0; vertical-align: baseline; background: transparent; border:none; }

body { font-size: 90%; }
ol, ul { list-style: none; margin-top:15px; }

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: #bd8864 url(bg2_body.jpg); 
       text-align:center; 
	   padding-top:40px; overflow-y:scroll; }

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

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

h1, h2, p, ul, ol, table, address { margin-bottom:15px; }
h1 { margin-bottom:10px; }

h1, h2, h3, h4, a, p, li, address, td, label, span, div { line-height:18px; color:#362E2E; font-family:Georgia, "Times New Roman", Times, serif; }

h1, h2, h3, h4 { font-size:80%; line-height:18px; }
h1 {  
     line-height:22px; 
	 font-weight:normal;}
	 
h1.render { margin-bottom:4px;}	 
h1.render span { display:none;}
	 
h2 { 
	 margin-bottom:7px;}
	 
h3 { font-size:85%;
	 line-height:12px;
     font-weight: normal; 
	 margin-bottom:15px;}
	 
h4 { 
     font-style:normal; 
	 font-weight:bold; 
	 margin-top:5px;}
	 
p, li, td, label, address { font-size:75%; }
td { padding-right:8px; }

.hr { display:block; border-top:1px solid #b2b2b2; padding-bottom:17px; }
.hr hr { display:none; }

/********** Liste *********************************************************************************/

ol li { list-style-type:disc; margin-left:20px; }
ol li li { list-style-type:disc; }
ul li { list-style-type:disc; margin-left:15px; }
ul li li{ list-style-type:disc; }

#links .errormsg li, #links .successmsg li, #mitte .errormsg li, #mitte .successmsg li, #mitte li { list-style-type:none; margin-left:0; padding-left:12px; background:url(ico_li.gif) 0 10px no-repeat; }


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

a { color:#FFFFFF; 
    font-weight:bold; 
	text-decoration:none; }
a:hover, a.focus, #links .contents address a:hover, #links .contents address a:focus { color:#362e2e; }

#mitte a { color:#e63a3c; font-weight:normal; } 
#mitte a:hover, #mitte a:focus { color:#e63a3c; text-decoration:underline; } 

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

fieldset { margin:0; padding:0; border:0 none; }

fieldset p { margin:10px 0 3px 0; }

#content .box fieldset { padding:10px; }

legend { font-size:14px; line-height:18px; font-weight:bold; margin-bottom:10px; }

.line, .agb { overflow:hidden; display:block; margin-bottom:4px; }

.line label { float:left; width:100px; display:block; padding-top:5px; font-size:65%; }
			  
.line input[type="text"], .line input[type="password"], .line textarea, .line select { display:block;  margin-left:100px; width:190px; background:#fff; padding:2px; font-size:85%; }
																					   
.line textarea { height:80px; }
.line select { width:auto; }
.line #anredetp { border:0 none; }

.line input#plz, .line input#plztp { width:40px; margin-right:5px; float:left; margin-left:0; }
									 
.line input#ort, .line input#orttp { width:223px; margin:0; }

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

.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-color:#362e2e; }

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; margin-top:4px; margin-bottom:15px; }
						 
.errormsg { background:url(bg_heading.jpg); }
.errormsg p, .successmsg p { margin:0; font-size:90%; }
.errormsg p, .successmsg p, .errormsg li, .successmsg li { color:#fff; }
#links .errormsg li, #links .successmsg li, #mitte .errormsg li, #mitte .successmsg li { font-size:90%; background:url(ico_li.gif) 0 -2px no-repeat; }
.successmsg { background:#362e2e; }
.errormsg ul { margin:0; }

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; padding:1px; margin-left:100px; margin-bottom:10px; }
			   
form button {  background:#362e2e; font-weight:bold; font-size:75%; text-align:center; border:0 none; color:#fff; padding:4px 3px 4px 3px; }
			   
form button:hover, form button:focus { color:#362e2e; background:#fff; }


/************************************************** layout **************************************************************/
#hauptkontainer {
                     margin:0 auto; 
					 width:920px; 
					 text-align:left;
					 overflow:hidden;}
					 
#wrapper { position:relative; 
			  margin:0 auto; }

#links, #rechts { width:190px; display:block; }

.inhalt { display:block; overflow:hidden; }	


/****** Header *************************************************************************************************************/

#header { height:148px; padding-bottom:6px; background:url(line_header.gif) bottom repeat-x; margin-bottom:30px; position:relative; }
#logo { background:url(logo.gif) no-repeat right top; 
           height:134px; 
		   width:194px; 
		   display:block; }

#logo h1 { margin:0; }
		   
#logo a { height:134px; display:block;}

#facebook { position:absolute; right:175px; bottom:-24px; }
#facebook a { display:block; background:url(facebook.gif); width:15px; height:15px; }

#fontsize { position:absolute; right:0; bottom:-24px; }
#fontsize a { display:block; height:17px; float:right; background-image:url(fontsize.gif); background-repeat:no-repeat; }
			 
#fontsize .smaller { width:23px; background-position:-77px 0; margin-left:5px; }
#fontsize .smaller:hover, #fontsize .smaller:focus { background-position:-77px -32px; }
#fontsize .larger { width:32px; background-position:0 0; }
#fontsize .larger:hover, #fontsize .larger:focus { background-position:0 -32px; }

/*************************************************** platzhalter *************************************************************/

#payment { width:190px; height:125px; display:block; position:absolute; top:6px; right:0; background: url(herz.gif) center 17px no-repeat; }

#payment a { display:block; height:125px; }

/****** links *******************************************************************************************************************/

#links { float:left; }

#links .tabs { border-top:2px solid #FFFFFF; }

#links .tab {  }
#links .tab .contents { padding:0 0 10px 15px; margin-top:-5px; }

#newsletter, #kontakt { display:block; border-bottom:2px solid #FFFFFF; }
#newsletter a.toggler, #kontakt a.toggler {display:block; background-position:15px -25px; background-repeat:no-repeat; padding:18px 0px; }
#newsletter a.toggler:hover, #newsletter a.toggler:focus, #newsletter a.toggler.active, #kontakt a.toggler:hover, #kontakt a.toggler:focus, #kontakt a.toggler.active 
{ background-position:15px 11px;  }

#newsletter a.toggler { background-image:url(newsletter.gif); }
#kontakt a.toggler {  background-image:url(kontakt.gif); }

#links .contents p, 
#links .contents p strong, 
#links .contents li, 
#links .contents address, 
#links .contents address a, 
#newsletter .line label, 
form button { color:#fff; margin:0; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; }
#links .contents address { font-size:80%; }

#links .contents ul { margin:0; }

#newsletter legend { display:none; }
#newsletter fieldset { padding-top:5px; }
#newsletter .line label { width:75px; font-size:80%; padding-top:2px; }
#newsletter .line input { margin-left:75px; width:98px; padding:0; border:1px solid #fff; }
#newsletter .btn { margin-left:75px; margin-bottom:0; }

#newsletter .line:hover, #newsletter .line:focus { border-color:#362e2e; }

#newsletter .errormsg, #newsletter .successmsg { margin:0 0 0 0;  }
#newsletter .errormsg p, #newsletter .successmsg p, #newsletter .errormsg li, #newsletter .successmsg li,
#newsletter .errormsg p strong, #newsletter .successmsg p strong { font-style:normal; }

#newsletter .errormsg p, #newsletter .successmsg p, #newsletter .errormsg li { font-size:80%; }

/****** mitte *******************************************************************************************************************/

#mitte { margin:0 207px; display:block;  }	
#mitte {  }	
#mitte .padder { padding:17px 0 15px 0; background:#fff; min-height:340px; }

#mitte, #mitte div, #mitte span, #mitte li, #mitte strong, #mitte p, #mitte p a, #mitte .box h2 .sep, #mitte .box h2 .path2, 
#mitte .box h2 .path3, #mitte .box h2 .date, #mitte legend, #mitte label, #mitte input { font-family:Georgia, "Times New Roman", Times, serif; }	
#mitte p, #mitte li { font-size:85%; line-height:17px; }


#mitte .box { position:relative; }
#mitte .box h2 { font-weight:normal; background:url(bg_heading.jpg); height:26px; padding:8px 30px 0; font-size:95%; position:relative; margin-bottom:16px; }
#mitte .box h2, #mitte .box h2 span, #mitte .box h2 a { color:#fff; }	
#mitte .box h2 .sep, #mitte .box h2 .path2, #mitte .box h2 .path3, #mitte .box h2 .date { font-style:italic; }	
#mitte .box h2 .sep, #mitte .box h2 a { float:left; }	
#mitte .box h2 .sep { font-size:130%; margin:0 4px 0; }
#mitte .box h2 a { padding-top:1px; }
#mitte .box h2 .path1 { font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; }
#mitte .box h2 .path2 { font-size:105%; }
#mitte .box h2 .path3 { font-weight:900; font-size:125%; letter-spacing:1px; }
#mitte .box h2 .date { position:absolute; top:10px; right:30px; font-size:90%; }
	
#mitte .box .pad { padding:0 30px; }	
#mitte .box .img { display:block; margin-bottom:12px; }	
#mitte .box img { display:block;  }	

#mitte .desc { overflow:hidden;  }	

#mitte .box .hr { }	

#mitte .box .preis, .gallery .prev, .gallery .next { color:#fff; position:absolute; left:30px; top:358px; background:transparent url(bg_inhalt.png) repeat-y scroll 0 0; margin:0; padding:4px 8px; }	
.gallery .prev, .gallery .next { left:auto; top:auto; bottom:0; padding:5px 8px 4px; }	
.gallery .prev { right:29px; }	
.gallery .next { right:0; }	

.gallery .prev a, .gallery .next a { background-repeat:no-repeat; background-position:center; display:block; width:13px; height:16px; }	
.gallery .prev a { background-image:url(prev.gif); }	
.gallery .next a { background-image:url(next.gif); }	

#mitte .gallery { position:relative; }

#mitte label, #mitte input { font-size:90%; }

#mitte .box .slide { padding-top:12px; margin-bottom:15px; border-top:1px solid #b2b2b2; }

#mitte input#anzahl { width:20px; }

#mitte form .info { margin-left:100px; font-size:70%; color:#e7494c; }

#mitte form button:hover,  #mitte form button:focus { color:#fff; background:url(bg_heading.jpg); }

#mitte .order { display:inline; }
#mitte .orderbtn { cursor:pointer; }

#mitte .more { overflow:hidden; }
#mitte .more ul { margin-top:0; }
#mitte .product { width:138px; float:left; margin:0 15px 15px 0; }
#mitte .product h3 { margin:0; font-style:italic; text-align:right; color:#999999; }
#mitte .product a { display:block; height:123px; color:#e7494c; }
#mitte .product span { display:block; color:#e7494c; font-size:90%; margin-top:2px; }
					 
/****** rechts *******************************************************************************************************************/

#rechts { float:right; min-height:100px; background:url(bg_inhalt.png) repeat-y;}

#rechts .padder { padding:17px 16px 0 16px; }
#rechts img { width:158px; display:block; }
#rechts a { margin-bottom:16px; display:block; }

#rechts object { margin-bottom:16px; }

/****** fuss *******************************************************************************************************************/

#pagination { margin-bottom:8px; }
#pagination a { font-size:85%; }
#pagination .pad { overflow:hidden; }
#pagination .prev { float:left; }
#pagination .next { float:right; }

#footer { display:block; background:transparent; padding-top:4px; }
#footer p { text-align:right; }
#footer p, #footer span, #footer a { color:#fff; font-weight:normal; font-family:Georgia, "Times New Roman", Times, serif; font-size:70%; }
#footer a, #footer span { font-size:100%; }

#footer a:hover, #footer a:focus, #footer a.active { color:#362e2e; text-decoration:none; }

/*************************************************** Navs ***********************************************************/

span.hide {display:none; }

#nav { display:block; width:579px; position:absolute; bottom:24px; left:207px; z-index:10; }
		  
#nav ul { display:block; margin:0; }
#nav li { position:absolute; list-style-type:none; margin:0; bottom:0; }
#nav li a { display:block; height:13px; }
#nav li a, #nav li a:hover, #nav li a:focus, #nav li a.active{ background-image:url(nav.gif); background-repeat:no-repeat; }

#navbtn0 { left:0; }
#navbtn0 a { width:56px; background-position:0px 0px; }
#navbtn1 { left:82px; }
#navbtn1 a { width:87px; background-position:-82px 0px; }
#navbtn2 { left:194px; }
#navbtn2 a { width:55px; background-position:-194px 0px; }
#navbtn3 { left:276px; }
#navbtn3 a { width:91px; background-position:-276px 0px; }
#navbtn4 { left:392px; }
#navbtn4 a { width:115px; background-position:-392px 0px; }

#nav #navbtn0 a:hover, #nav #navbtn0 a:focus, #nav #navbtn0 a.active { background-position:-0px -13px; }
#navbtn1 a:hover, #navbtn1 a:focus, #navbtn1 a.active { background-position:-82px -13px; }
#navbtn2 a:hover, #navbtn2 a:focus, #navbtn2 a.active { background-position:-194px -13px; }
#navbtn3 a:hover, #navbtn3 a:focus, #navbtn3 a.active { background-position:-276px -13px; }
#navbtn4 a:hover, #navbtn4 a:focus, #navbtn4 a.active { background-position:-392px -13px; }

#nav ul ul { padding-top:3px; margin-bottom:-2px; }
#nav li li { position:static; display:block; }
#nav li li a, #nav li li a:hover, #nav li li a:focus, #nav li li a.active { font-size:150%; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-weight:normal; width:auto !important; height:auto; background:none; }

#subnav { background:url(bg_inhalt.png) repeat-y; margin-bottom:30px; display:block; }
#subnav ul { margin:0; padding:11px 0; }
#subnav li { margin:0; list-style-type:none; }
#subnav li a { font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; font-weight:normal; font-size:125%; padding:2px 0 2px 17px; display:block; }

#subnav ul ul { padding:0; margin-top:-5px; }
#subnav li li a { font-size:150%; text-transform:none; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; }

#nav li li a.active, #subnav  a.active { color:#362e2e; }