/* Class for clearing floats */
.clear {clear: both;} 

/* hide blocks (e.g. skipnavigation) */
.hide {display: none;} 

body {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #fff;  
    /* background: #3399FF url(../images/General/Raster.gif); */
    background: #6db1eb;
    margin: 18px 0 0 0;
}

img {border: 0;}    
h1{
    font-size: 150%;
    font-weight: bold;
}

h2{
    font-size: 100%;
    font-weight: bold;
}

a
{
    color: yellow;
    text-decoration: none;
    font-weight : bold;
}
a:hover
{
    color: #3399FF;
    text-decoration: underline;
    font-weight : bold;
}

a.normal
{
    color: yellow;
    text-decoration: none;
    font-weight:normal;
}
a.normal:hover
{
    color: yellow;
    text-decoration: underline;
    font-weight:normal;
}

ul.nobullet{
	margin:0;
	padding:0;
	list-style-type: none;
}

.FormItemBgColor1{
    FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size : 12px;
	background-color : #FFFFD7;
	width : 230px;
}
.FormItemBgColor2{
    FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size : 12px;
	background-color : #FFFFD7;
	width : 280px;
}

input#Submit{
    FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size : 12px;
    font-weight : normal;
	background-color : #FFFF66;
	color: #3399FF;
}

.promoties{
	background-color: #FFFF00;
	padding:0 6px;
	color:#000;
}
.puppies{
	background-color: red;
	padding:0 6px;
	color:#000;
}

/* =wrapper
-----------------------------------------------------------------------------*/
#bordertop,#borderbottom{
    width: 762px;
    margin: 0 auto;
}

#wrapper {
    width: 760px;
    margin: 0 auto;
    border-left: 1px solid #FFFF66;
    border-right: 1px solid #FFFF66;
    border-top: 5px solid #FFFF66;
    border-bottom: 5px solid #FFFF66;
    background: #3399FF;
}

/* Main navigation */

#navmain {
    margin:0;  /*IE en Opera gebruiken linker marge voor list indentation */
    padding:6px; /*Safari en firefox gebruiken linker padding voor list indentation */
    list-style-type: none;
}

#navmain li {
    float:left;
    padding: 0 9px 6px 16px;
    background: url(../images/General/BulletNavMain.gif) no-repeat 0 2px;
}
    
#navmain li a {
    font-size : 80%;
    color: #ffff66;
    text-decoration: none;
    font-weight : bold;    
}
#navmain li a:hover {
    color: #3399FF;
}

#navmain .bp{
	display:none;
}

/* =header
-----------------------------------------------------------------------------*/
#headeralgemeen {
    width: 760px;
    height: 148px;
    background: url(../images/General/Top.jpg);
    position: relative;
}

#headerneerhof {
    width: 760px;
    height: 148px;
    background: url(../images/General/Top2.jpg);
    position: relative;
}

#headerflash{
    position: absolute;
    left: 0;
    top: 55px;       
}



/* language selection */

#languageselection{
    font-size: 85%;
    background-color: #FFFF66;
    color: #3399FF;
    padding: 2px;

}
#languageselection img{
	border: 1px solid #000;
}
#languageselection h1{
    margin: 0;
    padding: 0 0 0 5px;
    float: left;
    font-size: 85%;
    font-weight: bold;
    line-height: 1.5;
}
#languageselection ul{
    margin:0;  /*IE en Opera gebruiken linker marge voor list indentation */
    padding:0; /*Safari en firefox gebruiken linker padding voor list indentation */
    list-style-type: none;	
    float: right;
}
#languageselection li{
    float: left;
    padding: 0 5px;
}

#languageselection a
{
    color: #3399FF;
    text-decoration: none;
    font-weight : bold;
}
#languageselection a:hover
{
    color: #3399FF;
    text-decoration: underline;
    font-weight : bold;
}

/* =alfabet
-----------------------------------------------------------------------------*/
#alfabet {
    width: 760px;
    margin: 0 auto;
    border-bottom: 1px solid #FFFF66;
    background: #3399FF;
	text-align: center;
}
#alfabet a{
	font-size: 80%;
}
/* content */

#content{
    margin: 0;
    padding: 0;
}

#hondenrassen{
    float: left;
    padding: 10px;
}

#hondenrassen dl{
    margin: 0;
    padding: 20px 0;
}
#hondenrassen dt{
    margin: 0;
    padding: 0 0 12px 0;
    font-size: 120%;
    font-weight: bold;
    letter-spacing: 1px;
    float:right;
    width: 584px;
}
#hondenrassen dd{
    margin: 0 0 0 155px;
    padding: 0;
    font-size: 100%;
	line-height: 1.5;
}
#hondenrassen dd.img{
    margin: 0;
    padding: 0;
}
#hondenrassen dd.img img{
    float: left;
    border: 1px #fff solid;
    padding: 3px;
    margin: 0 8px 0 0;
}

#contentmain{
    float: left;
    width: 325px;
    padding: 10px;
}

#contentimage{
    float: right;
    width: 405px;
    padding-bottom: 20px;
    padding-right: 5px;
}

#contentmainnoimage{
    padding: 10px;
}


/* wpid 5 -> list rassen */

.rassenoverzicht{
	float:left;
	display:inline;
	width:150px;
	padding:12px;
	text-align:center;
	line-height:1.5;
	min-height:200px;
}

.rassenoverzicht h1{
	margin:0;
	padding:0;
	font-size:12px;
	font-weight:bold;
}

.rassenoverzicht p{
	margin:0;
	padding:0;
}

.rassenoverzicht ul{
	margin:0;
	padding:0;
	list-style-type:none;
}

#rassen{
	margin: 0 18px;
	padding:0;
}

/* A/B variante Google */

.rassenoverzicht2{
	float:left;
	display:inline;
	width:350px;
	padding:12px;
	text-align:center;
	line-height:1.5;
	min-height:350px;
}

.rassenoverzicht2 h1{
	margin:0;
	padding:0;
	font-size:12px;
	font-weight:bold;
}

.rassenoverzicht2 p{
	margin:0;
	padding:0;
}

.rassenoverzicht2 ul{
	margin:0;
	padding:0;
	list-style-type:none;
}


/* A/B variante Google */

.rassenoverzicht3{
	padding:12px;
	text-align:center;
	line-height:1.5;
	/* min-height:350px; */
}

.rassenoverzicht3 h1{
	margin:0;
	padding:0;
	font-size:12px;
	font-weight:bold;
}

.rassenoverzicht3 p{
	margin:0;
	padding:0;
}

.rassenoverzicht3 ul{
	margin:0;
	padding:0;
	list-style-type:none;
}



/* hond detail */

.hondenras{
	padding: 20px;
}

.hondenras img{
    float: left;
    border: 1px #fff solid;
    padding: 3px;
    margin: 0 8px 0 0;
}

/* nest detail */

.nestthumb{
    border: 1px #fff solid;
    padding: 3px;
    margin: 0 8px 0 0;
    width: 100px;
}

/* hondenrassen */

.hondenrasimages{
	float:left;
	width:170px;
	margin-top:35px;
}

.hondenrasimages h1{
	margin:0;
	padding:0;
	font-size:10px;
}

.hondenrasimages p{
	margin:0;
	padding:0;
	font-size:10px;
}

.hondenrasimages img{
	border:solid 1px #fff;
	padding:3px;
}

.hondenrasomschrijving{
	float:left;
	width:530px;
	margin-top:30px;
}

.hondenrasomschrijving h1{
    font-size: 120%;
    font-weight: bold;
    padding:0;
    margin:0 0 6px 0;
    color:yellow;
}

/* Gastenboek */

#gastenboekform{
	float:right;
	width:355px;
	margin-left:20px;
	margin-bottom:20px;
	padding:15px;
	border:solid 1px #FFFF66;
	background:#6db1eb;
}

#gastenboeklist{
	padding:20px 0;
}

#gastenboeklist .gbberichtcontainer{
	padding:0 0 18px 0;
}

#gastenboeklist .gbnaam{
	font-weight:bold;
	padding-bottom:6px;
}

#gastenboeklist .gbbericht{
	font-style:italic;
}