/* nathaliebaartman.nl/txp */

/* styled by Joop Vos - www.redfoxwebdesign.nl - 2008 */

/* editor - CSSEdit - http://www.macrabbit.com/cssedit */

/* Begin of Yahoo Reset CSS - http://developer.yahoo.com/yui/reset */
/* reset css (e.meyer) + button (redfox) */

/* @group yahoo-reset-css */

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

table 
{
	border-collapse: collapse;
	border-spacing: 0;
}

fieldset,img,button 
{
	border: 0;
}

address,caption,cite,code,dfn,em,strong,th,var 
{
	font-style: normal;
	font-weight: normal;
}

ol,ul 
{
	list-style: none;
}

caption,th 
{
	text-align: left;
}

h1,h2,h3,h4,h5,h6 
{
	font-size: 100%;
	font-weight: normal;
}

q:before,q:after 
{
	content: '';
}

abbr,acronym 
{
	border: 0;
}

/* @end */

/* font-size > http://clagnut.com/blog/348/ */

body 
{
	font-family: "Lucida Grande", Lucida, "Lucida Sans Unicode", "Trebuchet MS", Verdana, sans-serif;
	font-size: 62.5%;
	line-height: 180%;
	color: #fff;
	margin: 0;
	padding: 0;
}

body#home {background: #000 url(design/homepage.jpg) repeat -20px 0;}
body#voorstelling {background: #000 url(design/nathalieBaartman2009_08.jpg) repeat -180px 0;}
body#error {background: #000 url(design/varkenonderdearm.jpg) repeat -250px 0;}
body#speellijst {background: #000 url(design/nathalie-220308.jpg) repeat 40px 0;}
body#gastenboek {background: #000 url(design/Nathalie03_sfw.jpg) repeat 200px 0;}
body#pers {background: #000 url(design/IMG_5766.jpg) repeat -155px 0;}
body#interviews {background: #000 url(design/interview.jpg) repeat -180px 0;}
body#media {background: #000 url(design/Media.jpg) repeat -140px 0;}
body#column {background: #000 url(design/Nathalie08-z-w_sfw.jpg) repeat 240px 0;}
body#blog {background: #000 url(design/P3010179_sfw.jpg) repeat 60px 0;}
body#contact {background: #000 url(design/varken.jpg) repeat -180px 0;}


a:link, a:visited 
{
	text-decoration: none;
	color: #d70000;
	padding-bottom: 0px;
	border-bottom: 0px solid #555;
}

a:hover, a:active 
{
	text-decoration: none;
	color: #000;
	padding-bottom: 0px;
	border-bottom: 0px solid #fff;
}

a.img
{
	border: none;
}

/* to have a horizontal scrollbar submit overflow:hidden */
#wrapper
{
	margin: 0;
	padding-bottom: 400px;
	width: 1400px;
	overflow: hidden;
	background: url(design/wrapper_bg_01.gif) repeat-y 0 0;
}

/* @group left */

/* #left has only a background-image ... so no content! Therefore height 1px! */
#left 
{
	float: left;
	margin-left: 30px;
	width: 120px;
	height: 1px;
	background-color: transparent;
	display: inline;
	text-align: center;
}

/* @end */

/* @group center */

#center
{
  	float: left;
	margin-left: 12px;
	width: 230px;
	background: transparent;
	color: #000;
	display: inline;
	text-align: right;
}

h1
{
	color: #000;
	margin-top: 16px;
	padding: 0 10px 10px 0;
	background-color: transparent;
	font-size: 2.2em;
}

h2
{
	color: #000;
	margin: 0 10px;
	padding-bottom: 10px;
	background-color: transparent;
	font-size: 2.2em;
	border-bottom: 0px solid #c2c2c2;
}

#nav
{
	margin: 10px 10px;
	padding: 20px 0;
	background-color: transparent;
	border-bottom: 0px solid #c2c2c2;
}

ul
{
	list-style-image: none;
	background-color: transparent;
}

li
{
	padding-bottom: 8px;
	background-color: transparent;
	font-size: 2.2em;
	text-align: right;
}

li a:link, li a:visited 
{
	text-decoration: none;
	color: #d70000;
	padding-bottom: 0px;
	border-bottom: 0px solid #555;
	display: block;
	background-color: transparent;
}

li a:hover, li a:active 
{
	text-decoration: none;
	color: #000;
	padding-bottom: 0px;
	border-bottom: 0px solid #fff;
	display: block;
	background-color: transparent;
}

/* om link:active zwart te maken ... fake! */
#home li.home a {color: #000;}
#voorstelling li.voorstelling a {color: #000;}
#speellijst li.speellijst a {color: #000;}
#gastenboek li.gastenboek a {color: #000;}
#pers li.pers a {color: #000;}
#interviews li.interviews a {color: #000;}
#media li.media a {color: #000;}
#column li.column a {color: #000;}
#blog li.blog a {color: #000;}
#contact li.contact a {color: #000;}

.recent
{
	position: relative;
	margin-bottom: 20px;
	padding: 0 10px;
}

.archief
{
	position: relative;
	margin-bottom: 40px;
	padding: 0 10px;
}

.archief li
{
	font-size: 1.6em;
	line-height: 100%;
	padding-bottom: 8px;
	background-color: transparent;
}

#center .article
{
	padding: 10px 10px;
}

#center h3
{
	font-size: 1.6em;
	line-height: 140%;
	border-bottom: 1px solid #c2c2c2;
	margin-bottom: 10px;
	background-color: transparent;
}

#center p
{
	font-size: 1.6em;
	line-height: 140%;
	background-color: transparent;
}

/* tekst voor samenvattingen artikelen! */
#home #center p
{
	font-size: 1.2em;
	line-height: 140%;
	background-color: transparent;
}

/* rood streepje voor links in .recent! */
.recent a 
{
	background: url(design/streep.gif) no-repeat 0 60%;
	padding-left: 8px;
}

img.center
{
	margin-top: 20px;
}

/* @end */

/* @group right */

#right
{
	float: left;
	margin-left: 12px;
	padding-bottom: 100px;
	width: 480px;
	background: transparent;
	color: #000;
	display: inline;
}

/* height: 1% in IE6/7 ... if not then image drifts to the left when hovered!  */
#right div
{
	height: 1%;
	margin-bottom: 10px;
	padding: 10px 10px 0 10px;
}

#right p
{
	margin-bottom: 0;
	padding: 1px 0;
	font-size: 1.4em;
	line-height: 160%;
	color: #444;
}

#right div p.small
{
	margin-bottom: 10px;
	padding: 0 0 10px 0;
	font-size: 1.4em;
	line-height: 140%;
	color: #999;
	border-bottom: 1px solid #c2c2c2;
}

#right div p.small strong
{
	font-weight: normal;
}

#right strong
{
	font-weight: bold;
}

/* height: 1% in IE6/7 ... if not then image drifts to the left when hovered!  */
#right .article, #right dl
{
	height: 1%;
	margin: 20px 0;
	padding: 0 10px 0 10px;
}

#right .articleTop
{
	margin: 14px 10px 0;
	padding: 0 0 10px;
	border-bottom: 1px solid #c2c2c2;
}

#right .articleTop p
{
	margin: 0;
	padding: 0;
}

#right .articleTop p img
{
	margin-top: -4px;
	padding: 0;
}

#right .agenda
{
	height: 1%;
	margin: 20px 10px 0 10px;
	padding: 20px 0 0 0;
	border-top: 1px solid #c2c2c2;
}

#pers #right .article
{
	margin: 20px 10px 0;
	padding: 0 0 20px;
	border-bottom: 1px solid #c2c2c2;
}

/*
#column #right .articleTop p
{
	padding-left: 80px;
	color: #444;
	font-size: 1.3em;
	line-height: 160%;
	background: #fff url(design/tubantia.gif) no-repeat 0 -120px;
}
*/

#blog #right .articleTop pre
{
	padding: 0;
	color: #a1a1a1;
	font: 2em/120% Georgia, "Times New Roman", Times, serif;
	background: #fff url(#) no-repeat -16px 0px;
	overflow: hidden;
	font-weight: bold;
}

#home #right .article
{
	height: 1%;
	margin: 10px 0 0 0;
	padding: 0;
	border-bottom: 0px solid #c2c2c2;
}

#home #right .article p
{
	text-align: center;
}

#voorstelling #right .article
{
	height: 1%;
	margin: 10px 0;
	padding: 0 10px 0 10px;
	border-bottom: 0px solid #c2c2c2;
}

#gastenboek #right .article
{
	height: 1%;
	margin: -20px 10px 0 10px;
	padding: 20px 0 10px 0;
	border-bottom: 1px solid #c2c2c2;
}

#pers #right .article
{
	height: 1%;
	margin: -4px 10px 0 10px;
	padding: 20px 0 10px 0;
	border-bottom: 1px solid #c2c2c2;
}

#interviews #right .article
{
	height: 1%;
	margin: -4px 10px 0 10px;
	padding: 20px 0 10px 0;
	border-bottom: 1px solid #c2c2c2;
}

#media #right .article
{
	height: 1%;
	margin: -4px 10px 0 10px;
	padding: 20px 0 10px 0;
	border-bottom: 1px solid #c2c2c2;
}

#contact #right .article
{
	height: 1%;
	margin: -4px 10px 0 10px;
	padding: 20px 0 10px 0;
	border-bottom: 1px solid #c2c2c2;
}

#error #right .article
{
	height: 1%;
	margin: -4px 10px 0 10px;
	padding: 20px 0 10px 0;
	border-bottom: 1px solid #c2c2c2;
}

#right .article h3, #right .articleTop h3  
{
	font-weight: normal;
	font-size: 2em;
	line-height: 120%;
	color: #000;
	margin-bottom: 6px;
	margin-top: -2px;
}

#right .agenda h3  
{
	font-weight: normal;
	font-size: 1.8em;
	color: #000;
	margin-bottom: 12px;
}

#right .article h4  
{
	font-weight: bold;
	font-size: 1.2em;
	line-height: 100%;
	color: #afafaf;
	margin-bottom: 12px;
}

#right .article h3 a:link, #right .article h3 a:visited
{
	text-decoration: none;
	color: #555;
	padding-bottom: 0px;
	border-bottom: 1px solid #7b7b7b;
}

#right .article h3 a:hover, #right .article h3 a:active
{
	text-decoration: none;
	color: #555;
	padding-bottom: 0px;
	border-bottom: 1px solid #fff;
	background-color: #fff;
}

#right .article p
{
	margin-bottom: 10px;
	padding: 0;
	font-size: 1.4em;
	line-height: 160%;
	color: #000;
}

#pers #right .article h3
{
	font: 2em/120% Georgia, "Times New Roman", Times, serif;
}

#pers #right .article p
{
	font: 1.6em/160% Georgia, "Times New Roman", Times, serif;
}

#right .agenda p
{
	margin-bottom: 4px;
	padding: 0;
	font-size: 1.2em;
	line-height: 160%;
	color: #000;
}

#right .article p.voetnoot
{
	margin-bottom: 10px;
	padding: 0;
	font-size: 1.2em;
	color: #afafaf;
	font-weight: bold;
}

#right dl
{
	font-size: 1.6em;
	line-height: 140%;
}

/* post with two images strange 1px extra gap! see > http://www.joopvos.nl/txp/studio-270501  */
#right img 
{
	border: 0px solid #000;
	margin: 10px 0 10px 0;
}

#home #right img
{
	margin: 0;
}

#speellijst table 
{
width:458px;
border-top:1px solid #d70000;
border-right:1px solid #d70000;
margin:1em 0;
border-collapse:collapse;
}

#speellijst td 
{
font-size: 1.2em;
color:#000;
border-bottom:1px solid #d70000;
border-left:1px solid #d70000;
padding:.3em .3em;
text-align:left;
}

/* @group comments */

ul.commentsNav
{
	padding: 0 10px 10px 0;
	border-bottom: 1px solid #c2c2c2;
	margin: 0 0 20px;
	float: left;
}

ul.commentsNav li
{
	
	float: left;
	font-size: 1.4em;
	line-height: 100%;
	font-weight: normal;
	padding-right: 6px;
}

ul.commentsNav li a:link, ul.commentsNav li a:visited 
{
	text-decoration: none;
	color: #d70000;
	padding-bottom: 0px;
	border-bottom: 0px solid #555;
	display: block;
	background-color: transparent;
}

ul.commentsNav li a:hover, ul.commentsNav li a:active 
{
	text-decoration: none;
	color: #000;
	padding-bottom: 0px;
	border-bottom: 0px solid #fff;
	display: block;
	background-color: transparent;
}

ul.commentsNav li a.current
{
	color: #000;
}

ul.comments_error
{
	padding-bottom: 20px;
}

ul.comments_error li
{
	text-align: left;
	font-size: 1.4em;
	line-height: 100%;
	font-weight: normal;
}

.comments-wrapper td
{
	padding-bottom: 4px;
	border: 0px solid #000;
}

label
{
	font-size: 1.4em;
	line-height: 100%;
	margin-bottom: 0px;
}

textarea#message, input.comment_name_input
{
	margin-bottom: 10px;
	padding: 4px;
	font-family: "Lucida Grande", Lucida, "Lucida Sans Unicode", "Trebuchet MS", Verdana, sans-serif;
	font-size: 1.4em;
	line-height: 160%;
	font-weight: normal;
	width: 300px;
	border: 1px solid #646464;
}

/* @end */

/* @end */

#accessibility 
{
	position: absolute;
	top: -10000px;
}

img.noborder 
{
	border: 0px;
}

a.nodec 
{
	padding: 0;
	border: 0px;
	background-color: #fff;
}

a 
{
	outline: none;
}



/* @group clearfix */

.clearfix:after
{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

/* WinIE7 only */
*:first-child+html .clearfix
{
	height:1%;
}

/* WinIE6 and below */
/*¥*/
* html .clearfix
{
	height:1%;
}
/**/

/* MacIE only */
/*¥*//*/
.clearfix
{
	display:inline-table;
}
/**/

/* @end */