/*  
Theme Name: Spot
Author: Winy Schalke
Author URI: 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; }
 
/* Left-aligns text in caption and th */
caption,th { text-align : left; }

/* Removes quotation marks from q */
q:before, q:after { content :''; }

/* layout en kleuren */

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

body { 
position: relative; width : 770px; 
text-align : left; }

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

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

h1,  div#branding h2 { 
display: none;
}

/* 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: 118px;
text-align: center;
}

ul#nav_tabs li a {
display: block;
height: 23px;
width: 118px;
color: #fff;
line-height: 23px;
background: #666 url(images/tab-hoekje-spot.gif) top right no-repeat; 
}
 
 ul#nav_tabs li a:hover {
background: #000 url(images/tab-hoekje-spot.gif) top right no-repeat;
 }
ul#nav_tabs li a.active, ul#nav_tabs li a.active:hover {
background: #fff url(images/tab-hoekje-spot.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;}

div#container { 
position : relative;
}

/* hoofdmenu */

div#nav_main { 
position: absolute;
top: -1px; left: 0;
/* ie6-hack */_left: -130px;} 

div#nav_main {
border-bottom: 1px solid #fff;
}
 
/* level 1 */ 
  
div#nav_main li {
display: inline; 
 }

div#nav_main li a {
display: block; 
width : 110px; 
padding: .25em 10px; 
color: #fff;
font-weight: bold;
border-top: 1px solid #fff;
}

div#nav_main li a:hover {
background: #390;
}

div#nav_main li.current_page_item a {
background: #390;
}

/* level 2 - submenu */

div#nav_main li li a {
padding-left: 20px; 
width: 100px; font-size: 95%; 
font-weight: normal;
border-top: 0;
}

div#nav_main li.current_page_item li a {
background: transparent;
}

div#nav_main li.current_page_item li a:hover {
background: #390;
}


/* witte gedeelte van de pagina */

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

body#home div#content_main {
background: #fff url(images/bg-spot-home.gif) 0 0 no-repeat; 
padding: 0;
/* IE6 hack */_padding-top: 1px;
}

body#tekst-links div#content_main {
padding-left: 10px;
padding-right: 170px;
}

body#foto div#content_main {
padding-left: 10px;
padding-right: 10px;
}

/* 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;
}

/* baan met kadertekstjes aan rechterkant */

#kaderrechtsmidden {
position: absolute;
top: 75px; right: -170px;
/* ie6-hack */_right: 0px;
width: 160px;
padding: 0;
}

#kaderrechtsmidden img {
/* pijltjes */
padding-left: .5em;
vertical-align: middle;
}

#kaderrechtsmidden img.nomargin {
/* foto's */
padding-left: 0;
margin-bottom: -1em;
margin-top: -1px;
}

#kaderrechtsmidden h4 {
margin-bottom: 0;
}

#kaderzwart {
background: #000;
color: #fff;
padding: 5px 2px 5px 8px;
}

#kaderlichtgrijs {
background: #ccc;
padding: 5px 2px 5px 8px;}

#kaderdonkergrijs {
color: #fff;
background: #666;
padding: 5px 2px 5px 8px;}

#kadergeel {
background: #fc0;
padding: 5px 2px 5px 8px;}

#kaderrose {
color: #fff;
background: #f09;
padding: 5px 2px 5px 8px;}

#kaderrood {
color: #fff;
background: #f00;
padding: 5px 2px 5px 8px;}

#kaderblauw {
color: #fff;
background: #09f;
padding: 5px 2px 5px 8px;}

#kadergroen {
color: #fff;
background: #3c0;
padding: 5px 2px 5px 8px;}

/* broodkruimels */

body#tekst-rechts ul#breadcrumbs, body#gastenboek ul#breadcrumbs {
margin-left: -160px;
}

body#tekst-links ul#breadcrumbs, 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;
}

body#tekst-rechts h3 img {
position: absolute;
left: -170px;
margin-top: 0.5em;}

img.left {
float: left; margin: .5em 1em 1em 0;
}

/* 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.intro-groot {
font-size: 120%;
}

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

address {
font-weight: bold;
}

div#content_main ul {
list-style-type: square;
margin-left: 2em;
margin-bottom: 1em;
}

div#content_main ol {
margin-left: 2em; 
margin-bottom: 1em; 
}

div#content_main strong {
font-weight: bold; 
}
div#content_main em {
font-style: italic; 
}

/* hyperlinks */

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

div#content_main a:link, div#content_main a:visited { 
text-decoration : none;
color : #3c0;
font-weight: bold;
}

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

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

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

/* copyright */

div#copyright {
display: block;
clear: both;
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;
}

/* homepage */


/* Theaterbureau Spot */

body#home h2 {
padding-left: 170px;
padding-right: 80px;
}

body#home #theaterbureauspot {
padding-left: 170px;
padding-right: 80px;}

/* naw (telefoon etc.) */

body#home table {
width: 640px;
margin-top: 3.5em;
/* ie6 hack */_margin-top: 2em;}

body#home td {
vertical-align: top;
width: 160px;
padding-bottom: .5em;
}

body#home #naw {
background-color: #000;
}

body#home #naw ul {
color: #fff;
padding-bottom: 10px;
margin: 0;
list-style : none; }

body#home  #naw ul a, body#home  #naw ul li {
color: #fff;
}

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

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

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

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

/* Huidig aanbod */

body#home #aanbod {
width: 320px;
background-color: #3c0;
padding-bottom: 10px;
}

body#home #aanbod h3 {
font-size: 2em;
line-height: 1.1em;
color: #fff;
margin: 10px;
}

body#home #aanbod p {
margin: 0 10px;
}

body#home #aanbod h4 {
font-size: 120%;
line-height: 20px;
margin: 1em 10px 1em 10px;
}

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

body#home #aanbod img {
padding-left: 4px;
vertical-align: middle;}

/* Werkwijze */

body#home #werkwijze {
color: #000;
width: 160px;
padding-bottom: 10px;
}

body#home td#werkwijze {
padding-left: 10px;
padding-right: 10px;
}

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

body#home #werkwijze h4 {
font-size: 120%;
line-height: 20px;
margin: 1em 10px 0 0;
}

body#home #werkwijze h5 {
margin-bottom: 1em;
font-style: normal;
margin-top: 0;
}

body#home #werkwijze img {
padding-left: 4px;
vertical-align: middle;
}

/* zoekveld */

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

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