/*
Theme Name: TopDamenschuhe
Theme URI: http://www.zellfelder.de
Description: Ein Theme gecodet und entworfen von Daniel Zellfelder für TopDamenschuhe.de
Version: 1.0
Author: Daniel Zellfelder
Author URI: http://www.zellfelder.de
*/


@import "style/css/reset.css";
@import "style/css/layout.css";

* { margin : 0; padding : 0; }
.clear { clear:both; }
body { background: #ffffff url(style/images/top-streifen.png) repeat-x;  font-size:13px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color:#333;  }

#pagewrap { width:900px; margin:auto; }
#header { height:77px; margin: 50px 0px 0px; }
#left-box { width:630px; float:left; }
#right-box { width:260px; float:left;  }
#left-side { width:610px; float:left; background-color: #d6d6d6; margin-right:10px; padding:5px;}

#left-side p { font-size:15px; line-height:20px; margin:8px 0px;  }
#left-side h3, { font-family: "Georgia", Times New Roman, Times, serif; border-left: 20px solid #976eaa; padding-left:5px; margin-top:25px; }
#left-side h5 { border-bottom: 2px dotted #FFF; padding:2px;  text-transform:none; }
#left-side .more-link, #tw-link {font-weight:bold; color:#fff; background-color:#5d5b60;  padding:1px 3px; text-decoration:none; text-transform:uppercase; margin-bottom:30px; margin-top:5px;}
a.more-link { display:block; font-size:13px; }
#tw-link a { width:auto; margin-top:10px; font-size:20px; }
#left-side .more-link { margin:5px 5px 0px px; line-height:23px;}
#left-side a.more-link:hover, #tw-link:hover { color:#fff; background-color:#976eaa; }
#left-side h6 { font-weight:bold; color:#976eaa; }
h3.schuhlist  { margin-top:10px; }
ul.schuhgeschaeftliste { margin:10px 0px 20px 25px; }

#details { font-size:12px; width:600px; margin:auto; padding: 5px 5px ; background-color:#976EAA; color:#fff;}
#details a { color:#fff; }
.trenner { width:580px; height:1px; margin-top:25px; }
.fn a { font-size:12px; text-transform:uppercase; text-decoration:none; font-weight:bold; color:#55247d;}
.fn a:hover { color:#976eaa; }
.commentmetadata a{ color:#666; font-size:11px; text-decoration:none; }
.commentmetadata a:hover {color:#666; }
.comment-body { padding:5px; margin: 10px 0px; background-color:#efefef;}
.commentlist { width:580px; margin:auto; }

input[type=text] { background: url(style/images/background.gif); border:none; padding:2px; color:#666; text-transform:none; margin:0px}
input { background-color:#5d5b60; padding:1px 3px; text-decoration:none; text-transform:uppercase; color:#fff; border:none; margin-top:5px; }
input:hover { background-color:#976eaa; }
.txt { color:#666; }
#searchform input[type=text] { width:177px; background-image:none; background-color:#976eaa; color:#fff; font-weight:bold; padding:1px; height:17px; }
.screen-reader-text { display:none; }
#searchform { width:260px;  float:left; margin-bottom:10px; margin-top:3px; }
* html #searchform input { background-image:none; background-color:#976eaa; margin:0px; padding:1px;}
#searchform input[type=submit] {  width:77px; height:32px; margin:0; padding:0; background:url(style/images/search.png) no-repeat; overflow: hidden; cursor: pointer; cursor: hand;
text-indent: -1000em; }



#navi  { width:630px; float:left; margin-top:10px;}
ul.navi { list-style:none; margin-top:5px; }
.navi li { display:block; weight:auto; float:left; margin:0px 3px 0px 0px;  }
.navi li a { display:block; text-decoration:none; color:#fff; font-size:14px; line-height:20px; padding:0px 5px; background-color:#d6d6d6;}
.navi li a:hover , #current li { background-color:#976eaa; color:#FFF; }
.navi .current_page_item a, .navi #current a, .navi .current-cat a { background-color:#976eaa; }

#leftcolumn { width:250px; float:left; background-color:#fff; margin:0px 10px 0px 0px; }
#rightcolumn { width:360px;  float:left; }
.main { margin-top:15px; }
#feature { padding:5px; background:#d6d6d6; line-height:18px; }
#feature img, #left-side img { border: 5px solid #FFF; margin-bottom:7px; }
#left-side img { margin-bottom:0px; }
a.read_more { font-weight:bold; color:#fff; background-color:#5d5b60;  padding:1px 3px; text-decoration:none; text-transform:uppercase; }
.read_more { margin:5px 5px 0px 0px; line-height:23px;}
a.read_more:hover { color:#fff; background-color:#976eaa; }
a.moreinfo { font-weight:bold; color:#fff; background-color:#5d5b60;  padding:1px 3px; text-decoration:none; text-transform:uppercase; display:block; text-align:center; }
a.moreinfo:hover { color:#fff; background-color:#976eaa; }
.com-link a { color:#976eaa; font-size:11px; text-decoration:none; }
.com-link:hover a { color:#fff;  }

#leftbottom { width:240px; float:left; background-color:#d6d6d6; margin:10px 10px 0px 0px; padding:5px; }
#rightbottom { width:350px;  float:left; background-color:#d6d6d6; margin:10px 10px 0px 0px; padding:5px; }

#vorgestellt { background-color:#d6d6d6; padding:5px;  font-size: 11px; height:383px;}
a { color:#976eaa; text-decoration:underline; }
a:hover { color:#fff; }
h3, h3 a, .widgettitle { font-size:18px; text-transform:uppercase; background-color:#d6d6d6; color:#55247d; font-weight:bold; padding:0; margin:0; text-decoration:none; }
h4 { font-size:24px; font-weight:bold; padding:0; margin:0; }
h5, h5 a { color:#976eaa; font-size:12px; font-weight:normal; text-transform:lowercase; padding:0; margin:0; text-decoration:none; line-height:12px;}
h3 a:hover { color:#976eaa; }
h2 { font-size:30px; text-transform:uppercase; color:#fff; background-color:#976eaa; font-weight:bold; padding:5px 10px; margin:0px 0px 10px; text-decoration:none;  }
#v-produkt { background-color:#FFF; padding:5px; margin-top:0px;}
#produkt-desc { color:#976eaa; font-weight:bold; margin-top:8px; }
strong { color:#55247d; font-weight:bold;}
#discuss { margin: 9px auto 0; }

.tipp { margin-bottom:2px; background-color:#d6d6d6; padding:5px 3px; text-decoration:none; color:#55247d; }
.tipp:hover { background-color:#55247d; color:#fff; display:block;}
.tipp a { display:block; text-decoration:none; }
.tipp a:hover { background-color:#55247d; color:#fff; }
.tipp { font-size:18px; text-transform:uppercase; font-weight:bold; }
.tipp span { font-size:12px; font-weight:normal; text-transform:lowercase; line-height:12px; display:block; width:auto; }


#gutscheincode { padding:5px; margin-top:10px; height:140px; background: url(style/images/twitter.jpg) no-repeat #d6d6d6;}
#footer { color:#976eaa; font-size: 12px; line-height:26px; padding-bottom:30px; }
#footer a { text-decoration:none;  }
#footer a:hover { color:#976eaa; }

#newsletter { width:250px; float:left; background-color:#fff; margin:0px 10px 0px 0px; }
#sozial { width:360px;  float:left; }
.extras { margin-top:15px; }
.box { padding:5px; background-color:#976eaa; color:#fff; font-weight:bold; margin:5px 0px 5px; }
.o_l { padding-top:3px; }
.tagcloud { padding:5px; background-color:#d6d6d6; color:#5d5b60; margin-top:10px; height:97px; }
.tagcloud li a { text-decoration:none; }
.tagcloud li  {  }
.widget_Twidget li { margin-top:10px; }

#karte { width:520px; text-align:center; background-color:#fff; float:left;}
#kartentrenner { width:90px; height:563px; float:left; background-color:#fff; }
map { width:420px; margin:auto; }
#dtl  { width:600px; background-color:#fff; color:#55247d; font-size:18px; padding:5px; }
.lexikon li a { margin-left:20px; text-decoration:none; font-size:16px; }
.lexikon li:first-letter { font-weight:bold; font-size:18px; }
#tweet { font-size:11px; }
#twitter { height:75px; margin-bottom:25px; }

.tablecell { width:610px; background-color:#fff;  }
.eintrag { margin:0px 0px 10px;  }
.tablecell td {  vertical-align:top; padding:4px 10px; }
tr.tablecell { background: #f7e3fd; }
tr.tablecell:hover { background: #fff; }