@charset "UTF-8";
/* CSS Document */

body {
	font-family:Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;	
}
*html, *html  bod {
	margin:0;
	padding:0;
	text-align:left;
	height:100%;
	width:100%;
	background-color: #FFFFFF;
}
*html #tablacontainer {
	padding:0.5em;
	height:85%;
	overflow:auto;
}
* html #topcontainer {
    margin:0;
    height:10%;
	background:#FFFFFF;
}
* html #topcontainerContact {
	margin:0;
	height:10%;
	background:#FFFF99;
}
* html #footer {
	height:5%;
	padding-bottom:5px;
}
img {
border: none;
} 
a{
border:none;
}
#layout {
	position:relative;
	width:100%;
	height: 100%;
	z-index:11;
	padding-bottom:5px;
}
#topcontainer {
	position:fixed;
	width:100%;
	height:142px;
	z-index:10;
	padding-top:15px;
	padding-left: 15px;
	background:#efefef;
}
#topcontainerContact {
	position:fixed;
	width:100%;
	height:142px;
	z-index:10;
	padding-top:15px;
	padding-left: 15px;
	background:#FFFF99;
}
#logoDiv {
	position:absolute;
	width:auto;
	height:auto;
	z-index:10;
}
#logoDivcontact {
	position:absolute;
	width:auto;
	height:auto;
	z-index:10;
}
#showroomDiv {
	position:absolute;
	width:195px;
	height:auto;
	top: 76px;
	z-index:10;
}
#naviDiv {
	position:absolute;
	width:195px;
	height:auto;
	z-index:10;
	left: 205px;
	margin-left:15px;
	top: 46px;
}
#navi2Div {
	position:absolute;
	width:195px;
	height:auto;
	z-index:10;
	left: 410px;
	margin-left:15px;
	top:46px;
}
#navi3Div {
	position:absolute;
	width:195px;
	height:auto;
	z-index:10;
	left: 610px;
	margin-left:15px;
	top:46px;
}
#datum {
	position:absolute;
	width:135px;
	height:auto;
	z-index:10;
	left: 820px;
	margin-left:15px;
	top: 22px;
	text-align: left;
	float: left;
}
#facebook {
	position:absolute;
	left:820px;
	margin-left:15px;
	width:120px;
	height:auto;
	top: 37px;
	z-index:10;
	text-align: left;
	float: left;
}
#newsletterDiv {
	position:absolute;
	left:820px;
	margin-left:15px;
	top:85px;
	width:195px;
	height:auto;
	z-index:10;
}
#tablacontainer {
	position:absolute;
	width:auto;
	height:auto;
	top: 149px;
	margin-left: 15px;
	z-index: 5;
}
#buttonDiv {
	position:absolute;
	left:976px;
	top:12px;
	width:auto;
	height:1px;
	z-index:8;
}
#tabla1Div {
	position:absolute;
	left:0px;
	top:0;
	width:195px;
	height:auto;
	z-index:5;
}
#tabla2Div {
	position:absolute;
	left:205px;
	top:0px;
	width:196px;
	height:auto;
	z-index:5;
}
#tabla2_1Div {
	position:absolute;
	left:205px;
	top:0px;
	width:196px;
	height:auto;
	z-index:5;
}
#tabla2_2Div {
	position:absolute;
	left:205px;
	top:0px;
	width:400px;
	height:auto;
	z-index:5;
}
#tabla2_3Div {
	position:absolute;
	left:205px;
	top:0px;
	width:605px;
	height:auto;
	z-index:5;
}
#tabla2_4Div {
	position:absolute;
	left:205px;
	top:0px;
	width:815px;
	height:auto;
	z-index:5;
}
#tabla3Div {
	position:absolute;
	left:410px;
	top:0px;
	width:196px;
	height:auto;
	z-index:5;
}
#tabla3_2partesDiv {
	position:absolute;
	left:410px;
	top:0px;
	width:400px;
	height:auto;
	z-index:5;
}
#tabla4Div {
	position:absolute;
	left:615px;
	top:0px;
	width:196px;
	height:auto;
	z-index:5;
	}
#tabla4_2partesDiv {
	position:absolute;
	left:615px;
	top:0px;
	width:400px;
	height:auto;
	z-index:5;
}
#tabla4_NoticiasDiv {
	position:absolute;
	left:615px;
	top:0px;
	width:195px;
	height:auto;
	z-index:5;
}
#tabla4Div02 {
	position:absolute;
	left:615px;
	top:293px;
	width:195px;
	height:auto;
	z-index:5;
}
#tabla4Div03 {
	position:absolute;
	left:615px;
	top:660px;
	width:195px;
	height:auto;
	z-index:5;
}
#tabla4Div04 {
	position:absolute;
	left:615px;
	top:0px;
	width:195px;
	height:auto;
	z-index:5;
}
#tabla5Div {
	position:absolute;
	left:820px;
	top:0px;
	width:195px;
	height:auto;
	z-index:5;
}
#tabla3partesDIv {
	position:absolute;
	left:205px;
	top:0px;
	width:605px;
	height:auto;
	z-index:5;
}
#tabla3partes3Div {
	position:absolute;
	left:410px;
	top:0px;
	width:605px;
	height:auto;
	z-index:5;
}
#tabla2partesDIv {
	position:absolute;
	left:410px;
	top:0px;
	width:400px;
	height:auto;
	z-index:5;
}
#tabla2partes3Div {
	position:absolute;
	left:205px;
	top:0px;
	width:605px;
	height:auto;
	z-index:5;
}
#footer {
	position:fixed;
	bottom:0px; 
	text-align:left;
	padding-left:15px;
	padding-bottom:5px;
	width:100%;
	z-index: 11;				
	background:#FFFFFF;
}
#footercontact {
	position:fixed;
	bottom:0px; 
	text-align:left;
	padding-left:15px;
	padding-bottom:5px;
	width:100%;
	z-index: 11;
	background:#FFFF99;
}
p {
	margin-top: 2px;
	margin-bottom:  0px;
	color: #000000;
	font: 11px/13px Arial, Helvetica, sans-serif;
}	
p a{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 13px;
	text-decoration: none;
	font-weight:normal;
	margin: 0px;
	color: #000000;
	}

p a:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 13px;
	text-decoration: none;
	font-weight:normal;
	margin: 0px;
	color: #FFFFFF;
	background-color:#000000;
	}
.h1black {
	font: normal 11px/13px Arial, Helvetica, sans-serif;
	font-weight:normal;
	color: #FFFFFF;
	text-decoration: none;
	background: #000000;
}	
.h2white {
	font: normal 11px/13px Arial, Helvetica, sans-serif;
	font-weight:normal;
	color: #FFFFFF;
	margin-left: 2px;
	background: #000000;
	text-decoration: none;
}
.h3yellow {
	font: normal 11px/13px Arial, Helvetica, sans-serif;
	font-weight:normal;
	color: #000000;
	text-decoration: none;
	background: #FFFF99;
	text-align: left;
}
.copy {
	margin-top: 2px;
	margin-bottom:  0px;
	color: #000000;
	font: normal 11px/13px Arial, Helvetica, sans-serif;
	font-weight:normal;
	text-align: left;
	}
.copyitalic {
	margin-top: 2px;
	margin-bottom:  0px;
	color: #000000;
	font: italic normal 11px/13px Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-style: italic;
	}	
.copy_streched {
	margin-top: 2px;
	margin-bottom:  0px;
	color: #000000;
	font: normal 11px/18px Arial, Helvetica, sans-serif;
	font-weight:normal;
}
.copy_highlight {
	margin-top: 2px;
	margin-bottom:  0px;
	color: #FF0000;
	font: normal 11px/13px Arial, Helvetica, sans-serif;
	font-weight:normal;
}
.h3CG {
	font: normal 32px/34px Century Gothic;
	font-family: Century Gothic, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 32px;
}
.h3CGbold {
	font: bold normal 32px/34px Century Gothic;
	font-family: Century Gothic, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	font-size: 32px;
}
.h3CG_small {
	font: normal 18px/18px Century Gothic;
	font-family: Century Gothic, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 18px;
}
.h1fett {
	margin-top: 2px;
	margin-bottom:  0px;
	color: #000000;
	font: 11px/13px Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-style: normal;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.h1greynormal {
	margin-top: 2px;
	margin-bottom:  0px;
	color: #999999;
	font: normal 11px/13px Arial, Helvetica, sans-serif;
}
.h1greybold {
	margin-top: 2px;
	margin-bottom:  0px;
	color: #999999;
	font: bold normal 11px/13px Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-style: normal;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.h1grey {
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #000000;
	background: #e7e7e7;
}
.h1white {
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #000000;
	background: #FFFFFF;
}
.txt {
	color: #333333;
	font: 10px Arial, Helvetica, sans-serif;
}
.txtbox {
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	font: 10px Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-align: left;
}
.button {
	color: #FFFFFF;
	font: normal 11px Arial, Helvetica, sans-serif;
	background: #000000;
	text-align: left;
	border: 0px;
}
.oben    { 
vertical-align:top; 
}
.hr1px    { 
border:none;
border-top: 1px solid #000000;
color: #FFFFFF;
background-color: #FFFFFF;
height: 1px;
noshade:noshade;
}

.hr2px    { 
border:none;
border-top: 2px solid #000000;
color: #FFFFFF;
background-color: #FFFFFF;
height: 2px;
noshade:noshade;
}

.fadein-js > * { position: relative; top: 0; left: 0; }
.fadein img { position:absolute; left:0; top:0; }

pre{
		display:block;
		font:12px "Courier New", Courier, monospace;
		padding:10px;
		border:1px solid #bae2f0;
		background:#e3f4f9;	
		margin:.5em 0;
		width:605px;
		}	
    /* image replacement */
        .graphic, #prevBtn, #nextBtn, #slider1prev, #slider1next{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }
    /* // image replacement */
			
	#container{	
		margin:0 auto;
		position:relative;
		text-align:left;
		width:605px;
		background:#fff;		
		margin-bottom:2em;
		}					
	#content{
		position:relative;
		}			

/* Easy Slider */

	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:605px;
		height:auto;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:71px;
		z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		left:605px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:30px;
		height:77px;
		background:url(../images/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(../images/btn_next.gif) no-repeat 0 0;	
		}	
		
	/* numeric controls */	

	ol#controls{
		margin:1em 0;
		padding:0;
		height:28px;	
		}
	ol#controls li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:28px;
		line-height:28px;
		}
	ol#controls li a{
		float:left;
		height:28px;
		line-height:28px;
		border:1px solid #ccc;
		background:#DAF3F8;
		color:#555;
		padding:0 10px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:#5DC9E1;
		color:#fff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
/* // Easy Slider */

