/* Sportgeschiedenis */



* {

	font-family: Verdana,sans-serif;

	color: #000000;

	margin: 0;

	padding: 0;

}



body {

	background-image: url(../images/stripe1.gif);

	height: 100%;

	font-size: 10px;

	text-align: left;

}



img {

	border: 0;

}



a {

	color: #E84A00;

	text-decoration: none;

}



h1,h2,h3 {

	color: #E74900;

	font-weight: bold;

}



h1 {

	font-size: 16px;

	margin: 25px 20px 15px 20px;

}



h2 {

	font-size: 14px;

}



h3 {

	font-size: 13px;

}



#wrapper {

	background: #FEFEFE url(http://sportgeschiedenis.nl/_private/randombackground.aspx) no-repeat scroll top center;

	border: 1px solid #000000;

	margin: 10px auto;

	margin-bottom: 0px;

	position: relative;

	width: 950px;

}



#topMenu {

	background-color: #000000;

	height: 25px;

	line-height: 20px;

}



	#topMenu ul {

		font-weight: bold;

		list-style-image: none;

		list-style-position: outside;

		list-style-type: none;

		margin-left: 5px;

	}

	

	#topMenu li {

		float:left;

		margin-right: 20px;

		margin-left: 20px;

	}

	

	#topMenu a {

		color: #AAAAAA;

		font-size: 13px;

	}

	

	#topMenu a:hover {

		color: #E5E5E5;

	}



#header {

	height: 75px;

}

.bookdetail img {
    margin: 0 !important;
}


#headerRight {

	position: relative;

	width: 445px;

	float: right;

}



#headerTitle {

	background-color:#333333;

	height:50px;

	opacity:0.65;

	filter: alpha(opacity=65);

	padding-left: 10px;

}



	#headerTitle h1 {

		bottom:30px;

		color:#FFFFFF;

		font-size:34px;

		font-weight:normal;

		letter-spacing:0.1em;

		position:absolute;

		margin: 0px;

	}



#slogan {

	background-color: #000000;

	height: 25px;

	line-height: 25px;

	padding-left: 10px;

}



	#slogan h2 {

		color: #FFFFFF;

		font-size: 10px;

		font-weight: normal;

		letter-spacing: 1px;

	}

	

	#slogan em {

		color: #FFFFFF;

		font-size: 10px;

		font-style: italic;

	}



#contentWrapper {

	background: transparent url(../images/bgoranje.png) repeat-y scroll right top;

}



#rightMenu {

	width: 190px;

	float: right;

	font-size: 12px;

	position: relative;

	margin-bottom: 90px;

}



	#rightMenu h2 {

		padding: 5px 10px;

		margin: 15px 0px;

		background-color: #E84A00;

		color: #000000;

		font-size: 12px;

	}



	#rightMenu ul {

		font-weight: bold;

		margin-left: 10px;

	}

	

	#rightMenu li {

		list-style-type: none;

		margin-top: 3px;

	}

	

	#rightMenu a {

		color: #000000;

	}





#content {

	width:758px;

	float: right;

	position: relative;

}





#footer {

	background-color:#999999;

	height:15px;

	line-height:15px;

	margin: 20px 0px 0px 0px;

	text-align:right;

	width:950px;

	clear: both;

	position: relative;

}



	#footer ul {

		list-style-image: none;

		list-style-position: outside;

		list-style-type: none;

	}

	

	#footer li {

		float: right;

		margin-right: 20px;

	}

	

	#footer a {

		color: #000000;

		text-decoration: none;

	}

	



#topContent h1 {

	margin-left: 10px;

}





#searchForm {

	background-color: #ffffff;

	padding: 5px 10px;

	font-size: 11px;

	margin-top: 25px;

	margin-bottom: 10px;

	margin-left: 5px !important;

	margin-left: 10px;

	margin-right: 5px !important;

	margin-right: 10px;

	border: 1px solid #000000;

}



	#searchForm h3 {

		display: inline;

		margin-right: 10px; 

	}

	

	#searchForm select {

		width: 200px;

		margin-right: 10px;

	}

	

	#searchForm input {

		width: 180px;

		margin-right: 10px;

	}

	

	#searchForm .zoekButton {

		margin-right: 10px;

		text-decoration: none;

		font-weight: bold;

	}

	

	#searchForm a {

		margin-right: 10px;

	}

	

	

#subshopList {

	

}



	#subshopList li {

		list-style-type: none;

		display: block;

		float: left;

		width: 170px;

		height: 30px;

		margin-left: 10px;

	}

	

	#subshopList a {

		font-size: 10px;

		font-weight: bold;

		color: #000000;

		text-decoration: none;

	}

	

	

#top10 {

	width: 400px;

	border: 1px solid #000000;

	float: left;

	clear: left;

	margin: 5px;

	padding-bottom:15px;

}

	

	#top10 a:hover {

		text-decoration: underline;

	}

	

	#top10Title {

		background-color: #E7E7E7;

		border-bottom: 1px solid #000000;

	}

	

	#top10Title h3 {

		padding: 5px 5px 5px 10px;

	}

	

	#top10 .top10Item {

		width: 190px;

		height: 100px;

		float: left;

		border: 1px solid #000000;

		background-color: #ffffff;

	}

	

		#top10 .top10Item .top10ItemLeft {

			float: left;

			width: 50px;

			text-align: center;

		}

		

			#top10 .top10Item .top10ItemLeft h3 {

				font-size: 16px;

				font-weight:bold;

				margin: 10px;

			}

			

			#top10 .top10Item .top10ItemLeft img {

				text-align: center;

			}

		

		#top10 .top10Item .top10ItemRight {

			float: right;

			width: 140px;

		}

		

			#top10 .top10Item .top10ItemRight p {

				margin-top: 10px;

			}

		

			





#popular {

	width: 325px;

	border: 1px solid #000000;

	border-bottom-width: 0px;

	float: right;

	clear: right;

	margin: 5px;

}

	

	#popular a:hover {

		text-decoration: underline;

	}

	

	#popularTitle {

		background-color: #E7E7E7;

		border-bottom: 1px solid #000000;

	}

	

	#popularTitle h3 {

		padding: 5px 5px 5px 10px;

	}

	

	#popular .popularItem {

		width: 325px;

		height: 140px;

		float: right;

		border-style: solid;

		border-color: #000000;

		border-width: 0px 0px 1px 0px;

		background-color: #ffffff;

	}

	

		#popular .popularItem .popularItemLeft {

			float: left;

			width: 80px;

			text-align: center;

			vertical-align: middle;

		}

			

			#popular .popularItem .popularItemLeft img {

				text-align: center;

				vertical-align: middle;

				margin: 10px;

			}

		

		#popular .popularItem .popularItemRight {

			float: right;

			width: 220px;

		}

		

			#popular .popularItem .popularItemRight p {

				margin: 10px;

			}	



		

#morePopular {

	float:right;

	clear: right;

	margin: 5px 10px 20px 10px;

	font-size: 12px;

	width: 200px;

	text-align: right;

}



	#morePopular a {

		text-decoration:underline;

	}





.alert {

	color: red;

	font-weight: bold;

	font-size: 12px;

}

		

a.linkButton {

	font-size: 12px;

	font-weight: bold;

	color: #E84A00;

}



.squareButton {

	width:100px;

	height:25px;

	border:1px solid #000000;

	background-color: #e7e7e7; 

	margin: 10px;

	font-size: 12px;

	font-weight: bold;

	color: #E74900;

	cursor: pointer;

}





.recuadro {

	border: 1px solid #000000;

	margin: 40px 10px 10px 10px;

	position: relative;

}



	.recuadroTitle {

		border-style:solid;

		border-color: #000000;

		border-width: 0px 0px 1px 0px;

		background-color: #E7E7E7;

		height: 20px;

		vertical-align: middle;

	}

	

		.recuadroTitle h2 {

			text-align: left;

			font-size: 11px;

			vertical-align: middle;

		}

	

	.recuadroContent {

		background-color: #ffffff;

		padding: 10px;

		font-size: 12px;

	}

	

		.recuadroContent p {

			background-color: #ffffff;

			text-align: justify;

		}

		





div.list {

	position:relative;

	margin:10px;

	width:735px;

	text-align:center;

	border-style: solid;

	border-color: #000000;

	border-width: 1px 1px 0px 1px;

}



	table.list {

		position:relative;

		width:100%;

	}

		

	th.list {

		border-style: solid;

		border-color: #000000;

		border-width: 0px 0px 1px 0px;

		background-color: #e7e7e7;

		color: #E74900;

		font-weight: bold;

		height: 20px;

		padding: 10px;

		text-align: left;

		vertical-align: top;

	}

	

	td.list {

		border-style: solid;

		border-color: #000000;

		border-width: 0px 0px 1px 0px;

		background-color: #ffffff;

		padding: 10px;

		text-align: left;

		vertical-align: top;

	}

	

		td.list a:hover {

			text-decoration: underline;

		}

	

#logoUA {

	text-align:right;

	vertical-align:top;

	position: relative;

	width: 950px;

	margin: 0px auto;

}



	#logoUA img {

		text-align:right;

		vertical-align:top;

	}

	

#emailerror .alert, #postcodeerror .alert {

	background-color:red;

	color:#FFFFFF;

	margin:0px;

	text-align:center;

}



/* estilos de la descripci�n */

#description ol, #description ol li{		

	margin-left: 20px;

}



#description ul, #description ul li{		

	margin-left: 20px;

}



#description a{

	color:blue;

	text-decoration:underline;

}



/* estilos de los tooltips */

.tool-tip {

	color: #666666;

	width: 150px;

	z-index: 13000;

}

 

.tool-title {

	font-weight: bold;

	font-size: 11px;

	margin: 0;

	color: #000000;

	padding: 8px 8px 4px;

	background: #EEEEEE;

	border-bottom: 1px solid #333333;

}

 

.tool-text {

	font-size: 11px;

	padding: 4px 8px 8px;

	background: #ffffff;

}