/*  
Site Name: Snertpop 
Site URI: www.snertpop.nl
Description: 
Version: 0.1
Author: iTen
Author URI: www.iten.nl

*/

/*  =COLORS
---------------------------------------------------
	Body Background:
	Main Text:
	Links:
*/


/*  =RESET
---------------------------------------------------*/


/*  =RESET
---------------------------------------------------*/

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td
{
   padding: 0;
   margin: 0;
}
table
{
   border-collapse: collapse;
   border-spacing: 0;
   padding: 2px;
   font-weight: bold;
}
fieldset, img
{
   border: 0;
}
ol, ul
{
   list-style: none;
}
h1, h2, h3, h4, h5, h6
{
   font-weight: normal;
   font-size: 100%;
}
abbr, acronym
{
   border: 0;
}

/*  =GLOBAL ELEMENTS
-------------------------------------------------------------- */

body
{
   background-color: #ffffff;
   font-family: Verdana;
   font-size: 14px;
   margin-top: 20px;
}

body, html
{
   height: 100%;
}

h1, h2, h3, h4, h5, h6, a
{
   font-weight: normal;
   color: #00AEEF;
}
h1
{
   font-size: 196%;
   letter-spacing: -0.05em;
}

h2
{
   font-size: 136%;
   letter-spacing: -0.03em;
   font-weight: bold;
}

h3
{
   font-size: 126%;
}

h4
{
   font-size: 116%;
}

h5
{
   font-size: 106%;
}

h6
{
   font-size: 96%;
}

p
{
   line-height: 1.4em;
}

a img
{
   border: 0 none;
}

a
{
   color: #67b900;
}

blockquote
{
}

/*  =HEADER
-------------------------------------------------------------- */

#snertpopLogo
{
   position: absolute;
   margin-top: 25px;
   width: 336px;
   height: 276px;
   top: 0px;
}

#EditieButton
{
   height: 152px;
   margin-left: 329px;
   position: absolute;
   top: 57px;
   width: 155px;
}

#sponsoranimatie
{
   margin-left: 738px;
   position: absolute;
   top: 95px;
   width: 257px;
}


#fotoKader
{
   background-image: url("images/FotoKader.png");
   height: 286px;
   margin-left: 7px;
   position: absolute;
   top: 368px;
   width: 367px;
   z-index: 3;
}

#fotoKader ul
{
   margin-left: 59px;
   margin-top: 42px;
}

body, html
{
   height: 100%;
}

body
{
   background-image: url(images/bg_main2.jpg);
   margin: 0;
   padding: 0;
}

ul
{
   margin: 0;
   padding: 0;
}
.spacer
{
   clear: both;
   font-size: 0;
   line-height: 0;
}
img
{
   border: 0;
}


#pagecontainer
{
   width: 999px;
   margin: auto;
   height: 100%;
}


#mainwrapper
{
   background: url(images/bg_content2.gif);
   height: 100%;
   width: 999px;
   margin: auto;
}

#space
{
   height: 20px;
}

#header
{
   background: url(images/header_bg-wit.png);
   background-repeat: no-repeat;
   height: 206px;
   margin-top: 69px;
   padding-left: 5px;
   padding-top: 4px;
}


#navigationmain
{
   background: url("images/MenuAchtergrond.jpg") repeat scroll 0 0 transparent;
   clear: both;
   height: 82px;
   margin-left: 4px;
   margin-top: 1px;
   width: 991px;
}

#navigatie
{
   position: relative;
}
#navigatie li
{
   /* display: block;*/
   float: left;
}
.Nieuws
{
   text-indent: -2500px;
   display: block;
   height: 37px;
   width: 136px;
   background: url(images/nav_news.gif);
}
a.Nieuws:hover
{
   background-position: 0 -45px;
}
a.Nieuws:active
{
   background-position: 0 -45px;
}

.Informatie
{
   text-indent: -2500px;
   display: block;
   height: 37px;
   width: 173px;
   background: url(images/nav_inform.gif);
}
a.Informatie:hover
{
   background-position: 0 -45px;
}
a.Informatie:active
{
   background-position: 0 -45px;
}

.Kaartverkoop
{
   text-indent: -2500px;
   display: block;
   height: 37px;
   width: 210px;
   background: url(images/nav_kaartver.gif);
}

a.Kaartverkoop:hover
{
   background-position: 0 -45px;
}

a.Kaartverkoop:active
{
   background-position: 0 -45px;
}

.Gastenboek
{
   text-indent: -2500px;
   display: block;
   height: 37px;
   width: 186px;
   background: url(images/nav_gastenboek.gif);
}

a.Gastenboek:hover
{
   background-position: 0 -45px;
}

a.Gastenboek:active
{
   background-position: 0 -45px;
}

.Fotoboek
{
   text-indent: -2500px;
   display: block;
   height: 37px;
   width: 155px;
   background: url(images/nav_fotoboek.gif);
}

a.Fotoboek:hover
{
   background-position: 0 -45px;
}

a.Fotoboek:active
{
   background-position: 0 -45px;
}

.Contact
{
   text-indent: -2500px;
   display: block;
   height: 37px;
   width: 140px;
   background: url(images/nav_contact.gif);
}

a.Contact:hover
{
   background-position: 0 -45px;
}

a.Contact:active
{
   background-position: 0 -45px;
}

#bodymain
{
   background: url(images/bg_content2.gif) 0 0 repeat-y;
   height: 100%;
   width: 999px;
   min-height: 400px;
}
#bodyleft
{
   padding-top: 38px;
   float: left;
   width: 304px;
   background-image: url(images/bg_left.jpg);
   margin-left: 6px;
}
#bodyleft h1
{
   background: url(images/line_seperator.gif) 0 0 no-repeat;
   padding: 6px 0 0 15px;
   font: bold 18px Verdana;
   color: #fff;
   margin: 0;
}
#bodyleft h2
{
   padding: 10px 0 0 15px;
   font: bold 18px Verdana;
   color: #fff;
   margin: 0;
}
#bodyleft ul
{
   padding: 0 0 0 30px;
   font: bold 13px Verdana;
   margin: 0;
}
#bodyleft ul li
{
}
#bodyleft ul li a
{
   text-decoration: none;
   color: #000;
}
#bodyleft ul li a:hover
{
   color: #fff;
}
#bodyleft img
{
   border: 0;
   padding: 0 0 8px 15px;
}
#bodyleft p
{
   padding: 0 6px 0 15px;
   font: normal 12px Verdana;
}
#bodymiddle
{
   float: left;
   margin: 10px 15px;
}
#bodymiddlemain
{
   width: 700px;
   height: 322px;
   background-color: #c0cb26;
}
#bodymiddlemain img.floatLeft
{
   padding-right: 10px;
   width: 171px;
   float: left;
}
#bodymiddlemain h1
{
   margin: 10px;
   font: bold 26px Verdana;
   color: #fff;
}
#bodymiddlemain p
{
   padding: 0;
   font: normal 14px Verdana;
}
#contentbottom
{
   width: 500px;
   margin-left: 180px;
   margin-top: 36px;
}
#contentbottom h1
{
   font: bold 25px Verdana;
   color: #c0cb26;
}
#contentbottom p
{
   font: normal 14px Verdana;
   color: #000;
}

#footer
{
   clear: both;
   width: 999px;
   margin: auto;
   background-color: #FF3300;
}

/*---------------------inform page-----------------------*/
#navigatie ul
{
   float: left;
   font: 13px Verdana;
   margin-top: 12px;
   padding-left: 15px;
   position: absolute;
}
#navigatie ul li
{
   padding-left: 0px;
   padding-right: 30px;
   list-style-type: disc;
}
#navigatie ul li a
{
   background-image: none;
   color: #000;
   text-decoration: none;
   text-indent: 0px;
   height: auto;
}
#navigatie ul li a:hover
{
   color: #131cd6;
}
#bodysubmiddlemain
{
   width: 700px;
}
#bodysubmiddlemain img.floatright
{
   float: right;
   margin-top: 9px;
}
#bodysubmiddlemain h1
{
   font: bold 20px Verdana;
   color: #c0cb26;
}
#bodysubmiddlemain p
{
   width: 511px;
   font: normal 14px Verdana;
   color: #000;
   text-align: justify;
}
.itlaictext
{
   font: normal 12px Verdana;
   color: #c0cb26;
}

#bodysubmiddlemain .itlaictext
{
   font-style: italic;
}




/*---------------------photo-----------------------*/

#gridone
{
   width: 700px;
   background-color: #f6fad3;
   margin: 0;
}
#gridone h1
{
   font: bold 20px Verdana;
   color: #c0cb26;
   padding: 0 8px;
}
#gridone p
{
   font: normal 14px Verdana;
   color: #000;
   padding: 0 8px;
}
#gridone h3
{
   font: bold 11px Verdana;
   font-style: italic;
   padding: 0 8px;
   color: #c0cb26;
}

#gridtwo
{
   width: 700px;
   background-image: url(images/sub/bg_seperator.gif);
   background-repeat: repeat-x;
   margin: 0;
}
#gridtwo h1
{
   font: bold 20px Verdana;
   color: #c0cb26;
   padding: 8px 8px;
}
#gridtwo p
{
   font: normal 14px Verdana;
   color: #000;
   padding: 0 8px 0 8px;
}
#gridtwo h3
{
   font: bold 11px Verdana;
   font-style: italic;
   padding: 0 8px;
   color: #c0cb26;
}
#gridoneb
{
   background-image: url(images/sub/bg_seperator.gif);
   background-repeat: repeat-x;
   width: 700px;
   background-color: #f6fad3;
   margin: 0;
}
#gridoneb h1
{
   font: bold 20px Verdana;
   color: #c0cb26;
   padding: 8px 8px;
}
#gridoneb p
{
   font: normal 14px Verdana;
   color: #000;
   padding: 0 8px;
}
#gridoneb h3
{
   font: bold 11px Verdana;
   font-style: italic;
   padding: 0 8px;
   color: #c0cb26;
}
.itlaictext
{
   font-style: italic;
   font: bold 11px Verdana;
   padding: 0 8px 10px 8px;
}
/*---------------------guest-----------------------*/
#bodymiddlefoto
{
   float: left;
   width: 710px;
   margin: 10px 11px;
}
#bodymiddlefoto h1
{
   width: 700px;
}

div.img
{
   margin: 8px 16px 8px 8px;
   height: auto;
   width: auto;
   float: left;
   text-align: center;
}
div.img img
{
   display: inline;
   margin: 10px;
   border: 1px solid #ffffff;
}

div.desc
{
   font: bold 15px Verdana;
   color: #c0cb26;
   text-align: center;
   margin: 2px;
   line-height: 15px;
}
#gallery
{
   width: 710px;
}
#gallerybottom
{
   position: relative;
}
#gallerybottom h1
{
   text-align: left;
   font: bold 20px Verdana;
   color: #c0cb26;
   padding-left: 10px;
   padding-top: 10px;
}
#gallerybottom p
{
   font: normal 14px Verdana;
   color: #000;
   padding-left: 10px;
}

#FotoAlbums
{
   list-style: none outside none;
}

#FotoAlbums li
{
   float: left;
   padding-top: 18px;
}

#FotoAlbums li a
{
   display: block;
   padding-right: 21px;
}

.description
{
   height: 15px;
   text-align: center;
   padding-top: 5px;
   width:135px;
}

.description a
{
   text-decoration: none;
   color: #000000;
}

.description a:hover
{
   text-decoration: underline;
   color: #003472;
}