/* browser settings reset */
html, body, dt, dl, dd, ul, ol, li, form, fieldset, a, blockquote, img { margin:0; padding:0; border:0; font-family:Trebuchet MS, Arial, Helvetica, sans-serif;}

/* site settings */
img{ border:0;}
a{}
a:hover{}
html, body{ height:100%;}
hr{}

/* FCK Styles */
.kop{ font-size:1.2em; color:#ed1c24; margin:0 0 1.1em 0; text-transform:uppercase;}
.kop span{ color:#333;}
.tussenkop{ font-size:.9em; color:#000; margin:1.7em 0 -.7em 0; text-transform:uppercase;}
.inleiding{ font-weight:bold; color:#000;}
.univers{ font-family: Courier New, Courier, Monaco, monospace; color:#000; line-height:1.4em;}

/* Tekst stylen */
h1,h2,h3,h4,h5,h6{ margin:0;}
div, td { vertical-align:top;}


/* Default */
input{ font-size:13px; font-family:Trebuchet MS, Arial, Helvetica, sans-serif; vertical-align:top;}
textarea{ font-size:13px; font-family:Trebuchet MS, Arial, Helvetica, sans-serif; vertical-align:top;}

.hide, .TabContainer{ display:none;}

/* Layout */
.Home{ background:#f6f6f6;}
.MainContainer{ width:100%;}
.Container{ width:920px; float:left; position:relative; left:50%; margin-left:-460px; background:url(conten_bg.gif) left top repeat-y;}

.Top{ width:920px; height:90px; background:url(header.gif);}
.Logo{ padding:20px 0 0 25px;}

/* TopMenu */
.TopMenu{ float:left; width:870px; height:60px; margin:0 0 0 25px; font-size:.9em; list-style:none; background:url(topmenu.gif) left top no-repeat; z-index:1;}
.TopMenuItem{ float:left; position:relative; list-style:none; border-right:#2f2f2f 1px solid;}
.TopMenuItem a{ height:38px; display:block; float:left; color:#fff; padding:22px 15px 0 15px; text-decoration:none;}
.TopMenuItem a:hover{ color:#ed1c24;}

.TopSubMenu{ position:absolute; display:none; width:200px; min-height:230px; padding:10px 0 0 10px; background:url(topmenu.png); z-index:1;}
.TopSubMenu li{ width:100%; list-style:none;}
.TopSubMenu li a{ color:#fff; padding:0 0 10px 0!important; height:auto!important; clear:both;}
.TopSubMenu li a:hover{ color:#ed1c24;}

.TopMenu li>ul { top:60px; left:0px;}
.TopMenu li:hover ul, .TopMenu li.over ul { display:block;}

.HeaderFoto{ clear:both; width:870px; height:240px; margin:0 0 0 25px;}

.ContentContainer{ width:870px; float:left; color:#444;}
.ContentContainer a{ color:#ed1c24;}
.ContentContainer a:hover{ color:#ed1c24;}
.Content{ width:895px; float:left; padding:15px 25px 15px 25px;}
.ContentLeft{ width:215px; float:left;}
.Footer{ width:920px; height:66px; clear:both; background:url(conten_footer.gif) left bottom no-repeat; text-align:right;}
.Share{ padding:35px 25px 0 0;}

.Tekst{ width:655px; float:left; padding:0 0 0 0; font-size:.8em;}
.Tekst ul{ margin:auto!important;}
.Tekst li{ margin-left:30px;}

.Cultuurstroom{ float:left; padding:15px 0 0 0;}

.NieuwsContainer{ width:655px; float:left; margin:0 0 0 0;}
.NieuwsItem{ width:625px; float:left; margin:15px 15px 0 0; padding:15px 15px 15px 15px; background:url(nieuws.gif) left top no-repeat;}
.NieuwsItem a{ text-decoration:none;}
.NieuwsItem .Afbeelding{ float:left; width:305px; height:100px; padding:0 0 0 0;}
.NieuwsItem .Afbeelding img{ border:#eaeaea 1px solid;}
.NieuwsItem .InfoContainer{ float:left;}
.NieuwsItem .Datum{ clear:left; padding:0 0 0 0; font-size:.9em; font-style:italic; color:#999;}
.NieuwsItem .Titel{ padding:5px 0 0 0; text-transform:uppercase;}
.NieuwsItem .Titel a{ color:#444;}
.NieuwsItem .Titel a:hover{ color:#ed1c24;}
.NieuwsItem .Omschrijving{ width:320px; height:53px; padding:5px 0 0 0; font-size:.9em; overflow:hidden;}
.NieuwsItem .Omschrijving a{ color:#444;}
.NieuwsItem .Omschrijving a:hover{ color:#ed1c24;}

.Contact{ width:168px; height:375px; float:left; padding:0 16px 0 16px; margin:0 15px 0 0; background:url(contact.gif) left top no-repeat; list-style:none; font-size:.8em;}
.Contact li{ margin:0;}
.Contact .Kop{ height:33px; padding:16px 0 0 0; color:#fff; font-size:1.1em; text-transform:uppercase;}
.Contact .Naam{ padding:10px 0 5px 0; color:#000; font-weight:bold;}
.Contact .Adres{ padding:0 0 5px 0;}
.Contact .Tel{ padding:0 0 10px 0;}
.Contact .Label{ padding:0 0 0 0; font-size:.95em;}
.Contact .Input{ padding:0 0 10px 0;}
.Contact .Input input{ width:164px; margin:0; border:#ccc 1px solid;}
.Contact .Input textarea{ width:164px; margin:0; overflow:auto; border:#ccc 1px solid;}
.Contact .Button{ float:right; text-transform:uppercase; font-size:.8em; font-weight:bold;}
.Contact .Button a{ display:block; width:80px; height:17px; text-align:center; padding:3px 0 0 0; color:#fff; text-decoration:none; background:url(verstuur.png) left top no-repeat;}
.Contact .Button input{ border:none; color:#fff; background:url(topmenu.gif) right top no-repeat; cursor:pointer;}


#ContactFormulier_Captcha .Contact { background:none; width:360px;}
#ContactFormulier_Captcha .Contact .Kop { font-weight:bold; color:#cc0000;}
#ContactFormulier_Captcha .Contact .Input input { margin:20px 0 0 0;}
#ContactFormulier_Captcha .Contact .Input a { color:#cc0000;}
#ContactFormulier_Captcha .Contact .Input a:hover { text-decoration:none;}

#GB_window .content { background:#fff url(bg_captcha.gif) repeat-x bottom;}

.BottomContainer{ width:100%; float:left; font-size:.75em; background:#cc0000 url(bottom.gif) center top no-repeat; padding:30px 0 30px 0;}
.Bottom{width:870px; position:relative; left:50%; margin-left:-435px;}

.Copy{ width:170px; float:left; color:#ccc;}
.PPC{ float:right; color:#ccc; text-align:right;}
.PPC a{ color:#ccc;}

/* BottomMenu */
.BottomMenu{ float:left; margin:0 0 0 45px; list-style:none;}
.BottomMenu li{ float:left; width:140px;}
.BottomMenu li span{ height:20px; padding:0 25px 0 3px; background:#000; font-size:1.15em; color:#ccc; text-transform:uppercase;}
.BottomSubMenu{}
.BottomSubMenu li{ clear:both; list-style:none; padding:5px 0 0 0!important;}
.BottomSubMenu li a{ color:#ccc; text-decoration:none;}
.BottomSubMenu li a:hover{ color:#fff;}

/* Portfolio */
.PortfolioLijst{ width:640px; float:left; margin:0 0 0 0; padding:15px 0 15px 15px; background:url(nieuws.gif) left top no-repeat;}
.PortfolioLijst li{ float:left; width:143px; height:97px; padding:4px 13px 5px 4px; margin:0px; list-style:none; background:url(portfolio.png) left top no-repeat;}
.PortfolioLijst li img{ opacity: .5; filter: alpha(opacity=50);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";}
.PortfolioLijst li img:hover{opacity: 1; filter: alpha(opacity=100);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";}

.PortfolioAfbeelding{ float:left; padding:15px 0 0 15px;}

.PortfolioItem{ float:left; width:245px; padding:15px 0 0 15px; list-style:none; font-size:.95em; color:#333;}
.PortfolioItem .Titel{ margin:0px; font-weight:bold; padding:0 0 10px 0; color:#333;}
.PortfolioItem .Omschrijving{ margin:0px; padding:0 0 10px 0;}
.PortfolioItem .Website{ margin:0px;}
.PortfolioItem .Website a{ color:#ed1c24;}

.Opdrachtgevers tr td{ width:180px; padding:0 50px 0 0;}

/* Sitemap */
.sm_kop{ font-size:1.2em; color:#ed1c24; margin:0 0 1.1em 0; text-transform:uppercase; padding:0 0 15px 0;}
.sm_item{ padding:0 0 10px 0;}
.sm_item a{ color:#000;}

/* Nieuws */
#NieuwsItem .Header{ display:none;}
#NieuwsItem #Print{ display:none;}
#NieuwsContainer{ float:left; }
#NieuwsItem .Titel{ clear:both; width:350px; font-size:1.2em; color:#ed1c24; text-transform:uppercase; padding:0 0 15px 0;}
#NieuwsItem .Datum{ float:left; width:350px; font-size:.9em; font-style:italic; color:#999;}
#NieuwsItem .Datum .Label{ float:left; padding:0 15px 15px 0;}
#NieuwsItem .Datum .Value{ float:left;}
#NieuwsItem .Foto{ float:right; margin:-30px 0 0 0;}
#NieuwsItem .Foto img{ border:#eaeaea 1px solid;}
#NieuwsItem .NieuwsTekst{ clear:both; padding:20px 0 0 0;}


/* Formulier */
.formulier_button a{ display:block; width:70px; height:25px; padding:5px 0 0 10px; color:#fff; text-decoration:none; background:url(verstuur.png) left 5px no-repeat;}