html{
	height:100%;
	max-height:100%;
	padding:0;
	margin:0;
	border:0;
	background:#fff;
	font-size:76%;
	font-family:verdana,arial,helvetica, sans-serif;
	/**//**/overflow:auto;/**/
}

body{
	height:100%;
	max-height:100%;
	overflow:auto;
	padding:0;
	margin:0;
	border:0
}

table tr td {
 vertical-align:top;
}

#wrapper{
	position:absolute; 
	width:1000px; 
	height:700px; 
	border:solid #000 1px;
}

#content{
	overflow:auto;
	position:absolute;
	z-index:3;
	top:172px;
	bottom:18px;
	left:140px;
	right:0;
	background:#eee;
	width:860px;
	/*background:url(../images/background_content.gif) #fff; */
	background-color:#fff;
	background-position:0 0;
	background-repeat:no-repeat;
}

* html #content{
	top:0;left:0;right:0;bottom:0;
	height:100%; max-height:100%; width:860px;
	overflow:auto; position:absolute; z-index:3;
	border-top:172px solid #fff;
	border-bottom:18px solid #fff;
	border-left:140px solid #fff;
}


#contentlayer{
	position:relative;
	margin: 0px;
	left:128px;
	margin-bottom: 22px;
	padding-left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
	width:684px;
	min-height:168px;
	border: solid 0px #000;	
	opacity:0.85;filter:alpha(opacity=85);
	z-index:6;
}

#head{
	position:absolute;
	margin:0;top:0;left:140px;
	display:block;
	width:860px;height:172px;
	/*background:url(../images/background_head.gif) #fff;*/
	background-color:#fff;
	background-position:0 0;background-repeat:no-repeat;
	font-size:4em;
	z-index:5; overflow:hidden;
	color:#fff;
}

#foot{
	position:absolute;
	margin:0;bottom:0;left:140px;
	padding-top:2px;
	display:block;
	width:860px;height:16px;
	z-index:5; overflow:hidden;
	background-color:#fff;
	color:#666666; font-size:10px; text-align: center;
}

#left{
	position:absolute;
	left:0;top:0px;bottom:0px;
	width:140px;height:700px;
	background:url(../images/ornament_links.gif) #fff;
	 background-repeat:no-repeat;
	font-size:1.2em;
	z-index:6;overflow:auto;
}

* html #left{
	height:700px;
	top:0;bottom:0;
	border-top:0px solid #fff;
	border-bottom:0px solid #fff;
	color:#fff
}


/*
Positionierung von sonstigen Elementen
*/
#logo{
	position:absolute;
	margin:0;top:18px;bottom:0;left:707px;
}

div .impressum{
	position:absolute;
	top:2px;
	left: 680px;
	margin:0;
	padding:0;
}

/*
Positionierung und Schriftangaben für Textelemente
*/

p{
clear:both;
	font-size: 16px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #414141;
}


h2{ 
	vertical-align:top;
	color: #ababab;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 22pt;
	font-weight: normal;
	letter-spacing:0.1em;
margin-top:0;
margin-bottom:12px;
width:400px;
float:left;
}

/*
Positionierung und Schriftangaben für die Navigation
*/

a, a.visited{
	margin: 0;
	padding: 0;
	padding-left: 7px;
	padding-right: 7px;
	width:auto;
	height:20px;
	color:#666666;
	border:0px solid #000;
	text-decoration:none;
}


#navigation, #subnavigation{
	position:absolute;
	margin: 0;
	border: 0;
	padding-top:2px;
	display:block;
	z-index:5;overflow:hidden;
	background-color:#fff;
	color:#666666; font-size:12px; text-align: left; 
	opacity:0.85;filter:alpha(opacity=85);
}

#navigation{
	margin:0;top:103px;bottom:0;left:0px;
	padding-left: 55px;
	width:860px; height:18px;
}

#subnavigation{
	margin:0;top:125px;bottom:0;left:112px;
	padding-left: 10px;
	width:758px; height:18px;
}

#navigation a, a.visited, #subnavigation a, a.visited{ 
	margin: 0;
	padding: 0;
	padding-left: 7px;
	padding-right: 7px;
	width:auto;
	height:20px;
	background:#fff;color:#666666;
	border:0px solid #000;
	border-right: 1px solid #666666;
	text-decoration:none;
}

#navigation .last, #subnavigation .last{
	margin: 0;
	padding: 0;
	padding-left: 7px;
	width:auto;
	height:20px;
	background:#fff;color:#666666;
	border:0px solid #666666;
	text-decoration:none;
}

.active {
	font-weight: bold;
}


/*
Positionierung und Schriftangaben für den Bereich Collection
*/

.produkt{
	position:relative;
	top:0;	
	left:128px;
	width: 684px;
	height:200px;
	margin-bottom: 22px;
	border: solid 0px #000;		
}

.produktbild{
	float:right;
	vertical-align:top;
	padding:0;
	margin:0;
}

.bestellen{
	float:right;
	display:block;
	vertical-align:bottom;
	margin:0px;
	margin-right:15px;
	margin-top:53px;
	padding:0px;
	width: 160px;
	height: 18px;
	background-color:#ccc;
	font-family: verdana;
	color:#333333; font-size:10px; 
	text-align: center;
	font-weight: bold;
	text-decoration: none;
}

.produktangaben{
	clear: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #414141;
	font-size: 16px;	
}

/*
Formatierung Formular
*/


form{
text-align:right;
}

label{
 display:block; 
 float: left;
margin-right:6px;
margin-top:3px;
}

form br{
 clear:both;
}

textarea{
 float:right;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
border: solid 1px #ccc;
width: 278px;
margin-right: 150px;
}

input{
 font-size: 10px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 color: #333;
 border: solid 1px #ccc;
 width:279px;
 margin-right: 150px;
}

form #name{
 clear:both;
 width: 135px;
 margin-right:5px
}

form #vorname{
 width: 135px;
}

form #plz{
 width: 70px;
 margin-right: 5px
}

form #ort{
 width: 200px
}

form #strasse{
 width:200px;
 margin-right:5px
}

form #hausnummer{
 width:70px;
}

form #submit {

 width: 100px;
 margin-right: 5px;
}

form #reset {
 width: 100px;
 margin-right:145px;
}

/*
Positionierung der Maxigallerie Container
*/

.thumbscontainer{
	position:absolute;
	left: 245px;
        z-index:100;
}

.managecontainer{
	position:absolute;
	left: 245px;
       z-index:100;
}

/*
Schlagschattenbilder
*/
html > body .transBG{
	background-image:url(../images/trans_bg.png); 
	background-repeat:repeat;
}

html > body .schattenU{
	background-image:url(../images/schatten_u.png);
	background-repeat:repeat-x;
}

html > body .schattenR{
	background-image:url(../images/schatten_r.png);
	background-repeat:repeat-y;
}

html > body .schattenL{
	background-image:url(../images/schatten_l.png);
	background-repeat:repeat-y;
}

html > body .schattenEOR{
	background-image:url(../images/schatten_eor.png);
	background-repeat:no-repeat;
}

html > body .schattenEOL{
	background-image:url(../images/schatten_eol.png);
	background-repeat:no-repeat;
}

html > body .schattenEUR{
	background-image:url(../images/schatten_eur.png);
	background-repeat:no-repeat;
}

html > body .schattenEUL{
	background-image:url(../images/schatten_eul.png);
	background-repeat:no-repeat;
}


/*TRANSPARENZ für den IE
filter:
progid:DXImageTransform.Microsoft.AlphaImageLoader
(src='images/nav_hover.png');*/

.transBG{
	/*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/trans_bg.png');*/
	background-color:#fff;
}

.schattenU{
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/schatten_u.png');
}

.schattenR{
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/schatten_r.png');
}

.schattenL{
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/schatten_l.png');
}

.schattenEOR{
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/schatten_eor.png');
}

.schattenEOL{
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/schatten_eol.png');
}

.schattenEUR{
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/schatten_eur.png');
}

.schattenEUL{
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/schatten_eul.png');
}