/*"	01.GLOBAL STYLES "*/
html, body {margin:0; padding:0;}
body {background:#303030 url(../images/layout/bg.gif) left 333px repeat-x;}

p {font-size:15px; color:#a1a1a1; line-height:21px;}
a {color:#85CFFF;}
a:hover {text-decoration:none;}
blockquote {background:url("../images/layout/quote.gif") no-repeat scroll left top transparent; line-height:18px; padding:0 0 1em 15px; margin:0; font-size:16px;}
blockquote p {font-family: Georgia, sans-serif; line-height:22px; font-size:18px; font-weight:200;}
#content-main blockquote {margin-bottom:10px;}
#content-main .reference blockquote {margin-bottom:10px;}
#content-main blockquote p {font-size:16px;}
#content-main p strong {background-color:#272727; color:#e1e1e1; font-weight:200; padding:0 3px;}
#content-main p a, #content-main li a {border-bottom:#485c6a 1px dotted;}
#content-main p a:hover, #content-main li a:hover {border-bottom:#85CFFF 1px dotted;}
#content-main hr {border:none; border-top:#787878 1px dotted; background:none; margin:0 0 15px 0;}

/*" 02.LAYOUT DIVS "*/
#content-main {width:510px; margin:20px 0 0 0; padding:0 30px 0 0; float:right;}
.home #content-main {width:586px; margin:20px 0 0 0; padding:0;}
#content-second {width:300px; margin:20px 0 0 0; padding:0;}
.home #content-second {width:293px; margin:20px 0 0 0; padding:0;}
#branding {height:284px;}
#mainNav {height:28px; width:100%; background:#f8ea36 url(../images/layout/mainNav_bg.gif) center top repeat-y; border-bottom:#303030 1px solid; padding:10px 0;}
.span2-1, .span3-1, .span3-2, .span4-1, .span4-2, .span4-3 {margin-right:0;}
.span3-1 {width:270px; padding:0 0 0 30px;}
.home .span3-1{width:233px; padding:0 30px;}
#content-main .span3-1 {padding:0 30px 0 0;}
#content-second .span3-1 {margin-bottom:0px;}
.home #content-second .span3-1 {padding:0; margin-bottom:0;}
.home #content-main .span3-1 {height:140px; width:278px;}
.home #content-main .last {width:268px;}
#content-second .fill {background-color:#191919; -moz-border-radius:12px; -webkit-border-radius:12px; padding:20px 20px 10px 20px; margin:30px 0 30px 30px !important; margin:30px 0 30px 15px; width:230px;}
.home #content-second .span3-1 {padding:0 50px 0 30px; width:213px;}
#content-second .contact {width:213px; margin-left:20px !important; margin-left:10px; background:url(../images/layout/widget_contact.gif) 70px top no-repeat; padding-top:25px;}
#content-second .trans {padding-left:50px; width:213px; padding-top:7px;}
.hor_widgets {background-color:#191919; margin:0 auto 40px; -moz-border-radius:12px; -webkit-border-radius:12px; padding:10px 0 10px 0;}
.hor_widgets .span3-1 {width:278px; padding:0 30px 0 0;}
.hor_widgets .first {width:233px; padding:0 30px;}
.hor_widgets .last {width:248px; padding:0;}
.clear {clear:both; font-size:0; line-height:0; display:block;}
#content-main .relative_quote, #content-main .reference_quote, #content-main .relative_cases {background-color:#191919; -moz-border-radius:6px; -webkit-border-radius:6px; padding:15px 15px 0 15px; font-size:12px; margin-bottom:0px;}
#content-main .relative_cases {width:250px;}
.newsitem {border-bottom:#777676 1px dotted; margin-bottom:20px; padding-bottom:5px;}
.case {border-bottom:#777676 1px dotted; margin-bottom:20px; padding-bottom:20px;}

/*" 03.HEADER "*/
.branding-slogan {width:540px; height:200px; float:right; position:relative; margin:65px 0 0 0; padding:0;}
.branding-slogan p, .branding-slogan h1 {font-family: Georgia, serif; font-style:normal; font-variant:normal; font-weight:200; text-align:left; color:#b1b1b0; line-height:38px; text-transform:none; margin:0; padding:0; font-size:22px; text-shadow:2px 2px 0 #202020;}
.branding-slogan strong {color:#f4e533; font-weight:200;}
.branding-slogan p.btn_CTA {font-size:12px; font-family:Arial, Helvetica, sans-serif; margin-top:5px; text-shadow:none;}
.branding-slogan p.btn_CTA a {color:#a1a1a1; padding:5px 12px; background-color:#303030; -moz-border-radius:8px; -webkit-border-radius:8px;}
.branding-slogan p.btn_CTA a:hover {background-color:#4d4d4d;}
.branding-slogan p.btn_CTA em {color:#f4e533; font-style:normal; font-size:14px; margin-left:2px;}

/* Lists */
#mainNav ul {height:28px; line-height: 28px; margin-left:20px;}
#mainNav ul li {margin-right:45px; background-color:transparent; font-size:16px; font-weight:bold;}
#mainNav a {padding:4px 10px; color:#191919;}
#submenu {list-style:none; margin:0; padding:0;}
#submenu li {font-size:16px; font-family:Georgia, Serif; color:#a1a1a1; padding:8px 0; margin:0; border-bottom:#777676 1px dotted;}
#submenu li.last {border:none;}
#content-main ul {margin-top:10px;}
#content-main li {color:#A1A1A1; font-size:14px; margin-bottom:4px;}
#content-main ul.pagination {list-style:none; margin:0; padding:0;}
#content-main ul.pagination li {margin:0; padding:0; font-size:12px; line-height:16px;}
#content-main ul.pagination li.here {width:300px; margin:0 auto; text-align:center; display:none;}
#content-main ul.pagination li.previous {float:left; display:block; width:80px; padding-left:14px; text-align:left; margin-top:0; background: url(../images/layout/paginate_prev.gif) left 60% no-repeat;}
#content-main ul.pagination li.next {float:right; display:block; width:80px; padding-right:14px; text-align:right; background: url(../images/layout/paginate_next.gif) right 60% no-repeat;}
#content-main .relative_cases ul {padding-bottom:15px; margin-top:15px;}

/* Links */
#mainNav a:hover, .home #mainNav a.home, .diensten #mainNav a.diensten, .over-soul-for-sale #mainNav a.over-soul-for-sale, .cases #mainNav a.cases, .referenties #mainNav a.referenties,  
.blog #mainNav a.blog, .contact #mainNav a.contact{background-color:#191919; color:#eedc3c;-moz-border-radius:8px; -webkit-border-radius:8px;}
#links-footer a:hover, .home #links-footer a.home, .diensten #links-footer a.diensten, .over-soul-for-sale #links-footer a.over-soul-for-sale, .cases #links-footer a.cases,
.referenties #links-footer a.referenties, .blog #links-footer a.blog, .contact #links-footer a.contact {color:#85cfff;}

#submenu li a {padding:0 0 0 30px; background: url(../images/layout/bullet_submenu.gif) left top no-repeat; line-height:19px; display:block; color:#a1a1a1;}
#submenu li a:hover {color:#fff;}
#submenu li.active a {color:#fff; background: url(../images/layout/bullet_submenu.gif) left bottom no-repeat;}
#content-main .newsitem h2 a {color:#e0e0e0;}
p.credits a {padding:0 18px 0 0; background: url(../images/layout/glue.gif) right 50% no-repeat;}

/* Titles */
#content-main h1 {font-size:28px; color:#f6e734; font-family:Georgia, Serif; font-weight:200; margin:0 0 20px 0;}
#content-main h1 span {display:block; font-size:16px; color:#e0e0e0;}
#content-main h2 {color:#e0e0e0; font-size:18px; font-weight:200; font-family:Georgia, Serif; margin-top:7px; }
.home #content-main h2 {margin-top:0;}
.span3-1 h2 {font-size:21px; color:#f0f0f0; font-family:Georgia, Serif; font-weight:200; line-height:22px; margin:0 0 14px 0;}
.span3-1 h2.title_tel, .span3-1 h2.title_meat {margin-bottom:5px;}
#content-second h2 {font-size:21; color:#f0f0f0; font-family:Georgia, Serif; font-weight:200; line-height:22px;}
#content-second .span3-1 h2 {color:#eedc3c;}
.span3-1 h3 {font-size:18px; color:#f0f0f0; font-family:Georgia, Serif; font-weight:200;}
.span3-1 h3 span {font-size:13px; color:#dd5e1c; display:block;}
.hor_widgets h2 {height:75px; padding:20px 0 0 0; margin:0; color:#eedc3c;}
h2.title_meat {background: url(../images/layout/title_meat.gif) 120px top no-repeat; padding:20px 120px 0 0;}
h2.title_tel {background: url(../images/layout/title_telephone.gif) right top no-repeat; padding:20px 120px 0 0;}
.fill h2.title_tel, .fill h2.title_meat {height:60px; padding-top:12px; background-position:right -12px;}
#content-second .contact h2 {color:#f0f0f0;}
#content-main .case h2 {}
#content-main .case h2 a {color:#f0f0f0;}

/* Paragraphs */
#content-second .contact p.name {margin:0;}
#content-second .contact p.tel {font-size:12px; font-style:italic; padding-bottom:0;} 
#content-second .contact p.email {font-size:12px; color:#85CFFF;} 
p.diensten {color:#f0f0f0;}
.reference p {margin-left:15px; margin-right:15px;}
.reference blockquote p {margin-left:0; margin-right:0;}
p.author {text-align:right; line-height:16px; margin:0 15px 15px 0;}
p.author span {font-style:italic; color:#666;}
.newsitem p.blog_readmore {text-align:right;}
#content-main p.extra_info {margin:-20px 0 10px 0; font-size:12px; color:#777;}
#content-main .newsitem p.extra_info {margin:-5px 0 0 0;}
.case p {display:inline;}
p.credits {font-size:12px; display:block; float:left; margin:0 30px; padding:10px 30px 0 105px; width:685px; border-top:#777676 1px dotted;}
.home #content-main .span3-1 p {padding:0;}

/* Buttons */
.btn_readmore {-moz-border-radius:6px; -webkit-border-radius:6px; background-color:#191919; color:#dd5e1c; display:inline; padding:1px 8px; font-size:12px; white-space: no-wrap; line-height:16px;}
.home .btn_readmore {-moz-border-radius:6px; -webkit-border-radius:6px; background-color:#191919; color:#dd5e1c; display:block; padding:1px 8px; margin-top:5px; font-size:12px; white-space: no-wrap; line-height:16px; float:left;}
p.diensten_readmore {margin:-10px 0 10px 0;}
.btn_readmore em {color:#f0f0f0; font-style:normal; font-size:14px; margin-right:5px;}
a.btn_readmore:hover {background-color:#d75a18; color:#191919;}
#content-main p a.btn_readmore, #content-main p a.btn_readmore:hover {border:none;}
#content-main .case p a.btn_readmore {margin-left:5px;}
blockquote .btn_readmore {font-family:Arial, Helvetica, sans-serif; font-style:normal; background-color:#303030; margin-left:5px;}
.cta {font-size:12px; padding:0 30px 0 0; background:url(../images/layout/btn_CTA.gif) right 50% no-repeat; line-height:22px; margin:0 0 10px 0;}
.cta a {-moz-border-radius:0; -webkit-border-radius:0; background-color:transparent; color:#85cfff; display:inline; padding:0;}
.cta a:hover {border-bottom:#85cfff 1px dotted;}

.author {font-size:12px;}
#content-main .last {padding: 0 !important}
.btn_follow {width:120px; height:54px; display:block; margin:0; padding:33px 76px 0 0; background: url(../images/layout/btn_follow.gif) left top no-repeat;}
.btn_follow a {color:#191919; font-size:16px; padding:0 0 0 20px; font-family:Georgia, Serif; font-style:italic; font-weight:bold; display:block; width:110px; height:36px; line-height:34px;}
.btn_follow a:hover {color:#c2490a;}
.tweet {font-size:14px; line-height:18px; font-family:Georgia, Serif; margin:0; padding:0 0 6px 0;}
.tweet_time {font-size:11px; color:#6e6e6e; padding:0;}
#content-second .contact p.name a {background-color:#d6c82c; padding:10px 18px; margin:0; -moz-border-radius:6px; -webkit-border-radius:6px; color:#191919; font-weight:bold; width:120px; text-align:center; display:block;}

span.error, span.notice, span.success {border:none; margin-bottom:0; padding:0 0 0 5px; width:auto; font-size:12px; color:#DD5E1C; clear:both;}
span.success {color:#EEDC3C; margin-bottom:6px;}
#content-main span.error, #content-main span.notice, #content-main span.success {float:left; clear:none;}

#fb-comments {background-color:#f2f2f2; padding:20px 20px; overflow:hidden; -moz-border-radius:6px; -webkit-border-radius:6px;}
.auto_resize_iframe { width:200px; background-color:red; color:#fff;}
.connect_widget_text {color:#fff;}

/* form layout */
.verzendform p {padding:0;}
#content-main .verzendform p {clear:both;}
label {font-size:12px; color:#a1a1a1; float:left; width:60px; display:block;}

input.text, input.title, 
textarea, select {float:left; width:187px; background-color:#303030; border:none; border-top:1px solid #242424; border-left:1px solid #242424; color:#f0f0f0; margin:0 0 6px 0; }

.fill input.text, .fill input.title, 
.fill textarea, .fill select {width:167px;}

.span3-1 input.text:focus, .span3-1 input.title:focus, 
.span3-1 textarea:focus, .span3-1 select:focus {background-color: #3f3f3f; color:#f0f0f0;}

textarea, input , select {font-family: Arial, sans-serif; padding:4px 5px; -moz-border-radius: 6px; -webkit-border-radius: 6px; font-size:12px; color:#5A5A5A;}
.send-button, #login_submit{background:url(../images/layout/btn_CTA.gif) right 50% no-repeat; font-family: Arial, sans-serif; font-size:12px; display:block; height:22px; padding:0 30px 0 0;  width:196px; border:0; color:#85cfff; cursor:pointer; outline-style:none; float:right; clear:both; margin:10px 0 10px 0; text-align:right;}
.send-button:hover{color:#85cfff;}

#content-main input.text, #content-main input.title, 
#content-main textarea, #content-main select {float:left; width:250px; background-color:#191919; border:none; border-top:1px solid #242424; border-left:1px solid #242424; color:#5a5a5a; margin:0 0 6px 0; }
.span3-1 input.text, .span3-1 input.title, 
.span3-1 textarea, .span3-1 select {color:#A1A1A1;}
#content-main textarea {width:350px; padding-right:40px;}
#content-main input.text:focus, #content-main input.title:focus, 
#content-main textarea:focus, #content-main select:focus {background-color: #212121; color:#f0f0f0;}
#content-main .send-button, #content-main #login_submit{background:none; -moz-border-radius:6px; -webkit-border-radius:6px; background-color:#191919; color:#dd5e1c; display:inline; padding:0 8px 1px 8px; font-size:12px; white-space: no-wrap; width:auto; float:none; text-align:center; margin-left:60px;}
#content-main .send-button:hover{background-color:#d75a18; color:#191919;}
.js #content-main .send-button, .js #content-main #login_submit {margin-left:0;}
.verzendform input.text, .verzendform input.title {width:150px;}
.js .verzendform  input.text, .verzendform  input.title {width:200px;}
.verzendform label {width:50px;}
.js .verzendform label {display:none;}

#content-main p.aardbei {width:156px; height:186px; display:block; margin:-125px 0 0 342px; padding:0; position:absolute; background:url(../images/layout/aardbei.png) left top no-repeat;}

/*" 07.FOOTER "*/
#footer {margin-top:20px;}
#links-footer .holder div {width:300px; margin:0;}
#links-footer .holder div.last {width:278px; float:right;}
#links-footer .holder #logo {width:135px; margin:0;}
#links-footer .holder .small {width:157px;}
#links-footer .holder #logo a {display:block; width:82px; height:54px; margin:-30px 0 0 30px; position:absolute;}

#links-footer {padding:5px 0 15px 0; background-color:#191919; border-top:#4f4f4f 1px solid;}
#links-footer h2 {font-size:21px; color:#eedc3c; font-family:Georgia, Serif; font-weight:200; line-height:22px; margin:0 0 14px 0;}

.single-listing ul {}
.single-listing ul li {border-top:#777676 1px dotted; line-height:30px; padding:0 0 0 15px; background: url(../images/layout/bullet_footer.gif) left 50% no-repeat;}
.single-listing ul li.first {border:none;}
.single-listing.small ul li {border:none; background:none; padding:0 0 0 30px;}
#links-footer ul li a {color:#777676; font-size:14px;}

.single-listing.small ul li.linkedin {background: url(../images/layout/icn-linkedin.png) left 50% no-repeat;}
.single-listing.small ul li.facebook {background: url(../images/layout/icn-facebook.png) left 50% no-repeat;}
.single-listing.small ul li.twitter {background: url(../images/layout/icn-twitter.png) left 50% no-repeat;}
.single-listing.small ul li.rss {background: url(../images/layout/icn-rss.png) left 50% no-repeat;}

.contact-listing p {font-family:Georgia, Serif; font-size:16px;}
.contact-listing p.tel {font-family:Arial, Helvetica, sans-serif; font-size:12px; -moz-border-radius:8px; -webkit-border-radius:8px; background-color:#070707; color:#d7d7d7; display:inline; padding:4px 10px;}
.contact-listing p.email {font-family:Arial, Helvetica, sans-serif; font-size:14px; padding-top:10px; color:#85cfff;}

/* JAVASCRIPT */
.js #content-main .verzendform label {display:none;}