/*  
Theme Name: Giel van Dam
css voor de BRUINE paginaas
Author: Winy Schalke
Author URL: http://www.alva-design.com/
*/

/* Normalizes margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td,img 
{ margin : 0; padding : 0; }

/* Normalizes font-size for headers */
h1,h2,h3,h4,h5,h6 { font-size : 100%; }

/* Removes list-style from lists */
ol,ul { list-style : none; }

/* Normalizes font-style and font-weight to normal */
address, caption, cite, code, dfn, th, var
{ font-style : normal; font-weight : normal; }

/* Removes border from fieldset and img */
fieldset,img { border : 0; }
 
/* layout en kleuren */

html 	{ text-align : center;  
background-color: #600;}

body { 
position: relative; width : 770px; 
text-align : left; 
font : 80%/1.5 "Lucida Grande", Verdana, sans-serif;
margin-left: auto;
margin-right: auto;
}

body#home {
background: url(images/logo-home-gielvandam.gif) 10px 0 no-repeat;}

div#branding {
height : 65px;
position: relative;}

div#branding img {position: absolute; top: 5px; left: 90px;}

body#home div#branding img {position: absolute; top: 0; left: 10px;}

h1 { 
text-indent: -9999px; 
}

/* bovenste rij tabs */

ul#nav_tabs {
margin-left: 130px;
background-color: #000;
height: 23px;
padding: 0 15px 0 0;
}

ul#nav_tabs li {
float: left;
height: 23px;
width: 120px;
text-align: center;
}

ul#nav_tabs li a {
display: block;
height: 23px;
width: 120px;
color: #fff;
line-height: 23px;
background: #666 url(images/tab-hoekje-gielvandam.gif) top right no-repeat; 
}
 
ul#nav_tabs li#tab_natuur a {background-color: #3c0;
}
ul#nav_tabs li#tab_circus a {background-color: #f00;
}
ul#nav_tabs li#tab_meer a {background-color: #09f;
}
ul#nav_tabs li#tab_over a {background-color: #f09;
}

body#home ul#nav_tabs li a {
background: #666 url(images/tab-hoekje-gielvandam.gif) top right no-repeat; 
}

ul#nav_tabs li a:hover {
background: #000 url(images/tab-hoekje-gielvandam.gif) top right no-repeat;
}
 
 ul#nav_tabs li a:hover, ul#nav_tabs li#tab_natuur a:hover, ul#nav_tabs li#tab_circus a:hover, ul#nav_tabs li#tab_meer a:hover, ul#nav_tabs li#tab_over a:hover {
background: #000 url(images/tab-hoekje-gielvandam.gif) top right no-repeat;
 }
 
 ul#nav_tabs li#tab_meer a.active, ul#nav_tabs  li#tab_meer a.active:hover, ul#nav_tabs li#tab_over a.active, ul#nav_tabs  li#tab_over a.active:hover {
background: #fff url(images/tab-hoekje-gielvandam.gif) top right no-repeat;
font-weight: bold;
color: #000;
}  

/* tweede rij onder tabs */

ul#nav_tools {
margin-left: 130px;
background-color: #fff;
height: 23px;
padding: 0 15px 0 0;
z-index: 10;}

ul#nav_tools li {
float: left;
border-right: 1px solid #000; 
height: 20px;
margin-top: 3px;
background-color: #fff;}

ul#nav_tools li#nav_info  {
border-right: none;}


ul#nav_tools li a {
padding : 0 .5em ;
color: #000;
}
 
 ul#nav_tools li a:hover {
color: #c00;
 }
 

ul#nav_tools li#nav_info  {
border-right: none;}

/* zoekveld */

.searchform {
position : relatve; 
margin-left: 8px; 
width: 150px;
}

.searchsubmit {
background-color:#FFFFFF; 
border:0 none; 
margin-left:0;
}




/* content */

div#container { 
position : relative;
}


div#eXTReMe {
display: none
}


/* witte gedeelte van de pagina */


 
 
div#content_main {
position: relative;
margin: 0 0 0 130px;
}

body#vervolg div#content_main {
position: relative;
padding: 1em 10px .5em 170px;
background: #fff url(images/bg-gielvandam.gif) 0 -1px no-repeat; 
min-height: 419px;
}

body#foto div#content_main {
position: relative;
padding: 1em 10px .5em 10px;
background: #fff url(images/bg-gielvandam.gif) 0 -1px no-repeat; 
height: 995px;
}

body#foto div#cse-search-results {
position: absolute; 
overflow: hidden; 
clip: rect(20px 556px 900px 0px);
margin-top: -20px;
padding-left: 0px;
padding-right: 10px;
height: 1020px;
}


/* baan met foto's aan linkerkant, 10px marge onder elke foto */


#kaderlinksboven {position: absolute;
top: -4.5em; left: -170px;
width: 160px;
}

#kaderlinksboven img {margin-bottom: 10px;
}


/* broodkruimels */

ul#breadcrumbs {
margin-left: -160px;
}

body#foto ul#breadcrumbs {
margin-left: 0;
}

ul#breadcrumbs li {
display: inline; padding :0; 
font-weight: bold;
}

ul#breadcrumbs li a:hover {
text-decoration: underline;
 }

ul#breadcrumbs li a:link, ul#breadcrumbs li a:visited, ul#breadcrumbs li a:active {
color: #000;
font-weight: normal;
}


/* content */


.entry {
position: relative;
}

 td {
vertical-align: top;
}




/* typography.css */

body { 
font : 80%/1.5 "Lucida Grande", Verdana, sans-serif; color : #333; }


h2, h3 { 
font-weight : bold; 
padding-right: 10px;
}

h2 { 
font-size: 160% ; 
margin-top: 1em;
margin-bottom: 1em;
}


h3 { 
font-size: 110% ;
margin-top: 1em;
margin-bottom: 0;}

h4 {
font-size: 100%;
margin-top: 1em;
margin-bottom: 0;
}

h5 {
font-size: 100%;
margin-top: 1em;
font-weight: normal;
font-style: italic;
margin-bottom: 0;
}

p { 
font-size : 100%; 
margin-bottom: 1em;
padding-right: 10px;
}

p.edit_post_link {

}

p.intro-groot {
font-size: 120%;
}

p.intro-vet {
font-size: 100%;
font-weight: bold;
}


body#home h2, body#home p.intro {
margin-right: 160px;
margin-left: 170px;
}

address {
font-weight: bold;
}

body#vervolg div.post ul {
list-style-type: square;
margin-left: 2em;
margin-bottom: 1em;
}

body#vervolg div.post ol {
margin-left: 2em; 
margin-bottom: 1em; 
}

embed { 
display: block;
margin-top: 1em;
margin-bottom: 1em;
}



/* hyperlinks */

a:link, a:visited, a:active, a:hover { 
text-decoration : none;
}

body#home a:active, body#home a:hover, body#home a:link, body#home a:visited { 
text-decoration: none;
}

div.post a:link, div.post a:visited { 
text-decoration : none;
color : #f00;
font-weight: bold;
}

div.post a:active, div.post a:hover { 
text-decoration : underline;
}

div.post a.zwart, div.post a.zwart:visited, div.post a.zwart:active { 
color : #000;
}

div.post a.zwart:hover { 
text-decoration : underline;
}

div.post a.link-licht, div.post a.link-licht:visited, div.post a.link-licht:active { 
color: #000;
font-weight: normal;
}

div.post a.link-licht:hover { 
text-decoration : underline;
color: #f00;
}

/* hyperlinks uitklapmenu*/

.hyperlinkcss{
position:absolute;
margin-left:0px;               /* horizontale positie van het menu t.o.v. de link */
margin-top:0px;                /* verticale positie van het menu t.o.v. de link */
visibility: hidden;
border:1px solid black;
border-bottom-width: 0;
font:normal 12px Verdana;
line-height: 18px;
z-index: 100;
background-color: #6699FF;
width: 100px;
}

.hyperlinkcss a{                   
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid black;
padding: 1px 0;
}

/* Giel van Dam */

td#gielvandam {
background: #fff;
color: #000;
width: 326px;
}

td#gielvandam h2 {
font-size: 120%;
margin: 10px;
}

td#gielvandam p {
margin: 0 10px 10px 10px;
}

/* Aanmelden */

td#aanmelden {
background: #ff9;
color: #000;
width: 154px;
text-align: center;
}

td#aanmelden h3 {
font-size: 120%;
margin: 2em 10px 0 10px;
}

td#aanmelden h3 a:active, td#aanmelden h3 a:hover, td#aanmelden h3 a:link, div#aanmelden  h3 a:visited {
color: #000; 
}

td#aanmelden img{ margin-top: 0; 
}

/* Telefoon, e-mail, info */

td#naw {
background: #000;
color: #fff;
width: 160px;
}

td#naw ul a:active, td#naw ul a:hover, td#naw ul a:link, td#naw ul a:visited {
color: #fff;
}

td#naw ul a:active, td#naw ul a:hover {
text-decoration: underline;
}

td#naw ul li {
padding-left: 35px;
font-weight: bold;
font-size: 80%;
line-height: 4em;
}

td#naw ul li#telefoon {
background: url(images/naw-icon-telefoon.gif) center left no-repeat; 
margin-top: 15px;}

td#naw ul li#email {
background: url(images/naw-icon-email.gif) center left no-repeat; 
}

td#naw ul li#info {
background: url(images/naw-icon-info.gif) center left no-repeat; 
}

/* Spot */


td#spot {
background: #600 url(images/bg-spot.gif) top left no-repeat;
width: 320px;}

td#spot h3 {
color: #fff;
font-size: 130%;
margin: 10px;
}

td#spot h3 strong {
font-size: 100%;
}

td#spot a:active, td#spot a:hover, td#spot a:link, td#spot a:visited {
color: #fff;
}

td#spot img.pijl-r {
vertical-align: middle; margin-left: 10px;
}

/* Circus */

td#slideshow {
border-top: 12px solid #600;
}

td#circus {
background: #f60 url(images/bg-circus.gif) top left no-repeat;
width: 320px;}

td#circus h3 {
color: #fff;
margin: 10px 10px 10px 16px;
font-size: 130%;
}

td#circus h4 {
font-size: 80%;
margin: .5em 10px .5em 16px;
font-weight: normal;}

td#circus a:active, td#circus a:hover, td#circus a:link, td#circus a:visited {
color: #fff;
text-decoration: none;
}

td#circus img.pijl-r {
vertical-align: middle; margin-left: 10px;
}


/* copyright */

div#copyright {
display: block;
color: #fff;
text-align: left;
font-size: 85%;
margin-top: 0.5em;
margin-left: 130px;}

div#copyright a:link, div#copyright a:visited { 
color: #fff;
text-decoration: none;}


div#copyright a:active, div#copyright a:hover { 
text-decoration: underline;
}

/* .hidden and .emailadres are used in my antispam trick */
.emailadres {
  background-color: inherit;
  color: #4466AA;
}

.hidden {
  display: none
}