@charset "utf-8";
/* CSS Document */

/* allgemeines */

body {
	background-color: #FFF;
	margin: 0px;
	padding: 0px;
	width:100%;
	font-family:Arial, Helvetica, sans-serif;
	text-align: center;
	font-size:12px;
	color:#747474;
	}

a:link { color:#747474; text-decoration:none;}
a:visited { color:#747474; text-decoration:none;}
a:hover { color:#747474; text-decoration:underline;}
a:focus  { color:#747474; text-decoration:none;}
a:active { color:#747474; text-decoration:none; }

h1 {
	font-size:14px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	font-variant:small-caps;
	}

h1 a:link, visited, hover, focus, active {color:#deb616; text-decoration:none;}

h2 {
	margin:0;
	font-size:14px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	font-variant:small-caps;
	padding-left:15px;
	padding-bottom:5px;
	
	}

h2 a:link, visited, hover, focus, active {color:#747474; text-decoration:none;}

hr {
	border: 0px; /* Für Firefox und Opera */
	border-top: solid 1px #a5a5a5;
	border-bottom: solid 1px #FFFFFF; /* Für I.Explorer (Seiten-Hintergrundfarbe!) */

}

.hrabstand{
	padding:20px 0 10px 0;

}
 /*------------------------------------------------------------------------------------------------------*/

 /*
* |-------------------------------|
* | #header  800px                |
* |-------------------------------|
* | #col1   | #col2               |
* | 215 px  | flexible            |
* |-------------------------------|
* | #footer  800px                |
* |-------------------------------|
*/

/* Absicherung korrekte Positionierung */
#kopf, #navigation-top, #krumen, #containerlinks, #maincontent, #footer { clear:both; }


/* hellbrauner Rahmen */

.containerbraun {
	background-color: #d0c6c1;
	height: 100%;
	width: 820px;
	position: relative;
	padding-top: 10px;
	padding-bottom: 40px; 
	margin: 0 auto; /* Durch automatische Ränder (in Verbindung mit einer Breite) wird die Seite zentriert. */
}





/* kopfzeile start */
.kopf{
	background-color: #FFFFFF;
/*	padding-left:16px;
	padding-bottom:27px; */
	width: 800px;
	height:112px;
	color:#757577;
/*	padding: 0 10px;*/ 
	margin-left:10px;
	margin-right:10px;
	border: 1px solid;
	border-color:#a5a5a5;
	}
	
	
.motto{
	font-size: 12px;
	font-weight:bold;
	width: 400px;
	color:#451a07;
	float:left;
	text-align:left;
	padding-left:15px;
	}
	

.kontakttop{
	font-size: 10px;
	font-style: normal;
	color:#757577;
	width:200px;
	float:right;
	padding-top:28px;
	padding-right:16px;
	text-align:right;
	left: 36px;
}
	
.kontakttop a:link { font-weight:normal; color:#757577; text-decoration:none; }
.kontakttop a:visited { font-weight:normal; color:#757577; text-decoration:none; }
.kontakttop a:hover { font-weight:normal; color:#000; text-decoration:underline; }
.kontakttop a:focus  { font-weight:normal; color:#000; text-decoration:none; }
.kontakttop a:active { font-weight:normal; color:#000; text-decoration:none; }

.telefon{
	font-size: 16px;
	color:#451a07;
	font-weight: bold;
	padding-top:14px;
	vertical-align:middle;
	}

.fax{
	font-size: 12px;
	}
	
/* kopfzeile ende */





/* brotkrumenpfad start  */

.krumen{
	width:800px;
	height:18px;
	background-color:#FFFFFF;
	margin:2px 10px 0px 10px;
	font-size:10px;
	text-align:left;
	border: 1px solid;
	border-color:#a5a5a5;
}

.krumentext{
	padding-left:16px;
	padding-top:2px;	

}

.krumentext a:link { color:#747474; text-decoration:none; padding: 0 5px 0 5px;}
.krumentext a:visited { color:#747474; text-decoration:none; padding: 0 5px 0 5px;}
.krumentext a:hover { color:#747474; text-decoration:underline; padding: 0 5px 0 5px;}
.krumentext a:focus  { color:#747474; text-decoration:none; padding: 0 5px 0 5px;}
.krumentext a:active { color:#747474; text-decoration:none; padding: 0 5px 0 5px;}

/* brotkrumenpfad ende  */


/* footer start */

.footer {
	font-size: 10px;
	font-style: normal;
	background-color: #FFFFFF;
	padding: 20px 10px 5px 10px;
	width: 800px;
	color:#757577;
	clear:both;
	margin: 0 auto; /* Durch automatische Ränder (in Verbindung mit einer Breite) wird die Seite zentriert. */
	height:80px;

	}

.footer a:link { font-weight:normal; color:#757577; text-decoration:none; padding-right:14px;}
.footer a:visited { font-weight:normal; color:#757577; text-decoration:none; padding-right:14px;}
.footer a:hover { font-weight:normal; color:#000; text-decoration:underline; padding-right:14px;}
.footer a:focus  { font-weight:normal; color:#000; text-decoration:none;  padding-right:14px;}
.footer a:active { font-weight:normal; color:#000; text-decoration:none; padding-right:14px; }


.agbs	{
	width:350px;
	float:left;
	text-align:left;
}

.adresse {
	width:120px;
	float:left;
	text-align:right;
}

.internetadressen {
	width:200px;
	float:right;
	text-align: right;
}

.internetadresse a:link { font-weight:normal; color:#757577; text-decoration:none;}
.internetadresse a:visited { font-weight:normal; color:#757577; text-decoration:none;}
.internetadresse a:hover { font-weight:normal; color:#000; text-decoration:underline;}
.internetadresse a:focus  { font-weight:normal; color:#000; text-decoration:none;}
.internetadresse a:active { font-weight:normal; color:#000; text-decoration:none;}

/* footer ende */



/* navigation top 002 */

.navigation-top{
/* padding-left:16px;
	padding: 0;*/
	border: 1px solid;
	border-color:#a5a5a5;
	width: 800px;
	height:31px;
	border-top: 5px solid #deb616; /*dunkelgelb */
	background-color:#FFFFFF;
	margin-left:10px;
	margin-right:10px;
	margin-top:2px; 
}

.navigation-top ul{
	margin:0;
	margin-left: 5px; /*margin between first menu item and left browser edge*/
	padding: 0;
	list-style: none;
}

.navigation-top li{
	display: inline;
	margin: 0 2px 0 0;
	padding: 0;
}

.navigation-top a{
	float: left;
	display: block;
	font: bold 14px Arial;
	color: black;
	text-decoration: none;
	padding: 5px 10px 9px 10px; 
	background-color: #fff; 
}


.navigation-top a:hover{
	text-decoration: none;
	background-color: #deb616; 
	padding-top: 9px; 
	padding-bottom: 5px;
	color: #fff;
}

.navigation-top .current a{ 
	background-color: #deb616; 
	padding-top: 9px; 
	padding-bottom: 5px;
	color: #fff;
	text-decoration: none;
}

/* navi oben ende */




/* menu und navigation links start */

.containerlinks{
	width:230px;
	text-align:left;
	float:left;
}



.navigation-links h1{
	color:#FFFFFF;
	font-weight:bold;
	background-color:#000000;
	/*height: 30px;*/
	min-height:35px;
	margin:10px;
	padding:10px 0 0 15px;
}


.navigation-links-menu{
	magin:0;
	font-size:12px;
	color:#000000;
	background-color:#FFFFFF;
	margin: 8px 10px 10px 10px;
	padding-bottom:5px;
	padding-top:5px;
	border: 1px solid;
	border-color:#a5a5a5;
}

.navigation-links-menu ul{
	list-style-type:none;
	margin-left:0;
	padding-left:0;
}

.navigation-links-menu li{
	margin-bottom:12px;
	margin-left:18px;
}

.pfeil{
	font-weight:bold;
	color:#990000;
	font-size:12px;
}


.navigation-links-zusatz{
	background-color:#fff;
	margin:30px 10px 0 10px;
	padding:10px 0 0 15px;	
	border: 1px solid;
	border-color:#a5a5a5;
	height:120px;
}

.navigation-links-zusatz h1{
	color:#deb616;
	font-weight:bold;
	background-color:#fff;
	height:15px;
/*	margin:0;
	margin:10px 10px 0 10px;
	padding:10px 0 0 15px;*/
}


.navigation-links-logo{
	float:left;
	margin:0;
	padding:0;
	/*width:156px;
	height:39px;*/
}

.navigation-links-text{
	width:120px;
	float:right;
	margin:0;
	padding:0;
	}

.navigation-links-clear{
clear:both;}

/* menu und navigation links ende */






/* hauptteil mitte anfang */

.maincontent{
	text-align:left;
	/*float:right;*/
	width:auto;
	height:auto;
	margin: 10px 10px 0 230px;
	/*position:absolute;*/
}


.maincontentbild{
/*	border: 1px solid;
	border-color:#a5a5a5;*/
	overflow: hidden;
}


.maincontenttext{
	background-color:#FFF;
/*	padding-top:25px;*/
	padding-left:20px;
	padding-right:20px;
	padding-bottom:20px;
	margin-top:12px;
	margin-bottom:20px;
	border: 1px solid;
	border-color:#a5a5a5;
	height:auto;
}

.maincontenttext h1{
	margin:0;
	color:#747474;
	font-size:14px;
	padding-top:20px;
	padding-bottom:12px;
}


/* hauptteil mitte ende */


.detailspalte{
	width:162px;
	margin:0;
	padding-top:20px;
	padding-left:13px;
	float:left;
}

.detailspaltebogen{
	width:520px;
	margin:0;
	padding-top:20px;
	padding-left:13px;
	float:left;
}

.detailspaltetischler{
	width:520px;
	margin:0;
	padding-top:60px;
	padding-left:13px;
	float:left;
}

.detailspalterahmen{
	border: 1px solid;
	border-color:#a5a5a5;
}

.detailspaltetext{
	margin:5px 10px 10px 10px;
}

.detailspaltetextneu{
	font-size:10px;
	font-weight:bold;
	color:#FF9900;
}


.detailartikelnummer{
	font-size:10px;
}

.bildunterschrift{
	font-size:10px;
	padding-top:5px;
}

.detailspaltelink{
	padding-top:20px;
	padding-right:10px;
}

.detailshop{
	padding-top:5px;
	padding-right:10px;
}

.bereinigen{
	clear:both;
	padding:0;
	margin:0;
}



/* popup start */
.popupkinnhalter{
	width:300px;
	height:auto;
}

.beschreibung{
	text-align:left;
	padding:0;
	margin:0;
}

.fensterschliessen{
	font-size:10px;
	text-align:right;
	padding:10px 0 10px 0;
	margin:0;
}

.detailspaltepopup{
	width:100%;
	margin:0;
	padding-top:20px;
	padding-bottom:20px;
}

.h1_popup{
margin:0;
padding:5px 0 5px 0;
}

.kaufen {font-weight:bold; color:#cc0000;}
.kaufen a:link{font-weight:bold; color:#cc0000;text-decoration:none;}
.kaufen a:hover, focus, active, viseted {text-decoration:underline;}


.kontakt{
		width:500px;
		height:auto;
		}

.kontaktspaltelinks{
		width:150px;
		float:left;
		font-weight:bold;
		padding-bottom:5px;
		}

.kontaktspalterechts{
		width:350px;
		float:right;
		padding-bottom:2px;
		}