/*
/	version		:	1.0
/	author		:	T.Willems
/	company		:	BestMedia
/	url			:	www.bestmedia.nl
*/

/***** Global Settings *****/
 
html, body { border:0; margin:0; padding:0; }
body { font:100%/1.25 Arial, Helvetica, sans-serif; }

/***** Headings *****/
 
h1, h2, h3, h4, h5, h6 { margin:0; padding:0; font-weight:normal; }
h1 { padding:0 0 5px 0; font-size:15px; font-weight:bold; color:#585e62; }
h2 { padding:0 0 0 0; font-size:15px; font-weight:bold; color:#8bc936; }
h3 { font-size:10px; font-weight:bold; color:#fff; padding:0 0 10px 0; }
 
/***** Common Formatting *****/
 
p, ul, ol { margin:0; padding:0 0 1.25em 0; font-size:12px; color:#585e62; }
ul, ol { padding:0 0 1.25em 2.5em; }
blockquote { margin:1.25em; padding:1.25em 1.25em 0 1.25em; }
small { font-size:0.85em; }
img { border:0; }
sup { position:relative; bottom:0.3em; vertical-align:baseline; }
sub { position:relative; bottom:-0.2em; vertical-align:baseline; }
acronym, abbr { cursor:help; letter-spacing:1px; border-bottom:1px dashed; }
 
/***** Links *****/
 
a:visited { text-decoration:none; color:#8ad12e; }
a:active { text-decoration:none; color:#8ad12e; }
a:hover { text-decoration:underline; color:#8ad12e; }
a.underline { text-decoration:underline; }
a[href ^="mailto:"] { text-decoration:none; color:#8ad12e; }
a[href ^="javascript:"] { text-decoration:none; color:#8ad12e; }

/***** Forms *****/
 
form { margin:0; padding:0; display:inline; }
input, select, textarea { font:12px Arial, Helvetica, sans-serif; }
textarea { width:100%; line-height:1.25; }
label { cursor:pointer; }
 
/***** Tables *****/
 
table { border:0; margin:0 0 1.25em 0; padding:0; }
table tr td { padding:2px; }
 
/***** Wrapper *****/
 
#wrap { width:960px; margin:0 auto; }
 
/***** Global Classes *****/
 
.clear         { clear:both; }
.float-left    { float:left; }
.float-right   { float:right; }
 
.text-left     { text-align:left; }
.text-right    { text-align:right; }
.text-center   { text-align:center; }
.text-justify  { text-align:justify; }
 
.bold          { font-weight:bold; }
.italic        { font-style:italic; }
.underline     { border-bottom:1px solid; }
.highlight     { background:#ffc; }
 
.wrap          { width:960px;margin:0 auto; }
 
.img-left      { float:left;margin:4px 10px 4px 0; }
.img-right     { float:right;margin:4px 0 4px 10px; }
.img-centered  { vertical-align:middle; }
 
.nopadding     { padding:0; }
.noindent      { margin-left:0;padding-left:0; }
.nobullet      { list-style:none;list-style-image:none; }

.error			{ color: #ff1b1b; font-size: 11px; margin:5px 0 5px 0; }
.succes			{ color: #9ec800; font-size: 11px; margin:5px 0 5px 0 }

/***** Navigation *****/

#top { width:100%; height:75px; }
#top #containerTop { width:1000px; height:75px; margin: 0 auto; margin-top: 30px; }
#top #containerTop #logo { width: 191px; height:45px; float: left; background:url(../images/logo.png); }
#top #containerTop #navigation { width:639px; height:31px; float:right; margin:10px 0 0 0; }
#top #containerTop #navigation #home a { display: inline-block; height: 31px; width: 104px; float: left; margin: 0 3px 0 0; background: url('../images/nav_b.png') 0 0 no-repeat;}
#top #containerTop #navigation #home a:hover { display: inline-block; height: 31px; width: 104px; float: left; margin: 0 3px 0 0; background: url('../images/nav_a.png') 0 0 no-repeat;}
#top #containerTop #navigation #home_active a { display: inline-block; height: 31px; width: 104px; float: left; margin: 0 3px 0 0; background: url('../images/nav_a.png') 0 0 no-repeat;}
#top #containerTop #navigation #watdoenwe a { display: inline-block; height: 31px; width: 104px; float: left; margin: 0 3px 0 0; background: url('../images/nav_b.png') 0 -31px no-repeat;}
#top #containerTop #navigation #watdoenwe a:hover { display: inline-block; height: 31px; width: 104px; float: left; margin: 0 3px 0 0; background: url('../images/nav_a.png') 0 -31px no-repeat;}
#top #containerTop #navigation #watdoenwe_active a { display: inline-block; height: 31px; width: 104px; float: left; margin: 0 3px 0 0; background: url('../images/nav_a.png') 0 -31px no-repeat;}
#top #containerTop #navigation #portfolio a { display: inline-block; height: 31px; width: 104px; float: left; margin: 0 3px 0 0; background: url('../images/nav_b.png') 0 -62px no-repeat;}
#top #containerTop #navigation #portfolio a:hover { display: inline-block; height: 31px; width: 104px; float: left; margin: 0 3px 0 0; background: url('../images/nav_a.png') 0 -62px no-repeat;}
#top #containerTop #navigation #portfolio_active a { display: inline-block; height: 31px; width: 104px; float: left; margin: 0 3px 0 0; background: url('../images/nav_a.png') 0 -62px no-repeat;}
#top #containerTop #navigation #weblog a { display: inline-block; height: 31px; width: 104px; float: left; margin: 0 3px 0 0; background: url('../images/nav_b.png') 0 -93px no-repeat;}
#top #containerTop #navigation #weblog a:hover { display: inline-block; height: 31px; width: 104px; float: left; margin: 0 3px 0 0; background: url('../images/nav_a.png') 0 -93px no-repeat;}
#top #containerTop #navigation #weblog_active a { display: inline-block; height: 31px; width: 104px; float: left; margin: 0 3px 0 0; background: url('../images/nav_a.png') 0 -93px no-repeat;}
#top #containerTop #navigation #overbestmedia a { display: inline-block; height: 31px; width: 104px; float: left; margin: 0 3px 0 0; background: url('../images/nav_b.png') 0 -124px no-repeat;}
#top #containerTop #navigation #overbestmedia a:hover { display: inline-block; height: 31px; width: 104px; float: left; margin: 0 3px 0 0; background: url('../images/nav_a.png') 0 -124px no-repeat;}
#top #containerTop #navigation #overbestmedia_active a { display: inline-block; height: 31px; width: 104px; float: left; margin: 0 3px 0 0; background: url('../images/nav_a.png') 0 -124px no-repeat;}
#top #containerTop #navigation #contact a { display: inline-block; height: 31px; width: 104px; float: left; background: url('../images/nav_b.png') 0 -155px no-repeat;}
#top #containerTop #navigation #contact a:hover { display: inline-block; height: 31px; width: 104px; float: left; background: url('../images/nav_a.png') 0 -155px no-repeat;}
#top #containerTop #navigation #contact_active a { display: inline-block; height: 31px; width: 104px; float: left; background: url('../images/nav_a.png') 0 -155px no-repeat;}

/***** Banner *****/

#middle { width:100%; height:auto; overflow:auto; background:#ebeff0; padding:15px 0 0 0; }
#middle #banner { width:1000px; height:209px; margin:0 auto; background:url(../images/banner_background.png); }
#middle #banner #contentBanner { width:530px; height:119px; float:left; overflow:hidden; padding:40px 45px 40px 45px; }
#middle #banner #contentBanner p { color:#fff; font-size:0.8em; word-spacing:-1px; line-height:1.9em; margin:5px 0 0 0; }
#middle #banner #img { width:380px; height:209px; float:right; background:#fff; }

/***** Content *****/

#middle #containerMiddle { width:900px; height:auto; overflow:auto; margin: 0 auto; margin-top:15px; margin-bottom:30px; padding:50px; text-align: left; background:#fff; }
#middle #containerMiddle p { font-size:12px; margin:0; color:#585e62; line-height:22px; }
#middle #containerMiddle #left { width:565px; float:left; }
#middle #containerMiddle #left p { font-size:12px; }
#middle #containerMiddle #left p.bold { font-weight:bold; font-size:12px; }
#middle #containerMiddle #right { width:275px; float:right; margin:15px 0 0 0; }
#middle #containerMiddle .leesmeer { width:auto; height:15px; overflow:hidden; background:url(../images/button_leesmeer_background.png); }
#middle #containerMiddle .leesmeer a { display:inline-block; height:15px; width:71px; float:right; margin:0 0 0 5px; background:url('../images/button_leesmeer.png') 0 0 no-repeat; }
#middle #containerMiddle .leesmeer a:hover { display:inline-block; height:15px; width:71px; float:right; margin:0 0 0 5px; background:url('../images/button_leesmeer.png') 0 -15px no-repeat; }
#middle #containerMiddle .leesmeer a.active { display:inline-block; height:15px; width:71px; float:right; margin:0 0 0 5px; background:url('../images/button_leesmeer.png') 0 -15px no-repeat; }

/***** Footer *****/

#bottom { width:100%; height:160px; padding:35px 0 0 0; background:#666b6f; }
#bottom #contentFooter { width: 1000px; height:170px; margin: 0 auto; }
#bottom #contentFooter .group { width:120px; height:170px; float: left; margin:0 10px 0 0; }
#bottom #contentFooter .grouplarge { width:130px; height:170px; float: left; }
#bottom #contentFooter .groupjuridisch { width:120px; height:170px; float: left; margin:0 30px 0 0; }
#bottom #contentFooter .groupjuridisch li a#rss { color:#fff; padding-right: 18px; background: transparent url(../images/bottom_rss.gif) no-repeat center right; }
#bottom #contentFooter .groupjuridisch li a#rss:hover { color:#fff; padding-right: 18px; background: transparent url(../images/bottom_rss_active.gif) no-repeat center right; }
#bottom #contentFooter .groupjuridisch li a.rss { color:#fff; padding-right: 18px; background: transparent url(../images/bottom_rss.gif) no-repeat center right; }
#bottom #contentFooter .groupjuridisch li a.rss:hover { color:#fff; padding-right: 18px; background: transparent url(../images/bottom_rss_active.gif) no-repeat center right; }
#bottom #contentFooter .group ul, .grouplarge ul, .groupjuridisch ul { list-style:none; margin:0; padding:0 0 3px 0; font-size:10px; }
#bottom #contentFooter .group li, .grouplarge li, .groupjuridisch li { padding:0 0 3px 0; color:#fff; }
#bottom #contentFooter .group li a, .grouplarge li a, .groupjuridisch li a { color:#fff; text-decoration:none; }
#bottom #contentFooter .grouplarge li a#mail { color:#fff; text-decoration:underline; padding-left: 18px; background: transparent url(../images/bottom_mail.gif) no-repeat center left; }
#bottom #contentFooter .grouplarge li span#tel { padding-left: 18px; background: transparent url(../images/bottom_tel.gif) no-repeat center left; }
#bottom #contentFooter .grouplarge li a.home { text-decoration:underline; color:#fff; padding-left: 18px; background: transparent url(../images/bottom_home.gif) no-repeat center left; }
#bottom #contentFooter .group li a:hover, .grouplarge li a:hover, .groupjuridisch li a:hover { color:#fff; text-decoration:underline; }
#bottom #contentFooter #certification { width:248px; height:66px; padding:20px; overflow:hidden; float:right; background:url(../images/bottom_certification_background.png); }
#bottom #contentFooter #certification #leftCertification { width:70px; height:66px; float:left; margin:0 20px 0 0; background:url(../images/bottom_certificate.png); }
#bottom #contentFooter #certification #rightCertification { width:158px; height:66px; float:right; }
#bottom #contentFooter #certification #rightCertification p { font-size:10px; line-height:18px; color:#fff; }

/***** Error pages *****/

#middle #containerMiddle #errorLeft { width:200px; height:150px; float:left; border-right:1px solid #dddddd; }
#middle #containerMiddle #errorRight { width:500px; height:auto; float:left; margin:0 0 0 40px; }
#middle #containerMiddle #errorRight ul li { color:#585e62; padding:0 0 3px 0; }