/* default CSS for CCV */

body { margin:0; padding:0; }

* { margin:0; padding:0; }

a img { border:none; }

/* algemene terugkerende classes */

.Column { float:left; position:relative;  }

.Span-14	{ width:990px }
.Span-5		{ width:344px }
.Span-3		{ width:231px }

.Padding 	{ padding: 5px; }

.FloatRight { float:right; } /* duh */

.jScrollPaneContainer .Span-5 { width:337px }
.jScrollPaneContainer .Span-3 { width:224px }

/* Basic horizontal menu */

.Horizontal ul { list-style:none; margin:0; padding:0; }
.Horizontal ul li { position:relative; float:left; padding:0; display:inline; }
.Horizontal ul li a { display:block; float:left; }
.Horizontal ul li a span { display:block; float:left; cursor:pointer; }

/* The new clearfix method */

.Clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .Clearfix             { zoom: 1; }
*:first-child+html .Clearfix { zoom: 1; }

/************************************************************* Begin design **********************************************************/

body { background-position: 0 25px; background-repeat:no-repeat;  height:100%; width:100% }

body.NL { background-image:url(img/back_body_nl.png); }

.Logo { text-indent:-9999px; position:absolute; left:0; top:0; }

#container { position:relative; }

/* languages
********************************/

#language { width:105px; height:45px; position:absolute; left:0; top:29px; }

#language a { display:block; height:45px; width:45px; float:left; margin-right:5px; }

#language a span { position:absolute; top:-9999px; left:-9999px; }

/* topnav
******************************/

#topNav { position:absolute; left:390px; top:85px; width:620px; }

#topNav ul li a { text-decoration:none; font-family:"Myriad pro", arial, sans-serif; text-transform:uppercase; color:#00aeef; font-size:1.2em; padding:10px 50px 0 0; background:url(img/logo_klein.gif) bottom right no-repeat; margin-right:10px; }

#topNav ul li.Last a { background:none; padding-right:0; }

/* content
******************************/

#content { padding:170px 0 0 0; height:385px; position:relative; }

#left { width:240px; height:385px }

#right { width:710px; height:365px; background:url(img/back_right.gif) no-repeat; position:relative; z-index:20; padding-top:20px }

#right .InnerContent { padding:0 20px 0 0; width:690px; height:315px; overflow:hidden; position:relative; z-index:22 }

#right .InnerImage { position:absolute; top:2px; left:-21px; z-index:21 }

.ExtraLink { float:right; text-decoration:none; font-family:"Myriad pro", arial, sans-serif; text-transform:uppercase; color:#00aeef; font-size:1.2em; background:url(img/logo_klein2.gif) top right no-repeat; padding:0 110px 30px 0; }

#unizo {position:absolute; top:0; left:150px; }

p { font-size:1.2em; color:#00aeef }

.SpecialLink { background:#00AEEF; color:#fff; font-weight:bold; display:block; float:left; clear:both; padding: 5px 10px; text-decoration:none; -moz-border-radius:15px; webkit-border-radius:15px; }

.SpecialLink:hover { background:#82C55B; }

/* buttons
******************************/

.Button { display:block; width:110px; height:105px; padding:35px 10px 0 10px; background:url(img/button.gif) top center no-repeat; color:#fff; text-align:center; font-weight:bold; text-decoration:none; font-size:2em; z-index:30; }

.Button span { font-weight:normal; font-size:0.9em }

.Button1, #button1 { position:absolute; bottom:0; right:20px; }

#button2 { position:absolute; top:125px; right:-20px; }

#button3 { float:right; margin:15px 0 15px 15px; }

/* small button */

.Button2 { display:block; width:70px; height:58px; padding:12px 0 0 0; background:url(img/button2.png) top left no-repeat; color:#fff; text-align:center; font-size:1.4em; text-decoration:none; }

.Button2 span { font-weight:bold; }

.ItemButton { position:absolute; top:0; left:0; }

/* bestelling */

.Button3 { display:block; width:145px; height:100px; padding:12px 0 0; background:url(img/bestelling.png) top left no-repeat; color:#fff; text-align:center; font-size:2em; z-index:30; position:absolute; right:0; bottom:-10px; text-decoration:none; font-weight:bold;}

.Button3 span { font-weight:normal; }


/* horeca */

.Button4 { display:block; width:141px; height:158px; padding:12px 0 0; background:url(img/horeca-nl.jpg) top left no-repeat; color:#fff; text-align:center; font-size:2em; z-index:30; position:absolute; right:0; bottom:-10px; text-decoration:none; font-weight:bold;}

.Button4 span { font-weight:normal; }



/* items
*****************************/

.Item { border:1px solid #00aeef; border-width:0 1px 1px 0; }

#content .Last { border-bottom:none; }
#content .Second { border-right:none; }

/* item 2
******************************/

.Item2 { border:1px solid #00aeef; border-width:0 1px 1px 0; }

#content .Last { border-bottom:none; }
#content .Third { border-right:none; }

.Img { width:90px; height:140px; background:#83c55b; float:left; margin-right:5px; }

.Item2 h2 { font-size:1.4em; font-weight:normal; font-style:normal; color:#00aeef; text-transform:uppercase }

.Item2 div { float:left; }

/* leftnav
*****************************/

#left ul { list-style:none; margin:0; padding:0; z-index:10; }

#left ul li { margin:0; padding:0; text-align:left; position:relative; }
#left ul li.First, #left ul li a#pager0 { z-index:11; margin-bottom:-29px; }
#left ul li.Second, #left ul li a#pager1 { z-index:12; margin-bottom:-30px; }
#left ul li.Last, #left ul li a#pager2 { z-index:13; }

#left ul li a { display:block; width:240px; height:150px; background-position:top right; background-repeat:no-repeat; position:relative; text-decoration:none; font-family: arial, sans-serif; text-transform:uppercase; color:#00aeef; font-size:1.2em; font-weight:normal; }
#left ul li.First a, #left ul li a#pager0 { background-image:url(img/left_nav_first.png); }
#left ul li.Second a, #left ul li a#pager1 { background-image:url(img/left_nav_second.png); }
#left ul li.Last a, #left ul li a#pager2 { background-image:url(img/left_nav_last.png); }

#left ul li a span { position:absolute; top:20px; left:95px; width:135px;  }

#left ul li a:hover, #left ul li.Active a, #left ul li a:active, #left ul li a.activeSlide { background-position:bottom right; color:#1b3281; }

#left ul li a:hover span, #left ul li.Active a span, #left ul li a:active span, #left ul li a.activeSlide span { left:40px; color:#1b3281;  }

#left ul li ul { display:none; position:absolute; top:50px; left:75px; list-style:disc; color:#1b3281 }

#left ul li.Active ul {  display:block; }

#left ul li.Active li a { width:auto; display:inline; height:auto; background:none !important; color:#1b3281; text-transform:lowercase; }

/* cycle 
****************************/

.Cycle { padding:0 !important; height:385px !important; }

.Cycle .InnerContent { padding: 20px 20px 0 0 !important; cursor:pointer; }

/* footer
****************************/

#footerNav { height:100px; position:relative; }

#footerNav ul { position:absolute; top:30px; left:570px; }

#footerNav ul li a { color:#fff; text-decoration:none; padding:0 5px; background:url(img/footer_nav_sep.gif) center right no-repeat; }

#footerNav ul li.Last a { background:none;