/* =Reset (v1.0 | 20080212)
-------------------------------------------------------------------*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

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

:focus { outline: 0; }

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

/* =General
-------------------------------------------------------------------*/

body { background: #000; font: 62.5%/1.8em georgia, verdana, arial, "trebuchet ms", sans-serif; color: #fff; text-align: center; }

.clear { clear: both; }

li, dt, dd, input, textarea, select, th, td, label { font-size: 1.2em; }

li li, li p, td p, p input, p textarea, p select, p label, li label { font-size: 1em; }

dd { margin-left: 1.5em; }

ul, ol, dl, table { margin-bottom: 1.8em; }

ol { list-style: decimal; }

ul { list-style: disc;}

ul ul { list-style: circle; }

ul ul ul { list-style: disc;}

li { margin-left: 1.5em; }

ol li { margin-left: 3em; }

li, li p { margin-bottom: .75em; }

ul ul, ol ol, ul ol, ol ul { margin: .9em 0 .9em 1.8em; }

/* =Lay-out
-------------------------------------------------------------------*/

#wrapper { background: url(img/line-v.gif) repeat-y 24.1em 0; position: relative; width: 76.4em; min-width: 764px; max-width: 100%; margin: 0 auto 0 auto; text-align: left; }

#content { background: url(img/line.gif) repeat-x 0 0; font-family: verdana, arial, "trebuchet ms", sans-serif; padding: 1.8em 0; float: right; width: 50.4em; min-width: 504px; }

.breadcrumb { color: #999; font-size: 1.1em; margin-bottom: 0; }

#skiplinks { position: absolute; left: -9999em; }

/* language */

#language { background: url(img/line.gif) repeat-x 0 100%; padding-bottom: 1.8em; font-size: 1.1em; }

#language span { margin: 0 .2727em; color: #666; }

/* header */

#header { background: url(img/header.gif) no-repeat 89% 0; margin: 0 auto; height: 200px; width: 90.8em; min-width: 764px; max-width: 100%; }

#header h1 a { background: url(img/popview.gif) no-repeat 0 0; display: block; height: 200px; width: ; text-indent: -9999em; border: none; }

#header h1 { margin-bottom: 0; }

/* sidebar */

#sidebar { padding-top: 1.8em; background: #000 url(img/line.gif) repeat-x 0 0; float: left; width: 24.4em; min-width: 244px; }

/* nav */

#nav { list-style: none; background: url(img/line.gif) repeat-x 0 100%; padding-bottom: 1.8em; }

#nav li { font-size: 1.1em; margin: 0; }

#nav li.break1 { margin-bottom: .8181em; }

#nav li.break2 { margin-top: .8181em; }

#nav a, #nav a:link, #nav a:visited, 
#language a, #language a:link, #language a:visited,
#random a, #random a:link, #random a:visited { text-decoration: none; text-transform: uppercase; font-weight: bold; letter-spacing: 2px; color: #fff; border-bottom: none; padding-left: .1818em; }

#nav a:hover, #nav a:focus, #nav a:active, 
#language a:hover, #language a:focus, #language a:active,
#random a:hover, #random a:focus, #random a:active { text-decoration: none; color: #f40; }

#nav a:hover { text-indent: .2727em; }

#nav a { display: block; }

#sidebar #nav a.selected, #sidebar #language a.selected { color: #f40; border-color:#f40; }

p.subnav { font-size: 1.1em; margin-bottom: 1.6363em; }

.subnav a, .subnav a:link, .subnav a:visited { text-decoration: none; font-family: georgia, verdana, arial, "trebuchet ms", sans-serif; text-transform: uppercase; letter-spacing: 2px; color: #fff; border-bottom: 1px solid #333; padding-bottom: 1px; }

.subnav a:hover, .subnav a:focus, .subnav a:active { text-decoration: none; color: #f40; border-bottom: 1px solid #f40; }

/* random */

#random { background: #000 url(img/featured.gif) no-repeat 50% 0; border-bottom: 1px solid #000; text-align: center; padding-top: 67px; }

#random p { font-size: 1.1em; background: #000 url(img/line.gif) repeat-x 0 100%; padding-bottom: 1.6363em; }

#random p img { float: none; margin: 0 auto .8181em auto; display: block; }

#random a { display: block; }

#random span { display: block; }

/* footer */

#footer { background: #000 url(img/line.gif) repeat-x 0 0; font-family: verdana, arial, "trebuchet ms", sans-serif; padding: 3.6em 0 3.6em 2.1em; margin-left: 24.1em; clear: both; color: #999; width: 50.4em; }

#footer p { font-size: 1.1em; margin: 0; }

#footer span { margin: 0 .2727em; color: #666; }

#footer a.feed { background: #000 url(img/rss-small.png) no-repeat 0 50%; padding-left: 16px; border: 0; }

/* news */

#news, #gallerys { border-bottom: 1px dashed #333; padding-bottom: .9em; clear: both; }

#gallerys { padding-bottom: 0; }

h1#news_home, #gallerys h1 { background: #000 url(img/line.gif) repeat-x 0 0; padding-top: .6666em; margin-top: 1em; }

#news h2, #gallerys h2 { border-top: 1px dashed #333; padding-top: .5em; margin-top: .5em; }

#gallerys h2 { border-top: 1px dashed #333; padding-top: .4em; margin: .4em 0; }

#gallerys h2.active a { color: #f30; }

h2#award { background: #000 url(img/line.gif) repeat-x 0 0; padding-top: 1.2em; margin-top: 1em; }

#news .date { margin-bottom: 0; }

p.pagination { margin-top: 1.5em; }

p.pagination strong { color: #f40; }

#preview { float: right; margin-left: 1.8em; display: inline; width: 224px; }

p.description, #preview p { font-style: italic; text-align: center; }

#preview  img { float: none; margin: 0 0 .75em 0; }

.date { font-size: 1.1em; margin: -.8181em 0 1.6363em 0; color: #999; }

/* partners */

#partners { margin-top: 1.8em; }

#partners img { display: inline; margin: 0; border: 0; }

#partners a { background: none; padding: 0; border: 0; }

/* =Typography
-------------------------------------------------------------------*/

p { font-size: 1.2em; margin-bottom: 1.5em; }

h1 { font-family: georgia, "times new roman", serif; font-size: 2.7em; margin-bottom: .6666em; line-height: 1em; font-weight: normal; color: #fff; }

h2, h3, h4, h5, h6 { font-family: georgia, "times new roman", serif; font-size: 1.8em; line-height: 1em; font-weight: bold; margin-bottom: 1em; }

h3, h4, h5, h6 { font-weight: normal; }

h4, h5, h6 { color: #666; }

h5, h6 { letter-spacing: 0; text-transform: none; }

strong, b { font-weight: bold; }

em, i { font-style: italic; }

abbr[title], acronym[title] { border-bottom: 1px dotted #999; }

address { font-style: normal; }

blockquote { margin: 1.8em 0; padding-left: 1.8em; font-style: italic; }

cite, q { font-style: italic; }

code, kbd, samp { font-family: "courier new", tahoma, lucida console, monospace; font-size: 1em; line-height: 1em; }

ins { text-decoration: none; }

ins { color: #ccc; }

del { text-decoration: line-through; }

pre { font-size: 1.2em; line-height: 1.5em; margin-bottom: 1.5em; white-space: pre; }

/* =Links
-------------------------------------------------------------------*/

a, a:link, a:visited { text-decoration: none; color: #fff; border-bottom: 1px solid #666; }

a:visited { color: #999; border-bottom: 1px solid #333; }

a:hover, a:focus, a:active { text-decoration: none; color: #ff4c0a; border-bottom: 1px solid #f40; }

a[href^="http:"] { background: url(img/external-link.gif) no-repeat 100% 0; padding-right: 10px; }

a[href^="http:"]:visited { background-position: 100% -192px; }

a[href^="http:"]:hover, a[href^="http:"]:focus, a[href^="http:"]:active { background-position: 100% -392px; }

a[href^="http://www.popview.eu"], a[href^="http://popview.eu"] { background-image: none; padding-right: 0; }

#nolinkimg a { background: url() no-repeat 100% 0 !important; padding:0px;}

/* =Images
-------------------------------------------------------------------*/

img { vertical-align: bottom; border: 1px solid #333; margin: 0 auto 1.8em auto; display: block; }

p img.links { float: left; margin: 0 1.5em 1.5em 0; }

p img.rechts { float: right; margin: 0 0 1.5em 1.5em; }

a:hover img { border-color: #f40; }

/* =Textile
-------------------------------------------------------------------*/

.rood { color: #f00; }

.blauw { color: #39f; }

.groen { color: #0c0; }

.oranje { color: #f40; }

/* =Tabellen
-------------------------------------------------------------------*/

table { border-spacing: 0; border-collapse: collapse; width: 100%; clear: both; }

caption, th, td { text-align: left; font-weight: normal; }

th, td { padding: .2em .3em; border: 1px solid #fff; }

th { font-weight: bold; }

/* =Formulieren
-------------------------------------------------------------------*/

form { margin-top: 2.7em; }

form div { background: #000 url(img/line.gif) repeat-x 0 0; position: relative; padding: 1.2em 0 .9em 0; }

form div.clear { clear: both; border: 0; padding: 0; margin: 0; }

fieldset { border: 1px solid #000; background: #000 url(img/line.gif) repeat-x 0 100%; margin-bottom: 1.8em; padding-bottom: 2px; }

input, select, textarea, button { font-family: verdana, arial, "trebuchet ms", sans-serif; font-size: 1.2em; }

#copydiv label { margin: 0 0 0 .3em; display: inline; float: none; padding: 0; vertical-align: middle; }

#copydiv input { vertical-align: middle; }

.text, textarea { border: 1px solid #666; color: #fff; padding: 2px 0; background-color: #000; margin: 0; }

.text:focus, textarea:focus { border-color: #fff; }

label { font-size: 1.2em; font-weight: bold; display: block; float: left; width: 7em; margin: 0 1.5em .75em 0; }

label em { position: absolute; left: -9999em; top: -9999em; }

button { border: 1px solid #666; font-family: georgia, verdana, arial, "trebuchet ms", sans-serif; font-weight: bold; background: #333; color: #fff; margin: 0 0.6em 0 0; width: 13em; padding: .5em 0; cursor: pointer; }

button:hover, button:focus, a.button:hover, a.button:focus { border-color: #fff; background: #f40; }

input.text { width: 32em; }

textarea { width: 32em; height: 13em; }

div.button { background: none; margin: 0; padding-top: 0; }

/* error_msg */

p.message { color: #ffd35f; }

p.error_msg { color: #f40; }

label.error { font-weight: bold; color: #f40; }

p.error { font-weight: normal; margin: .2727em 0 0 0; color: #f40; }

#gallery {width: 520px;}
#gallery a { background: url() no-repeat 100% 0 !important; padding:0px; }
#gallery ul { list-style: none; }
#gallery ul li { display: inline; }
#gallery ul img {border: 5px solid #3e3e3e;border-width: 5px 5px 20px; }
#gallery ul a:hover img {border: 5px solid #fff;border-width: 5px 5px 20px;color: #fff;	}
#gallery ul a:hover { color: #fff; }

#tablegal th, td {border:0px!important; }

	
#bannerline { background: url(img/line.gif) repeat-x 0 0; font-family: verdana, arial, "trebuchet ms", sans-serif; padding: 1.8em 0; float: right; width: 50.4em; min-width: 504px; }