body {
background: #000;
font-size: 11px;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
color:#564b47;
padding:0px;
margin:0px;
}

p {
text-decoration:none;
font-weight:normal;
color:#000;
background-color:inherit;
}

a {
text-decoration:none;
font-weight:normal;
color:#a61b16;
background-color:inherit;
}

a:hover {
text-decoration:none;
color:#f89605;
background-color:inherit;
}

a:visited {
text-decoration:none;
color:#a61b16;
background-color:inherit;
}

a:active {
text-decoration:none;
color:#a61b16;
background-color:inherit;
}

h1 {
font-size: 16px;
margin:0px }

h2 {
font-weight: normal;
padding: 0;
margin:20px 0 0 0;
}

img.download {vertical-align:middle;}

/* ----------container centreert de layout-------------- */
#container {
width: 760px;
padding:0px;
margin: 0px;
margin-left: auto;
margin-right: auto;
background: #a61b16 url(../images/bgContainer.png) repeat-y;
} 

/* ----------banner for logo-------------- */
#banner {
text-align: right;
background-color: #e1ddd9;
padding: 0px;
margin: 0px; 
}

#banner img {padding:0px 0px;} 

/* ----------outer & inner----------------- */
#outer{ 
border-left: solid 210px #333333;   /* kleur linker menu  */ 
background:#dad1c0; /* achtergrond kleur content  */
} 

#inner{ margin:0px; width:100%; } /* die IE PC schlaufe */ 

/* --------------left navigavtion------------- */
#left {
 width:210px; 
 float:left; 
 position:relative; 
 margin-left:-210px; 
 margin-right:1px;
 }

#img {
clear:left;
margin:0;
padding:0;
width:210px;
min-height:160px;
background:url(../images/bg.gif) top center repeat;
}

#gygimg {
clear:left;
margin:0;
padding:0;
width:210px;
background:url(../images/bg.gif) top center repeat;
}

#imgFade {
clear:left;
margin:0;
padding:0;
width:210px;
background:url(../images/bgFade.gif) no-repeat;
}

/* -----------------Content--------------------- */
#content{ 
position: relative; 
margin: 0px;
min-height:460px;
}

#content .looptekst{
line-height: 1.8em;
padding: 0px;
margin:25px 20px; 
color:#000;
background:#dad1c0;
}

#content .algLinks{
line-height: 1em;
padding: 0;
margin:25px 20px 0 20px; 
}

.acts{
float:left;
width:420px;
margin: 0; 
padding: 4px;
}

.links{
float:left;
width:210px;
margin:5px 0 0 0; 
padding: 8px 4px;
border-top:1px dotted #706a5e;
border-right:1px dotted #706a5e;
border-bottom:1px dotted #706a5e;
border-left:5px solid #706a5e;
color:#706a5e;
}

.artLinks{
float:left;
width:300px;
line-height: 2.7em;
margin: 5px 0; 
padding: 10px 10px;
background:#dad1c0;
border-top:1px dotted #706a5e;
border-right:1px dotted #706a5e;
border-bottom:1px dotted #706a5e;
border-left:5px solid #706a5e;
color:#706a5e;
}

#content .evenement{
line-height: 1em;
padding: 0;
margin:25px 20px 0 20px; 
}

.datum{
float:left;
width:68px;
margin:3px 0; 
padding: 8px 4px;
border-top:1px dotted #706a5e;
border-bottom:1px dotted #706a5e;
border-left:5px solid #706a5e;
color:#706a5e;
}

.productie{
float:left;
width:170px;
margin:3px 0; 
text-align:left;
padding: 8px 6px;
border-top:1px dotted #706a5e;
border-bottom:1px dotted #706a5e;
color:#000;
}

.event{
float:left;
width:200px;
margin:3px 0; 
text-align:left;
padding: 8px 6px;
border-top:1px dotted #706a5e;
border-bottom:1px dotted #706a5e;
color:#000;
}

.website{
float:left;
width:20px;
margin:3px 0; 
padding: 8px 6px;
border-top:1px dotted #706a5e;
border-right:1px dotted #706a5e;
border-bottom:1px dotted #706a5e;
}

.website:hover{
float:left;
width:20px;
margin:3px 0; 
padding: 8px 6px;
border-top:1px dotted #706a5e;
border-right:1px dotted #706a5e;
border-bottom:1px dotted #706a5e;
text-decoration:none;
color:#f89605;
}

#content h2 {
margin:0 20px;
padding: 20px 0 8px 0;
font-family: Arial, SunSans-Regular, Sans-Serif;
text-align: left;
}

#content .link {
margin:0 0 8px;
padding: 0;
font-size:16px;
text-align: left;
}

#content .back {
margin:0 0 1.4em 0;
padding: 0 20px 20px 20px;
text-align: right;
}

#content img {
float:left;
margin: 20px 0;
padding:0px;
display:inline;
background:#cccccc;
color:#303030;
border:2px solid #706a5e;
}

#content .thumb img {
margin: 5px 5px 5px 0;
padding:0;
display:inline;
background:#cccccc;
color:#303030;
border:1px solid #706a5e;
background:url(../images/gygThumb.jpg) no-repeat;
}

#gyglogo img {
margin:0;
padding:0;
display:inline;
border:none;
}

#gyglogo p 
{
	margin:42px 0 0 0;
	padding:0;
}

#genrekeuze {
margin:20px 0;
padding: 0 20px 0 20px;
text-align: left;
}


/*  ----------------footer---------------------- */ 
#footer {
clear:both;
margin:0 auto;
padding:10px 0;
border-top:3px solid #000;
width:760px;
font:80% Verdana,Tahoma,Arial,sans-serif;
text-align:center;
color:#000;
background:#706d66;
}

#footer a {
color:#000;
text-decoration:none;
}

#footer a:hover {
text-decoration:none;
color:#f89605;
}.fed {
}

/* --------------menu - tutorial @ www.alsacreations.com/articles------------- */
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}

dl#menu {
width:210px;
}

dl#menu dt {
cursor:pointer;
margin:0;
line-height:28px;
text-align:right;
border-bottom:1px solid #000;
background:#b7ad99;
}

dl#menu dd {
border-bottom:1px solid #000;
}

dl#menu li {
line-height:24px;
text-align:right;
font-weight:normal;
background:#c8c0ad;
}

dl#menu dt a, dl#menu li a{
padding:0 1em 0 0;
color: #000;
font-weight:normal;
text-decoration: none;
display: block;
border-right:8px solid #706a5e;
height: 100%;
}

dl#menu dt a:hover {
background:#f89605;
border-right:8px solid #000;
}

dl#menu li a:hover {
background:#f4ae47;
border-right:8px solid #000;
}

/* ----------- GYG Form ----------- */

#formStyle
{
	border:solid 2px #333333;
	background: #c8c0ad url(../images/formBG.png) top left repeat-x;
	font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
	font-size:9pt;
	margin:20px auto 0;
	width:500px;
	padding:5px;
}

#formStyle #kop
{
	font-size:14px;
	color:#ffffff;
	font-weight: bold;
	padding-bottom:8px;
	text-align: center;
}

#formStyle div
{
	border-bottom:dotted 1px #999; 
	padding:4px 10px;
}

#formStyle span
{
	display:-moz-inline-box; 
	display:inline-block; 
	overflow:hidden; 
	vertical-align:top;
	font-weight:bold;
	text-align:right;
	width:190px;
	padding-right:6px;
}

#formStyle img 
{
	float:right;
	margin: 0px;
	padding:0px;
	display:inline;
	border:2px solid #706a5e;
}

#formStyle .rechts
{
	width:272px;
	text-align:left;
	padding-top: 3px;
	color:#666666;
	font-size:11px;
}

#formStyle .small
{
	color:#666666;
	display:block;
	font-size:11px;
	font-weight:normal;
	text-align:right;
}

#formStyle br 
{ 
	display : none; 
}

input, select, textarea
{
    font-size: 9pt;
    border: 1px solid #ccc;
    margin-right: 4px;
    background-color:; #fff;
}
			
input:hover, select:hover, textarea:hover
{
    border: 1px solid #706a5e;
    background-color: #f89605;
}

input:focus, select:focus, textarea:focus
{
    border: 1px solid #706a5e;
    background-color: #e1ddd9;
}

input.submit 
{ 
	margin-left : 15em; 
}

#formStyle span.hidden a
{
	color:#c8c0ad;
	margin-right: 120px;
}