/*************************************************************************************************
 * <APPLICATIE TITEL> CSS
 *************************************************************************************************/

/*************************************************************************************************
 * STYLE RESETS
 *************************************************************************************************/
 
    body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td
{ 
        margin:0;
        padding:0;
    }
    
    table {
        border-collapse:collapse;
        border-spacing:0;
    }
    
    fieldset,img { 
        border:0;
    }
    
    ol,ul {
        list-style:none;
    }
    
    caption,th {
        text-align:left;
    }
    
    h1,h2,h3,h4,h5,h6 {
        font-size:100%;
        font-weight:normal;
    }
    
    abbr,acronym { 
        border:0;
    }
    
/*************************************************************************************************
 * GENERIEKE STYLES (UITSLUITEND "KALE" HTML-TAGS!)
 *************************************************************************************************/
 
    html, body {
    	padding:0px;
    	margin:0px;
    }
 
    body, input, select, textarea, td {
    	font-family:verdana, arial;
    	color:white;
    	font-size:10px;
    	line-height:20px;
    }
    
    body {
    	text-align:center;
    	background:url("../images/bg.jpg") top left repeat-x;
    }
    
    a:link, a:visited {
    	color:#E5006A;
    	text-decoration:none;
    }
    
    a:hover,  a:active {
    	color:#E5006A;
    	text-decoration:none;
    }
    
    h1 {
    	font-family:Verdana;
    	font-size:12px;
    	text-transform:uppercase;
    	padding-bottom:15px;
    	color:#fefefe;
    }
   
 
    h2 {
    }
    
    h3 {
    }
    
    p {
        margin-bottom: 10px;
    }
    
    ul {
    }
    
    li {
		padding-left:22px;
    }
    

/*************************************************************************************************
 * GLOBALE LAYOUT (STRAMIEN + ALGEMENE OPMAAK)
 *************************************************************************************************/
	
 div#container {
 	width:1100px;
 	position:relative;
 	margin:0 auto;
 	text-align:left;
 	background:#565656;
 }
 
 
 div#header {
 	height:292px;
 	width:1100px;
    background:url("../images/header_new.jpg") top left no-repeat;
 }
 
 div#header div#logo{
 	background:url("../images/sirkwy_logopng.png") top left no-repeat;
	height:184px;
	width:224px;
	position:absolute;
	top:108px;
	left:200px;
 }

div#header div.header_balk{
	position:absolute;
	top:66px;
	left:20px;
	color:#CECECE;
	width:1060px;
}

div#header div.header_balk .floatleft{
	float:left;
}

div#header div.header_balk .floatleft a{
	
	color:#CECECE;
}

div#header div.header_balk .floatright{
	float:right;
}

div#header div.login{
	position:absolute;
	top:130px;
	left:850px;
	color:#454545;
	width:220px;
}

div#header div.login .text{
	background-color:#000000;
	opacity:0.5;
	filter: alpha(opacity = 50);

	border:1px solid #676767;
	line-height:20px;
	height:20px;
	width:200px;
	margin-bottom:10px;
}

div#header div.login .button{
	background:url("../images/login_button.jpg") top left no-repeat;
	width:78px;
	height:25px;
	color:#000000;
	cursor:pointer;
	border:0px;
}
 
div.zoekBlak {
	color:white;
	float:left;
	display:inline;
	margin-top:11px;
	margin-left:20px;
	white-space:nowrap;
}

input.txt {
	color:white;
	padding:2px;
	background:#2b2b2b;
	border:1px solid #757575;
}

input.btn {
	width:15px;
	background:url("../images/intro/btn.gif") 50% 50% no-repeat;
	height:17px;
	border:none;
}

ul#buttonsRight  {
	float:right;
	margin-right:30px;
	margin-top:15px;
	display:inline;
}

ul#buttonsRight li {
	float:left;
}

ul#buttonsRight li a {
	display:block;
	height:9px;
	width:11px;
	text-indent:-9000px
}

ul#buttonsRight li a.btnHome {
	background:url("../images/default/btnHome.gif") top center no-repeat;
}
ul#buttonsRight li a.btnSearch {
	background:url("../images/default/btnSearch.gif") top center no-repeat;
}

ul#buttonsRight li a.btnSitemap {
	background:url("../images/default/btnSitemap.gif") top center no-repeat;
}
ul#buttonsRight li a.btnContact {
	background:url("../images/default/btnContact.gif") top center no-repeat;
}

  div#footer {
 	height:26px;
    background:url("../images/default/footer.jpg") top left no-repeat;
 	width:1100px;
 	color:#dcdcdc;
 	font-size:9px;
 }

 div#overflow {
    background:url("../images/intro/bgOverflow.jpg") top left no-repeat;
 	_height:1%;
 	overflow:hidden;
 }
 
 div#columnLeft {
 	width:500px;
 	float:left;
 	display:inline;
 	
 	margin-left:30px;
 	margin-top:40px;
 	padding-bottom:40px;
	background:url('../images/buttons_bg.jpg') top left no-repeat;
 }
  
 div#columnRight {
 	width:550px;
 	margin-top:50px;
 	float:left;
 	display:inline;
 	padding-bottom:40px;
	line-height:16px;
 }
 
 div#columnRight span.textPink{
 	color:#D80769;
 }
 
 div#columnRight div.left{
 	width:140px;
	_width:150px;
	border-right:1px solid #727272;
	padding-right:10px;
	float:left;
	min-height:400px;
	height:auto;
	_height:400px;
 }
 
  div#columnRight div.center{
 	width:160px;
	_width:170px;
	border-right:1px solid #727272;
	padding-right:10px;
	float:left;
	margin-left:20px;
	min-height:150px;
	height:auto;
	_height:150px;
 }
 
   div#columnRight div.right{
 	width:150px;
	_width:160px;
	padding-right:10px;
	float:left;
	margin-left:20px;
	min-height:150px;
	height:auto;
	_height:150px;
 }

   div#columnRight div.right-bottom{
 	width:340px;
	_width:350px;
	padding-right:10px;
	float:left;
	margin-left:20px;
	margin-top:20px;
	min-height:170px;
	height:auto;
	_height:170px;
 }
 
 div.tagcloud
 {
 	width: 520px;
	float:left;
	margin-top:20px;
	line-height:30px;
 }
 
 div.blockLeft{
 	width: 520px;
	float:left;
	margin-top:20px;
 }
 
 a.first {
 	width:236px;
 	height:163px;
 	display:block;
 	text-indent:-9000px;
 	float:left;
 }
 
  a.second {
 	width:235px;
 	height:163px;
 	display:block;
 	text-indent:-9000px;
 	float:left;
 }
 
  a.third {
 	width:236px;
 	height:165px;
 	display:block;
 	text-indent:-9000px;
 	float:left;
 }
 
  a.fourth {
 	width:235px;
 	height:165px;
 	display:block;
 	text-indent:-9000px;
 	float:left;
 }
 
/*************************************************************************************************
 * PAGINA SPECIFIEKE LAYOUT + OPMAAK
 *************************************************************************************************/

 	
 	
        /*****************************************************
         * PAGINA VOORBEELD 1
         *****************************************************/

        /*****************************************************
         * PAGINA VOORBEELD 2
         *****************************************************/

/*************************************************************************************************
 * FORMULIER OPMAAK
 *************************************************************************************************/
	
	
/*************************************************************************************************
 * OVERIGE OPMAAK
 *************************************************************************************************/

/*************************************************************************************************
 * MODIFIERS
 *************************************************************************************************/
 
  div.floatRight {
  	float:right;
  	display:inline;
  	margin-top:4px;
  	margin-right:15px;
  }
  
    div.floatRight a {
  	color:white;
  }
  
  
    div.floatLeft {
  	float:left;
  	display:inline;
  	margin-top:4px;
  	margin-left:15px;
  }
  
  a.tag{
  	 color:#fff;
	 
  }
  
  a.tag:hover {
  	text-decoration:underline;
  }