/*-----------------------------------------------------------------*/
/* sportgedichten.nl

/*-----------------------------------------------------------------*/
/* [Table of contents]

1. 	Main
2. 	Body
3.		Main divs
4.		Content #Content
5.		Nav #Nav
6.		Logo #Logo
7. 	Silhouettes #SilthouettesMain
8.		Footer #Footer

/*-----------------------------------------------------------------*/
/* [1. Main] */

* { margin:0; padding:0; }
a { color: Maroon; outline: none; text-decoration: none; }
a:hover{ color: #7FA9CA; text-decoration: underline; }
ul, li{ list-style: none; }
td{ vertical-align: top; }

/*-----------------------------------------------------------------*/
/* [2. Body] */

body {
	position: relative;
	padding: 0;
	margin: 0;
	background: #7D7D55 url(../images/layout/bg_body.png) repeat-x;
}

/*-----------------------------------------------------------------*/
/* 3. Main divs] */

#Main{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	text-align: center;
	z-index: 100;
}

#Outer{
	position: relative;
	width: 772px;
	margin: 110px auto 0px auto;
	background: transparent url(../images/layout/bg_outer.gif);
	text-align: left;
}

#Inner{
	width: 772px;
	background: transparent url(../images/layout/bg_inner.png) no-repeat;
}

#Clear{
	clear: both;
	margin: 0px 37px 0px 37px;
	padding: 25px 0px 25px 0px;
	border-top: 1px solid #999967;
	text-align: center;
}

/*-----------------------------------------------------------------*/
/* 4. Content #Content] */

#Content{ 
	float: left;
	width: 453px; /* 510-37 */
	margin: 50px 0px 0px 0px;
	padding: 0px 0px 0px 37px;
	border-right: 1px solid #999967;
}

#Content h1{
	margin: 0px 0px 25px 0px;	
	font: italic bold 28px "Times New Roman", Times, serif;
	color: #373724;
}

#Content h2, #Content h2 a{
	margin: 0px 25px 25px 0px;
	font: bold 11px/20px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #373724;
	text-decoration: none;
}

#Content h3{
	margin: 0px 25px 5px 0px;
	font: bold 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #373724;
}

#Content p, #Content table{
	margin: 0px 25px 25px 0px;
	font: 11px/20px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #373724;
}

#Content td{ vertical-align: top; }

#Content a.list{
	padding: 0px 0px 0px 15px;
	font: 11px/20px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #373724;
	text-decoration: none;
	background: url(../images/layout/bg_link.gif) no-repeat 0px 5px;
}

#Content a.list:hover{
	padding: 0px 0px 0px 15px;
	font: 11px/20px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #373724;
	text-decoration: none;
	background: url(../images/layout/bg_link.gif) no-repeat 0px -30px;
}

#Content a img.produkt{
	border: 1px solid #373724;
}

#Content hr{
	margin: 0px 0px 20px 0px;
	height: 1px;
	color: #999967;
	background-color: #999967;
	border: none;
}

#Content ul{
	margin: 0px 0px 25px 0px;
	padding: 0;
	list-style: none;
}

#Content #Banner{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
	border-top: 1px solid #999967;
	text-align: center;
}

#Content #Banner a{
	padding: 0;
	background: none;
}

#Content form.vote{
	display: block;
	margin: 0px 0px 20px 0px;
	padding: 1px 0px 1px 1px;
	width: 190px;
	height: 18px;
	background: #999967;
}

#Content form.vote input.votebutton{
	float: left;
	margin: 0px 1px 0px 0px;
	padding: 0;
	border: 0px solid #999967;
	background-color: #D5D5AA;
	height: 18px;
	width: 18px;
	font: 9px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #373724;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
}

#Content form.vote input.votebuttonscore{
	float: left;
	margin: 0px 1px 0px 0px;
	padding: 0;
	border: 0px solid #993333;
	background-color: #BABA70;
	height: 18px;
	width: 18px;
	font: 9px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #373724;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
}

#Content input{
	margin: 0px 0px 25px 0px;
	padding: 2px;
	width: 200px;
	font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #373724;
	border: 1px solid #999967;
}

#Content input.submit{
	width: auto;
	background: #CACA93;
	cursor: pointer;
}

#Content textarea{
	margin: 0px 0px 25px 0px;
	padding: 2px;
	width: 400px;
	height: 200px;
	font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #373724;
	border: 1px solid #999967;
	overflow: auto;
}

#Content select{
	margin: 0px 0px 25px 0px;
	padding: 2px;
	width: auto;
	font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #373724;
	border: 1px solid #999967;
}

#Content input.false, #Content textarea.false{
	border: 1px solid RED;
}

/*-----------------------------------------------------------------*/
/* 5. Nav #Nav */

#Nav{
	float: left;
	margin: 75px 0px 0px -1px;
	padding: 0px 0px 25px 20px;
	width: 261px;
	border-left: 1px solid #999967;
}

#Nav h1{
	margin: 0px 0px 5px 0px;
	font: italic bold 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #373724;
}

#Nav ul{
	margin: 0px 0px 25px 0px;
	padding: 0;
	list-style: none;
}

#Nav a{
	padding: 0px 0px 0px 15px;
	font: 11px/20px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #373724;
	text-decoration: none;
	background: url(../images/layout/bg_link.gif) no-repeat 0px 5px;
}

#Nav a:hover{
	text-decoration: none;
	background: url(../images/layout/bg_link.gif) no-repeat 0px -30px;
}

#Nav .banner{
	margin: 0px 0px 25px 0px;
}

#Nav .banner a{
	padding: 0;
	background: none;
}

#Nav .miniad{
	display: block;
	margin: 0px 0px 25px 0px;
	padding: 2px 2px 2px 2px;
	width: 228px; /* 234-1-1-2-2 */
	height: 54px; /* 60-1-1-2-2 */
	background: White url(../images/layout/bg_miniad.gif) no-repeat bottom right;
	border: 1px solid #999967;
}

#Nav .miniad h1{
	margin: 0;
	font: bold 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #373724;
	text-decoration: underline;
}

#Nav .miniad p{
	margin: 0;
	font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #373724;
	text-decoration: none;
}

#Nav .miniad a{
	color: #373724;
	text-decoration: none;
	padding: 0;
	background: none;
}

/*-----------------------------------------------------------------*/
/* 6. Logo #Logo */

#Outer #Logo{
	display: block;
	position: absolute;
	top: -60px;
	right: 23px;
	width: 300px;
	height: 94px;
	background: url(../images/layout/logo_sportgedichten.png) no-repeat 0px 0px;
	line-height: 1000px;
	overflow: hidden;
	z-index: 5000;
}

/*-----------------------------------------------------------------*/
/* 7. Silhouettes #SilthouettesMain */

#SilhouettesMain{
	position: absolute;
	top: 285px;
	left: 0px;
	width: 100%;	
	text-align: center;
	overflow: hidden;
	z-index: 50;
}

#SilhouettesMain #Center{
	position: relative;
	margin: 0px auto 0px auto;
	width: 772px;
	height: 60px;
}

#SilhouettesMain #Center #Left{
	position: absolute;
	top: 0px;
	left: -600px;
	width: 600px;
	height: 60px;
	text-align: right;
}

#SilhouettesMain #Center #Right{
	position: absolute;
	top: 0px;
	left: 772px;
	width: 600px;
	height: 60px;
	text-align: left;
}

#SilhouettesMain #Center #Left img { margin: 0px 8px 0px 8px; }
#SilhouettesMain #Center #Right img { margin: 0px 8px 0px 8px; }

/*-----------------------------------------------------------------*/
/* 8. Footer #Footer */

#Main #Footer{
	width: 772px;
	margin: 0px auto 0px auto;
	padding: 25px 0px 20px 0px;
	background: transparent url(../images/layout/bg_footer.gif) no-repeat;
	clear: both;
	text-align: center;
	font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #373724;
}

#Footer a{
	font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #373724;
	text-decoration: none;
}

#Footer a:hover{
	color: Maroon;
	text-decoration: underline;
}