/*
Theme Name: Snappy Closets
Theme URI: http://www.fabrik1design.com
Description: "Snappy Closets" Theme for Wordpress
Version: 1.0
Author: Ralf Kobert
Author URI: http://www.fabrik1design.de
*/


/* Reset
--------------------------------------------------*/

html {
height:100.1%;
font-size:100.1%;
background:#30261c url(images/html_bg.jpg) top left repeat;
}

body,h1,h2,h3,h4,h5,h6,p,form,fieldset {
margin:0;
padding:0;
}


/* Body
--------------------------------------------------*/
body {
height:100%;
font:0.8em/1.7em "lucida grande", verdana, sans-serif;
color:#e0d6c6;
background:transparent url(images/background.jpg) repeat-x left top;
}


/* Überschriften
--------------------------------------------------*/

h1 {
font-size:1.8em;
font-weight:bold;
font-family:Georgia, serif;
letter-spacing:1.1px;
/*text-transform:uppercase;*/
padding-bottom:35px;
color:#e0d6c6;
background:transparent;
}



/* Links
--------------------------------------------------*/

a {
text-decoration:none;
font-weight:bold;
color:#e0d6c6;
background:transparent;
}


/* Paragraphs, Listen, etc
--------------------------------------------------*/

p {
margin:0;
padding:0 0 14px 0;
}

ul {
margin:0 0 0 0;
padding:0 0 18px 0;
}

ul ul {
padding:0;
}


/* Header
--------------------------------------------------*/

/*#header {
height:200px;
width:60em;
max-width:98%;
min-width:630px;
margin:0 auto;
padding:0;
background:url(images/snappy_logo_y.jpg) right 30px no-repeat;
}

.headerimg {

position:absolute;
width:466px;
height:73px;
margin:0;
padding:0;
top:30px;
background:url(images/snappy_closets_2.gif) left top no-repeat;
color:#fff;
}*/

#header {
height:200px;
width:60em;
max-width:98%;
min-width:630px;
margin:0 auto;
padding:0;
background:url(images/snappy_closets_2.gif) left 30px no-repeat;
}

.headerimg {
position:relative;
float:right;
width:111px;
height:111px;
margin:0;
padding:0;
top:30px;
/*background:url(images/snappy_logo_y.jpg) right top no-repeat;*/
color:#fff;
}

/* Container Content
--------------------------------------------------*/

#container-wrapper {
clear:both;
color:#000;
background:transparent;
}

#container {
width:60em;
max-width:98%;
min-width:630px;
margin:0 auto;
padding:0;
color:#e0d6c6;
background:transparent;
}

#content {
float:left;
width:auto;
max-width:70%;
min-width:54%;
min-height:500px;
padding:22px 0 2em 12px;
}

#content h1 a {
margin-left:-2px;
}

#content h2 {
margin:10px 0 15px -12px;
padding:0 0 5px 12px;
font: bold 1.3em/1.7em georgia, serif;
letter-spacing:0.2px;
color: #cbc4b1;
/*background:inherit;
background:url(images/h2_bg.png) top left repeat;*/
}

#content h2.podmodbg {
background:url(images/h2_podmodel_bg.png) 10px 4px no-repeat;
}

#content h3 {
margin:0 0 15px 0;
padding:5px 10px;
font: bold 0.9em/1.7em georgia, serif;
color: #df9200;
background: #7c6e5f;
}

#content h4 {
margin:0 0 8px 0;
font-size:1em;
}

#content h2 a,
fieldset p a {
border:none;
text-decoration:none;
color:#6BA136;
background:#F3F1E9;
}

#content h2 a:hover,
fieldset p a:hover {
border:none;
text-decoration:none;
color:#000;
background:#F3F1E9;
}

#content h2 a:focus,
fieldset p a:focus {
border:none;
text-decoration:none;
color:#000;
background:#fff;
}

#content ul.bullet li{
list-style-type:none;
padding:0 0 0 15px;
color:#000;
background: #f3f1e9 url(images/content_li_bullet.gif) 0 .70em no-repeat;
}

#content ul li{
list-style-type:none;
}

#content em{
font-weight:bold;
padding:3px;
color:#31271b;
background: #ffdeb5;
}

#content a {
text-decoration:underline;
font-weight:bold;
color:#e0d6c6;
}

/*#content a:hover,
#content a:focus,
#content a:active {
font-weight:bold;
color:#e0d6c6;
background:#5d5141;
background:url(images/navi_hover.png) top left repeat;
}*/

#content a:hover,
#content a:focus,
#content a:active {
text-decoration:underline;
font-weight:bold;
color:#5d5141;
background:transparent;
}

#content a.textlink:hover,
#content a.textlink:focus,
#content a.textlink:active {
text-decoration:underline;
font-weight:bold;
color:#5d5141;
background:#e0d6c6;
}

#content a.imglink {
padding:0 !important;
}

#content a.imglink:hover,
#content a.imglink:focus,
#content a.imglink:active {
color:#6BA136;
background:#F3F1E9;
}

#content strong{
margin-bottom:25px;
color:#e0d6c6;
background:inherit;
font:bold 1.1em/1.4em georgia, serif;
}

#content .imgstatic {
margin: 0 0 0 -4px;
padding:0 0 0 0;
}

#content .left img{
margin-bottom:40px;
}

#content p a img {
padding:10px;
}

#content p a img.textlink {
padding:0;
}

#content p a img:hover {
background:url(images/navi_hover.png) top left repeat;
color:inherit;
}


/* Sidebar / Navigation
------------------------------------------------ */

#sidebar {
float:right;
min-width:8em;
width:18em;
max-width:24%;
padding:13px 0 0 16px;
font-size:1em;
line-height:1.63em;
}

#sidebar p {
margin:0 0 0 15px;
font-size:1em;
line-height:1.5em;
}

#sidebar h2 {
margin:10px 0 9px 0;
padding: 0 0 0 18px;
font-weight:bold;
font-family:georgia, serif;
font-size:1em;
letter-spacing:0.8px;
color: #ff8c00;
background:transparent;
}

#sidebar h4 {
margin:0 0 10px 0;
font-weight:bold;
font-family:georgia,serif;
font-size:1.0em;
line-height:1em;
color:#383D44;
background:#F3F1E9;
}

#sidebar h4.first{
margin:20px 0 10px 0;
}

#sidebar ul {
margin:0;
padding-bottom:20px;
color:inherit;
background-color:transparent;
list-style-type:none;
}

#sidebar ul li {
margin:0;
padding:0;
line-height:1.65em;
}

#sidebar ul li ul {
margin:0;
padding:0;
}

#sidebar li a {
display:block;
padding:3px 4px 3px 16px;
font-weight: bold;
text-decoration:none;
color:#e0d6c6;
background-color:transparent;
}

#sidebar li li a {
padding:3px 4px 3px 26px;
}

#sidebar li li li a {
padding:3px 4px 3px 41px;
}

#sidebar li#level1active a#level1current,
#sidebar li#level2active a#level2current,
#sidebar li#level3active a#level3current,
#sidebar li.current-cat a {
color:#e0d6c6;
background:url(images/navi_hover.png) top left repeat;
background-position:1% 50% !important;
}

#sidebar a#level1highlight,
#sidebar a#level2highlight {
color:#e0d6c6;
background:url(images/navi_hover.png) top left repeat;
background-position:1% 50% !important;
}

#sidebar li a:hover,
#sidebar li a:focus,
#sidebar li a:active {
color:#fff;
/*background-color: #fdfaf6 !important;*/
background:url(images/navi_hover.png) top left repeat !important;
background-position:1% 50% !important;
}

#sidebar #level2 li a{
font-weight:normal;
}

#sidebar p#rssfeed {
padding:25px 0 5em 0;
}

#sidebar #rssfeed a {
display:block;
width:69px;
height:37px;
color:#000;
background:#F3F1E9 url(images/rss_feed_button_2.gif) 0 0 no-repeat;
}

#sidebar #rssfeed a:hover,
#sidebar p#rssfeed a:focus,
#sidebar p#rssfeed a:active {
background-position:0 -37px;
}

/* Footer
-------------------------------------------------- */

#footer-top {
padding:0;
height:31px;
font-size:1em;
color:#fff;
background:transparent url(images/footer_top.gif) repeat-x top left;
}

#footer-wrapper {
clear:both;
padding:0;
font-size:1em;
color:#fff;
background: url(images/footer_bg.jpg) repeat-x top left;
}

#footer {
width:60em;
max-width:98%;
min-width:630px;
margin:0 auto;
padding:0 0 40px 0;
color:#fff;
}

#footer p {
padding-left:12px;
font-size:0.9em;
color: #5c5c5c;

}

#footer a {
padding:3px 5px;
font-weight:normal;
color:#e0d6c6;
background:#5d5141;
}

#footer a:hover,
#footer a:focus,
#footer a:active {
font-weight:normal;
color:#5d5141;
background:#F3F1E9;
}

/* Formulare
-------------------------------------------------*/

form {
padding:6px 0;
border:none;
}

form p {
padding:6px 0;
}

form label {
background:inherit;
color: #e0d6c6;
}

form label em {
font-style:normal;
background:inherit;
color: #e0d6c6 !important;
background-color:transparent !important;
}

form input, form textarea {
padding:3px;
width:200px;
border:1px solid #B5B5B5;
font-family:Arial,Helvetica,sans-serif;
font-size:1em;
color:#383838;
background-color:#FFF;
}

form input:hover,
form input:focus,
form textarea:hover,
form textarea:focus,
form textarea#comment:hover,
form textarea#comment:focus {
color:#666;
background-color: #eae0d6;
}

form textarea {
overflow:auto;
}

form .darkred {
color:#990000;
background-color:#fff;
}

#kontakt {
margin:35px 0 18px 0;
}

#kontakt p {
padding:0 0 3px 0;
margin:0;
}

#kontakt input,
#kontakt textarea {
margin:0 0 8px 0;
}

#kontakt .submit,
input#submit {
width:auto;
font-weight:bold;
font-size:.9em;
background-color:#e0d6c6 !important;
color:#5d5141 !important;
}

#kontakt .submit:hover,
#kontakt .submit:focus,
input#submit:hover,
input#submit:focus {
color:#e0d6c6 !important;
background:#5d5141 !important;
}

#kontakt #csubject,
#kontakt textarea,
textarea#comment {
width:80%;
}


/* Inhaltsverzeichnis
-------------------------------------------*/
.ddsg-wrapper ul li {
list-style-type:none;
padding-left:1.4em;
line-height:2em;
}

.ddsg-wrapper ul li a {
color:#e0d6c6 !important;
background:transparent !important;
list-style-type:none;
}

.ddsg-wrapper ul li a:hover {
color:#5d5141 !important;
background:#e0d6c6 !important;
list-style-type:none;
}

.ddsg-wrapper ul li ul li a {
padding:0 0 0 10px;
font-weight:normal !important;
}

.ddsg-wrapper ul li ul li ul li{
margin:0 0 0 14px !important;
font-weight:normal;
background:url(images/bullet_content_list_2.gif) 14px center no-repeat !important;
}

.ddsg-wrapper ul li ul li {
margin:0 0 0 4px !important;
font-weight:normal;
background:url(images/bullet_content_list.gif) 14px 10px no-repeat !important;
}

.ddsg-wrapper h3 {
font-size:1.2em !important;
}

.ddsg-wrapper h4{
background-color:#F3F1E9;
color: #575757;
}


/* Skipnav
--------------------------------------------------*/

ul#skipnav {
margin:0;
padding:0;
height:0;
}

ul#skipnav li {
list-style-type:none;
display:inline;
}

ul#skipnav li a {
position:absolute;
top:-500px;
left:-999px;
text-decoration:none;
}

ul#skipnav li a:focus,
ul#skipnav li a:active {
z-index:5;
display:block;
position:relative;
top:122px;
left:4px;
width:21em;
border:1px solid #fff;
margin:0;
padding:0 0 1px 4px;
font-family:"Lucida Sans Unicode, Lucida Grande", geneva, verdana, sans-serif;
font-size:.9em;
font-weight:bold;
line-height:2em;
text-align: left;
color:#e0d6c6;
background:#5d5141;
}

ul#skipnav li a:hover {
border:1px solid #e0d6c6;
color:#5d5141;
background-color:#e0d6c6;
}

/* Verschiedenes
--------------------------------------------------*/

.clear {
float:none;
clear:both;
width:auto;
height:0;
border:0 none;
margin:0;
padding:0;
line-height:0px;
color:#f3f1e9;
background-color:inherit;
}

.clr{
clear: both;
}

.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

.red {
color:#B1201F;
background-color:inherit;
}

fieldset {
border:0 solid;
}

legend, legend em, #sidebar #rssfeed a span,
#topnavi li em, th,
#sidebar p#whos, .headertitle {
position:absolute;
top:-500px;
left:-999px;
}

img {
border:none;
}

.imgright {
float:right;
padding:0 0 10px 35px;
}

.rspace {
margin-right:20px;
}

.tspace {
padding-top:18px;
}

.alignleft{
float:left;
padding:0 15px 10px 0;
}

.alignright{
float:right;
padding:0 0 10px 15px;
}

.left{
float:left;
width:11em;
padding:0 15px 10px 0;
}

.right{
float:right;
width:25em;
padding:0 0 10px 15px;
}

/*.wp-image-33{
opacity:0.4;
}*/

.green{
color: #008e01;
}

#inhalt{
display:none;
}

.point{
padding:2px 5px;
text-transform: uppercase;
font-weight:bold;
color:#31271b;
background: #ffdeb5;
}

.googlemaps{
margin:60px 0 20px 0;
border:1px solid #fff;
}

.fleft {
width:114px;
float:left;
}

.fleft1 {
padding-right:40px;
width:25em;
float:left;
}

.fleft2 {
width:10em;
float:left;
}

.podimg {
height:200px;
width:114px;
/*padding:1px;*/
background-color:transparent;
color:inherit;
}

ul.podlist {
line-height:1.3em;
/*margin-bottom:15px;*/
vertical-align: top;
width:100%;
height:260px;
}

ul.podlist li {
font-size:0.9em;
padding:13px 0 0 13px;
}

ul.podlist:hover {
/*background-color:#ADD8E6;*/
background:url(images/navi_hover.png) top left repeat;
color:inherit;
}

.fleftmisc {
width:160px;
float:left;
}

.miscimg {
height:117px;
width:150px;
/*padding:1px;*/
background-color:transparent;
color:inherit;
}

ul.misclist {
line-height:1.3em;
/*margin-bottom:15px;*/
vertical-align: top;
width:100%;
}

ul.misclist li {
font-size:0.9em;
padding:13px 0 0 5px;
}

ul.misclist:hover {
/*background-color:#ADD8E6;*/
background:url(images/navi_hover.png) top left repeat;
color:inherit;
}

.hr{
height:10px;
background:url(images/line.png) top left no-repeat;
margin:45px 0 55px 0;
}

.imgtext{
padding:10px 0 0 0;
}

.pagination{
margin:20px 0 0 12px;
}

.last{
margin:0 0 30px 0;
}

.pagetop{
background:none !important;
}

ul.innernav li,
.images a{
display:inline;
}

a.images img{
margin-bottom:15px !important;
}