/* -- Color: Blue - #ff1144 -- */

/*@import "http://www.merkschoenenwinkels.net/styles/reset.css";*/

/* ------------- */
/* -- Helpers -- */
/* ------------- */
.hide { display: none; }
.page-title { margin: 0 0 20px 0; }

/* -------------------- */
/* -- General Styles -- */
/* -------------------- */
#wrap { width: 968px; margin: 0 auto;background-color: #fff }
body { font: normal 14px/1.618 arial, sans-serif; /*background: url(http://www.merkschoenenwinkels.net/images/main-bg.jpg) repeat-x;*/ color: #555; background-color: #fff}
h1, h2, h3, h4, h5, h6 { margin: 20px 0 0 0; }
h1 { font-size: 20px; }
h2 { font-size: 18px; }
h3 { font-size: 16px; }
h4 { font-size: 16px; }
h5 { font-size: 16px; }
h6 { font-size: 16px; }
p { margin: 0 0 15px 0; }
a { text-decoration: none; color: #ff1144; color:  #444; }
a:hover { color: #444; color:  #ff1144;}
em { font-style: italic; }
ul { margin: 0 0 15px 0px; list-style-type: none; }
ol { margin: 15px 0 15px 20px; list-style-type: decimal; }
strong, b { font-weight: bold; }
blockquote { margin: 20px 40px; padding: 10px; background-color: #eee; border: 1px #ddd solid; }
.lnk {cursor:pointer; }
.undl {text-decoration:underline;}

/* ------------- */
/* -- Buttons -- */
/* ------------- */
.button { background: #999 repeat-x; display: inline-block; padding: 5px 10px 6px; color: #fff; text-decoration: none; font-weight: bold; line-height: 1; border-radius: 5px; -moz-border-radius: 5px; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5); box-shadow: 0 1px 3px rgba(0,0,0,0.5); text-shadow: 0 -1px 1px rgba(0,0,0,0.25); border-bottom: 1px solid rgba(0,0,0,0.25); position: relative; cursor: pointer; font-family: Arial, sans-serif; font-size: 14px; padding: 8px 14px 9px; background-color: #ff1144; }
.button:hover { background-color: #999; color: #fff; }

/* ----------- */
/* -- Tools -- */
/* ----------- */
.line { clear: both; border-bottom: 1px #ccc dotted; }
.post-line { clear: both; border-bottom: 1px #ccc dotted; margin-bottom: 50px; padding-top: 42px; }

/* ------------ */
/* -- Header -- */
/* ------------ */
#top-banner { height:0px; background-color: #ff1144; margin:3px 15px ;}
#header { padding:0px; background-color: #fff;background-image: url(images/schoenenwinkels.jpg);background-repeat:no-repeat; background-position: 0px 10px;  height: 182px;  border-top: #ff1144 solid 3px;}
#header img { float: left; }
#header h1, #header .h1class { float: left; font-size: 28px; letter-spacing: 1px; font-family: "Myriad Pro", "Gill Sans", "Gill Sans MT", Calibri, sans-serif; color: #ff1144; margin:40px 0 0 -10px; font-weight: normal; }
#header .h1class {margin:0px 8px 0px 0px; font-size: 28px;cursor:text;}
#header .aclass, #header .aclass:hover { color: #666;  font-size: 24px; font-style:italic;cursor:text;}
#header h2, #header .subtitle { float: left; color: #666; font-family: "Myriad Pro", "Gill Sans", "Gill Sans MT", Calibri, sans-serif; letter-spacing: 1px; margin: 44px 20px 0 10px; font-size: 24px; font-style:italic;}


/* ---------------- */
/* -- Navigation -- */
/* ---------------- */
#nav { float: left; border-top: 1px #DDDDDD dotted; border-bottom: 1px #DDDDDD dotted; width: 960px; padding: 12px 0 7px 0;  position: relative; list-style: none; margin: 20px 0 0 0;
 z-index: 3; color: #ff1144; }
#nav a { float: left; display: block; font: normal 12px Arial, sans-serif; color: #444444;  }
#nav li a:hover { color: #ff1144; }
#nav li { float: left; position: relative;  }
#nav li span { float: left; padding: 0 20px; font-size: 12px; color: #555; margin-top: -3px }
#nav-item-last span { display: none; }
#nav li:hover > ul { display: block; }
#nav ul { background: #fff; display:none; margin: 0; padding: 0; width: 200px; position: absolute; top: 20px; left: 0px; border: solid 1px #ff1144; list-style: none; }
#nav ul a:hover { background-color: #ddd; color: #ff1144; }
#nav .column {width: 190px;;float: left;margin-left:10px;}
#nav ul li { float: left; margin: 0; padding: 0;   border-bottom: 1px dashed #ddd;  width: 180px; }
#nav .txt {float: left; display: block; font: normal 18px Arial, sans-serif; color: #444444;}
#nav ul a, #nav ul p { padding: 8px 10px; color: #444444; font-size: 12px; float: none;color: #ff1144; }
#nav ul span { display: none; }
#nav ul ul { left: 200px; top: -1px; }
#nav li.current a { color: #ff1144; }
#nav li.current .txt {float: left; display: block; font: normal 18px Arial, sans-serif; color: #ff1144;}
#nav li.current li a { color: #444444; }
#nav li.current li a:hover { color: #ffffff; }
#nav ul li.current a:hover { color: #ffffff; }

/* ---------------------- */
/* -- Featured Section -- */
/* ---------------------- */
#featured-section { clear: both; padding: 30px 0 70px 0; overflow: hidden; width: 100%; }
#featured-section h2, #featured-section h3 { font-family: "Myriad Pro", "Gill Sans", "Gill Sans MT", Calibri, sans-serif; font-size: 40px; letter-spacing: -1px; color: #444444; margin-bottom: 5px; }
#featured-section h3 {font-size:30px;}
#featured-section h4 { font-family: "Myriad Pro", "Gill Sans", "Gill Sans MT", Calibri, sans-serif; font-size: 30px; letter-spacing: -1px; color: #555555; line-height: 40px; margin: 5px 0 0 0; }
#featured-section-img { width: 400px;margin: 15px 0 0 5px; -webkit-box-shadow: 0px 0 10px #aaa; -moz-box-shadow: 0px 0 10px #aaa; box-shadow: 0px 0 10px #aaa;  }
#featured-section-details { float: right; width: 500px; }
#featured-section-intro { float: left; width: 1000px; }
#featured-section-details p,  #featured-section-intro p { font: normal 18px/1.618 Arial, sans-serif; margin: 13px 0 23px 0; color: #555; }
.portfolio-button { display: block; }

/* --------------------- */
/* -- Latest Projects -- */
/* --------------------- */
#latest-projects { clear: both; padding: 32px 0 25px 0; overflow: hidden; margin-left: -5px; }
#latest-projects h3 { margin-bottom: 30px; margin-left: 5px; }
.latest-project { float: left; margin: 0 0 20px 55px; width: 282px; }
.latest-project .post-image { width: 280px; height: 190px; -webkit-box-shadow: 0px 0 10px #aaa; -moz-box-shadow: 0px 0 10px #aaa; box-shadow: 0px 0 10px #aaa; }
.latest-project p { margin-bottom: 0; }
.first-latest-project { margin-left: 5px; }

/* -------------- */
/* -- Overview -- */
/* -------------- */
#overview { clear: both; padding: 30px 0 40px 0; overflow: hidden; }
.overview-block { float: left; width: 280px; margin-left: 60px; }
.overview-block p { font-size: 14px; }
.first { margin-left: 0; }

/* ------------- */
/* -- Content -- */
/* ------------- */
#main { float: left; width: 100%; margin: 10px 0 20px 0; border-top: #ff1144 solid 3px;  border-bottom: #ff1144 solid 3px; padding: 10px 0px;background-color: #fff} 
#content { float: left; width: 680px; margin-left:20px; font-size:0.9em; }
#content .column { float: left; width: 300px; margin-right:20px; font-size:1em; margin-bottom:20px;}
#content .intro { font-size:1em; }

/* ------------------- */
/* -- Posts / Pages -- */
/* ------------------- */
.blog-title { margin-bottom: 40px; }
.post .post-title { font-size: 26px; line-height: 32px; padding: 0; margin: 0 0 -4px 0; }
.post-meta, .post-meta a { font-size: 20px; line-height: 32px; color: #888; padding: 0 0 20px 0; margin: 0 0 0 0; }
.post .more-link { display: block; margin-top: 10px; }
.post .more-link:hover { color: #666; }
.post-image { float: left; width: 125px; height: 125px; border: 1px #ddd solid; margin: 5px 20px 20px 0; }

/* ------------- */
/* -- Sidebar -- */
/* ------------- */
#sidebar { float: left; width: 240px; padding: 20px 10px 5px 10px; margin: 5px 0 0 0; background: #f5f5f5; font-size: 12px; border: 1px #e5e5e5 solid; }
#sidebar h3, #sidebar h2 { font-size: 16px; margin: 0 0 5px 0; padding: 0; }
#sidebar p { font-size: 12px; line-height: 20px; }
#sidebar ul, sidebar li { margin-left:-40px; list-style-type:none; list-style-position:outside; font-size:1.2em;}


/* ------------ */
/* -- Footer -- */
/* ------------ */
#footer { float: left; padding: 10px 0 30px 0; width: 100%; color: #888; }
#footer p { font-size: 12px; }
.social { float: right; }

/* ------------- */
/* -- Slider --- */
/* ------------- */
#slideshow { margin:0 auto; width:653px;  height: 326px; z-index:1;}
.slider-item { height: 326px; margin:0 auto; padding:0; }
.slider_content_inner img { border: none; margin:0 auto; }
.controls-center { width: 678px; margin:0 auto; padding:0; }
.controls-center h2 { width:650px; float:left; font: bold 14px Arial, Helvetica, sans-serif; color:#6d6d6d; padding:15px 0 0 0; margin:0;}
.controls-center h3 { text-align:right; font: normal 36px Arial, Helvetica, sans-serif; color:#111; padding:10px 20px 15px 0; margin:0;}
.controls-center p {width:650px; float:left;  font: normal 12px Arial, Helvetica, sans-serif; color:#6d6d6d; padding:3px 0 0 0; margin:0;}
#slider_controls { float: left; margin:0 0px 20px 0;  width:653px;}
#slider_controls ul { margin:0 auto; padding:0; width:90px;}
#slider_controls ul li { background:none; margin: 0; padding: 0; list-style: none; }
#slider_controls ul li { float: left; display: block; }
#slider_controls ul li a { width: 10px; height: 10px; background:url('images/tabs_2.gif') no-repeat center center; display: block; float: left; padding:2px; margin:2px !important; margin:1px 1px; outline: none; }
#slider_controls ul li a:focus { outline: none; }
#slider_controls ul li a:hover,
#slider_controls ul li a.activeSlide { background:url('images/tabs_1.gif') no-repeat center center; }


/* ------------- */
/* - City-list - */
/* ------------- */
.city-header {font-weight:bold; font-size:1.3em; color:#000; padding:10px 0 0px 0;}
.letterlist {font-weight:normal; font-size:1.2em; margin-right:10px; text-decoration:underline;}
/* ----------------- */
/* - Store-content - */
/* ----------------- */
#content .frame {padding:10px 5px 10px 5px}
#content .store{width:200px;background: #f5f5f5 #fff; border: 1px #e5e5e5 solid none;padding:10px 10px 0 0 ;font-size:0.9em; vertical-align: middle;float: left;}
#content .product{ width:160px;display: table-cell; vertical-align: middle; cursor: pointer;text-align: center;}
#content .product .productImg {max-width:130px;margin:0px 15px; max-height: 200px; }
#content .product .priceImg {width:130px;}
#content .normalsitelink{cursor: text;text-decoration:none;font-weight:normal;color: #444;line-height:12px;	font-size:1em;}
#content .webshoplink{cursor: pointer;text-decoration:underline;font-weight:bold;color: #ff1144;font-size:1.0em;margin: 16px 0px;text-transform:none; }
#content .webshoppagelink{cursor: pointer;text-decoration:underline;font-weight:bold;color: #ff1144;line-height:12px;font-size:0.9em;text-transform:none; }
#content .storetitlelink{cursor: text;color:#444;underline:none;text-decoration:none;font-weight:bold;font-size:1.0em;}
#content .star{cursor: text;color:#ff1144;underline:none;text-decoration:none;font-weight:bold;font-size:1.0em; }
/* ----------------- */
/* - webshop-pages - */
/* ----------------- */
#content .shopbutton {margin:0px 0px 10px 0px; padding:0px;color:#ff1144;text-decoration:underline; height:57px;width:416px; font-size:15px; font-weight:bold; cursor:pointer;}
#content .shopbutton:hover {color:#444;}
#content .webshopblock{width:620px;float:left;background: #f5f5f5; border: 1px #e5e5e5 solid;margin:5px 10px 5px 0px;padding:5px 5px;font-size:0.9em}
#content ul {list-style:outside; list-style-image:url(images/check.png); }
#content li {line-height: 30px; padding-top:10px;}
.smallshopbutton {margin:20px 0px 00px 0px; padding:0px; color:#ff1144; height:40px;width:340px;  font-weight:bold; cursor:pointer; text-transform: normal; font-size:12px;text-decoration:underline; clear:both;}
.smallshopbutton:hover {color:#444;}
#sidebar .smallshopbutton {width:270px;}
.borg{vertical-align: middle;}
.shopimg{cursor:pointer; width: 680px; border:solid 1px #ddd ;}
.shopimgwebshops{cursor:pointer; width: 600px; border:solid 1px #ddd ;}
.noborder{border:none;}
#rebate {display:none;}
.code {border:none; font-weight:bold; }
/* ----------------- */
/* - contact-page  - */
/* ----------------- */
.infoImg{display:none;}
.infoLink{text-decoration: none; cursor: pointer;}
.infoLink:hover{text-decoration: underline; cursor: pointer;}