/**
 * Stylesheet for uploadyourproject.com
 *
 * @media	screen, projection
 * @author	Wouter Lobbestael
 */

	/**
	 * General Page Structure
	 */
	
		html, body {
			height: 100%;
		}
		
		body {
			font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
			font-size: 11px;
			line-height: 1.48;
			color: #555;
			background-color:#8c8c70;
			cursor:auto;
			
		}
		bodyp {
			font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
			font-size: 11px;
			line-height: 1.48;
			color: #555;
			background-color:#FFFFFF;
			cursor:auto;
			
		}
	
		#siteWrapper {
			top: 20px;
			width: 900px;
			position: relative;
			margin: 0 auto 0;		
		}


	/**
	 * The Header
	 */
	
		#header {
			position: relative;
			top:-20px;
			height: 120px;
			width: 100%;			
			background-color:#fff;
		}
	
		h1 {
			display: block;
			width: 900px;
			height: 140px;
			position: absolute;
			left: 0px;
			top: 0px;
		}
		
		h1 a {
			display: block;
			width: 900px;
			height: 120px;
			text-indent: -9999px;
			text-decoration: none;
			margin-top: -20px;
		}
		
		
	/**
	 * Menubar
	 */

		#menubar {
		  width: 100%;
		  background-color:#8c8c70;
		  overflow: hidden;
		  height: 28px;
		  line-height: 28px;
		}
		
		#menubar ul {
		  margin: 0 0 0 40px;
		  line-height: 28px;
		}
		
		#menubar ul li {
		  list-style-type: none;
		  display: inline;
		  margin-right: 40px;
		  letter-spacing: -0.7px;
		}
		
		#menubar ul li a {
		  font-size: 12px;
		  font-variant: small-caps;
		  text-decoration: none;
		  color:#d4d6c2;
		  font-weight: bold;
		}
		
		#menubar ul li.active a {
		  color:#d4d6c2;
		}
		
		#menubar ul li a:hover {
		  color: #fff;
		}		
	/**
	 * Zoekfunctie
	 */

		#zoek {
		  background-color:#8c8c70;
		position: absolute;
		top:125px;
		right: 0px;
		}
	/**
	 * facebook
	 */

		#facebook {
		position: absolute;
		top:500px;
		right: 200px;
		}
	
	/**
	 * Content
	 */
	
		#contentWrapper {			
			float:right;
			width: 100%;		
			background-color:#f2f2f2;		
		}
		#contentWrapperp {			
			float:right;
			width: 100%;		
			background-color:#FFFFFF;		
		}
		
		#inhoud {			
			float:left;
			width: 1000px;
		}
		
		#inhoud p{
			margin-left:10px;
		}		
		
		#randomProject{
			position:absolute;
			top: 190px;
			left: 450px;
			margin-top:10px;		
			margin-right:10px;
			float:right;			
			width:400px;
			height:300px;
			border: 3px solid #555;
			background:#d8d8c2;
		}
		
		#randomProject p{
			margin-left:5px;		
		}
		
		#laatstToegevoegd{
			position:relative;
			top: -400px;
			left: -135px;
			float: right;
			margin-top:10px;		
			margin-right:10px;
			margin-bottom: 5px;
			border: 3px solid #555;
			width:400px;
			height:300px;	
		}
				
		#laatstToegevoegd p{
			margin-left:5px;		
		}

	/**
	 * General Styles
	 */

		a, a:link, a:visited {
			color: #4F89FF;
		}
		
		a:hover {
			color: #4579DF;
		}
		
		


	/**
	 * Headings, and paragraphs
	 */

		h2 {
		  font-size: 14px;
		  padding-bottom: 10px;
		  color: #000;
		  margin-left:14px;
		  margin-top: 10px;
		  margin-bottom: 10px;
		}
		
		h3 {
		  margin-top: 1em;
		  color: #333;
		}
		p, h3 {
		  padding-bottom: 1em;
		}
				
		
	/**
	 * Formstyles
	 */

		input, textarea, select {
		  font-family: Verdana, Arial, sans-serif;
		  font-size: 11px;
		  border: 2px ridge #555;
		  line-height: 1;
		}
	
	/**
	 * Footer
	 */

		#footer {		
		  text-align: center;
		  width: 890px;;
		  position: relative;
		  bottom: 0;
		  height: 25px;	  
		  margin-top:0px;
		  background-image:url(../../footer.jpg);
		  color: #555;
		}	
		
		#footer p{
			color: #555;
		}
		

	/**
	* Home
	*/
	
		.hoofdTitel{
			font-size: 15px;
			margin-top: 10px;
			margin-left:10px;
						
		}
		
		.titel{
			margin-left:5px;
			margin-top: 5px;
			font-size: 12px;
		}
		
		#homeTekst{
			text-align:justify;
			padding-left:20px;
			padding-bottom:20px;
			padding-right:20px;
			width:400px;
		}
		
		#laatstToegevoegd{
			background:#d8d8c2;
			position:relative;
			float: right;
		}		
		
		H2.titelH2{
			margin-bottom:0;
			margin-left:5px;
		}
		
		.titelHome{
			font-weight:bold;
			font-size:larger;
		}
		
		p.picHome{
			float:right;
			margin-right:10px;
			margin-left:10px;
			padding-bottom:5px;
		}
		
		p.picHome img{
			margin-left:10px;
			border:1px solid;
		}
		
		p.discriptionHome{
			margin-right:10px;
			width:385px;
			text-align:justify;
		}
		
		
		
		
	/**
	* Upload project
	*/
	
		/**
		* form settings
		*/
		
			fieldset{
				margin-bottom:10px;
				border: 0;
				border-top:1px solid;
				padding:5px 5px 5px 0px;
				width:820px;
			}
			
			legend{
				padding-left: 14px;
				padding-bottom: 1px;
				padding-right: 5px;
				font-weight:bold;
			}	
		
		/**
		* labels & inputs (position)
		*/
		
			div.row{
				padding: 4px 0 0 20px;
				position: relative;
			}
			
			label.left{
				position:absolute;
				top: 5px;
			}
			
			input.right{
				margin-left:120px;
				width:265px;
			}	
			
			#tinyMce{
				margin-top:15px;
				margin-left:14px;			
				
			}
		
		/**
		* (error)messages & titles
		*/
		
			.err{
				color: #900;
				font-style:italic;
				position: absolute;
				left: 420px;
			}
			
			.errFiles{
				color: #900;
				font-style:italic;
				position: absolute;
				left: 420px;
				margin-top: -20px;
			}
			
			.tinyErr{
				color: #900;
				font-style:italic;
				position: absolute;
				margin-top: -20px;			
			}
			
			.messages{
				color:#555;
				font-style:normal;			
				position: absolute;
				left: 420px;
			}
			
			p.titleShowPics{
				position:relative;
				margin-left:15px;		
				font-weight:bold;		
				padding-bottom:5px;	
				padding-top:5px;				
			}
			
			p.titleShowFiles{
				font-weight:bold;
				margin-left:15px;		
				padding-bottom:5px;	
			}
			
			.file{
				margin:5px 0 5px 20px;
			}
			
			p.viewProject{
				clear:both;
				padding-top:10px;
				margin-left:15px;
			}
			
			.messageFiles{
				color:#555;
				font-style:normal;			
				position: absolute;
				left: 420px;
				margin-top: -20px;
			}
		
		/**
		* button(s)
		*/
			
			#buttonSave{
				position: absolute;
				margin: -30px 0px 0px 12px;
			}
			
			img.deleteFile{
				margin-right: 10px;
			}
			
			ul.pics li a.del {
				height: 16px;
				width: 16px;
				text-indent: -9999px;
				overflow: hidden;
				background: transparent url(../img/cross_small2.gif) no-repeat 0 0;			
				position: absolute;
				top: 5px;
				right: 5px;
				z-index: 2;			
				display: none;
			}
		
			ul.pics li:hover a.del {
				display: block;
			}
		
		/**
		* pictures settings
		*/
		
			ul.pics{
				margin-left: 20px;
			}
			ul.pics li {
				float:left;
				height:160px;
				margin:10px 10px 15px 0;				
				position:relative;
				width:224px;
			}
				
		/**
		* set multi file uploader
		*/
		
			div.multiupload{
				margin-left:120px;		
				background:#eee;
				width:271px;			
				border:1px solid  gray;						
			}
			
			div.multiupload div.list{		
				background: #fff;
			}
			
			div.multiupload div.list div.item:hover{
				background: #ccc;
			}
			
			div.item img{
				margin: 0px 10px 0 5px;
				cursor:pointer;
			}
			
			p.files{
				padding-bottom:4px;
			}
			
	/**
	* browse projects
	*/	
	
		/**
		* layout of one project
		*/	
		
			li.project{
				border:2px solid grey;
				margin: 0 5px 10px 30px;
				padding-top:5px;
				width:800px;
				background:#e3e4d2;
				list-style-type:none;
			}
		
			.bold{			
				font-weight: bold;
			}
		
			p.left{
				margin-left: 10px;
				padding-bottom:5px;
			}
		
			p.date{
				margin-left: 10px;
				padding-top:10px;
				font-style:italic;
				clear:both;
			}
		
			.viewProject{
				margin-left:10px;
				margin-top:-5px;
			}			
		
			.projectImage{			
				margin-left:10px;
			}
		
			.title{
				font-weight: bold;
				padding-top:5px;
				font-size:larger;
			}
		
			p.discription {
				margin-left: 10px;
				margin-bottom: 5px;
				width:750px;
			}
		
			p.noProjects{
				margin-left: 15px;
				padding-bottom:5px;
			}	
			
			p.toggle{
				margin-left:35px;
			}
			
			
		
		
	/**
	* view project
	*/	
		
		/**
		* next & previous links
		*/	
			#toggle{
				width:800px;
				margin-left:30px;			
				margin-top:5px;	
			}
				
			a.previous{
				float:left;
		
			}
				
			a.next{
				float:right;
			}
		
		/**
		* project content
		*/	
	
			#projectView{
				border:2px solid grey;
				margin: 35px 5px 10px 30px;
				padding-top:5px;
				width:800px;
				background:#e3e4d2;	
				padding-left:20px;
				padding-right:20px;			
			}
			
			#projectView ul{
						width:760px;
						margin-left: 40px;
						margin-bottom: 5px;					
						list-style:none;	
						}
						
		#projectViewp{
				margin: 35px 5px 10px 30px;
				padding-top:5px;
				width:800px;
				background: #FFFFFF;	
				padding-left:20px;
				padding-right:20px;	
			}
			
		#projectViewp ul{
						width:760px;
						margin-left: 40px;
						margin-bottom: 5px;					
						list-style:none;	
						}
		#projectViewp table {
						border:none
						}
		#projectViewp tr {
						border:none
						}
		#projectViewp td {
						border:none
						}
						
		.RijInKleur {color: #FFFFFF}
				
			
			
			/**
			* set lists, etc in project discription
			*/
				#discription ul{
						width:760px;
						margin-left: 40px;
						margin-bottom: 5px;					
						list-style:disc;					
					}
		
				#discription ol{
					width:760px;
					margin-left: 40px;
					margin-bottom: 5px;
					list-style: decimal;
				}	
					
				#discription p{
					width:740px;
					margin-left: 10px;
				}
				
				
				
			/**
			* set (link)images, links and title of the pics & files
			*/
				img.editProject{
					margin-left:15px;					
				}
				
				img.deleteProject{
					margin-left:5px;
					width: 20px;					
				}
		
				a.downloadFile{
					margin-right:15px;
					font-style:italic;
				}
				
				p.titleFiles{
					padding-bottom:2px;
					margin-left:20px;
					font-weight:bold;						
					margin-top:10px;
				}
				
				p.titlePics{
					padding-bottom:2px;
					margin-top:15px;
					margin-left:20px;
					font-weight:bold;					
				}

				a.info{
					margin-left:15px;
					font-weight:bold;
				}
	body	 		{ 
				background-image:url(pics/bg.jpg);
				} 
#container 		{ 
				width: 720px; 
  				margin: auto;
  				background-image:url(background.jpg);
				background-repeat:no-repeat;
				margin-top: -8px;
				font-family:Arial, Helvetica, sans-serif;
				background-color:#FFFFFF;
				font-size: 12px;
				} 
a:visited		{
				color:#0066CC;
				}
a				{
				color:#0066CC;
				border: none;
				}
				
a:hover		{
				color: #FF0000;
				}

#tekstvlak	{
  				width: 510px;
  				float: left;
 	 			padding: 20px;
				margin-top: 230px;
				}				

#nav		{
 				width: 150px;
  				float: left;
				margin-top:250px;
				margin-left:20px;
				margin-bottom:10px;
				}


#footer 		{
  				background-color:#33CCFF;
  				padding-top: 5px;
  				clear: both;
  				font-size: 12px; 
  				padding-left: 10px;
				font-weight:bold;
				}

#kat			{
 				width: 50px;
  				float: left;
				margin-top:800px;
				}
				
h1				{
				font-family:Arial, Helvetica, sans-serif;
				font-size:12px;
				}
// tabel honden uitgebreid

#tabelhondenres	td
				{
				padding:10px;
				}
				
#tabelhondenres table
				{
				font-family:Arial, Helvetica, sans-serif;
				width:50%;
				border-collapse:collapse;
				}
				
#tabelhondenres td, #tabelhondenres th 
				{
				font-size:12px;
				border:1px solid #98bf21;
				padding:3px 7px 2px 7px;
				}
				
#tabelhondenres th 
				{
				font-size:12px;
				text-align:left;
				padding-top:5px;
				padding-bottom:4px;
				background-color:#A7C942;
				color:#ffffff;
				}
				
#tabelhondenres tr.alt td 
				{
				color:#000000;
				background-color:#EAF2D3;
				}


// tabel op de homepage

#tabelkattenres	td
				{
				padding:10px;
				}
				
#hometabel table
				{
				font-family:Arial, Helvetica, sans-serif;
				background-color:#d8d8c2;
				font-weight:bold;
				text-align:center;
				height:300px;
				border: 2px solid #555;
				color:#000000;
				}
				
#hometabel td, #hometabel th 
				{
				font-size:12px;
				border:1px solid #ffffff;
				padding:0px 7px 0px 7px;
				}
				
#hometabel th 
				{
				font-size:12px;
				text-align:left;
				padding-top:5px;
				padding-bottom:0px;
				background-color:#A7C942;
				color:#ffffff;
				}
				
#hometabel a
				{
				border: none;
				color: #555;
				}