/*  
Theme Name: MistyKranenberg
Theme URI: http://www.blockhausbau-kranenberg.com
Description: A WP-Theme basing on MistLook 3.7.2 by <a href="http://wpthemes.info" title="Sadish">Sadish Bala</a>.
Version: 3.7.2
Author: Frey Print + Media GmbH
Author URI: http://www.freymedia.de
*/

/* BASIS-STRUKTUR */
/* GENERELL */

* { padding: 0; margin:0; }

html { overflow-y: scroll; }

body {
	background: #DCD0BF url(img/bg_all.png) repeat; /* #CDC8C3 - matter, als alternative*/
	margin: 0; 
	font: 13px arial, verdana, tahoma, sans-serif; 
	color: #734400; 
	text-align: left;
	vertical-align: top;
}

p { margin: 0 0 15px 0; padding: 0; line-height: 1.3em; }

.clr { clear: both; height: 0; margin: 0; padding: 0; }

blockquote { margin: 0; padding: 0 0 10px 50px; }

fieldset { border:0; }


/* BASIS-STRUKTUR */
/* �BERSCHRIFTEN */

.posttitle { width: 325px; margin: 0; padding: 0; }

h2 {
	color: #9E2C2A; 
	font-size: 1.4em;
	font-weight: normal;
	margin: 0 0 20px 0;
	padding: 0;
}

.posttitle h1 
{
	color: #9E2C2A; 
	font-size: 1.4em;
	font-weight: normal;
	margin: 0 0 20px 0;
	padding: 0;
}


* html h2, html* h2 { margin-top: -1px; }

h3 {
	color: #04521e;	
	font-weight: bold;
	font-size: 1.3em; 
	margin: 0 0 20px 0;
	letter-spacing: 3px;
}

h4 { 
	color: #9E2C2A;
	font-size: 1.15em;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 2px;
	margin: 0 0 20px 0;
}

h5 { 
	color: #04521e;
	font-size: 1em;
	font-weight: bold;
	margin: 0 0 5px 0;
	text-transform: uppercase;
}

h6 { 
	color: #975A03;
	font-size: 1em;
	text-transform: uppercase;
	margin: 10px 0 15px 0;
}


/* BASIS-STRUKTUR */
/* IMAGES */

img { border: none; }

img.wp-smiley,
#wpstats,
img.noborder,
a img.noborder { background: none; border: 0; padding: 0; }


/* SEITENAUFBAU */
/* AUSRICHTUNG */

.aligncenter { text-align:center; margin:0 auto; display: block; }

.alignleft { float: left; border: none; margin: 0 20px 20px 0; }

.alignright { float: right; border: none; margin: 0 0 20px 20px; }

.alignright a { float: right; background: url(img/arrow.gif) no-repeat 0 9px; padding: 0 0 0 15px; }


/* BASIS-STRUKTUR */
/* LINKS */

a, a:visited  { color: #734400; text-decoration: underline; }

.link_right { text-align: right; }

.link_right a { background: url(img/arrow_link.gif) no-repeat 0 4px; text-transform: uppercase; padding: 0 0 0 10px; }


/* SEITENAUFBAU */
/* BASIS */

#all {
	position: absolute;
	width: 886px;
	margin: 0 0 0 -443px;
	left: 50%;
	background: none;
}

#header, #content, #sidebar, .widget { overflow: hidden; }


/* SEITENAUFBAU */
/* BASE */

#container { width: 100%; border: none; margin: 0; }

#header {
	background: url(img/bg_header.png) no-repeat;
	width: 886px;
	height: 136px; /* 176px abzgl. margin-top */
	margin: 40px 0 0 0;
	padding: 0;
}

/* SEITENAUFBAU */
/* BASENAV */

#basenav { 
	width: 257px; /* 251px + 3x padding-left v. li */
	float: right;
	margin: 92px 20px 0 0; /* top = 132px abzgl. 40px v. header */
}

#basenav img { border: none; }

#basenav ul { list-style: none; }

#basenav ul li { float: left; margin: 0; padding: 0 0 0 3px; }


/* SEITENAUFBAU */
/* MAINNAV */

#mainnav { 
/* 	width: 333px; /* 321px + 3x padding-right v. li */
    width: 550px;
	float: left;
	margin: 110px 0 0 20px; /* top = 150px abzgl. 40px v. header */
}

#mainnav img { border: none; }

#mainnav ul { list-style: none; }

#mainnav ul li { float: left; margin: 0; padding: 0 4px 0 0; }


/* SEITENAUFBAU */
/* CONTENT */

#content {
	background: url(img/bg_content.png) repeat-y;
	width: 886px; /*905px abzgl. re + li padding*/
	margin: 0;
	padding: 0;
}

html* #content { padding-bottom: 9px; }

#content-main {
	background: none;
	float: left; 
	width: 599px; /* 659px abzgl padding re+li */
	padding: 30px 30px 15px 30px; /* unten 15px weniger, da p 15px unten hat! */
	margin: 0 3px 0 0;
}

#content-main ul { margin: 15px 0 4px 0; padding: 0; }

#content-main ul li {
   background :url(img/aufz.gif) no-repeat 0 4px;
	 list-style: none;
	 padding: 0 0 10px 15px;
	 margin-left: 30px;
} 

#content-main ol { list-style-type:decimal; margin:0; padding:0; }

#content #content-main .breadcrumb { 
	float: right;
	text-align: right;
	vertical-align: top;
	width: 275px;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
	font-size: 0.8em;
	color: #975A03;
}

#content #content-main .breadcrumb a { font-size: 1em; color: #975A03; }

.post { margin: 0; padding: 0; }

.post-info { width: 100%; margin-top: 20px; }

.post-date { margin: 0 0 20px 0; }

.linkright { float: right; background: url(img/arrow.gif) no-repeat 0 9px; padding: 0 0 0 15px; }

.top { width: 100%; }

.top img { float: right; }

.btmnav .alignleft a,
.btmnav .alignright a { background: none; margin-top: 20px; }


/* SEITENAUFBAU */
/* CONTENT - PRODUKTE */

#produkte { margin: 0 0 25px 0; font-size: 0.7em; }

#produkte .title { 
	width: 130px;
	height: 36px;
	background: #04521e;
	color: #FFF;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
	text-align: center;
}

#produkte .title a { color: #FFF; }

#produkte .spc { width: 20px; }


/* PRODUKT-KATEGORIE */

#produktkat { width: 100%; font-size: 0.95em; }

#produktkat td { text-align: center; }

#produktkat .main { width: 130px; vertical-align: top; }

/* PRODUKTEINZELANSICHT */

#produktdetails { 
	float: left;
	width: 265px;
	font-size: 0.95em;
	margin: 0 0 0 10px;
	padding: 0;
}

.skizze { float: left; margin: 0 20px 20px 0; line-height: 1em; }


/* SEITENAUFBAU */
/* CONTENT - ARCHIV + SINGLE */

.postnav { width: 100%; display: block;; }

.postnav .alignleft,
.postnav .alignright { margin: 20px 0; }

.postnav .alignright a { background: none; float: none; }


/* SEITENAUFBAU */
/* SIDEBAR */

#sidebar {
	float: right; 
	background: none;
	width: 224px;
	margin: 0 0 -3px 0;
	padding: 0;
	color: #593500;
	font-size: 0.9em;
}

#sidebar .alignleft { float: left; margin: 0; padding: 0; }

#sidebar .alignright { float: right; margin: 0; padding: 0; }

#sidebar .aligncenter { display: block; margin: 0 auto; padding: 0; }

#sidebar img { margin: 0 auto; padding: 0; display: block; }

#sidebar .sidebox { background: #F6F3EF; margin: 0 0 3px 0; padding: 3px 3px 8px 3px; }

#sidebar .sidebox p,
#sidebar .sidebox span,
#sidebar #angebote #single { line-height: 1.3em; margin: 0 16px 10px 16px; }

#sidebar .sidebox .textwidget {	margin: 0; padding: 0; }

#sidebar .sidebox ul { margin: 0 0 12px 17px; } /* left = 30px links abzgl. 3px .sidebox abzgl. 15px li */

#sidebar .sidebox ul li { background: url(img/arrow.gif) no-repeat 0 6px; list-style: none; padding: 0 0 0 15px; }

#sidebar .sidebox ul li a { font-size: 1.15em; color: #593500; }


.ngg_slideshow { padding: 0 0 9px 17px; }


/* SEITENAUFBAU */
/* SIDEBAR-�BERSCHRIFTEN */

#sidebar h1,
#sidebar h2,
#sidebar h3,
#sidebar h4 { border: none; }

#sidebar h1 { font-size: 1.4em; margin: 0 0 17px 0; padding: 5px 0 5px 16px; }

#sidebar h2 { 
	color: #975A03;
	font-size: 1.4em;
	font-weight: bold;
	border: none;
	margin: -1px 0 7px 0;
	padding: 0 0 0 16px;
}

#sidebar h3,
.screen-reader-text {
    color: #F6F3EF;
	width: auto;
	text-transform: uppercase;
	background: #975A03;
	font-size: 1.4em;
	font-weight: bold;
	margin: 0 0 17px;
	padding: 5px 0 5px 16px;
	letter-spacing: normal;
}

	#sidebar h3:after { clear:both; }
	
#sidebar h4 { margin: 0 0 10px 0; padding: 0 0 0 16px; }

#sidebar .sidebox .one,
#sidebar .sidebox .two, 
#sidebar .sidebox .three,
#sidebar .sidebox .four,
.screen-reader-text { color: #F6F3EF; width: auto; text-transform: uppercase; }

.screen-reader-text { display: block; width: 202px; background: #e88300; }

.rp_post_title h1 { margin-top: 0!important; padding-top: 0!important; }

#rp_frame { margin: 0; padding: 0; }

#rp_frame .angeb { margin-top: 20px!important; text-transform: uppercase; text-align: right; }

#sidebar .sidebox .one { background: #e88300; }

#sidebar .sidebox .two { background: #04521e; }

#sidebar .sidebox .three { background: #975A03; }

#sidebar .sidebox .four { background: #9E2C2A;}

#sidebar #searchform { padding-bottom: 8px; }

#sidebar #searchform #s { width: 128px; margin: 0 6px; float: left; }

#sidebar #searchform #searchsubmit { margin: 0 6px;}

#rp_nav_arrows,
#rp_nav_thumbnails { display: none; }

.rp_post_content span { margin: 0!important; padding: 0; }


/* SEITENAUFBAU */
/* SIDEBAR SUBNAV */

#sidebar .sidebox .subnav { font-size: 1em; margin: 0 0 12px 17px; } /* left = 30px links abzgl. 3px .sidebox abzgl. 15px li */

#sidebar .sidebox .subnav li { background: url(img/aufz.gif) no-repeat 0 5px; list-style: none; padding: 0 0 0 15px; }

#sidebar .sidebox .subnav li a { font-size: 1em; color: #593500; }


/* SEITENAUFBAU */
/* FOOTER */

#footer {
	background: #04521e;
	width: 659px;
	height: 21px;
	margin: 3px 0 0 0;
	padding: 0;
	font-size: 0.8em;
	text-align: center;
}

/*html* #footer { height: 58px; }*/

#footer, #footer a { color:#FFF; }

#footer p { padding: 3px 0 0 0; }

#footer a { text-decoration: underline; }


/* COMMENTS @Original-CSS*/


.wp-caption {
	border: none;
	background-color: #cbac81;
	padding: 10px 0 10px 10px;
}

.wp-caption img { margin: 0; padding: 0; border: 0 none; }

.wp-caption p.wp-caption-text {
	color: #F6F3EF;
	font-size: 11px;
	line-height: 17px;
	padding: 10px 0 0 0;
	margin: 0;
}


/* CUSTOM FIELDS - PRODUKTEINZELSEITEN */

#produkteinzel ul { margin: 5px 0 10px 0; padding: 0; }

#produkteinzel ul li { padding: 0 0 2px 15px; background-position: 0 6px; }

#produktdetail p { margin: 0; }

#produktdetail .produktbild { float: left; width: 300px; border: none; margin: 0 20px 20px 0; }

#produktdetail .teaser { float: right; width: 275px; }

#produktdetail .teaser,
#produktdetail #details,
#produktdetail #optionen { margin: 0; }

#produktdetail .teaser a,
.arrow a { float: right; background: url(img/arrow.gif) no-repeat 0 6px; padding: 0 10px; }

.arrow a { margin: 0 0 15px 0; }

#produktdetail .wandaussenmasse span { float: left; background :url(img/aufz.gif) no-repeat 0 6px; margin: 0 30px 0 0; padding: 0 0 0 10px; }

#produktdetail table { width: 100%; margin: 0; }

#produktdetail td { width: 50%; padding: 5px; text-align: left; vertical-align: top; }

#produktdetail .skizzen-bilder img { float: left; }

