/*###############################################################################################
#
#  project           	: Hondenaanbod.nl
#  filename          	: style.css
#
###############################################################################################*/

body
{
  margin: 0 auto;
  padding: 0;
  background-color: #FEFEFE;
}


.Main
{
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
}


.PageBackgroundSimpleGradient
{
  background-image: url('layout/Page-BgSimpleGradient.jpg');
  background-repeat: repeat-x;
  height: 100px;
}

/* begin Header */
div.Header
{
  margin: 0 auto;
  position: relative;
  z-index:0;
  width: 780px;
  height: 200px;
}

div.Header-jpeg
{
  position: absolute;
  z-index:-2;
  top: 0;
  left: 0;
  width: 780px;
  height: 230px;
  background-image: url('layout/Header_bg.jpg');
  background-repeat: no-repeat;
  background-position: left top;
}


div.Header-logo
{
  position: absolute;
  z-index:-1;
  top: 0;
  left: 0;
  width: 234px;
  height: 100px;
  background-image: url('layout/logo.jpg');
  background-repeat: no-repeat;
  background-position: center center;
}

div.flag
{
  display : block;
  position: absolute;
  z-index:-1;
  top: 180;
  left: 185;
  width: 42px;
  height: 16px;
  background-image: url('/layout/flag.png');
  background-repeat: no-repeat;
  background-position: center center;
}

div.usersonline
{
  display : block;
  position: absolute;
  top: 180;
  left: 5;
}

/* end Header */

/* begin Logo */
.logo
{
  display : block;
  position: absolute;
  left: 1px;
  top: 86px;
  width: 247px;
}

h1.logo-name
{
  display: block;
  text-align: left;
}

h1.logo-name, h1.logo-name a, h1.logo-name a:link, h1.logo-name a:visited, h1.logo-name a:hover
{
  font-family: "Comic Sans MS", Tahoma, Arial, Sans-Serif;
  font-size: 35px;
  font-style: normal;
  font-weight: bold;
  text-decoration: none;
  font-variant: small-caps;
  padding:0;
  margin:0;
  color: #5F4121 !important;
}

.logo-text
{
  display: block;
  text-align: left;
}

.logo-text, .logo-text a
{
  font-family: Tahoma, Arial, Helvetica, Sans-Serif;
  font-size: 19px;
  font-style: normal;
  font-weight: bold;
  text-transform: uppercase;
  padding:0;
  margin:0;
  color: #333333 !important;
}

/* end Logo */

/* menu structure */

.nav
{
  position: relative;
  margin: 0  auto;
  width: 780px;
  height: 27px;
  z-index: 100;
}

div.Header-separator
{
  position: absolute;
  z-index:-2;
  top: 0;
  left: 0;
  width: 780px;
  height: 27px;
  background-image: url('layout/header-separator.gif');
  background-repeat: no-repeat;
  background-position: left top;
}


/* end Menu */

.ad{
display:block;
float:left;
margin:0 0px 0 0px;
}

body
{
  font-family: Tahoma, Arial, Helvetica, Sans-Serif;
  font-size: 10pt;
  font-style: normal;
  font-weight: normal;
  color: #3A543A;
  margin-top:0px; margin-bottom:0px;
}
a:link 			{ font-family:Tahoma,Arial,Helvetica,sans-serif; color:#5F4121; font-weight:bold; text-decoration:underline; }
a:visited 		{ font-family:Tahoma,Arial,Helvetica,sans-serif; color:#5F4121; font-weight:bold; text-decoration:underline; }
a:active 		{ font-family:Tahoma,Arial,Helvetica,sans-serif; color:#855C2D; font-weight:bold; text-decoration:underline; }
a:hover 		{ font-family:Tahoma,Arial,Helvetica,sans-serif; color:#855C2D; font-weight:bold; text-decoration:none; }

p,ul,ol,li,div,td,th,address,blockquote,nobr,b,i
			{ font-family:Tahoma,Arial,Helvetica,sans-serif; color:#3A543A; }

p,ul,ol,li,div,td,th,address,nobr,b,i
			{ font-family:Tahoma,Arial,Helvetica,sans-serif; font-size:9pt; }

form,input,option,select
			{ font-family:Tahoma,Arial,Helvetica,sans-serif; font-size:9pt; font-family: Helv;}

#red 			{ font-family:Tahoma,Arial,Helvetica,sans-serif; font-style:normal; color: #CC0000; }
span.censored 		{ font-family:Tahoma,Arial,Helvetica,sans-serif; color:#FF0000; }

div.mainheader 		{ font-family:Tahoma,Arial,Helvetica,sans-serif; font-size:9pt; color:#3A543A; text-align:right; }
div.maintext 		{ font-family:Tahoma,Arial,Helvetica,sans-serif; font-size:9pt; text-align:justify; }
div.mainleft 		{ font-family:Tahoma,Arial,Helvetica,sans-serif; font-size:9pt; text-align:left; }
div.mainmenu 		{ font-family:Tahoma,Arial,Helvetica,sans-serif; font-size:9pt; text-align:left; }
div.mainpages 		{ font-family:Tahoma,Arial,Helvetica,sans-serif; font-size:8pt; text-align:right; margin-right:0px; }
div.maincatnav 		{ font-family:Tahoma,Arial,Helvetica,sans-serif; font-size:8pt; text-align:left; margin-left:0px; }
div.maininputleft 	{ font-family:Tahoma,Arial,Helvetica,sans-serif; font-size:9pt; text-align:right;  }


div.sideheader 		{ font-family:Tahoma,Arial,Helvetica,sans-serif; font-size:9pt; color:#3A543A; text-align:left; font-weight:bold; }
div.sidetext 		{ font-family:Tahoma,Arial,Helvetica,sans-serif; font-size:8pt; text-align:justify; }
div.sideleft 		{ font-family:Tahoma,Arial,Helvetica,sans-serif; font-size:9pt; text-align:left; }

div.smsubmit		{ font-family:Tahoma,Arial,Helvetica,sans-serif; font-size:9pt; text-align:center; }

div.smallleft 		{ font-family:Tahoma,Arial,Helvetica,sans-serif; font-size:9pt; text-align:left; }
div.smallcenter 	{ font-family:Tahoma,Arial,Helvetica,sans-serif; font-size:9pt; text-align:center;}
div.smallright 		{ font-family:Tahoma,Arial,Helvetica,sans-serif; font-size:9pt; text-align:right; }
div.spaceleft 		{ font-family:Tahoma,Arial,Helvetica,sans-serif; font-size:5pt; text-align:left; }
div.whiteleft 		{ font-family:Tahoma,Arial,Helvetica,sans-serif; font-size:9pt; text-align:left; color:#FFFFFF;}

div.spot_links a:link 	{ font-family:Tahoma,Arial,Helvetica,sans-serif; font-weight:normal; padding-left: 15px; background: url(images/icons/link_green.gif) no-repeat 100% 50%; background-position: left; color:#5F4121; text-decoration:none; }
div.spot_links a:active { font-family:Tahoma,Arial,Helvetica,sans-serif; font-weight:normal; color:#855C2D; text-decoration:none; }
div.spot_links a:visited { font-family:Tahoma,Arial,Helvetica,sans-serif; font-weight:normal; padding-left: 15px; background: url(images/icons/link_orange.gif) no-repeat 100% 50%; background-position: left; color: #5F4121; text-decoration: none; }
div.spot_links a:hover {  font-family:Tahoma,Arial,Helvetica,sans-serif; font-weight:normal; color:#855C2D; text-decoration:underline; }

td.class1 		{ background: #111111; border:0px; }
td.class2 		{ background: #ffffcc; border:0px; text-align:justify; vertical-align:top; }

td.class3 		{ background: #ffffcc; border:0px; }
td.class4 		{ background: #372F2D; border:0px; text-align:justify; vertical-align:top; }

td.votebarout 		{ background: #EEEEEE; border:0px; }
td.votebarin 		{ background: #777777; border:0px; }
td.votetext 		{ font-family:Tahoma,Arial,Helvetica,sans-serif; font-size:9pt; }
div.votespace   	{ font-family:Tahoma,Arial,Helvetica,sans-serif; font-size:5pt; }

td.ratebarout 		{ background: #CCCCCC; border:0px; }
td.ratebarin 		{ background: #883300; border:0px; }
div.ratespace   	{ font-family:Tahoma,Arial,Helvetica,sans-serif; font-size:5pt; }

td.gbheader 		{ background: #A49561; border:0px; border-color:#000000; font-weight:bold; text-align:center ;}
td.gbtable1 		{ background: #FFFFFF; border:0px; vertical-align:top; width:30%; }
td.gbtable2 		{ background: #E1DCA8; border:0px; vertical-align:top; }

td.classcat1 		{ background: #A49561; border:0px; vertical-align:middle; text-align:center; width:10%; height:50px;}
td.classcat2 		{ background: #E1DCA8; border:0px; vertical-align:top; width:40%; }
td.classcat3 		{ background: #A49561; border:0px; vertical-align:middle; text-align:center; width:10%; height:50px;}
td.classcat4 		{ background: #FFFFFF; border:0px; vertical-align:top; width:90%; }
td.classcat5 		{ background: #A49561; border:0px; vertical-align:top; text-align:center; width:20%; }
td.classcat6 		{ background: #FFFFFF; border:0px; vertical-align:top; width:80%; }

td.classadd1 		{ border:0; vertical-align:top; text-align:right; width:35%; }
td.classadd2 		{ border:0; vertical-align:top; text-align:left;}

.links
{
  position:relative;
  z-index:0;
  overflow:hidden;
  width: 455px;
  margin: 5px auto 0px auto;
  text-align: center;
}

.dog-spotlight-icon
{
  position: relative;
  display:block;
  float:left;
  background-image: url('layout/hond-spotlight.gif');
  background-position: left;
  background-repeat: no-repeat;
  margin: 0 5px 0 0;
  height: 225px;
  width: 125px;
}

.spotlightlinks
{
  position:relative;
  z-index:0;
  overflow:hidden;
  width: 320px;
  margin: 5px auto 0px auto;
  text-align: left;
}

/* begin Footer */
.footer
{
  position:relative;
  z-index:0;
  overflow:hidden;
  width: 780px;
  margin: 5px auto 0px auto;
  text-align: center;
}

.footer .footer-inner
{
  height:1%;
  position: relative;
  z-index: 0;
  padding: 10px;
  
}

.footer .footer-background
{
  position:absolute;
  z-index:-1;
  background-repeat:no-repeat;
  background-image: url('layout/Footer.gif');
  width: 780px;
  height: 100px;
  bottom:0;
  left:0;
}



.rss-tag-icon
{
  position: relative;
  display:block;
  float:right;
  background-image: url('layout/rssIcon.png');
  background-position: center right;
  background-repeat: no-repeat;
  margin: 0 5px 0 0;
  height: 50px;
  width: 50px;
}

.dog-tag-icon
{
  position: relative;
  display:block;
  float:left;
  background-image: url('layout/dogIcon.gif');
  background-position: center left;
  background-repeat: no-repeat;
  margin: 0 5px 0 0;
  height: 101px;
  width: 100px;
}

textarea#styled {
	width: 400px;
	height: 25px;
	padding: 5px;
	font-family: Tahoma,Arial,Helvetica,sans-serif;
	background-image: url('layout/bgtextarea.gif');
	background-position: bottom right;
	background-repeat: no-repeat;
}

.tu_iframepadding
{
margin-top:5px;
margin-bottom:5px;
margin-right:5px;
margin-left:5px;
}

/* end Footer */ 



/* begin Alert box */ 


/* end Alert box */