/* LAYOUT */
body, html
{
height:100%;
background:#C1BDB1 url(../images/bg_kachel.jpg) repeat-y; 
font:normal 11px  Verdana,Arial,Helvetica,sans-serif;
color:#000;
margin:0;
padding:0
}

a
{
text-decoration:none;
color:#FF5A00;
}

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

#wrapper
{
background:#F0EEE2 url(../images/content_kachel.jpg) repeat-x top left;
margin:0 5px 0 5px;
padding:0;
width:790px;
min-height:100%;
}

* html #wrapper  /* wichtig zur ausdehnung des wrappers auf 100% - nur fr IE 6 ! */
{
height: 100%;
}

html + body #wrapper /* wichtig zur ausdehnung des wrappers auf 100% - nur fr IE 5/Win ! */
{
height: 100%;
}

#breadcrumb
{
background:#DFDCD3 top left;
margin:0 0 1px 0;
padding:10px 10px 0 10px;
width:770px;
text-align:left;
height:18px;
font:normal 10px  Arial,Helvetica,sans-serif;
color:#6E6B64
}

#breadcrumb a
{
text-decoration:underline;
color:#989690;
}

#breadcrumb a:hover
{
text-decoration:none;
}

#header
{
background:#DFDCD3  url(../images/logo.jpg) top left;
margin:0 0 1px 0;
width:790px;
text-align:right;
height:83px
}



#lbox
{
margin:1px 40px 0 0;
padding:0;
width:195px;
float:left;
}

#rbox
{
margin:44px 0 0 40px;
padding:0;
width:195px;
float:right;
}

.box
{
background:#CDCBBF url(../images/box_kachel.jpg) repeat-x top left;
margin:0 0 1px 0;
}

.boxtext
{
background:#CDCBBF url(../images/box_kachel.jpg) repeat-x top left;
margin:0 0 1px 0;
padding:10px;
}

.boxtext img
{
margin:0 0 5px 0;
border:none;
}

.boxtext p
{
font-size:9px;
color:#646161;
line-height: 14px;
margin:0 0 5px 0;
}

.boxtext input
{
font-size:9px;
color:#646161;
line-height: 14px;
margin:0;
padding:2px 0 0 2px;
width:170px;
height:18px;
border:0;
}

.inputBg
{
	background: #F9F6F1;
}

.boxtext a
{
text-decoration:none;
color:#FF5A00;

}

.boxtext a:hover
{
text-decoration:underline;
color:#FF5A00;
}

.boxtext h1
{
font-size:9px;
color:#646161;
line-height: 10px;
font-weight:bold;
margin:5px 0 10px 0;
}

.boximg
{
background:#CDCBBF url(../images/box_kachel.jpg) repeat-x top left;
margin:0 0 1px 0;
}

.boxtopic
{
background:#C8C6BA;
padding: 6px 10px 5px 10px;
margin-bottom:1px;
}

.boxtopic h2
{
	font-size:12px;
	background:#C8C6BA;	
	margin:0;
}

 
#content h1
{
color:#FF5A00;
font-size:17px;
font-weight: bold;
display:inline;
}


#content h2
{
	color:#62615C;
	font-size:12px;
	margin:20px 0 0 0;
	padding:0;
	line-height:14px;
	font-weight: bold;
}

#content h3
{
	font-size:9px;
	line-height:12px;
	text-align:top;
	float:left;
	margin:0 0px 0 0px;
	font-weight: normal;

}

#content h3 a:hover
{
		text-decoration: none;
}


#content .whitebg
{
width:280px;
background-color:#ffffff;
margin:-5px 0 0 0;
padding:5px 10px 5px 10px;
}



#content .galTopic
{
background:#CDCBBF url(/images/box_kachel.jpg) repeat-x top left;
width:500px;
height:auto;
padding:1px 0 5px 0;
line-height: 18px;
margin:0;
}

#content  img
{
padding:0;
margin:0;
background-color: #F8F6F0;
border:0;
}

#content .shopItem
{
/* background:#CDCBBF url(../images/box_kachel.jpg) repeat-x top left; */
max-width:300px;
padding:10px 0 10px 0;
}

#content .shopItem .textrechts
{
/*float:left;*/
width:200px;
align:right;
margin:0 0 0 0px;
text-align:left;

}

#content .shopItem img
{
margin:0 0 10px 0px;
}

#content .ItemDetails
{
}

#content .ItemDetails form
{
max-width:300px;
background:url(../images/kachel_proddetail.jpg) repeat;
padding:5px 10px 5px 0;
text-align:right;
margin:0;
}


#content .ItemDetails input
{
font-size:9px;
color:#646161;
line-height: 14px;
margin:0;
padding:2px 0 0 2px;
width:72px;
height:14px;
border:0;
background: #F9F6F1;
}

#content .ItemDetails .dropD
{
font-size:9px;
color:#646161;
margin:0;
padding:0;
height:18px;
border:0;
background: #F9F6F1;
}

#content .ItemDetails .button
{
margin:0;
width:116px;
height:14px;
border:0;
background: #F9F6F1;
}

#content .shopItem img
{
padding:0;
margin:5px 10px 0 0 ;
}


#content .galThumb
{
background:transparent; /*#CDCBBF url(../images/box_kachel.jpg) repeat-x top left; */
width:100%;
height:auto;
padding:0;
text-align:left;
}



#content .galThumb img
{
vertical-align: middle;
/* padding:4px; */
margin:0 20px 20px 0px;
background-color:transparent; /*#F8F6F0; */
border:1px solid #CDCBBF;
}



#content hr
{
	border: 0px;
   border-bottom: 1px dashed #B0ADA5;
	width: 100%;
 	/*background:transparent url(../images/trennlinie.gif) repeat-x top left;*/
}


#content ul
{
margin:0 0 10px 0;
padding:0;
list-style:none
}

#content li
{
max-width:300px;
margin:0 0 1px 0;
border:0;
padding:4px 0 4px 10px;
background-color:#ffffff;
display:block;
}

#wkList
{
width:99%;
line-height:16px;
}


#wkList .linetop
{

background-color:#E1DED5;
}

#wkList .line
{
background-color:#ffffff;
}

html>body hr {padding-top: 10px;}

#footer
{
position: relative;  /* Needed for Safari */
background:url(../images/footer_kachel.gif) repeat-y ;
margin:0;
padding:0 10px 0 10px;
width:770px;
color:#646161;
line-height: 27px;
font-size:10px;
clear:both;
}


#footer a
{
text-decoration:none;
color:#646161;
}

#footer a:hover
{
text-decoration:none;
color:#FF5A00;
}


#hack 
{ /* wichtig fr footer-hack */ 
 padding:0 0 200px 0 ; /* */
 margin:0;
}


/* sIFR */
.sIFR-flash
{
visibility:visible !important;
margin:0
}

.sIFR-replaced
{
visibility:visible !important
}

span.sIFR-alternate
{
position:absolute;
left:0;
top:0;
width:0;
height:0;
display:block;
overflow:hidden
}

.sIFR-hasFlash #content h1, .sIFR-hasFlash .boxtopic h2
{
visibility:hidden
}



/* ---------- Primary Nav ---------- */

div#globalnav {
	height: 181px;
	width: 175px;
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent;
	}

div#globalnav ul#menu {
	height: 181px;
	width: 175px;
	background: transparent url(/images/navigation.gif) top left no-repeat;
	margin: 0;
	padding: 0;
	position: relative;
	}

div#globalnav ul#menu li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	left: 0;
	}
	
ul#menu li, ul#menu a {
	height: 25px;
	display: block;
	}
	
div#globalnav ul#menu li a {
	text-indent: -9999px;
	text-decoration: none;
	}

#mhome 							{top: 0; left: 0; width: 175px;}
#mshop							{top: 26px; left: 0; width: 175px;}
#mnews							{top: 52px; left: 0; width: 175px;}
#mgallery						{top: 78px; left:0; width:175px;}
#mtexte							{top: 104px; left:0; width:175px;}
#mlinks							{top: 130px; left:0; width:175px;}
#mkontakt						{top: 156px; left:0; width:175px;}

#mhome a:hover					{background: transparent url(/images/navigation.gif) -185px 0 no-repeat;}
#mshop a:hover 					{background: transparent url(/images/navigation.gif) -185px -26px no-repeat;}
#mnews a:hover					{background: transparent url(/images/navigation.gif) -185px -52px no-repeat;}
#mgallery a:hover 				{background: transparent url(/images/navigation.gif) -185px -78px no-repeat;}
#mtexte a:hover 				{background: transparent url(/images/navigation.gif) -185px -104px no-repeat;}
#mlinks a:hover 				{background: transparent url(/images/navigation.gif) -185px -130px no-repeat;}
#mkontakt a:hover 				{background: transparent url(/images/navigation.gif) -185px -156px no-repeat;}

body#home #mhome 				{background: transparent url(/images/navigation.gif) -370px -0 no-repeat;} 
body#shop #mshop 				{background: transparent url(/images/navigation.gif) -370px -26px no-repeat;}
body#news #mnews 				{background: transparent url(/images/navigation.gif) -370px -52px no-repeat;}
body#gallery #mgallery 			{background: transparent url(/images/navigation.gif) -370px -78px no-repeat;}
body#texte #mtexte				{background: transparent url(/images/navigation.gif) -370px -104px no-repeat;}
body#links #mlinks				{background: transparent url(/images/navigation.gif) -370px -130px no-repeat;}
body#kontakt #mkontakt			{background: transparent url(/images/navigation.gif) -370px -156px no-repeat;} 

body#home #mhome a:hover		 {background: transparent url(/images/navigation.gif) -370px -0 no-repeat; cursor: default;}
body#shop #mshop a:hover		 {background: transparent url(/images/navigation.gif) -370px -26px no-repeat; cursor: default;} 
body#news #mnews a:hover		 {background: transparent url(/images/navigation.gif) -370px -52px no-repeat; cursor: default;}  
body#gallery #mgallery a:hover	 {background: transparent url(/images/navigation.gif) -370px -78px no-repeat; cursor: default;} 
body#texte #mtexte a:hover		 {background: transparent url(/images/navigation.gif) -370px -104px no-repeat; cursor: default;} 
body#links #mlinks a:hover		 {background: transparent url(/images/navigation.gif) -370px -130px no-repeat; cursor: default;} 
body#kontakt #mkontakt a:hover	 {background: transparent url(/images/navigation.gif) -370px -156px no-repeat; cursor: default;}