/* Reset  */
h6 {margin:0; padding:0; list-style:none; border:none;}
/* End Reset */

a {color:white;}

/* Colors */
.color-yellow {background:#dfdfdf; }
.color-red    {background:#ff6600; }
.color-blue   {background:#b4b4b4; }
.color-white  {background:#dfdfdf; }
.color-orange {background:#ff6600; }
.color-green  {background:#b4b4b4; }

#columns #column4 .color-yellow, #columns #column5 .color-yellow {background:#dfdfdf;}
#columns #column4 .color-red, #columns #column5 .color-red {background:#ff6600;}
#columns #column4 .color-blue, #columns #column5 .color-blue {background:#b4b4b4;}
#columns #column4 .color-white, #columns #column5 .color-white {background:#dfdfdf;}
#columns #column4 .color-orange, #columns #column5 .color-orange {background:#f66e00;}
#columns #column4 .color-green, #columns #column5 .color-green {background:#b4b4b4;}

.color-yellow h6,
.color-white h6,
.color-green h6
	{color:#000;}
.color-red h6,
.color-blue h6,
.color-orange h6
	{color:#FFF;}
/* End Colors */

/* Head section
#head {
    background: #000 url(img/head-bg.png) repeat-x;
    height: 100px;
}
#head #column4 {
    background: #000 url(img/head-bg.png) repeat-x;
    height: 30px;
}
#head h1 {
    line-height: 100px;
    color: #FFF;
    text-align: center;
    background: url(img/inettuts.png) no-repeat center;
    text-indent: -9999em
}
End Head Section */

/* Columns section */
#columns .column {
    float: left;
    width: 100%;
		/* Min-height: */
		min-height: 100px;
		height: auto !important;
		height: 100px;

}
#columns ul {margin:0; padding:0; list-style:none; border:none;}
#columns ol {margin:0; padding:0; list-style:none; border:none;}

/* Column dividers (background-images) : */
/*	#columns #column1 { background: url(img/column-bg-left1.png) no-repeat right top; }
	#columns #column3 { background: url(img/column-bg-right1.png) no-repeat left top; }   */
	
#columns #column1 .widget { margin: 2px 15px 20px 0px; }
#columns #column3 .widget { margin: 2px 0px 20px 15px; }
#columns .widget {
    margin: 2px 5px 20px 5px;
    padding: 2px 2px 2px 2px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;

}
#columns #column4 .widget {
    margin: 8px 0px 0 0px;
    padding: 2px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    width:110px;
}
#columns #column5 .widget {
    margin: 8px 0px 0 0px;
    padding: 2px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    width:110px;
}
#columns .widget .widget-head {
    color: #000;
    overflow: hidden;
    width: 100%;
    height: 30px;
    line-height: 30px;
}
#columns #column4 .widget .widget-head {
    color: #000;
    overflow: hidden;
    width: 100%;
    height: 16px;
    line-height: 16px;
}
#columns #column5 .widget .widget-head {
    color: #000;
    overflow: hidden;
    width: 100%;
    height: 16px;
    line-height: 16px;
}
#columns .widget .widget-head h6 {
    padding: 0 5px;
    float: left;
    font-size: 14px;
}
#columns #column4 .widget .widget-head h6 {
    font-size: 10px;
}
#columns #column5 .widget .widget-head h6 {
    font-size: 10px;
}
.widget-content {
    padding: 0 5px;
    color: #ffffff;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    -moz-border-radius-bottomleft: 2px;
    -moz-border-radius-bottomright: 2px;
    -webkit-border-bottom-left-radius: 2px;
    -webkit-border-bottom-right-radius: 2px;
    overflow: hidden;
}
#columns .color-yellow .widget-content {
background:#ffffff;
    color: #222222;
}
#columns .color-red .widget-content {
background:#ffffff;
    color: #222222;
}
#columns .color-blue .widget-content {
background:#ffffff;
    color: #222222;
}
#columns a{
    color: #ffffff;
}
/* voor het witte vlak van clubcard */
#intro a{
    color: #ff6600;
}
#columns .color-yellow .widget-content a{
    color: #ff6600;
}
#columns .color-red .widget-content a{
    color: #ff6600;
}
#columns .color-blue .widget-content a{
    color: #ff6600;
}

#columns #column4 .widget .widget-content {
 visibility:hidden;
 height:0px;
 font-size:1px;
 line-height:0px;
 width:0px;
 /* display:none; */
}

#columns #column5 .widget .widget-content {
 visibility:hidden;
 height:0px;
 font-size:1px;
 line-height:0px;
 width:0px;
 /* display:none; */
}

#columns .widget .widget-content p {
/*     padding: 0.8em 0;
    border-bottom: 1px solid #666;  */
}
#columns .widget .widget-content img {
/*    float: right;
    margin: 10px;
    border: 1px solid #FFF;    */
}
#columns .widget .widget-content pre {
    padding: 0.5em 5px;
    color: #EEE;
    font-size: 12px;
}
#columns .widget .widget-content ul {
    padding: 5px 0 5px 20px;
    list-style: disc;
}
#columns .widget .widget-content ul li {padding: 3px 0;}
#columns .widget .widget-content ul.images {
    padding: 7px 0 0 0;
    list-style: none;
    height: 1%;
}
#columns .widget .widget-content ul.images li {
    display: inline;
    float: left;
}
#columns .widget .widget-content ul.images img {
    display: inline;
    float: left;
    margin: 0 0 7px 7px;
}
/* End Columns section */