/* css copyright by info-art */

/*****************************/
/*         Farbschema        */
/*****************************/

/* schwarz: #000000
/* dunkelgrau: #333333
/* mittelgrau: #666666
/* hellgrau: #CCCCCC   hellgrau+: #E2E2E2   hellgrau++: #F3F3F3

/* logorot: #CC3300
/* dunkelrot: #802000
/* orangerot: #FF5319  orangerot+: #FFA98C  orangerot++: #FFE1D7

/* komplementär
/* dunkelgrünblau: #008062
/* türkisgrün: #00CC9D  türkisgrün+: #C1FFF1  türkisgrün+: #E6FFFA

*/

body {
	font: 11px/1.0 Verdana, Arial, Helvetica, sans-serif;
	padding-top:10px;
	margin:0px;
}


/*****************************/
/*         Grundlayout       */
/*****************************/
	#gartenmoebel-abstract {
			width:880px;
			margin-right:auto;
			margin-left:auto;
			margin-bottom:10px;
			text-align: right;}
	
	#topnav {
			width:880px;
			margin-right:auto;
			margin-left:auto;
			margin-bottom:10px;
			text-align: right;}
	
	#frame {
			width:878px;
			margin-right:auto;
			margin-left:auto;
			border:1px solid #006600;
			border-top:0px solid #FFFFFF;
			background-color: #FFFFFF;
			padding-top:50px;}
				
	#header {
			width:880px;
			margin-right:auto;
			margin-left:auto;
			height: 92px;
			}
		#logo{
			float:left;
			}
		#gartenmoebelbild{
			float:left;
			height: 74px;
			}
			#hauptnavigation{
			float:right;
			height: 25px;
			width:620px;
			/*border-top:0px;
			border-right:1px solid #006600;
			padding:0px;
			margin:0px;*/
			text-align: right;
			background:url(/layout/gartenmoebelhauptnavigationhg.jpg);
			background-repeat: no-repeat;}


	#navigation {
			/*background:#DDDDDD; Layouthilfe*/	
		    margin-left:00px;
			margin-top:10px;
			padding-left:10px;
			width:190px;
			float:left;
			text-align: left;
			}				
	#inhaltblock {
	/*border:1px solid #FF0000; Layouthilfe*/
			
			width:397px;
			width:397px;
			float:left;
			}
			#breadcrumb {
			/*background:#CCCCCC; Layouthilfe*/
			margin-right:38px;
			margin-top:-20px;
			text-align: left;
			}	
	#kontext {
			width:200px;/*235*/
			float:left;
			margin-top:0px;
			padding-top:0px;
			padding-left:35px;/*35*/
			}	
		
	#footer {
			height: 18px;
			margin-top: 50px;
			padding-top:00px;
			background: #006600;
			}
		

					
/*****************************/
/*    spezifisches Layout    */
/*****************************/			

/* Seitenabstract*/ 
        #gartenmoebel-abstract h1,
	    #gartenmoebel-abstract p
		{
					font: 10px/1.0 Verdana, Arial, Helvetica, sans-serif;
					color:#CBE0CB;
					margin: 0px;
					padding: 0px;
					padding-left:10px;
					font-weight: normal;
					text-align: center;
					text-decoration: none;
									}

/* Topnav*/ 	
		#topnav p, 
		#topnav a,
		#topnav a:visited
		 			{
					font: 10px/1.5 Verdana, Arial, Helvetica, sans-serif;
					color:#CCCCCC;
					margin: 0px;
					padding-right:10px;
					padding-left:10px;
					font-weight: normal;
					text-align: right;
					text-decoration: none;
									}
		#topnav a:hover
		 			{
					color:#666666;
					text-decoration: underline;
									}
		
			
/* Headernav*/ 	
		
		#hauptnavigation p {
					font: 12px/1.0 Verdana, Arial, Helvetica, sans-serif;
					padding-right: 18px;
					padding-top:5px;
					margin-top:0px;
					color:#285100;}
						#hauptnavigation a, #hauptnavigation a:visited {
							font-weight: bold;
							color:#CADFCA;
							text-decoration: none;
							}
						#hauptnavigation a:hover {
							font-weight: bold;
							color: #FFFFFF;
							text-decoration: none;
							}				
						
								
/*****************************/
/*          SUCHE            */
/*****************************/										
								
			#suche form {
					padding: 0px;										
					margin: 0px;
					}
			#suche input {  
					border: 1px solid #006600; 
					margin:0px;
					padding: 3px;
					font: 12px/1.0 Verdana, Arial, Helvetica, sans-serif; 
					color: #006600;
					background: #F3F8F3; }
				#suche .go {
					width:30px;
					padding: 3px;
					padding-top:2px;
					font: 12px/1.0 Verdana, Arial, Helvetica, sans-serif;
					font-weight: bold;
					color: #006600;
					}  								
								

					
			
/*****************************/
/*          Navigation       */
/*****************************/
	
	#navigation { 	
			font: 11px  Verdana, Arial, Helvetica, sans-serif;
			color:#333333;
			text-align: left;
			}
			/*#navigation a, #navigation a:visited {
					color: #666666;
					text-decoration: none;
					font-weight: bold;
					padding-left:28px;
					background:url(/css/navigation/navbullet.gif);
					background-repeat: no-repeat;
					}
			#navigation a:hover {
					color: #333333;
					text-decoration: underline;
					font-weight: bold;
					padding-left:28px;
					background:url(/css/navigation/navbulletover.gif);
					background-repeat: no-repeat;
					}*/
					
					#navmenue{
						width: 158px;
						margin-top: 10px;
						}
					#navmenue ul {
						list-style: none;
						margin: 0;
						padding: 0;
						}
						
					#navmenue li a {
						text-decoration: none;
						height: 32px;
						voice-family: "\"}\""; 
						voice-family: inherit;
						height: 24px;
						}
						
					#navmenue li a:link, #navmenue li a:visited {
						color: #777;
						display: block;
						background: url(/css/menu.jpg);
						padding: 8px 0 0 20px;
						}
						
					#navmenue li a:hover {
						color: #333;
						background: url(/css/menu.jpg) 0 -32px;
						padding: 8px 0 0 25px;
						}
						
					#navmenue li a:active {
						color: #000;
						background: url(/css/menu.jpg) 0 -64px;
						padding: 8px 0 0 25px;
						}
					
					
/*****************************/
/*          Inhalt           */
/*****************************/		
			
			/*         Trennlinie          */
			#inhalt hr  {
				  height: 1px;
				  margin: 0px;
				  padding: 0px;
				  border: 0;
				  background: #CCCCCC;
				  color: #CCCCCC;
				  }				
			/*         Kleinueberschriften          */			
			#inhalt h5 {
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size:10px;
				color: #666666;
				text-align: left;
				margin:0px;
				padding-top: 30px;
				padding-bottom: 0px;
				font-weight: normal;
				clear:left;
					}
				#inhalt h5 a, #inhalt h5 a:visited {
						text-decoration: none;
						}
				#inhalt h5 a:hover {
						text-decoration: underline;
						}
					
					
			/*          Inhalt           */
			#inhalt h2 { 
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size:16px;
				font-weight: bold;
				font-variant: normal;
				color: #285100;
				text-align: left;
						
				margin: 0px;
				padding-top: 13px;
				padding-bottom: 19px;
				}
					
					#inhalt h4 {
					
						font-family: Verdana, Arial, Helvetica, sans-serif;
						font-size:12px;
						font-weight: bold;
						font-variant: normal;
						color: #FF9900;
						text-align: left;
								
						margin: 0px;
						padding-top: 13px;
						padding-bottom: 19px;
						}
							
					#inhalt p {
						font-family: Verdana, Arial, Helvetica, sans-serif;
						font-size:11px;
						padding:0px;
						margin:0px;
						padding-bottom:10px;
						text-align: left;
						color: #122400;
						line-height: normal;
						}
						#inhalt a, #inhalt a:visited {
							font-family: Verdana, Arial, Helvetica, sans-serif;
							color: #333333;
							text-decoration: underline;
							}
						#inhalt a:hover {
							font-family: Verdana, Arial, Helvetica, sans-serif;
							color: #802000;
							text-decoration: underline;
							}
												#inhalt .mehr {
												font-family: Verdana, Arial, Helvetica, sans-serif;
												font-size:9px;
												padding-top:10px;
												margin:0px;
												text-align: right;
												color: #333333;
												line-height: normal;
												}
						
						#inhalt li {
							font-size:12px;
							color: #003366;
							line-height: 1.2;
							list-style-position: outside;
							list-style-type: square;
							}

							#boxhalblinks {
									width:185px;
									float: left;
									padding: 0px;	
									background-color: #DCEADC;
									border:1px solid #336600;
									margin-top:10px;
									margin-bottom:30px;
									margin-right:23px;
									}
							#boxhalbrechts {
									width:185px;
									float: left;
									padding: 0px;
									background-color: #DCEADC;
									border:1px solid #336600;
									margin-top:10px;
									margin-bottom:30px;
									clear: right;}
								.boxueber {
									padding: 3px;	
									background-color:#336600;
									border:0px solid #336600;
									font-family: Verdana, Arial, Helvetica, sans-serif;
									font-size:12px;
									color: #DCEADC;
									margin:0px;
									}
									#boxhalblinks p, #boxhalbrechts p
									{
									font-family: Verdana, Arial, Helvetica, sans-serif;
									color: #122400;
									padding: 5px;
									margin:0px;
									}
									

/*****************************/
/*         Kontext           */
/*****************************/	

	/*    Kontextbox         */
	
	#kontext a, #kontext a:visited {
					color: #513320;
					text-decoration: none;
							}
				#kontext a:hover {
					color: #513320;
					text-decoration: underline;
							}	
		.kontextbox {
			width:232px;
			padding: 0px;	
			background-color: #F9F4F1;
			border:1px solid #E6D2C5;
			margin-top:16px;
			margin-bottom:30px;
			}
								
				.kontextboxueber {
					padding: 6px;	
					background-color:#E6D2C5;
					border:0px solid #E6D2C5;
					margin:0px;
					font-family: Verdana, Arial, Helvetica, sans-serif;
					font-size:12px;
					color: #513320;
					margin: 0px;
							}
						.kontextboxtext  {
							font-family: Verdana, Arial, Helvetica, sans-serif;
							font-size:11px;
							color: #71482D;
							padding: 6px;
							margin:0px;
							}
				
						.kontextboxmehr {
							font-family: Verdana, Arial, Helvetica, sans-serif;
							font-size:9px;
							padding-top:0px;
							padding-bottom:6px;
							padding-right:6px;
							margin:0px;
							text-align: right;
							color: #666666;
							line-height: normal;
							}
							
/* Footer orangene fusszeile */
						#footer p {
							font-size:11px;
							padding-left:20px;
							padding-top:3px;
							text-align: left;
							color: #FFFFFF;
							margin-top:0px;
							margin-bottom:1px;
							}
							
							#footer a,
							#footer a:visited {
								color:#FFFFFF;
								text-decoration: none;
								}

							#footer a:hover {
								color: #FFFFFF;
								text-decoration: underline;}			
			
/*****************************/
/*    unterer Bereich        */
/*  <div id="subnavigation"> */
/*  <div id="weballgemein">  */
/*  <div id="webspezifisch"> */
/*  <div id="technik">       */
/*  <div id="urheber">       */
/*                           */
/*****************************/		

	#unten
 {
		font: 10px/1.0 Verdana, Arial, Helvetica, sans-serif;
		width:900px;
		padding-top:10px;
		padding-bottom: 10px;
		margin-right:auto;
		margin-left:auto;
		text-align: center;
			}
						#unten p {
							color:#AAAAAA;
						}
						#unten a:hover {
							color: #333333;
							text-decoration: underline;
						}	
						#unten a, #unten a:visited {
							color:#666666;
							text-decoration: none;
						}
						#unten a:hover {
							color: #333333;
							text-decoration: underline;
						}	

/* Contentowner */	

						#urheber p {
							font-size:10px;
							text-align: center;
							line-height: 1.0;
							color: #666666;
							}	
							#urheber a,
							#urheber a:visited {
								color: #666666;
								text-decoration: underline;
								}
							#urheber a:hover {
								color: #333333;
								text-decoration: none;
								}


/*****************************/
/*    globale Klassen        */
/*****************************/						
							
/* Bilder klein */

	.bildrechts {	
		padding: 3px;
		border: 1px solid #E6D2C5;
		float: right;
		margin-left: 20px;
		margin-bottom: 10px;
}

	.bildlinks {	
		padding: 3px;
		border: 1px solid #E6D2C5;
		float: left;
		margin-right: 10px;
		margin-bottom: 0px;
		margin-top: 0px;
}
	.bildmitte {	
		padding: 3px;
		border: 1px solid #E6D2C5;
		margin: 0px;
}
	#inhalt .glossar { 	
			font: 12px  Verdana, Arial, Helvetica, sans-serif;
			color:#000000;
			}
			#inhalt .glossar a, #inhalt .glossar a:visited {
					color: #003366;
					text-decoration: none;
					padding-left:10px;
					background:url(/css/navigation/glossar.gif);
					background-repeat: no-repeat;
					}
			#inhalt .glossar a:hover {
					color: #FF9900;
					text-decoration: underline;
					padding-left:10px;
					background:url(/css/navigation/glossarover.gif);
					background-repeat: no-repeat;
					}