
/*
Theme:Boleng Website - English
Theme URI:http://boleng.co.za
Description: Templatefor Boleng Wordpress Site

Author:Markus @ Catnip Creations
*/







body, div, h1, h2, h3, h4, p, ul, ol, li, dl, dt, dd, img, form, fieldset, blockquote{
	margin:0px; padding:0px; border:0px;
}



body{
	background:url(/boleng-deutsch/wp-content/themes/wordpress-deutsch/images/body-bg.png);
}



	#container{
		width:1024px;
		margin:0 auto;
		background:#fff;
	}
	
	
	
	
	
	
	
	
	
	
	
	
		/*header*/
		
		#header{
			float:left;
			width:100%;
		}
		
		
		
		
			#logo{
				float:left;
				width:255px;
				height:200px;
			}
		
		
		
			
			#rotator{
				float:left;
				width:769px;
				height:200px;
			}
			
			
			
				#rotator li{
					list-style:none;
					float:left;
					position:absolute;
				}
				
				
				
				
					.show {
						z-index:500;
					}
		
		
		
		
		
		
		
		
		
		
		/*navigation*/
		
		
		#nav{
			float:left;
			height:50px;
			width:100%;
			background:#09F url(/boleng-deutsch/wp-content/themes/wordpress-deutsch/images/navigation-bg.png) repeat-x;
		}

				

			#nav-links {
				float:left;
				height:50px; 
				width:1014px;
				margin:0 7px;
			}


				#nav-links li {
					list-style: none;
					float: left; 
				}


					#nav-links li a {
						font-family:Arial, Helvetica, sans-serif;
						display: block;
						padding:24px 17px 10px 16px;
						color: #fff;
						font-size:14px;
						
						font-weight:normal;
						text-decoration: none; 
						text-shadow:1px 2px 2px #333;
					}

		

						#nav-links li ul {
							display: none; 
							width:230px; 
						}

						#nav-links li a:hover{			
							background:url(/boleng-deutsch/wp-content/themes/wordpress-deutsch/images/navigation-bg_over.png) repeat-x;
						}

							#nav-links li:hover ul {
								display: block;
								position: absolute;
								padding: 0; 
							}

							#nav-links li:hover li {
								float: none; 
								background-color:#3c5781;
								margin-top:0px;
							}

								#nav-links li:hover li a {
									border-bottom: 1px solid #2a405d;
									color: #9CF; 
									text-shadow:0px 0px 3px #000;
								}

								#nav-links li li a:hover {
									color:#fff;
								}


			

					




				
				
		
		
		
		
		
		/*content*/
		
		#content{
			float:left;
			width:1004px;
			padding:30px 10px;
			background:#fff url(/boleng-deutsch/wp-content/themes/wordpress-deutsch/images/containerbg-repeat.png) repeat-x top;
		}
		
		
		
		
		
		
			/*sidebar*/
		
			#sidebar{
				float:left;
				width:150px;
			}
			

				
				.sidebar-block{
					width:120px;
					float:left;
					padding:12px 12px;
					background-color:#566d8e;
					border:solid 3px #fff;
					outline:solid 1px #9CF;
					margin-bottom:15px;
				}
				
					.sidebar-block p{
						color:#fff;
						font-size:18px;
						font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
						text-align:center;
						line-height:24px;
						
					}
					
					
					.sidebar-block small{
						font-size:14px;
						font-style:italic;
					}

		
				
					.sidebar-block h4{
						font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
						color:#fff;
						font-size:16px;
						background-image:url(/boleng-deutsch/wp-content/themes/wordpress-deutsch/images/underline_link.png);
						background-repeat:repeat-x;
						background-position:bottom;
						padding-bottom:10px;
					}
						
						
					.sidebar-block ul{
						list-style:none;
						margin-top:5px;
					}
						
				
					.sidebar-block a{
						font-family:arial,verdana,sans-serif;
						color:#ffffff;
						font-weight:bold;
						font-size:11px;
						text-decoration:none;
						line-height:18px;
					}
					
					
					.sidebar-block a:hover{
						color:#6CF;
					}
			
			
			
			#newsletter_btn{
				float:left;
				width:150px;
				height:80px;
				overflow:hidden;
				background:url(/boleng-deutsch/wp-content/themes/wordpress-deutsch/images/mailing_btn.png) no-repeat 0 -80px;
				text-indent:-9999px;
			}
			
			
				#newsletter_btn:hover{
				background:url(/boleng-deutsch/wp-content/themes/wordpress-deutsch/images/mailing_btn.png) no-repeat 0 0;
			}			
			
			
			
			
			
			
			
			
			/*main content*/
			
			
			#main-content{
				float:left;
				width:815px;
				margin-left:25px;
			}
			
			
				
			
			
					
					
					#main-content h2{
						font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
						font-size:30px;
						color:#39F;
						line-height:42px;
						margin-bottom:10px;			
					}
					
				
					
					
					#main-content h3{
						font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
						color:#6CF;						
						font-size:21px;
						line-height:30px;			
					}
					
					
					#main-content h4{
						font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
						color:#39C;
						font-size:18px;
						line-height:30px;		
					}
					
					
					#main-content p{
						margin-bottom:20px;
						font-family:Arial, Helvetica, sans-serif;
						color:#1f3e68;
						font-size:14px;
						line-height:24px;	
					}
					
					
					
					#main-content img{
						border:#fff solid 5px;
						outline:#999 solid 1px;
						margin:10px 0;
					}
		
		
		
		
		
		
		
		
		
		
		
		
			
			/*page stuff*/
			
			.page-list{
				margin:0 0 20px 20px;
			}
			
			
			
			.page-list li{
				list-style:outside;
				font-family:Arial, Helvetica, sans-serif;
				color:#1f3e68;
				font-size:14px;
				line-height:24px;
				margin:10px 0;	
			}
			
			
			
			
			.meta-date{
				float:left;
				width:100%;
				font-family:arial,verdana,sans-serif;
				font-size:10px;
				line-height:14px;
				color:#ccc;
				margin:0;
			}
			
			
			
			
		
		
		
		
		
		
		
			
			
			/*page buttons*/
			
			
			.page-buttons{
				float:left;
				height:60px;
				width:250px;
				text-indent:-9999px;
			}
			
			
			
			
			#contactinfo_btn{
				background:url(/boleng-deutsch/wp-content/themes/wordpress-deutsch/images/contact_btn.png) no-repeat 0 0;
			}
			
				#contactinfo_btn:hover{
				background:url(/boleng-deutsch/wp-content/themes/wordpress-deutsch/images/contact_btn.png) no-repeat 0 -60px;
			}
			
			
			
			
			#diving_btn{
				background:url(/boleng-deutsch/wp-content/themes/wordpress-deutsch/images/divingguidelines_btn.png) no-repeat 0 0;
			}
			
				#diving_btn:hover{
				background:url(/boleng-deutsch/wp-content/themes/wordpress-deutsch/images/divingguidelines_btn.png) no-repeat 0 -60px;
			}
			
			
			
			
			#sa_btn{
				background:url(/boleng-deutsch/wp-content/themes/wordpress-deutsch/images/sa_btn.png) no-repeat 0 0;
			}
			
				#sa_btn:hover{
				background:url(/boleng-deutsch/wp-content/themes/wordpress-deutsch/images/sa_btn.png) no-repeat 0 -60px;
			}
			
			
			
			#namibia_btn{
				background:url(/boleng-deutsch/wp-content/themes/wordpress-deutsch/images/namibia_btn.png) no-repeat 0 0;
			}
			
				#namibia_btn:hover{
				background:url(/boleng-deutsch/wp-content/themes/wordpress-deutsch/images/namibia_btn.png) no-repeat 0 -60px;
			}
			
			
			
			#botswana_btn{
				background:url(/boleng-deutsch/wp-content/themes/wordpress-deutsch/images/botswana_btn.png) no-repeat 0 0;
			}
			
				#botswana_btn:hover{
				background:url(/boleng-deutsch/wp-content/themes/wordpress-deutsch/images/botswana_btn.png) no-repeat 0 -60px;
			}
			
			
			
			#mozam_btn{
				background:url(/boleng-deutsch/wp-content/themes/wordpress-deutsch/images/mozambique_btn.png) no-repeat 0 0;
			}
			
				#mozam_btn:hover{
				background:url(/boleng-deutsch/wp-content/themes/wordpress-deutsch/images/mozambique_btn.png) no-repeat 0 -60px;
			}
			
			
			
			#sardine_btn{
				background:url(/boleng-deutsch/wp-content/themes/wordpress-deutsch/images/sardine_btn.png) no-repeat 0 0;
			}
			
				#sardine_btn:hover{
				background:url(/boleng-deutsch/wp-content/themes/wordpress-deutsch/images/sardine_btn.png) no-repeat 0 -60px;
			}
			
			
			
			
			
			
			
			
			
		
		
		
		
		
		
			/*activities*/
			
			#page-links{
				float:left;
			}
			
				#page-links li{
					float:left;
					margin:10px;
					width:785px;
					list-style:none;
					background:url(/boleng-deutsch/wp-content/themes/wordpress-deutsch/images/list-bullet.png) no-repeat left;
				}
				
					#page-links li a{
						margin-left:40px;
						font-family:Arial, Helvetica, sans-serif;
						color:#1f3e68;
						text-decoration:none;
						font-size:16px;
					}
					
					
						#page-links li a:hover{
							color:#39F;
						}
		
		
		
			.activitiy-section{
				float:left;
				margin:25px 0;
				width:815px;
			}
			
			
				.activitiy-section a{
					font-family:Arial, Helvetica, sans-serif;
					color:#1f3e68;
					font-size:14px;
					line-height:18px;
				}
				
				
					.activitiy-section a:hover{
						color:#39F;
					}
		
		
		
		
		
		
		
		
		
		
		
		
		
		/*standard tours*/
		
		
		.content-list li{
			list-style:none;
		}
		
			.content-list ol{
				margin-bottom:20px;
			}
			
			
			.content-list ol li{
				list-style:inside;
				font-family:Arial, Helvetica, sans-serif;
				color:#1f3e68;
				font-size:14px;
				line-height:18px;
			}
		
		
		
		
		
		
		
		
		
		
		
		
		
		/*guestbook*/
	
		
		
		
		/*guestbook entries list*/
			
			#commentlist{
				float:left;
				margin:25px 0;
				width:100%;
			}
			
			
			
			
				.gb-entry-number a{
					color:#6CF;	
					text-decoration:none;
					margin-top:20px;
					float:left;
				}
				
				
				
				
				
			
			
				#existingcomments li{
					float:left;
					list-style:none;
					width:100%;
				}
				
				
			.authortitle{
				float:left;
				width:100%;
			}
				
				
			
			
			
			.moderation-notice{
				float:left;
				width:100%;
				font-family:arial,verdana,sans-serif;
				font-size:12px;
				padding:10px 0;
				color:#666;
				font-weight:normal;
				text-decoration:none;
				font-style:italic;
				
			}
			
			
			
			
				
			.meta-date {
				float:left;
				width:100%;
				font-family:arial,verdana,sans-serif;
				font-size:10px;
				line-height:14px;
				color:#ccc;
				margin:0;
				font-weight:normal;
				text-decoration:none;
			}
			
			
			
			.meta-date a{
				float:left;
				width:100%;
				font-family:arial,verdana,sans-serif;
				font-size:10px;
				line-height:14px;
				color:#ccc;
				margin:0;
				font-weight:normal;
				text-decoration:none;
			}
		
		
			
			
			.commenttext{
				width:100%;
				float:left;
				margin-top:15px;
			}
			
			
			
			
			
			
			
			
		/*the form*/	
			
			
		#commentform-div{
			float:left;
			width:100%;
			margin-top:25px;
		}
			
		
			#guestbook-form{
				width:100%;
				float:left;
			}
			
			
			
				.comment-notes{
					float:left;
					width:100%;
					margin:20px 0;
					font-family:Arial, Helvetica, sans-serif;
					font-weight:normal;
					font-size:12px;
					color:#39C;
				}
			
				
				#guestbook-form p{
					margin:20px 0px;
					overflow:hidden;
					float:left;
					width:100%;
				}
							
							
						
				#guestbook-form label {    
					float: left;   
					display:block;   
					margin:5px;  
					font-family:Arial, Helvetica, sans-serif;
					color:#1f3e68;
					font-size:14px;
					width:85px;
				}
				
				
				
				
		
		
	
						#guestbook-form .guestbook-field{
							display:block;
							width:350px;
							height:30px;	
							background-color:#fff;
							border:1px #ccc solid;
							padding:7px;
							font-family:arial,verdana,sans-serif;
							color:#1f3e68;
							font-size:14px;
							float:left;
						}
						
						
							#guestbook-form .guestbook-field:focus{
								border:1px #1f3e68 solid;
								outline:none;
							}
							
	
	
						#guestbook-form .guestbook-text{
							height:200px;
							width:350px;
							overflow:auto;
							background-color:#fff;
							border:1px #ccc solid;
							padding:7px;
							font-family:arial,verdana,sans-serif;
							color:#1f3e68;
							font-size:14px;
							float:left;
						}
						
						
							#guestbook-form .guestbook-text:focus{
								border:1px #1f3e68 solid;
								outline:none;
							}
			
			
							.form-allowed-tags{
								float:left;
								width:100%;
								font-family:Arial, Helvetica, sans-serif;
								font-weight:normal;
								font-size:8px;
								color:#FFF;
							}
		
		


			.comment-sep{
				float:left;
				width:785px;
				height:2px;
				background:url(/boleng-deutsch/wp-content/themes/wordpress-deutsch/images/comment-seperators.png) repeat-x;
				margin:20px 0 30px 0;
			}
			
			
			
			
			
			
			
			
		
		
		
		
		
		
		
		
		
		
		/*news page/index.php*/
		
			
			
			.a-post{
				float:left;
				margin:15px 0;
			}
		
			.news-title{
				font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
				color:#39C;	
				text-decoration:none;		
			}
			
			
				.news-title:hover{
					color:#1f3e68;
				}
				
				
				
				
			.more-link{
				color:#ccc;
				font-family:Arial, Helvetica, sans-serif;
				font-size:12px;
			}
						
							.more-link:hover{
								color:#39F;
							}	
		
		
		
		
		
		
		
		/*planning form*/

		#planningForm fieldset{
			padding:5px;
			margin:20px 0px;
			float:left;
			width:805px;
		}
					
	
			.description{
				clear:both;
				float:left;
				font-family:arial,verdana,sans-serif;
				color:#999;
				font-size:14px;
				font-weight:normal;
				font-style:italic;
				margin:0 0 10px 0;
			}
					

					#planningForm ul{
						list-style-type:none;
						margin:15px 0px;
					}
					
					
					
						#planningForm li{
							margin:20px 0px;
							overflow:hidden;
							list-style:none;
						}
						
						
						
						#planningForm label {     
							font-family:arial,verdana,sans-serif;
							color:#1f3e68;
							font-size:14px;
							font-weight:normal;
						}
						
	
	
	
						#personal input{
							display:block;
							width:350px;
							height:30px;
							background-color:#fff;
							border:1px #ccc solid;
							padding:7px;
							font-family:arial,verdana,sans-serif;
							color:#1f3e68;
							font-size:14px;
							float:left;	
						}
						
						
							#personal input:focus{
								border:1px #1f3e68 solid;
								outline:none;
							}
					
										
		
	
					
						#personal label {    
							float: left;  
							clear:both;  
							display:block; 
							margin:7px;  
							font-family:arial,verdana,sans-serif;
							color:#1f3e68;
							font-size:14px;
							width:65px;
  						}
						
						
						
						
						#personal .error{
							width:250px;
							border:none;
							display:none;
							text-align:center;
							padding-right:30px;
							margin:10px 0;
							font-size:12px;
							color:#C33;
						}
						
						
						
						
						
					#planningForm table{
						width:100%;
					}
						
					
						#planningForm table tr td{
							width:200px;
						}
						
						
						
						
					.various-widths{
							height:30px;
							padding:7px;	
							background-color:#fff;
							border:1px #ccc solid;
							font-family:arial,verdana,sans-serif;
							color:#1f3e68;
							font-size:14px;
					}
					
					
						
						.various-widths:focus{
							border:1px #1f3e68 solid;
							outline:none;
						}
					
					
					
					#planningForm textarea{
						height:175px;
						width:350px;
						overflow:auto;
						padding:7px;	
						background-color:#fff;
						border:1px #ccc solid;
						font-family:arial,verdana,sans-serif;
						color:#1f3e68;
						font-size:14px;
					}
					
					
						#planningForm textarea:focus{
							border:1px #1f3e68 solid;
							outline:none;
						}
						
						
							
					
						#options li{
							width:210px;
							display:inline;
						}
						
						
						#options label{
							margin:7px;
						}
						
	
	
						
						#sonstiges label{
							margin:7px;  
							font-family:arial,verdana,sans-serif;
							color:#1f3e68;
							font-size:14px;
						}
						
						
							
						
						.set-label{    
							float: left;   
							display:block; 
							width:225px;
  						}
						
						
						
				
					#planningForm li.error{
						width:250px;
						border:none;
						display:none;
						text-align:center;
						padding-right:30px;
						margin:10px 0;
						font-size:12px;
						color:#C33;
						font-family:arial,verdana,sans-serif;
					}
					
					
					
					.buttons{
						float:left;
					}
				
				
				
				
						
						
						
						
						
				/*contact*/
			
					
				
				#contactForm ul{
						list-style-type:none;
						list-style-position:outside;
						list-style-image:none;
					}
					
					
					
						#contactForm li{
							margin:20px 0px;
							overflow:hidden;
							list-style:none;
						}
						
						
					
						#contactForm label {    
							float: left;   
							display:block;   
							margin:5px;  
							font-family:Arial, Helvetica, sans-serif;
							color:#1f3e68;
							font-size:14px;
							width:85px;
  						}
						
							#contact-msg label strong{    
								color:#C33;
  							}
					
					
					
					
					
					#contactForm .requiredField{
						background-color:#fff;
						border:1px #ccc solid;
						padding:7px;
						font-family:arial,verdana,sans-serif;
						color:#1f3e68;
						font-size:14px;
						float:left;
					}
					
					
						#contactForm .requiredField:focus{
							border:1px #1f3e68 solid;
							outline:none;
						}


					#contactForm input{
						display:block;
						width:350px;
						height:30px;	
					}
						

				

					#commentsText{
						height:200px;
						width:350px;
						overflow:auto;
					}
					
					
					
				

					#contactForm li.error{
						width:250px;
						border:none;
						display:none;
						text-align:center;
						padding-right:30px;
						margin:10px 0;
						font-size:12px;
						color:#C33;
						font-family:arial,verdana,sans-serif;
					}
					
					
					
					
					
					
					
					
					
					
		
		
		
		
		
		
		/*pagination*/
		
		#pagination{
			float:left;
			width:100%;
			margin:0 0 30px 0;
		}
		
		
			#pagination li{
				list-style:none;
				display:inline;
				width:150px;
			}
			
			
				#pagination li a{
					font-family:Arial, Helvetica, sans-serif;
					color:#ccc;
					font-size:14px;
				}
					
					
					#pagination li a:hover{
						color:#39F;
					}
			
			
					.older{
						float:left;
						margin-left:10px;
					}
					
					.newer{
						float:left;
						margin-left:480px;
					}
		
		
		
		
		/*newsletter subscription*/
		

		
		#form3 li{
			margin:20px 0px;
			overflow:hidden;
			list-style:none;
			}
						
						
					
		#form3 label {    
			float: left;   
			display:block;   
			margin:5px;  
			font-family:Arial, Helvetica, sans-serif;
			color:#1f3e68;
			font-size:14px;
			width:85px;
  		}
		

		#form3 .text-field{
			display:block;
			width:350px;
			height:30px;	
			background-color:#fff;
			border:1px #ccc solid;
			padding:7px;
			font-family:arial,verdana,sans-serif;
			color:#1f3e68;
			font-size:14px;
			float:left;
		}
						

	
		
		
			#form3 input.text-field:focus{
				border:1px #1f3e68 solid;
				outline:none;
			}

		
		
		#form3 textarea.text-field{
			height:200px;
			width:400px;
			overflow:auto;
		}
		
		
			#form3 textarea.text-field:focus{
				border:1px #1f3e68 solid;
				outline:none;
			}





						
		
		
		
		
		
		
		/*footer*/
		
		#footer{
			float:left;
			width:1004px;
			padding:35px 10px 25px 10px;
			background:#fff;
			text-align:center;	
		}
		
		
		
		
			#footer ul{	
				list-style:none;
				margin:0 auto;
				width:735px;
			}



			#footer ul li{
					display:inline;
					decoration:none;
					align:middle;
					font-weight:bold;
					height:24px;
					float:left;
			
					}
			
			
				#footer ul li a{		
						font-family:arial, verdana, sans-serif;
						font-size:11px;
						font-weight:bold;
						color: #5894de;
						text-decoration: none; 
						}
				
				#footer ul li a:hover{
						color:#2d548f;
						}
			
			
			
			#footer ul li p{	
					float:left;
					display:inline;	
					font-family:arial, verdana, sans-serif;
					font-weight:bold;
					font-size:11px;
					padding:7px 15px 0 0;
					color: #5894de;
					}
					
					
					
				#fb-btn{
					padding-right:15px;
				}
					

