html,body{
	margin:0;
	padding:0;
	height:100%;
}
body{
	padding-top:100px;/*match height of fixed header*/
	margin-top:-100px;/*match height of fixed header*/
	padding-left:200px;/*match width of fixed sidebar*/
	margin-left:-200px;/*match width of fixed sidebar*/
	/*background-color:#FFF5D1;*/
	background-color:#ECE5BB;
	/*color:#846500;*/
	color:#523912;
    font-family: Garamond,"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    font-size: 100.1%;
}
h1{font-size:1.5em;text-align:center;}
h2{font-size:1.3em;text-align:center;}
h3{font-size:1.1em;text-align:center;}
p{font-size:1.1em;}
#outer{
	margin-left:201px;/* match width (at least) of fixed sidebar (#left)*/
	position:relative;
	/*border-left:1px solid #000;*/
}
html>body #outer{
	min-height:100%;
    *margin-right:157px;
}

#inner{
	padding-top:110px;/* matches height of fixed header to clear the content below it*/
	padding-bottom:10px; 
	/* margin-right:131px /* clear right column */
	padding-right:10px;
	margin-right:165px; /* clear right column*/
}
html>body #inner
{
    *margin-right:0px;
}
#header
{
    position: fixed; /* for good browsers*/
    top: 0;
    left: 0;
    width: 100%;
    height: 100px; /* the height you want the header to be*/
    background-color: #ECE5BB;
    z-index: 99;
    border-bottom:#523912 5px solid; 
}
#headerinner{/* header content goes inside here*/
	text-align:center;
	/*background:green url(images/blogphoto.jpg) repeat-x right top;*/
	position:relative;
	z-index:99;    
}
#left{/* Bear in mind that as there is no height then scrollbars won't appear in IE and very small screens will be unable to reach the content of his fixed side - so keep content to a minimum */
	width:200px;
	position:fixed;/* for good browers */
	left:0;
	top:120px;
	bottom:50px;/* this will enable a vertical scrollbar to appear in good browsers*/
	overflow:visible;/* this will enable a vertical scrollbar to appear in good browsers*/
        overflow-y: auto;
        overflow-x: visible;
	z-index:1;
}
.itemleft
{ 
    width:140px;
    margin: 0;
    padding: 0;
    font-size: 0.7em;
}
.sprachefoot a,link,visited
{
    float:left;
    margin-left:10px;     
    border: none;
    text-decoration: none;
    font-weight: bold; 
    font-size:0.8em;
    
}
.sprachefoot img
{
        border: none;
        height: 33px;
        width: 48px;
}
#right{
	/*width:131px;	*/
	width:157px;	
	position:fixed;  /* relative right weglassen */ 
	right:0;
	float:right;
	padding-top:120px;/* match height of header*/
	padding-bottom:52px;/* match height of footer*/
}
#footer{
	height:50px;
	background: #a78a5b;
	border-top:#523912 5px solid; 
	position:fixed;
	bottom:0;left:0;
	z-index:10;
	width:100%;
}
#clearfooter{/* to clear footer*/
	height:52px;
	clear:both;
}


/* ie only styles below */
/* mac hide \*/
* html, * html body{
	/*overflow:hidden;*/
	height:100%;
}
* html #left {position:absolute; height:auto; overflow-x:auto; overflow-y:hidden; }
* html #headerinner{margin-right:-133px;voice-family: "\"}\""; voice-family:inherit; }
* html #headerinner{margin-right:17px;}
* html #header{position:absolute;}
* html #outer {height:100%;overflow:auto}
* html #inner{height:1%}
* html #footer{
	clear:both;
	margin-top:-51px;
	margin-right:17px;	
	position:relative;
	width:auto;
}
/* end hide */

.Basket
{
    background-color: #523912; 
    color: #ECE5BB; 
    font-size: small;
}
a.BasketLink, a.BasketLink:link, a.BasketLink:visited
{
    color: #ECE5BB; 
    /*text-decoration: none;*/
    font-weight: bold;
    font-size: medium;
}
a.ItemLink, a.ItemLink:link, a.ItemLink:visited
{
    color: #ECE5BB; 
    /*text-decoration: none;*/
    font-weight: bold;
}
a, a:link, a:visited
{
	color : #523912;
}
.Right
{
    text-align: right;
}
.Left
{
    text-align: left;
}
.Center
{   
    text-align: center; 
}
.autocompletecompletionListElement
{  
	visibility : hidden;
	margin : 0px!important;
	background-color : inherit;
	color : windowtext;
	border : buttonshadow;
	border-width : 1px;
	border-style : solid;
	cursor : 'default';
	overflow : auto;
	height : auto;	
    text-align : left; 
    list-style-type : none;
    padding-left:0px;
    z-index:999;
}
.autocompletehighlightedListItem
{
	background-color: #ffff99;
	color: black;
	padding: 1px;
}
.autocompletelistItem 
{
	background-color : window;
	color : windowtext;
	padding : 1px;
}
input
{
  vertical-align:middle;    
}
input[type=submit]
{
 border : 1px solid #000000;
 height : 18px;
 font-size:x-small;
}
table.sample 
{
	border-width: thin thin thin thin;
	border-spacing: 0px;
	border-style: outset outset outset outset;
	border-color: gray gray gray gray;
	color: #ECE5BB;
	background-color: #A78A58;      
	border-collapse: collapse;
}
table.sample thead th
{
	border-bottom: solid 1px #254D7A;
    padding: 5px 10px 5px 10px;
	color: #A78A58;
	background-color: #ECE5BB;   
}
table.sample tbody td, table.sample tbody th
{
    border-bottom: solid 1px #254D7A;
    padding: 5px 10px 5px 10px;
}
table.sample tbody tr:hover
{
	color: #A78A58;
	background-color: #ECE5BB;   
}
fieldset {
border:2px solid #523912;
padding: 10px; 
}
fieldset legend
{
	font-weight: bold;
}
.divright {
float:right;
width:55%;
}
.divleft {
margin-right: 55%
}