/*GENERAL*/
* { padding:0; margin:0; }
form, fieldset, img { border:0; }
a {cursor:pointer; text-decoration:none; outline:none; color:#840645; }
a:hover {  }
li { list-style:none; }
html { background:#b5b094; }
body { position:relative; font:75%/140% Arial, Helvetica, sans-serif; color:#000; padding:57px 0 37px;  }
.substitute { background:url(../images/background.jpg) no-repeat center top; width:100%; min-height:688px; }
.substitute_new { background:url(../images/background_v4.jpg) no-repeat center top; width:100%; min-height:688px; }
#left h3 {font-size:1.833em;font-family:Courier New,Arial,Helvetica,sans-serif;text-align:right;padding:10px 13px;color:#fff;}

#list li:after, #content:after, #center .centerInner:after { content:'.'; display:block; visibility:hidden; clear:both; height:0; }
#nav ul li,#nav ul li a, #nav ul li a span, .picSide, #list li, #content, #center .centerInner { display:inline-block; }
#nav ul li,#nav ul li a, #nav ul li a span, .picSide, #list li, #content, #center .centerInner { display:block; }

.item { position:absolute; z-index:50; }
.item1 { top:423px; left:21px; width:81px!important; }
.item2 { top:23px; left:261px; }
.item3{ top:103px; left:181px; }
.item4{ top:23px; left:101px; }

/*#nav ul, #nav li a { display:inline-block; }*/
#nav ul, #nav li a { display:block; }

#home .substitute { background:url(../images/background2.jpg) no-repeat center top; }
#home .substitute_webwinkel { background:url(../images/background_webwinkel.jpg) no-repeat center top; }
#home #container { padding:20px 26px 0 14px; width:888px }
#home #header { background:url(../images/stichtingHeader.gif); height:166px; width:892px; overflow:hidden; }
#home #header h1 { float:right; margin:6px 30px 0 0; display:inline; }
#home  .item1  {  top:26px; left:20px; width:80px!important; }
#home  .item2 {  top:26px; left:100px; }
#home  .item3 {  top:106px; left:260px; }
#home  .item4 {  top:26px; left:420px; }
#home .item5 { top:423px; left:741px; }
#home .item6 { top:343px; left:661px; }
#home .item7 { top:583px; right:107px; }
#home #nav { background:url(../images/nav.gif) repeat-x 0 0;margin: 0 0 0 1px; height:52px; overflow:hidden; position:relative; z-index:80}
#home #nav ul { line-height:17px; font-size: 14px; overflow:hidden; padding: 0 0 0 151px; }
#home #nav ul li { float:left; font-size:1.166em; color:#fff;  min-width:75px; text-align:center; padding-bottom:19px; position:relative; }
#home #nav ul li.active span { background:url(../images/stichtingMenuOver.gif) no-repeat center 0; top:28px!important; }
#home #nav ul li a { background:url(../images/stichting_menuBg.gif) repeat-x 0 0; color:#fff; padding:6px 5px 8px 5px; position:relative; z-index:60; float:left;font-weight:bold; }
#home #nav ul li span { background:url(../images/stichtingMenuOver.gif) no-repeat center 0; position:absolute; left:0; top:0; z-index:40; display:block; height:18px; }
#home #left { width:173px; }
#home #center { background:#fff; width:419px; padding:37px 25px 39px; min-height:403px; }
#home #footer { top:427px; }
#home .fsControl  { position:static; float:right; padding:1px 20px 0 0; }
#home .fsControl a { color:#7a7566; }
#home #right { width:245px; }


#container { width:882px; margin:0 auto; padding:20px 26px 0 20px; position:relative; }


.fsControl { position:absolute; right:10px; bottom:4px; overflow:hidden; font-size:12px; line-height:normal; }
.fsControl p { float:left; font-weight:bold; padding-left:4px; cursor:pointer; color:#fff; }
.fsControl a { color:#fff; }
.fsControl #small { font-size:11px; line-height:28px; }
.fsControl #medium { font-size:14px; line-height:26px; }
.fsControl #big { font-size:18px; }

#header { height:163px; width:880px; position:relative; }
#header .logo {float:right;width:304px;height:100px;display:block;font-size:1px;line-height:1px;margin:37px 55px 0 0;}

#content { position:relative; min-height:503px; }

#left { width:241px; float:left; }
#left h3 a {color:#ffffff; }
#left #menu { padding-right:2px; position:relative; z-index: 80; }
#left #menu li { background:none; clear:both; float:right; padding-left:22px; }
#left #menu li:hover, #left #menu li.liover, #left #menu li.active { background:url(../images/menuHoverLeft.png) no-repeat 0 0; }
#left #menu li a { color:#fff; font:bold 1.833em Courier New, Arial, Helvetica, sans-serif; padding:8px 11px 8px 0; display:block; float:left; white-space:pre;}
#left #menu li:hover a, #left #menu li.liover a, #left #menu li.active a { background:url(../images/menuHover.png) no-repeat right top; color:#840645; }

#center  { background:#fff url(../images/dots.gif) no-repeat 0 0; width:480px; min-height:491px; float:left; line-height:160%; padding-bottom:43px; }
#center a:hover { text-decoration:underline; }
#center .centerTop  { overflow:hidden; height:83px; }
#center .centerTop p { text-align:right; padding:30px 6px 0 0; width:345px; font-size:0.833em; }
#center .centerTop h1 { float:right; }
#center h1 { font-size:1.666em; color:#840645; padding-bottom:15px; }
#center h2 { font-size:1em; color:#000; }
#center p { padding-bottom:10px; }
#center .centerInner { background:url(../images/dots.gif) no-repeat right top; padding:0 30px; }
#center .single img { float:left; margin-right:15px; }
#center .picSide { width:134px; float:left; position:relative; margin-right:9px; }
#center .picSide br , #center .picSide .spacer-gif{ display:none; }
#center .picSide  span.zoom { background:url(../images/zoom.png) no-repeat 0 0; position:absolute; display:block; width:12px; height:12px; left:3px; bottom:3px; z-index:40; }
#center .picSide  img { display:block; position:relative; z-index:1; }
#center .textSide { color:#840645; width:266px; float:left; font-size:0.916em; }
#center .textSide p.bodytext { color:#000; line-height:1.3em;}
#center .textSide .title { color:#840645; font-size:1.272em; font-weight:bold; border-bottom:1px dotted #c7ac22; font-weight:bold; padding-bottom:0; }
#center .textSide .price { float:right; }
#center .more { text-align:right; }
#center ul {padding-bottom:10px; margin-left:15px;}
#center ul li {list-style:disc outside;}
#center ul#list {margin-left:0px;}
#center #list li { padding-bottom:27px; list-style:none outside; }
#center #list li .description { float:left; padding:0 2px 0 0; color:#000; line-height:1.3em;}
#center .tx-ttnews-browsebox p { padding-bottom:0; display:block; }
#center .tx-ttnews-browsebox table { line-height:normal; border-bottom:1px solid #fff;}
#center .tx-ttnews-browsebox table a:hover { text-decoration:underline; }
#center .tx-ttnews-browsebox table p:hover { border:0; }
#center .tx-ttnews-browsebox { color:#840645; }
#center #products .tx_powermail_pi1_fieldwrap_html { overflow:hidden; }
#center #products .tx_powermail_pi1_fieldwrap_html label { color:#000; width:158px; float:left; }
#center #products .tx_powermail_pi1_fieldwrap_html input { color:#000; width:201px; font:1em Arial, Helvetica, sans-serif; float:left; vertical-align:middle; margin-top:7px; }
#center #products .tx_powermail_pi1_fieldwrap_html_textarea { padding-top:8px; }
#center #products .tx_powermail_pi1_fieldwrap_html_label { color:#000; font-style:italic; }
#center #products .tx_powermail_pi1_fieldwrap_html textarea { color:#000; width:201px; font:1em Arial, Helvetica, sans-serif; float:left; }
#center #products .tx_powermail_pi1_fieldwrap_html_submit input { background:#9f9f9f; color:#fff; font-weight:bold; width:auto; float:right; margin-right:40px; display:inline; cursor:pointer; }
.tx-powermail-pi1_mandatory_submit { background:#9f9f9f; color:#fff; font-weight:bold; width:auto; display:inline; cursor:pointer; border:0;margin-bottom:10px;overflow:visible;}

#right { width:253px; float:left; }

#footer { position:absolute; right:0; top:482px; font-size:0.833em; color:#333; }
#footer a { color:#333; }
#footer a:hover { text-decoration:underline; }

/*POWERMAIL*/
.tx-powermail-pi1 { border:0;}
.tx-powermail-pi1_fieldset legend{display:none;}
.tx_powermail_pi1_fieldwrap_html {display:block; width:400px; }
.tx_powermail_pi1_fieldwrap_html label { width:100px; float:left;font-weight:bold; margin-top:4px;}
.tx_powermail_pi1_fieldwrap_html label .powermail_mandatory{color:#eb0000}
.tx_powermail_pi1_fieldwrap_html .powermail_mandatory_js{font-style:normal; color:#a8a8a8; clear:both; margin-left:157px;}
.tx_powermail_pi1_fieldwrap_html input.powermail_text{width:360px; border:1px solid #999; font:1em Arial, Helvetica, sans-serif; }
.tx_powermail_pi1_fieldwrap_html textarea {width:360px; border:1px solid #9f9f9f; font:1em Arial, Helvetica, sans-serif; }
.tx_powermail_pi1_fieldwrap_html .powermail_submit { text-align:center; float:left; background:#9f9f9f; border:none; color:#FFF; font-size:1em; font-weight:bold; padding:3px 7px 3px 7px; margin-top:5px; margin-bottom:7px; cursor:pointer; }
div.tx-powermail-pi1 input.readonly {border:0px !important;}

/*
* Sitemap
*/

.csc-sitemap ul {list-style:square inside;padding-left:3em;color:#000;}
.csc-sitemap ul ul, .csc-sitemap ul ul ul {list-style:none;}
.csc-sitemap ul li a {color:#840645;}
.csc-sitemap ul li a:hover {color:#222222;}
.csc-sitemap ul li {padding-bottom:.5em;}
.csc-sitemap ul ul {padding-top:.5em;}
.csc-sitemap ul ul li {padding-bottom:0;}
.csc-sitemap ul ul {padding-left:2.5em;padding-top:0;}


.picSide a {display:none;}


/*
* De Kade
*/

.substitute_dekade { background:url(../images/background_dekade.jpg) no-repeat center top; width:100%; min-height:688px; }

/*
* Vestigingen
*/

#logo_atelier {background: url("../images/Het-Atelier-Logo.png") no-repeat scroll 0 0 white; width: 80px; height: 40px; left: 661px; top: 503px; position: absolute; z-index: 51;}
#logo_atelier:hover {background: url("../images/Het-Atelier-Logo-Mouse.png") no-repeat scroll 0 0 white;}
#logo_kade {background: url("../images/De-Kade-Logo.png") no-repeat scroll 0 0 white; background-position: center; width: 80px; height: 40px; left: 661px; top: 543px; position: absolute; z-index: 51;}
#logo_kade:hover {background: url("../images/De-Kade-Logo-Mouse.png") no-repeat scroll 0 0 white; background-position: center;}

/*
* Webwinkel
*/

.substitute_webwinkel #left h3 a { color: #D2CDC2; font-family: arial; }
.substitute_webwinkel #left h3 {margin-top: -5px; padding: 0px 0px 0px 0px;}
.substitute_webwinkel #left #menu li a {font: bold 17px Arial; padding: 0px 11px 4px 0; font: none!important;}
.substitute_webwinkel #left #menu li a:hover {color: #d7a3b9;}
.substitute_webwinkel #left #menu {padding-top: 20px;}
.substitute_webwinkel #left #menu li:hover, #left #menu li.liover, #left #menu li.active { background:none!important; color: #d7a3b9;}
#left #menu li:hover a, #left #menu li.liover a, #left #menu li.active a { background:none!important; color: #d7a3b9;}