/*	-------------------------------------------------------------
 	ctwee.nl
 	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Description:	Base stylesheet
 	Filename:		base.css
 	Version:		1.0
 	Date:			Sep 18 2009
 	-------------------------------------------------------------	*/



/*	-------------------------------------------------------------
 	Base HTML Styles
 	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	html {
	    height: 100%;
	    width: 100%;
	}
	
	body {
	    height: 100%;
	    width: 100%;
	    padding: 0;
	    margin: 0;
	    text-align: center;
	    font-family: "Arial";
	    font-size: 12px;
            color: #333;
            background: #fff url(../img/body-bg.jpg) top center no-repeat;
	}
	
	a {
		color: #808080;
	    outline: none;
	}
	
	a:hover {
		color: #da0030;
	}
	
	img {
	    border: none;
	}

	
	
/*	-------------------------------------------------------------
 	Base HTML Styles
 	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	#container {
		width: 1000px;
		height: 580px;
		text-align: left;
		margin: 0 auto;
	}
	
	.column {
		float: left;
	}


	
/*	Menu
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

	#menu {
		width: 250px;
		height: 580px;
	}
	
	#menu ul {
		list-style: none;
		margin: 77px 0 0 0;
		padding: 0 90px 0 0;
	}

    #menu li ul {
        margin: 0;
        padding: 0;
    }
        
	#menu li {
    	text-align: right;
		margin-bottom: 12px;
		position: relative;
	}
	
	#menu li a {
		font-size: 28px;
		color: #808080;
		text-decoration: none;
	}

        #menu li li a {
            font-size: 14px;
        }
        
	#menu li a:hover, #menu .qm-startopen {
		color: #da0030;
	}
	
	#menu ul ul {
		position: absolute;
		top: -72px;
		left: 259px;
	}
	
	#menu ul ul a {
		font-size: 12px;
		font-weight: 700;
	}
	
	
	
/*	-------------------------------------------------------------
 	Content
 	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
		
	#content {
		width: 491px;
		height: 414px;
		margin: 153px 0 4px 0;
		font-size: 12px;
		line-height: 16px;
		position: relative;
		padding: 0px 80px 0px 9px; 
	}
	
	#referenties #content {
		width: 571px;
		padding: 0 00px 0 9px;
	}
	
/*	News
 	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

	#news {
		width: 157px;
		height: 413px;
		margin: 166px 0 0 10px;
		line-height: 16px;
	}
	
	#news h2 {
		font-size: 12px;
	}
	
	#news a {
		color: #fff;
		text-decoration: none;
	}
	
	#news a:hover {
		color: #da0030;
	}
	
	
/*	References
 	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	#reference-lists {
		width : 580px;
		height: 155px;
		position: absolute;
		top: -153px;
	}
	
	.references-list {
		width: 84px;
		margin: 0;
		padding: 0;
		list-style: none;
		float: left;
		position: absolute;
		bottom: 0;
	}
	
	.references-list li a {
		text-decoration: none;
		white-space: nowrap;
	}
	
	.references-list .title {
		font-weight: 700;
	}

	.references-list .selected {
		color: #da0030;
	}

	#reference-text {
		width: 155px;
		height: 380px;
		float: right;
	}

	#ref-img {
		margin: 13px 0 0 -9px;
		float: left;
	}
	
	#referenties p { 
		width: 490px;
	}
	
	#referenties #reference-text p { 
		width: auto;
	}
	
	
	
/*	News
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
 	
 	#news-container {
		height: 332px;
		width: 580px;
		overflow: hidden;
		position: absolute;
		top: 0;
		left: 0; 		
 	}
	
	#news-list {
		height: 2000em;
		width: 500px;
		margin: 0;
		padding: 0;
		list-style: none;	
		position: absolute;
	}

	#news-list li {
		width: 100%;
	}
	
	#news-list img {
		height: 166px;
		width: 166px;
		float: left;
	}

	#news-list .news-text {
		width: 330px;
		float: right;
	}

	#news-list h2 {
		font-size: 12px;
	}
	
	.arrow {
		height: 11px;
		width: 15px;
		position: absolute;
		display: block;
		text-indent: -999em;
		z-index: 10000;
		cursor: pointer;
	}

	.prev {
		top: 5px;
		right: 60px;
		background: url(../img/news-list-up.jpg) top left no-repeat;
	}

	.prev:hover {
			background: url(../img/news-list-up-over.jpg) top left no-repeat;
	}
	
	.next {
		bottom: 80px;
		right: 60px;
		background: url(../img/news-list-down.jpg) top left no-repeat;
	}
	
	.next:hover {
			background: url(../img/news-list-down-over.jpg) top left no-repeat;
	}