/* *************************************************** */
/* * Website :: http://www.kloeppelstube-zwoenitz.de * */
/* *************************************************** */

/* Grundeinstellungen */
* { margin: 0; padding: 0; }
html, body { width: 100%; height: 100%; }
body { font: normal 100.01% "Trebuchet MS",Arial,sans-serif; color: #000000; background: #8D8D8D; }
img { border: 0; }
form { display: inline; }
.bg { background-image: url(../de,kloeppelstube,images/bg.jpg); }
.killer { clear: both; }
a { color:#000 }
.error { font-weight:bold; color:#cc0000 }
h3 { margin:15px 0px 5px 0px }

/* Layout */
.box { width: 940px; margin: 0px auto; background-position: 0px -40px; background-repeat: no-repeat; }
.box-kopf { position:relative; width:910px; height:201px; padding-left:15px;  }
.box-kopf .warenkorb_info {
   position:absolute;
   right:0px;
   bottom:3px;
   width:270px;
   font-size:12px;
   font-weight:bold;
}
.box-kopf .suche {
   position:absolute;
   bottom:15px;
   left:20px;
}
.box-kopf .suche input#search {
   border:1px solid #000;
   background-image:url(../de,standard-themaderinstallation,images/suchbg.jpg);
   background-repeat:repeat-x;
   background-position:top left; 
   padding:2px;
   margin:0px 0px 0px 5px;
   width:180px;
}
.box-kopf .suche input.suchfeld_submit {
   border:0px;
   background:none;
   font-weight:bold;
   font-size:14px;
   cursor:pointer;
}
.box-kopf .suche .caption
{
   font-weight:bold;
   font-size:14px;
}

.box-koerper { padding: 15px; }
.box-nav { float: left; width: 200px; padding:0px; }

.box-nav h1 {
	padding: 0px 0 0px 0;
	font-size: 18px;
	font-variant:small-caps;
	color: #000;
	letter-spacing: 0.1em;
}

.box-nav .nav.ebene1, .box-nav .nav.ebene2,  .box-nav .nav.ebene3 {
	list-style: none;
	margin:0px;
	padding:0px;
}

.box-nav .nav.ebene1 li {
	color:#fff;
	width:200px;
	display:block;
	margin-bottom:2px;
}
.box-nav .nav.ebene2 li {
	color:#fff;
	width:196px;
	display:block;
	margin:0px 2px 0px 3px;	
}
.box-nav .nav.ebene3 li {
	color:#fff;
	width:192px;
	display:block;
	margin:0px 2px 0px 3px;	
}


.box-nav .nav.ebene1 a {
	font-size: 13px;
	font-weight:bold;
	display: block;
	color: #fff;
	background-color:#db980d;
	border:1px solid #666666;
	text-decoration: none;
	display:block;
	height:32px;
}
.box-nav .nav.ebene1 a.close {
   background-image:url(../de,standard-themaderinstallation,images/close.gif);
   background-repeat:no-repeat;
   background-position:right;
}
.box-nav .nav.ebene1 a.open {
   background-image:url(../de,standard-themaderinstallation,images/open.gif);
   background-repeat:no-repeat;
   background-position:right;
}
.box-nav .nav.ebene2 a {
	color: #000;
	background-color:#efefef;
	border-top:none;
	border-left:none;
	border-right:none;
	border-bottom:1px solid #666666;
	text-decoration: none;
	display:block;
	height:17px;
	font-size: 13px;
}

.box-nav .nav.ebene1 a span {
   padding: 7px 0px 0px 20px;
   display:block;
}
.box-nav .nav.ebene2 a span {
   padding: 0px 0px 0px 20px;
   display:block;
}

.box-nav .nav.ebene1 a:hover		{ color: #fff; background-color: #f2a912 }
.box-nav .nav.ebene1 .aktiv	{ color: #000; background-color: #fada31; }

.box-nav .externerlink	{ color: #000; background-color: #77ff99; font-style:italic }


.box-mitte { margin: 0px 0px 0px 210px; }
.box-fuss { height: 40px; margin: 0px 15px; background-position: 0px 0px; background-repeat: no-repeat; border: 1px solid #000; border-bottom: 0px; }

/* Pfad */
.box-mitte .siesindhier { font-size: 13px; }
.box-mitte .siesindhier .caption { font-weight: bold; }
.box-mitte .siesindhier p { margin: 0px 0px 5px 0px; color: #000; }
.box-mitte .siesindhier p a { color: #000; }

/* Inhalt */
.inhalt { float: left; font-size:13px; min-width: 668px; padding: 10px 15px 15px 15px; background-color: #FFF; border: 1px solid black; }
.inhalt h1 { padding-bottom: 10px; font-weight: bold; font-size:18px; letter-spacing: 0.1em; }

.inhalt .nav2 { width: 100%; text-align: center; }
.inhalt .nav2 dl { float: left; width: 142px; height: 180px; text-align: center; border:1px solid #ccc; margin: 0px 10px 10px 0px }
.inhalt .nav2 dl dt { padding: 3px; font-weight: bold; font-size: 13px; }
.inhalt .nav2 dl dt a { color: #000; text-decoration: none; }
.inhalt .nav2 dl dd { padding: 3px; }
.inhalt #warenkorb { width:100%; }

.inhalt dl.spalten {  }
.inhalt dl.spalten dt { float: left; width: 14em; padding: 3px; }
.inhalt dl.spalten dd { margin-left: 14em; padding: 3px; }
.inhalt fieldset { padding: 10px;  }
.inhalt fieldset legend { padding: 5px; }
.inhalt fieldset label { display: block;  }
.inhalt fieldset p {  }
.inhalt .p_teil1 { margin-bottom:10px; }
.inhalt .p_teil5 ul { margin-left: 20px }
.inhalt .p_teil5 h2 { font-size: 16px; font-weight:bold; margin-top:15px; }
.inhalt .p_teil3 { display:none; }
.inhalt .p_teil6 { display:none; }
.inhalt .p_daten dl.zeilen {  }
.inhalt .p_daten dl.zeilen dt { float: left; width: 14em; padding: 3px; }
.inhalt .p_daten dl.zeilen dd { margin-left: 14em; padding: 3px; }
.inhalt ul.unterseiten { list-style:none; margin-left:20px; }

/* Fußzeile */
.box-fuss ul { list-style: none; font-size:12px; }
.box-fuss ul li { float: left; margin: 10px 0px 0px 10px; }
.box-fuss p { float: right; font-size:12px; margin:10px; }