@import url("/css/thickbox.css");
@import url("/css/forms.css");

* {
	margin:0;
	padding:0;
	}
	
body {
	min-width:980px;
	background:#fff;
	}
	
a {
	outline:none;
	color:#b61300;
	text-decoration:none;
	}
	
a:hover {
	text-decoration:underline;
	}	
	
a img {
	border:none;
	}
	
.borImg, .zoom {
	padding:4px;
	border:1px solid #d3d2d2;
	position:relative;
	background:#f9f9f9;
	}
	
.borImg2 {
	padding:4px;
	border:1px solid #d3d2d2;
	position:relative;
	background:#f9f9f9;
	}	

.imageOver {
	background:url(/gfx/zoom.gif) no-repeat 50% 50%;	
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:0.5;
	}	
	
.left {
	float:left;
	margin:4px 11px 0 0;
	position:relative;
	}
	
.right {
	float:right;
	margin:4px 0 0 11px;
	}
	
.clearer {
	clear:both;
	}	
	
#topBox {
	width:100%;
	height:326px;
	position:relative;
	display:block;
	text-align:center;
	min-width:980px;
	overflow:hidden;
	}
	
#banerBox {
	width:980px;
	height:326px;
	margin:0 auto;
	position:relative;
	z-index:1;
	}
	
#leftWing {
	width:3000px;
	height:326px;
	background:url(/gfx/top_left_wing.png) repeat-x;
	position:absolute;
	left:-3000px;
	top:0;
	}
	
#topAnim {
	width:980px;
	height:326px;
	}	
	
#rightWing {
	width:3000px;
	height:326px;
	background:url(/gfx/top_right_wing.png) repeat-x;
	position:absolute;
	right:-3000px;
	top:0;
	}

#middleContainerHolder {	
	background:url(/gfx/bck.gif) repeat-x #f9f9f9; 
	width:100%; 
	height:auto; 
	overflow:hidden;
	position:relative;
	z-index:0;
	}
	
#bck {
	position:absolute;
	background:#eee;
	bottom:-1px; 
	left:0; 
	height:10000px; 
	width:100%;
	z-index:0;
	}
	
#bckContainer {	
	width:980px;
	height:100%;
	position:relative;
	display:block;
	text-align:right;
	overflow:visible;
	min-width:980px;
	margin:0 auto;
	z-index:0;
	}
	
#bckLeft {
	width:3000px;
	height:100%;
	margin:0 -2664px 0 0;
	position:relative;
	overflow:visible;
	z-index:0;
	background:#f9f9f9;
	float:right;
	}	
	
#middleContainer {
	width:980px;
	height:100%;
	position:relative;
	display:block;
	text-align:left;
	overflow:visible;
	min-width:980px;
	margin:0 auto;
	z-index:5;
	}

#middleLeft {
	width:3000px;
	height:auto !important;
	min-height:200px;
	height:200px;
	margin:0 0 0 -3000px;
	position:relative;
	overflow:visible;
	text-align:right;
	z-index:5;
	background:#eee;
	float:left;
	}
	
#middleContent {
	width:644px;
	height:auto !important;
	min-height:250px;
	height:250px;
	position:relative;
	right:-644px;
	margin:0 0 0 auto;
	text-align:left;
	background:#eee;
	}
	
#middleTxt {
	height:auto !important;
	min-height:250px;
	height:250px;
	padding:65px 35px 0 50px;
	font:12px/17px Tahoma, Arial, Helvetica, sans-serif;
	color:#373737;
	position:relative;
	border:1px solid #eee;
	}	
	
#middleTxt p {
	margin:0 0 15px 0;
	padding:0;
	}	
	
#middleLeftLine {
	width:100%;
	height:1px;
	border-top:1px solid #d3d2d2;
	position:absolute;
	top:40px;
	left:0;
	}
	
#middleContentLine {
	width:100%;
	height:1px;
	border-top:1px solid #d3d2d2;
	position:absolute;
	top:40px;
	right:18px;
	}	
	
#middleHeader {
	position:absolute;
	left:50px;
	top:0;
	}				
	
#middleRight {
	width:3336px;
	height:auto;
	float:right;
	background:url(/gfx/bck.gif) repeat-x #f9f9f9; 
	margin:0 -3000px 0 0;
	position:relative;
	overflow:hidden;
	text-align:left;
	z-index:5;
	}
	
#overlay {
	background:#f9f9f9;
	width:18px;
	height:5px;
	position:absolute;
	left:0;
	top:38px;
	}	
	
#productBox {
	padding:0 0 0 23px;
	}
	
#productBox img {
	display:block;
	padding-bottom:9px;
	}	
	
#productBox a {
	display:block;
	width:235px;
	text-decoration:none;
	font:14px/20px Arial, Helvetica, sans-serif;
	color:#be2100;
	margin:0 0 0 6px;
	padding:6px 18px 6px 18px;
	background:url(/gfx/dot.gif) no-repeat 0 12px;
	}
	
#productBox a:hover {
	color:#000;
	background:#f2e5cb;
	}
	
#productBox a.active, #productBox a.active:hover {
	background:#b61300;
	color:#fff;
	}	
	
#kontaktBox {
	width:299px;
	height:140px;
	background:url(/gfx/konbox.png) no-repeat;
	margin:50px 0 0 18px;
	position:relative;
	z-index:5;
	}
	
#kontaktBox a {
	width:188px;
	height:26px;
	display:block;
	position:absolute;
	top:89px;
	left:76px;
	}
	
#footerBox {
	width:100%;
	height:50px;
	position:relative;
	display:block;
	text-align:center;
	min-width:980px;
	overflow:hidden;
	clear:both;
	background:#fff;
	}
	
#infooterBox {
	width:980px;
	height:50px;
	margin:0 auto;
	position:relative;
	text-align:left;
	z-index:1;
	background:url(/gfx/footer_bck.png) no-repeat 100% 0;
	font:11px Arial, Helvetica, sans-serif;
	color:#939393;
	clear:both;
	}
	
#rightFooterWing {
	width:3000px;
	height:50px;
	background:url(/gfx/footer_bck2.png) repeat-x;
	position:absolute;
	right:-3000px;
	top:0;
	}
	
#fotMenu {
	position:absolute;
	top:15px;
	left:375px;
	}

#fotMenu a {
	display:block;
	float:left;
	font:12px Arial, Helvetica, sans-serif;
	color:#ba210e;
	margin:0 11px 0 0;
	text-decoration:none;
	}
	
#fotMenu a:hover, #fotMenu a.active, #fotMenu a.active:hover {
	color:#000;
	}	
	
#fotMenu span {
	width:7px;
	height:18px;
	float:left;
	background:url(/gfx/dot.png) no-repeat 0 4px;
	margin-right:11px;
	}
	
#copy {
	position:absolute;
	top:16px;
	left:50px;
	}
	
#design {
	position:absolute;
	top:16px;
	right:652px;
	}
	
#design a {
	text-decoration:none;
	color:#939393;
	}
	
#design a:hover {
	color:#000;
	}
	
#top, #back {
	width:21px;
	height:17px;
	display:block;
	position:absolute;
	top:14px;
	right:23px;
	}
	
#back {
	right:50px;
	}
	
#bfooter {
	width:100%;
	height:44px;
	position:relative;
	display:block;
	text-align:center;
	min-width:980px;
	overflow:hidden;
	clear:both;
	background:#eee;
	}
	
#bfooterContent {
	width:980px;
	height:44px;
	position:relative;
	margin:0 auto;
	background:url(/gfx/b_footer.png) no-repeat 100% 0 #eee;
	}	
	
#rightBFooterWing {
	width:3000px;
	height:44px;
	background:url(/gfx/b_footer2.png) repeat-x;
	position:absolute;
	right:-3000px;
	top:0;
	}
	
ul, ol {
	margin:10px 0 10px 0;
	padding:0 0 0 20px;
	overflow:auto;
	}
	
* html ul {
	overflow:visible;
	height:1%
	}	

ul li {
	list-style-type:none;
	padding:0 0 0 15px;
	margin-bottom:2px;
	background:url(/gfx/dot2.png) no-repeat 0 6px;
	}
	
ol {
	padding:0 0 0 30px;
	margin-left:10px;
	}	
	
ol li {
	list-style:decimal;
	margin-bottom:2px;
	}
	
.seemore {
	margin:7px 0 0 0;
	text-align:right;
	}
	
.seemore a {
	color:#b61300;
	text-decoration:none;
	}
	
.seemore a:hover {
	color:#b61300;
	text-decoration:underline;
	}	

#catGallHolder {
	overflow:hidden;
	width:100%;
	margin:0 auto;
	}
	
.catGall {
	float:left; 
	padding:10px 10px; 
	background:#f9f9f9; 
	margin:0 5px 20px 5px;
	}
	
* html .catGall {
	margin:0 4px 20px 4px;
	}	
	
h1 {
	font:18px Arial, Helvetica, sans-serif;
	color:#000;
	margin:0 0 20px 0;
	padding:0;
	display:block;
	}
	
#catGallHolder h2 {
	font:bold 15px Arial, Helvetica, sans-serif;
	color:#727272;
	margin:0 0 7px 0;
	padding:0;
	display:block;
	}
	
h3 {
	font:bold 13px Arial, Helvetica, sans-serif;
	color:#373737;
	margin:0 0 7px 0;
	padding:0;
	display:block;
	}	
	
#galeria {
	height:auto;
	margin:0 auto;
	overflow:hidden;
	background:#e4e4e4;
	}
	
#inGallery {
	margin:10px auto 0 auto; 
	width:490px;
	position:relative; 
	top:-12px;
	overflow:hidden;
	}
	
* html #galeria, * html #inGallery {
	zoom:1;
	}
	
* html #inGallery {
	width:497px;
	}		
	
#galeria a img.zoom {
	display:block;
	float:left;
	margin:0 4px 8px 4px;
	position:relative;
	}
	
.g11 {
	font:11px/16px Tahoma, Arial, Helvetica, sans-serif;
	color:#939393;
	}
	
.boxL {
	width:225px;
	float:left;
	}
	
.boxR {
	width:330px;
	float:left;
	}