/* City base grid - a Happy Company style
(was ceg.css in _root)
Copyright (c) 12B Company
---------------------------------------------- */
@import url('modules.css'); /* boxes e.d. */

* {
  margin:0;
  padding:0;
	font-size:100%;
	font-family:Arial,Verdana,Helvetica,Sans-serif;
	}
body {
	font-size:.8em;
	line-height:120%;
	color:#000;
	background:#000 url('../g/layout/bg_body.jpg') center top no-repeat;
	text-align:left;
  }

/* General reset
---------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {
	margin:0;
	padding:0;
	border:0;
	outline:0;
  }
	sub, sup, img, a img {
		margin:0;
		padding:0;
		outline:0;
		border:0;
		}
ul {
	list-style:none;
	}
	li {
		text-indent:0;
		}
		* html li {
			height:1%;
			}

/* CSS classes
---------------------------------------------- */
.w-auto   { width: auto; }
.w-100    { width: 100%; }
.w-75     { width: 75%; }
.fly_x    { float: left; }
.fly_y    { float: right; }
.txt_x    { text-align: left; }
.txt_y    { text-align: right; }

  a {
    text-decoration:none;
    }
  ul {
    list-style:none;
    }
 #skip {
  display:none;
  visibility:hidden;
  }

#contain {
	width:980px;
	margin:10px auto;
	padding-right:10px;
	}

/* Grid elements
---------------------------------------------- */
#identity {
	float:left;
  width:240px;
	line-height:150%;
 	color:#fff;
	overflow:hidden;
	zoom:1;
	}
	#lng-switch {
		margin-top:0px;
		float:right;
		margin-right:21px;
		font-size:11px;
		}
		#lng-switch a {
			color:#ccc;
			}
		#lng-switch a:hover {
			}
	#logo {
		margin:0 21px;
		}
	#logo img {
		padding-top:60px;
		}
	#id-header {
		display:block;
		text-align:right;
		width:auto;
		padding:0px;
		margin:60px 21px 4px;
		font-size:1.6em;
		}
	#identity strong {
		display:block;
		width:auto;
		text-align:right;
		margin:0 21px;
		padding:0;
		color:#ddd;
		font-weight:normal;
		font-size:.96em;
		}
#identity * {
	text-align:right;
	}
#sitenav, #citynav, #footer {
  display:block;
  margin:10px 21px 4px;
  padding:8px 0 2px;
  border-top:1px solid #eb2012;
  }
	#identity a {
		display:block;
		}
	#identity a:hover {
		text-decoration:underline;
		}
		#sitenav a {
			font-size:1.1em;
			color:#fff;
			}
		#citynav a {
			font-size:1.1em;
			color:#eb2012;
			}
		#footer a {
			font-size:.8em;
			line-height:1.65em;
			color:#666;
			}
			#triggerhappy {
				height:80px;
				margin:10px 0 5px;
				background:url('../g/buttons/triggerhappy.gif') right top no-repeat;
				padding:0;
				}
			#triggerhappy span {display:none;}
			#triggerhappy:hover {
				background:url('../g/buttons/triggerhappy.gif') right top no-repeat;
				}
			#partners {
				padding:10px 0;
				height:60px;
				border-top:1px solid #eb2012;
				}
				#partners div {
					height:60px;
					width:50px;
					}
				#partners a {
					display:block;
					width:50px;
					height:60px;
					}
				#partner1 {
/*					float:right;
					background:url('../g/extern/vvv.gif') right center no-repeat;*/
					display: none;
					}
				#partner2 {
					float:right;
					background:url('../g/extern/climate_neutral_group.gif') right center no-repeat;
					}
  

/* main
---------------------------------------------- */
#main {
	float:left;
  width:728px;
	border:1px solid #000;
	background:#fff;
	overflow:auto;
  }

/* product nav
---------------------------------------------- */
#button,
#pronav {
  color:#fff;
  width:auto;
	background:#000;
  }
#button {
  height:57px;
  }
#pronav {
  height:160px;
  }
  #button a {
    height:37px;
		padding-top:20px;
		font-weight:bold;
		background:url('../g/layout/bg_navbutton.gif') center top;
    }
		#button a:hover {
			background-position:center bottom;
			}
  #button a,
  #pronav a {
    color:#fff;
    }
			#button a#b1,
			#pronav div#p1 {
				width:182px;
				}
			#button a#b4,
			#pronav div#p4 {
				border-right:0px;
				}
#button a,
#pronav div {
  float:left;
  text-align:center;
  width:181px;
  border-right:1px solid #000;
  }
#pronav div {
  background:#000;
	height:160px;
	}
  div#p1 { background-position:0px 0px; }
  div#p2 { background-position:-182px 0px; }
  div#p3 { background-position:-364px 0px; }
  div#p4 { background-position:-546px 0px; }

#p1,
#p2,
#p3,
#p4 {
  display:block;
  visibility:visible;
  }

  .chap0 {/*
		-moz-opacity:0.90;
		opacity:0.90;
		filter:alpha(opacity=90);*/
    }
  .chap1 a#b1,
  .chap2 a#b2,
  .chap3 a#b3,
  .chap4 a#b4 {
    background-position:center bottom;
    }
  .chap1 #pronav div#p1,
  .chap2 #pronav div#p2,
  .chap3 #pronav div#p3,
  .chap4 #pronav div#p4 {
    background:#000;
    }
  .chap1 #pronav div#p1 ul li,
  .chap2 #pronav div#p2 ul li,
  .chap3 #pronav div#p3 ul li,
  .chap4 #pronav div#p4 ul li {
    text-indent:0;
    }
  .chap1 #pronav #p1 ul,
  .chap2 #pronav #p2 ul,
  .chap3 #pronav #p3 ul,
  .chap4 #pronav #p4 ul {
    display:block;
    visibility:visible;
    }

#pronav ul {
  margin:0px;
  padding:0px;
  display:none; /* force complete hidden state : required for background */
  visibility:hidden;
  }
  #p1 ul {margin-top:10px;}
  #p2 ul {margin-top:10px;}
  #p3 ul {margin-top:10px;}
  #p4 ul {margin-top:10px;}  
  #pronav ul li {
    text-indent:-9999em;
    display:inline;
    }
    #pronav li a {
      display:block;
      width:auto;
      margin:0px;
      padding:5px 2px 3px;
      background:#000;
  	  font-size:0.9em;
  	  line-height:1.4em;
      } 
    #pronav li a:hover,
    #pronav li a:focus {
      color:#fff;
      background:#eb2012;
			background:url('/g/layout/bg_navbutton.gif') center 95px;
      }


#happycol {
	border-top:1px solid #000;
	background:#eb2012;
	padding:20px 20px 10px 28px;
	font-size:12px;
	}
	#happycol h6 {
		font-size:1.4em;
		line-height:1.4em;
		font-weight:bold;
		}
	#happycol li {
		display:inline;
		}
		#happycol li a {
			font-weight:bold;
			color:#fff;
			}
		#happycol li a:hover {
			text-decoration:underline;
			}

  #controls {
    float:right;
		margin-top:3px;
		margin-right:20px;
		font-size:9px;
    }
    #controls a {
			color:#999;
      font-family:Courier;
      text-decoration:none;
      }
		#controls a:hover {
			color:#eb2012;
			}

#breadcrumbs {
	display:block;
	clear:both !important;
	color:#999;
	font-size:10px;
	margin:0;
	padding:28px 0 0;
	padding:0;/*overrule 28px for now*/
	height:1px;/**/
	}
	#breadcrumbs ul {
		margin:0 20px 0 28px;
		padding:0;
		border-top:1px solid #ccc;
		border-bottom:1px solid #ccc;
		}
	#breadcrumbs li {
		display:inline;
		background:none;
		margin:0 3px 0 0;
		padding:0;
		text-indent:0;
		}
	#breadcrumbs li a {
		color:#999;
		text-decoration:underline;
		}
	#breadcrumbs li a:hover {
		text-decoration:none;
		color:#eb2012;
		}
		#breadcrumbs li.active a {
			color:#eb2012;
			text-decoration:none;
			}

#content {
  padding:0 20px 10px 28px;
	background:#fff;
	overflow:hidden;
	zoom:1;
  }
	#content #sidecol {
		float:right;
		width:224px;
		margin-top:37px;
		}
	#content_wrap {
		width:437px;
		line-height:1.5em;
		}
  #content #side {/*old*/
    float:right;
    margin:1em 0 1em 1em;
    }
.widebody #content_wrap {
	width:auto;
	}
.widebody #sidecol {
	display:none;
	}



/* arrangement
---------------------------------------------- */
div.programma {
  display:block;
  margin-top:16px;
  padding:0;
  }

  #content .programma a,
  #content .programma span {
    display:block;
    margin:10px 0 0;
    padding:10px 5px 0 0;
    text-decoration:none;
    }
  #content .programma p.button {
    clear:both;
    float:left;
    margin-bottom:1em;
    }
  #content .programma p.button a {
    float:left;
    padding-right:15px;
    }

  #content .programma span {
    padding:10px 0;
    border-bottom:1px solid #eee;
    }
  #content .programma a#los,
  #content .programma a.los {
    background:url('../g/icon_losteboeken.gif') right center no-repeat;
    }
  #content .programma a:hover {
    text-decoration:underline;
    }
  #content .programma em {
    font-weight:bold;
    font-style:normal;
    }
  #content .programma p {
    margin:0;
    padding:10px 0;
    border-bottom:1px solid #eee;
    }
  #content .programma p em.price {
    color:#e00;
    font-weight:bold;
    font-size:1.3em;
    font-style:normal
    }
  
  #displayArr #triggerkorting {
    display:none !important;
    visibility:hidden !important;
    height:60px;
    margin:0;
    background:url('../g/buttons/5procent.gif') left top no-repeat;
		}
	#displayArr #triggerkorting:hover {
		background: url('../g/buttons/5procent-o.gif') left top no-repeat;
		}


/* list
---------------------------------------------- */
#content ul {
  margin:1em 0px 0px .6em;
  padding:0px;
  }
  #content li {
    padding-left:10px;
    padding-bottom:6px;
    line-height:1.4em;
    text-indent:0;
    background:url('../g/icon_arrow.gif') left .5em no-repeat;
    }


/* Happy Us
---------------------------------------------- */

.happy-us { /* side elements in gray block */
  display:block;
	clear:both;
	width:auto;
	overflow:hidden;
		}
	#content .happy-us a {
		display:block;
		float:left;
		width:140px;
		height:16em;
		height:180px;
		margin:1em 12px .5em 0;
		padding:9px;
		border:1px solid #ddd;
		background:#f9f9f9;
		
		font-size:0.85em;
		color:#666;
		text-decoration:none;
		}
	.happy-us img {
		display:block;
		clear:right;
		margin-bottom:.2em;
		}

#friends {
  padding-bottom:9px;
	width:auto;
  }
	#friends table thead * {border:0;}
  #friends form {
    margin:0;
    }
#friends strong {
  border:0;
  width:auto;
  }
.hidden {display:none;}
#friends * {
  color:#333;
  }
  #friends input {
    margin-bottom:4px;
    border:1px solid #aaa;
    }
#friends p {
  padding:9px;
  }
  .bt-submit {
    background:#ddd;
    border:1px solid #aaa;
    }
  .bt-submit:hover {
    background:#fff;
    border:1px solid #ccc;
    }