/* @group • Essentials */

/* Brand Repubic CSS Framework
/* Template:CSS_FRAMEWORK_BASE*/

/* Author:Jurre-Jan Smit*/

/* Version:0.6*/

/* Date:29 - 08 - 08*/

/*--------------------*/

/* Preferable editor:CSSEdit */

/* @group Library */

/*Reset browser defaults*/

@import "lib/reset.css";

/*Setting some decent font defaults*/

@import "lib/typography.css";

@import "slickmap.css";

/* @end */

/* @end */

/* @group Outer Frame */

html, body
			{
			margin : 0 ;
			padding : 0 ;
			color : #333333 ;
			font-family : Helvetica,Arial,sans-serif;
			}

#container
			{
			width : 800px ;
			height : 720px ;
			margin : 0 auto;
			padding:0px 0 0 154px;
			background : url(../images/BG_body2.jpg) no-repeat 11px 95px;
			z-index:10;
			position : relative ;
			left : -120px;
			}

.intropage #container
			{
			background :none;
			}



/* @end */

/* @group Anchors */

a
			{
			color : #545454 ;
			text-decoration : underline ;
			}

a.current
			{
			color : #545454 ;
			}

a:hover
			{
			text-decoration : none ;
			color : #000000 ;
			}

/* @end */

/* @group Menu */

#menu
			{
			position : absolute ;
			top : 95px ;
			left : 0px;
			background-color : #FFF ;
			width : 154px ;
			border-right : 1px solid #ccc ;
			border-top : 1px solid #ccc ;
			border-bottom : 1px solid #ccc ;
			height : auto ;
			z-index : 100;
			}

#menu ul
			{
			list-style : none ;
			padding : 0 ;
			color : #666;
			line-height:12px;
			cursor:pointer;
			}


#container #menu ul .menu-current a.active
			{
			list-style : none ;
			padding : 0 ;
			color : #000;
			}

#menu ul.lvl1
			{
			list-style : none ;
			padding : 0 ;
			color : #999;
			}

#menu ul.lvl0
			{
			margin : 20px 0 ;
			}

#menu ul.lvl1
			{
			margin : 5px 0 0 5px ;
			}

#menu ul.lvl2
			{
			margin : 5px 0 5px 10px ;
			}

#menu ul.lvl0 li
			{
			margin : 10px 0 2px 10px ;
			padding : 0 ;
			font-size : 11px ;
			}

#menu a
			{
			text-decoration : none ;
			}

#menu ul.lvl0 li a
			{
			color : #545454 ;
			text-decoration : none ;
			}

#menu ul.lvl1 ul.lvl2 li a
			{
			color : #666 ;
			text-decoration : none ;
			}


#container #menu ul li a:hover, #container #menu ul li span:hover
			{
			color : #721015 ;
			text-decoration : none ;
			}

#menu ul.lvl1 li
			{
			margin : 3px 0 3px 0 ;
			padding : 0 ;
			font-size : 10px ;
			}

#menu ul.lvl1 li a
			{
			color : #9c9e9f ;
			}

#menu ul.lvl1 li a:hover
			{
			color : #545454 ;
			}

#footer_menu ul
			{
			list-style : none ;
			margin : 0 ;
			padding : 0 ;
			height : 12px ;
			}

#footer_menu ul li
			{
			float : left ;
			margin : 0 3px 0 0 ;
			padding : 0 3px 0 0 ;
			border-right : 1px solid #999999 ;
			height : 12px ;
			}

#footer_menu ul li.last-child
			{
			border-right : none ;
			padding : 0 ;
			margin : 0 ;
			}

#footer_menu ul li a
			{
			color : #545454 ;
			text-decoration : none ;
			height : 12px ;
			line-height : 12px ;
			}

#footer_menu ul li a:hover
			{
			color : #9c9e9f ;
			text-decoration : none ;
			height : 12px ;
			}

/* @end */

/* @group Head */

#head
			{
			width : 880px ;
			height : 95px ;
			z-index : 10 ;
			overflow:hidden;
			}

#solutions
			{
			padding : 20px 40px 0 0;
			margin : 0;
			height:75px;
			width : 840px;
			border-bottom : 1px solid #ccc;
			overflow : hidden ;
			}

#solutions ul
			{
	height : 95px;
	margin:0;
	list-style:none ;
	padding : 0;
	
	float : right ;
			}

#solutions ul li
			{
			float : left ;
			display:inline ;
			margin-left : 30px;
			}

#solutions.directions ul li img
			{
			opacity : 0.25 ;
			filter : alpha(opacity=25) ;
			}

/* @end */

/* @group Content */


#banner p{
	margin: 0px;
	padding: 0px;
}

#banner{
	position: absolute;
	top: 20px;
	left: 320px;
	height: 49px;
	width: 715px;
}

#glkg_banner{
	margin: 0 0 0 5px;
}

#banner img{
	margin: 0px;
	padding: 0px;
}

#actionbanner{
			position:absolute;
			top : 165px;
			right: -385px;
			width : 330px;
			background:url(../images/FFF95.png);
			padding : 10px 10px 40px 10px;
			border: 1px solid #b4b4b4;
			}

#actionbanner h4{
			font-size:16px;
			line-height:20px;
			font-weight:normal ;
			padding : 10px 0 0 ;
			margin:0;
			width : 85%;
			max-height : 40px;
			}

#actionbanner h4 .bold{
			font-weight:bold ;
			}

#actionbanner p{
			font-size:10px;
			line-height:10px;
			height : 10px;
			padding :0;
			margin : 0;
			color : #333;
			}

#content
			{
			position:relative;
			padding :0;
			width : 880px ;
			min-height : 460px ;
			border : 1px solid #ccc ;
			z-index : 50;
			
			}

.intropage #content
			{
			position:relative;
			padding :0;
			height :auto ;
			min-height : 0;
			
			}

#content .text
			{
			font-size : 12px ;
			line-height : 18px ;
			padding : 20px;
			}

#content .intro
			{
			font-size : 13px ;
			font-weight:bold;
			font-style:italic;			
			line-height : 18px ;
			border-bottom:1px solid #eee;
			padding-bottom : 10px ;
			margin-bottom : 10px ;
			}

#content .text ol
			{
			font-size : 12px ;
			line-height : 22px ;
			}

#content p
			{
			line-height : 22px ;
			width : auto;
			}

#content_holder
			{
			position :;
			margin-left : 154px ;
			top : 0px ;
			width : 715px ;
			min-height : 385px ;
			_height : 385px ;
			padding : 5px ;
			border-left : 1px solid #ccc ;
			background:#fff;
			}

#sfeerbeeld
			{
			width : 715px ;
			height : 315px ;
			overflow : hidden ;
			position: relative ;
			margin: 0 0 0 0;
			padding: 0px;
			}

#sfeerbeeld #rails
			{
			width : 20000px ;
			height : 315px ;
			position:relative;
			left : -715px;
			
			}

#sfeerbeeld #shuffle
			{
			position : relative;
			}

#sfeerbeeld #shuffle .item
			{
			position:absolute;
			left : 0;
			padding:0;
			width : 715px;
			height : 315px;
			float : left ;
			}

#sfeerbeeld img.background
			{
			position: absolute;
			z-index : 0;
			}

.intropage #sfeerbeeld
			{
			width : 870px ;
			height : 300px ;
			overflow : hidden ;
			position:relative ;
			padding:5px 5px 0 5px;
			margin: 0;
			}

.intropage #sfeerbeeld .overlay
			{
			position:absolute;
			background:url(../images/00065.png);
			color : #ffffff;
			text-align: left;
			width : 230px ;
			height : 260px ;
			z-index : 1000;
			margin-left : 25px;
			padding : 20px;
			}

.intropage #mainchoice
			{
			position : absolute;
			left : 300px;
			right : 0px;
			height : 300px;
			z-index:100
			}

.intropage #mainchoice a
			{
			float : left ;
			width : 80px;
			height : 300px;
			overflow:hidden ;
			zoom:1;
			position:relative;
			background : url(../images/fiat_slice2.jpg);
			background : url(../images/abarth_slice.jpg);
			background : url(../images/landr_slice2.jpg);
			background : url(../images/iveco_slice2.jpg);
			background : url(../images/lancia_slice2.jpg);
			background : url(../images/alfa_slice2.jpg);
			background : url(../images/jeep_slice.jpg);
			background : url(../images/nixel.gif);
			}

.intropage #mainchoice a.alfa:hover
			{
			background : url(../images/alfa_slice2.jpg);
			}

.intropage #mainchoice a.fiat:hover
			{
			background : url(../images/fiat_slice2.jpg);
			}
.intropage #mainchoice a.abarth:hover
			{
			background : url(../images/abarth_slice.jpg);
			}			

.intropage #mainchoice a.fiatprof:hover
			{
			background : url(../images/fiat_prof_slice2.jpg);
			}

.intropage #mainchoice a.landrover:hover
			{
			background : url(../images/landr_slice2.jpg);
			}

.intropage #mainchoice a.iveco:hover
			{
			background : url(../images/iveco_slice2.jpg);
			}

.intropage #mainchoice a.lancia:hover
			{
			background : url(../images/lancia_slice2.jpg);
			}

.intropage #mainchoice a.jeep:hover
			{
			background : url(../images/jeep_slice.jpg);
			}

.intropage #mainchoice a:hover span
			{
			width : 78px;
			border : 1px solid #ccc;
			border-width:0 1px;
			}

.intropage #mainchoice a span
			{
			display : block ;
			position:absolute;
			bottom : 30px;
			background:#fff;
			width : 80px;
			height : 61px;
			text-align:center;
			padding : 10px 0 9px 0px;
			cursor:pointer;
			}

.intropage #mainchoice a span img
			{
			z-index:100;
			}

#sfeerbeeld .overlay
			{
			position:absolute;
			background:url(../images/00065.png);
			color : #ffffff;
			text-align: justify;
			width : 230px ;
			height : 250px ;
			z-index : 1000;
			margin-left : 40px;
			padding : 30px;
			}

#sfeerbeeld .overlay p
			{
			font-size : 11px;
			line-height:18px;
			}

.intropage #sfeerbeeld .overlay p{
			font-size : 12px;
			line-height:18px;
}

#sfeerbeeld .overlay h4
			{
			font-size : 12px;
			line-height:18px;
			font-weight:normal ;
			}

#sfeerbeeld_cut
			{
			width : 715px ;
			height : 80px ;
			overflow : hidden ;
			background : url(../images/BG_3.jpg) 0px 0px ;
			}

#content .text.content
			{
			margin-left : 100px ;
			margin-top : 10px ;
			margin-right : 20px ;
			margin-bottom: 80px;
			padding : 0 ;
			}

h3
			{
			background : #ccc ;
			font-size : 14px ;
			font-weight : bold ;
			margin : 5px 0 0 0 ;
			padding : 7px 10px 7px 100px ;
			}

.spacer_grey{
			height: 49px;
			background-color : #aaa ;
			margin : 5px 0 0 0;
}

.intropage p#ticker
			{
			padding-left : 60px;
			font-size : 14px;
			font-style:normal;
			line-height:35px;
			margin : 5px;
			background-color : #aaa ;
			text-align:left ;
			overflow : hidden ;
			}

#ticker
			{
			height : 37px;
			list-style:none ;
			font-size : 14px;
			font-style:normal;		
			margin : 5px 5px;
			padding : 6px 0px 5px 0px;
			background-color : #aaa ;
			color : #fff ;
			text-align:left ;
			position:relative ;
			overflow : hidden ;
			width: 870px;
			}

#ticker #rails div
			{
			height : 37px;
			line-height:37px;
			margin : 0 0 10px 0;
			font-size : 14px;
			font-style:normal;
			position : relative ;
			left : 0px;	
			border-left : 1px solid #ccc;
			float:left ;
			padding : 0 20px 0 10px;			
			}

#ticker #rails div img
			{
			float : left ;
			padding : 0 5px 0 0;		
			}

#ticker #rails 
			{
			position:relative ;
			
			}
		
		
#bottom_blok
			{
			width : 715px ;
			height : 85px ;
			margin : 5px 0 0 0 ;
			}

.quote
			{
			margin : 40px 0 0 90px ;
			display : block ;
			font-size : 16px ;
			color : #c7c7c7 ;
			font-style : italic ;
			}

/* @end */

/* @group Footer */

#footer
			{
			width : 880px ;
			height : 30px ;			
		 	margin-top : 0px;
		 	position:relative;
			}

#footer #sndlogo
			{
			width : 175px ;
			height : 24px ;		
			background:url(../images/smiledrivelogo.gif);
			overflow:hidden;
			text-indent : -999px;
			position:absolute;
			right : 0;
			}

#footer_txt
			{
			position : absolute ;
			width : 210px ;
			text-align : left ;
			top : 10px;
			left : 0px ;
			color : #9c9e9f ;
			font-size : 9px ;
			height : 10px;
			}

#footer_menu
			{
			position : absolute ;
			top : 10px;
			left : 750px ;
			z-index : 20 ;
			font-size : 9px ;
			text-align:right ;
			width : 200px;
			}

#footer_menu span
			{
			border-left : 1px solid #ccc ;
			margin : 0 0 0 5px ;
			}

/* @end */

/* @group Replaced Text */

h1
			{
			margin : 0 ;
			padding : 0 ;
			}

h1.logo a
			{
			float : left ;
			margin-top : 40px ;
			width : 162px ;
			height : 30px ;
			text-indent : -999px ;
			background : url(../images/logo_fga.gif) no-repeat ;
			}

/* @end */