@charset "utf-8";
/* CSS Document */

body, html{
	background:none;	
}

body{
	background-image:url(../images/layout/bgBody.jpg);
	background-position:0px 0px;
	background-repeat:repeat-x;
	background-color:#f3f3f3;
}

#container{
	width:990px;
	margin:0px auto;	
}

#containerTop{
	position:relative;
	width:990px;
	height:50px;
	padding:76px 0px 0px 0px;
	z-index:1000;
}

#containerMain{
	width:990px;
	padding:14px 0px 30px;	
}

#footer{
	width:100%;
	background-image:url(../images/layout/bgFooter.jpg);
	background-position:0px 0px;
	background-repeat:repeat-x;
}

#footerContainer{
	width:990px;
	margin:0px auto;
	padding-bottom:20px;
}

/*------ containerTop -------*/
.topPayOff{
	position:absolute;
	left:0px; top:0px;
	width:110px;
	height:20px;
	margin:23px 0px 0px 10px;
	display:block;	
}

.topLogoSkoda{
	position:absolute;
	right:0px; top:0px;
	width:106px;
	height:80px;
	margin:23px 0px 0px 0px;
	display:block;	
}

/*------ containerMain -------*/
.mpBox{
	float:left;
	width:318px;
	height:142px;
	margin:0px 13px 13px 0px;
	padding-right:3px;
	background-image:url(../images/layout/bgMpBox.jpg);
	background-position:100% 0px;
	background-repeat:no-repeat;
}

.mpBoxLast{
	margin-right:0px;	
}

.mpBoxContent{
	width:294px;
	height:132px;
	padding:5px 10px 5px 14px;
	background-image:url(../images/layout/bgMpBoxContent.jpg);
	background-position:0px 0px;
	background-repeat:no-repeat;
	overflow:hidden;
}

.mpBoxLarge{width:468px;}
.mpBoxLarge .mpBoxContent{width:444px;}

.mpBoxQuickLinks{width:168px; margin-right:0px;}
.mpBoxQuickLinks .mpBoxContent{width:144px; height:122px; padding-top:15px;}

.mpBoxNewsImage{
	width:294px;	
	height:60px;
	margin:5px 0px 10px 0px;
	background-position:center;
	background-repeat:no-repeat;
	display:block;
}
/* mainVisual / HOMEPAGE */
.mainVisual{
	position:relative;
	width:990px;
	height:457px;
	margin:0px 0px 13px 0px;
	background-position:0px 2px;
	background-repeat:no-repeat;
	display:block;
	overflow:hidden;	
}

.mainVisualLeft, .mainVisualRight{
	position:absolute;
	width:8px;
	height:457px;
	background-image:url(../images/layout/mainVisualLR.png);
	background-position:0px 0px;
	background-repeat:no-repeat;
	display:block;	
}

.mainVisualLeft{
	left:0px; top:0px;
}

.mainVisualRight{
	right:0px; top:0px;
	background-position:100% 0px;
}

.mainVisualLinks{
	position:absolute;
	bottom:0px; left:0px;
	margin:0px 0px 10px 15px;
	display:block;
}
/* MainSubNavigation / NORMAL PAGe */
.mainSubNavigation{
	width:994px;
	margin-bottom:15px;
}

.mainSubNavigation ul{
	position:relative;
}

.mainSubNavigation ul li{
	position:relative;
	float:left;
	margin:0px 5px 0px 25px;
}

.mainSubNavigation ul li a{
	color:#848484;
	font-size:10.5pt;
	font-weight:bold;
	line-height:15pt;
}

.mainSubNavigation ul li a:hover, .mainSubNavigation ul li a.activeItem{
	color:#000000;
	text-decoration:none;
}

/* mainLeft */
.mainLeft{
    float:left;
	position:relative;
	width:750px;
    margin:0px 9px 0px -2px;
	padding:0px 2px 5px 2px;
    background-image:url(../images/layout/bgMainLeft.jpg);
	background-position:0px 0px;
	background-repeat:repeat-y;
}

.mainLeftLarge{
	float:none;
	width:990px;
	margin-right:0px;
	background-image:url(../images/layout/bgMainLeftLarge.jpg);
}

.mainLeftMeta{
	float:left;
	position:relative;
	width:160px;
	padding:22px 10px;
}

.mainLeftContent{
	float:left;
	position:relative;
	width:570px;
}

.mainLeftLarge .mainLeftContent{
	width:785px;
	padding:30px 0px 0px 25px;	
}

.mainLeftShadow{
	position:absolute;
	left:182px; top:0px;
	height:100%;
	width:6px;
	margin-top:-2px;
	background-image:url(../images/layout/mainLeftShadow.png);
	background-position:0px 0px;
	background-repeat:no-repeat;
	z-index:2;	
}

.mainLeftTop, .mainLeftBottom{
	position:absolute;
	width:754px;
	height:8px;
	background-image:url(../images/layout/mainLeftTB.png);
	background-repeat:no-repeat;
	display:block;
}
.mainLeftTop{left:0px; top:0px;}
.mainLeftBottom{left:0px; bottom:0px; background-position:0px 100%;}

.mainLeftLarge .mainLeftTop, .mainLeftLarge .mainLeftBottom{width:990px; background-image:url(../images/layout/mainLeftLargeTB.png);}

.belowKey{
	margin:10px 0px 0px 85px;	
}

.leftContentTitle{
	padding:25px 25px 0px 20px;	
}

.templateContent{
	padding:0px 25px 8px 20px;
}

.contentBox{
	float:left;
	width:240px;
	margin:0px 20px 20px 0px;	
}

.contentBoxImage{
	width:240px;
	height:135px;
	margin:0px 0px 10px 0px;
	background-position:center;	
	background-repeat:no-repeat;
	display:block;
}

/* mainRight */
.mainRight{
	float:left;
	position:relative;
	width:199px;
	padding:0px 15px 5px 15px;
	background-image:url(../images/layout/bgMainRight.jpg);
	background-repeat:repeat-y;
	background-position:0px 0px;
}

.mainRightTop, .mainRightBottom{
	position:absolute;
	width:229px;
	height:8px;
	background-image:url(../images/layout/mainRightTB.png);
	background-repeat:no-repeat;
	display:block;
}
.mainRightTop{left:0px; top:0px;}
.mainRightBottom{left:0px; bottom:0px; background-position:0px 100%;}

.rightBox{
	width:199px;
	padding-top:17px;	
}
/*------ footerContainer -------*/
.footerSocial{
	width:960px;
	height:40px;
	margin-bottom:18px	
}

.footerContentBox{
	float:left;
	width:145px;
	padding:0px 15px 20px 0px;
}

.footerContentBoxSecond{
	margin-right:15px;	
}

.footerMeta{
    padding:14px 0px 50px 0px;	
    border-top:1px solid #d5d5d5;
}
