/*
	------------------------------------------------------------------
	Main stylesheet of www.cyclingaroundtheworld.nl/paulvanroekel
	created by 		: Paul van Roekel
	date			: jan 2006	------------------------------------------------------------------	
	You're welcome to use any code in this file for your own projects
	the used images however are copyrighted and not for use 
	on other sites! Want to contact me? Use the form on this website...
*/

.new{
	font-weight: bold;
	font-variant: small-caps;
	color: #FF0033;

}

zzdiv {
	border: solid 1px #fff;
}


body {
	margin: 0px;
	padding: 0px;
	background: #666666 url(bg-verloop.jpg) repeat-x left top;
	text-align: center;
	font: 12px/20px Verdana, Arial, Helvetica, sans-serif;
}

html{
	margin: 0px;
	padding: 0px;
}


#container {
border-top: 1px solid #333333;
	border-right: 3px solid #333333;
	border-bottom: 3px solid #333333;
	border-left: 3px solid #333333;

	background: #ffffff;
	text-align:left;
	color:#333333;
	line-height: 20px;
	margin: 15px auto;
	width: 800px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 800px;
	}

#content {
	text-align:left;
	padding: 20px 80px 20px 80px;
	margin: 50px 0px 0px 0px;
	color: #333333;
}

.contentbox{
	-moz-border-radius: 10px;
	padding: 0px 15px 0px 15px;
	margin: 20px 0px 20px 0px;
	height: 300px;
	border: 1px solid #E1E1E1;
}



.contentbox2{
	-moz-border-radius: 10px;
	padding: 0px 15px 0px 15px;
	margin: 20px 0px 20px 0px;
	height: auto;
	border: 1px solid #E1E1E1;
}



.faqbox{
	-moz-border-radius: 10px;
	padding: 5px 15px 5px 15px;
	margin: 20px 0px 20px 0px;
	height:auto;
	width: 425px;
	border-top: 0px solid #666666;
	border-right: 0px solid #666666;
	border-bottom: 1px solid #666666;
	border-left: 0px solid #666666;
}


.contentbox img{
	border: 1px solid #ffffff;
	padding:10px;

}


.download {
	-moz-border-radius: 10px;
	padding: 5px 15px 5px 15px;
	margin-bottom: 20px;
	background: #F6F6F6;
	height:auto;
}

.downloadlink {
	padding: 5px;
	margin-bottom: 10px;
	background: #FFFFFF url(bg-downloadlink.jpg) repeat-x left bottom;
	height:auto;
	font-weight: normal;
	text-decoration: none;





	-moz-border-radius: 7px;
	font-variant: small-caps;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	border-top: 1px solid #669900;
	border-right: 1px solid #333333;
	border-bottom: 1px solid #333333;
	border-left: 1px solid #669900;
}






 



#content p {
}

#content h1  {
	color: #669900;
	padding: 0px;
	margin: 0px;
	font: bold 18px Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
}

#content h2 {
	color: #669900;
	padding: 10px 0px 0px;
	margin: 20px 0px 0px;
	font: bold 16px Arial, Helvetica, sans-serif;

}

#content h3 {
		color: #669900;
	letter-spacing: 1px;
	padding: 0px;
	margin: 0px;
	font: bold 14px Arial, Helvetica, sans-serif;

}


#content a {
	color: #000000;
	text-decoration: underline;
	font-weight: bold;
}

#content a:visited   {
	color: #333333;
	text-decoration: underline;
		font-weight: bold;

}

#content a:hover  {
	color: #669900;
	text-decoration: none;
		font-weight: bold;

	}


#content .category img {
	background: #fff;
	padding: 7px;
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #333333;
	border-bottom: 1px solid #333333;
	border-left: 1px solid #FFFFFF;
	float:right
}



#content .category {
	margin: 60px 0px 50px 0px;
	padding: 30px 0px 10px 0px;
	clear:both;
	height:auto;
}





#header {
	margin: 0px;
	width: 100%;
	height: 200px;
}


#headerbanner{
	display:block;
	height: 200px;
}


	

.imageborderlarge {
	padding: 7px;
	margin: 5px 0px;
	border: 1px solid #CCCCCC;
	background: #FFFFFF;
}

#footer {
	text-align:center;
	padding: 30px 0px 10px;
	letter-spacing: 1px;
	clear: both;
	float: none;
	margin: 0px;
	}

#footer li {
	color: #CCCCCC;
	padding: 0px;
	display: inline;
	list-style-type: none;	
}

#footer a:link, #footer a:visited {
	color: #666666;
	text-decoration: none;
	font-weight: normal;
	padding: 2px 3px 2px 0px;
	border-bottom: 1px dotted #CCCCCC;
	}

#footer a:hover {
	color: #FFFFFF;
	text-decoration:none;
	padding: 2px 3px 2px 0px;
	background: #cc0000;
}



.unvisible { 
	display: none;
 }

#content ul li{
	padding: 0px;
	margin-left: 0px;

}









.externallink {
	padding-right: 15px;
	display: inline;
	background: url(images/externelink.gif) no-repeat right center;
}

#printfooter {
	font-style: italic;
	display: none;
}


acronym {
	border-bottom: 1px dashed #003366;
	color: #333333;
	cursor: help;
}




.thumbnail {
	float: left;
	margin: 7px;
	padding: 8px;
	text-align: center;
	color: #CCCCCC;
	width: 164px;
	}

.thumbnail img{
	background: #fff;
	padding: 7px;
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #333333;
	border-bottom: 1px solid #333333;
	border-left: 1px solid #FFFFFF;
	margin: auto;
	display:block;
}

.thumbnail a {
	color:#999999;
	text-decoration: none;
}

/* non IE  hover */
div.thumbnail:hover{
	background: #333;

}

a img {
border:none;

}

#gallerycontainer{
	margin-top: 50px;
	padding: 0px;
	text-align:center;

	
}


cite {
	font-style: italic;
	color: #333333;
	font-variant: normal;
	font-weight: normal;
	text-transform: none;
}


.centered {
	text-align: center;
}

.hotkey {
	text-decoration: underline;
}


.code{
	font: 12px "Courier New", Courier, mono;
	color: #333333;
	background: #FFFFFF;
	margin: 5px;
	padding: 5px;
	border: 2px dotted #FFFFFF;
}
	

.skyscraper{
float:right;

margin-top: 30px;

}

.extra-ad{
	padding: 5px;
	border: 1px solid #999999;
}