/* fonts */

body {
	
	font-family: "Trebuchet MS", sans-serif;
	
}

/* style */

body {

	display: block;
	position: relative;
	margin: 0px;
	padding: 0px;

	background-color: #f6f6f6;
	color: #111;

	line-height: 1.6em;

}

	/* head */

	#container-head {

		display: block;
		position: relative;
		margin: 0px;
		padding: 0px;

		width: 100%;
		height: 120px;

		background: #193 url(../images/head-bg.png) top left repeat-x;

		/* background-color: #180; */

		
	}

		#head {

			display: block;
			position: relative;
			margin: 0px;
			padding: 0px;

			width: 960px;
			height: 120px;

			margin: 0px auto;			

		}

			#logo {

				display: block;
				position: absolute;
				left: 0px;
				bottom: 20px;

				width: 382px;
				height: 70px;

				/* background: transparent url(../images/robin-wood.png) top left no-repeat; */

				cursor: pointer;

			}

				#logo a {

					display: block;
					position: absolute;
					left: 0px;
					top: 0px;
					width: 382px;
					height: 70px;
					margin: 0px;
					padding: 0px;

				}

				#logo h1,
				#logo h2,
				#logo a span {

					display: none;
					visibility: hidden;

				}

			#shortcuts {
				
				display: block;
				position: absolute;
				right: 0px;
				top: 0px;
				
			}
			
				#shortcuts ul {
					
					display: block;
					position: relative;
					margin: 0px;
					padding: 0px;
					height: 30px;
					
				}
				
					#shortcuts ul li {
						
						display: block;
						float: left;
						position: relative;
						height: 30px;
						margin: 0px;
						padding: 0px;

						list-style: none;
						font-size: 1.1em;
						
						margin-left: 3px;
						
					}
					
						#shortcuts ul li a {
							
							display: block;
							text-decoration: none;
							color: #fff;
							height: 30px;
							line-height: 30px;
							margin: 0px;
							padding: 0px 7px;
							
							-webkit-border-bottom-right-radius: 5px;
							-webkit-border-bottom-left-radius: 5px;
							-moz-border-radius-bottomright: 5px;
							-moz-border-radius-bottomleft: 5px;
							-o-border-radius-bottomright: 5px;
							-o-border-radius-bottomleft: 5px;
							border-bottom-right-radius: 5px;
							border-bottom-left-radius: 5px;
							
						}
						
						#shortcuts ul li.active a,
						#shortcuts ul li:hover a {
							
							color: #062;
							
							-moz-box-shadow: 0px 0px 15px rgba(0,0,0,.5);
							
							background: #fff url(../images/fade-bottom.png) top left repeat-x;
							
							
						}

			#buttons {

				display: block;
				position: absolute;
				right: 0px;
				top: 20px;

			}

				#buttons a {

					display: block;
					position: relative;
					float: left;

					width: 50px;
					height: 50px;

					margin: 0px;
					padding: 10px;

					text-decoration: none;

					-moz-border-radius: 7px;
					-webkit-border-radius: 7px;

				}

					#buttons a:hover {

						background-color: #063;

					}

					#buttons a span {

						display: none;
						visibility: hidden;

					}

					#buttons a:hover span {

						display: block;
						position: relative;
						visibility: visible;

						color: #fff;
						top: 57px;
						left: -25px;

						width: 100px;
						text-align: center;

						font-size: .9em;

					}

					#button-home {

						background: url(../images/button-home.png) 10px 10px no-repeat;

					}

					#button-shop {

						background: url(../images/button-shop.png) 10px 10px no-repeat;

					}

					#button-newsletter {

						background: url(../images/button-newsletter.png) 10px 10px no-repeat;

					}

					#button-rss {

						background: url(../images/button-rss.png) 10px 10px no-repeat;

					}

					#button-kontakt {

						background: url(../images/button-kontakt.png) 10px 10px no-repeat;

					}

					#button-spende {

						background: url(../images/button-spende.png) 10px 10px no-repeat;

					}

	/* menu */

	#container-menu {

		display: block;
		position: relative;
		margin: 0px;
		padding: 0px;

		width: 100%;

		background: #180 url(../images/fade-bottom.png) top left repeat-x;

	}

		#menu {

			display: block;
			position: relative;
			margin: 0px;
			padding: 0px;

			width: 960px;
			height: 39px;
			overflow: hidden;

			margin: 0px auto;			

		}

			#menu ul {

				display: block;
				position: relative;
				margin: 0px;
				padding: 4px 5px 0px;
				height: 35px;

			}

				#menu ul li {

					display: block;
					float: left;
					position: relative;
					height: 25px;
					margin: 0px 3px;
					padding: 3px 7px 7px;

					list-style: none;

					font-size: 1.3em;

					-o-border-radius-topleft: 7px;
					-moz-border-radius-topleft: 7px;
					-webkit-border-top-left-radius: 7px;
					border-top-left-radius: 7px;

					-o-border-radius-topright: 7px;
					-moz-border-radius-topright: 7px;
					-webkit-border-top-right-radius: 7px;
					border-top-right-radius: 7px;

				}

					#menu ul li a {

						color: #fff;
						text-decoration: none;

					}

				#menu ul li.active,
				#menu ul li.current_page_item,
				#menu ul li.current_page_ancestor,
				#menu ul li.current_page_parent,
				#menu ul li.current-cat,
				#menu ul li.current-cat-parent,
				#menu ul li.current-cat-ancestor {

					background-color: #fff;
					background-image: none !important;

					-o-box-shadow: 0px 0px 4px #333;
					-moz-box-shadow: 0px 0px 4px #333;
					-webkit-box-shadow: 0px 0px 4px #333;
					box-shadow: 0px 0px 4px #333;

					
				} 

				#menu ul li:hover {

					background: #fff url(../images/fade-top.png) 0px 15px repeat-x;

					-o-box-shadow: 0px 0px 4px #333;
					-moz-box-shadow: 0px 0px 4px #333;
					-webkit-box-shadow: 0px 0px 4px #333;
					box-shadow: 0px 0px 4px #333;

			
				} 

					#menu ul li.active a,
					#menu ul li.current_page_item a,
					#menu ul li.current_page_ancestor a,
					#menu ul li.current_page_parent a,
					#menu ul li.current-cat a,
					#menu ul li.current-cat-parent a,
					#menu ul li.current-cat-ancestor a,
					#menu ul li:hover a {

						color: #062;

					} 

	/* submenu */

	#container-submenu {

		display: block;
		position: relative;
		margin: 0px;
		padding: 0px;

		width: 100%;

		background-color: #fff;

	}

		#submenu {

			display: block;
			position: relative;
			margin: 0px;
			padding: 0px;

			width: 960px;

			margin: 0px auto;			

		}

			#submenu ul {

				display: block;
				position: relative;
				margin: 0px;
				padding: 7px 0px 0px;
				height: 34px;

			}

				#submenu ul li {

					display: block;
					float: left;
					position: relative;
					height: 20px;
					margin: 0px;
					padding: 0px 2px 7px;

					list-style: none;

					font-size: 1.2em;				

				}

					#submenu ul li.active a,
					#submenu ul li.current-cat a,
					#submenu ul li.current_page_item a,
					#submenu ul li.current_page_ancestor a,
					#submenu ul li.current_page_parent a {

						background-color: #eee;
						color: #333;

						-o-box-shadow: 0px 0px 5px #999;
						-moz-box-shadow: 0px 0px 5px #999;
						-webkit-box-shadow: 0px 0px 5px #999;
						box-shadow: 0px 0px 5px #999;

						
					}

					#submenu ul li a {

						color: #555;
						text-decoration: none;
						padding: 3px 7px;
						-moz-border-radius: 4px;
						-webkit-border-radius: 4px;

					
					}

						#submenu ul li a:hover {

							color: #111;

						}

	/* content */

	#container-content {

		display: block;
		position: relative;
		margin: 0px;
		padding: 0px;

		width: 100%;

		background: #f6f6f6 url(../images/fade-bottom.png) top left repeat-x;

	}

		#content {

			display: block;
			position: relative;
			margin: 0px;
			padding: 0px;

			width: 960px;

			margin: 0px auto;	

			min-height: 470px;

		}

			/* left */

			#main {

				display: block;
				position: relative;
				padding: 0px;
				padding-top: 40px;
				padding-bottom: 40px;				

			}

				#main h1 {

					display: block;
					position: relative;
					color: #180;
					font-size: 2em;
					line-height: 1.2em;	
					margin: .55em 0em;						
					text-align: left;				

				}

				#main h2 {

					display: block;
					position: relative;
					color: #4b0;
					font-size: 1.5em;
					line-height: 1.2em;	
					margin: .55em 0em;
					text-align: left;				

				}

				#main h3 {

					display: block;
					position: relative;
					color: #6d2;
					font-size: 1.3em;
					line-height: 1.2em;	
					margin: .55em 0em;						
					text-align: left;				

				}

				#main a {
					
					text-decoration: none;
					color: #180;
					
				}

				#main .item {

					display: block;
					position: relative;
					background-color: #fff;
					padding: 25px 69px 25px 69px;
					margin: 0px 0px 30px;
					
					-o-border-radius: 10px;
					-moz-border-radius: 10px;
					-webkit-border-radius: 10px;
					border-radius: 10px;
					
					border: 1px solid #eee;
					
					-o-box-shadow: 0px 0px 10px #f0f0f0;
					-moz-box-shadow: 0px 0px 10px #f0f0f0;
					-webkit-box-shadow: 0px 0px 10px #f0f0f0;
					box-shadow: 0px 0px 10px #f0f0f0;

				}
				
					#main .grid_9 .item { width: 560px; }
					#main .grid_12 .item { width: 700px; }

						#main .item h1 a,
						#main .item h2 a,
						#main .item h3 a,
						#main .item h4 a,
						#main .item h5 a,
						#main .item h6 a {

							text-decoration: none;
							color: inherit;

						}

					#main .item form {}
					
						#main .item form fieldset {
							
							margin: 2px 0px 10px;
							padding: 0px;
							
						}
					
						#main .item form fieldset.hidden {

							display: none;

						}

						#main .item form fieldset#submit {

							height: 50px;
							
						}
					
						#main .item form label.text {
							
							display: block;
							position: relative;
							margin: 0px;
							padding: 0px;
							color: #666;
							line-height: 1em;
							margin-bottom: 10px;
							
						}
						
						#main .item form input[type=text] {
							
							border: 1px solid #ccc;
							margin: 0px;
							padding: 2px;
							line-height: 1.4em;
							font-size: 1em;
							
							-o-border-radius: 5px;
							-moz-border-radius: 5px;
							-webkit-border-radius: 5px;
							border-radius: 5px;
							color: #000;
							
														
						}

						#main .item form input[type=button],
						#main .item form input[type=submit] {
							
							border: 1px solid #ccc;
							margin: 0px;
							padding: 2px;
							line-height: 1.4em;
							font-size: 1em;
							
							-o-border-radius: 5px;
							-moz-border-radius: 5px;
							-webkit-border-radius: 5px;
							border-radius: 5px;
							color: #333;
							
							margin-top: 30px;
														
						}

			/* right */

			#sidebar {

				display: block;
				position: relative;
				margin-top: 40px;
				padding-bottom: 40px;

				margin-left: 0px;
				padding-left: 8px;
				border-left: 2px dotted #eee;

			}

				#sidebar a img {

					margin-bottom: 10px;

				} 

				#sidebar .item {

					margin-bottom: 20px !important;

				}

					#sidebar .item h3 {

						color: #180;

					}

					#sidebar .item p {
					
						margin-bottom: 10px;
						
					}

					#sidebar .item ul,
					#sidebar .item div {

						background-color: #fff;
						-moz-border-radius: 10px;
						-webkit-border-radius: 10px;
						padding: 10px;
						margin: 0px;

					}

						#sidebar .item div a {

							color: #666;

						}

						#sidebar .item ul li {

							list-style: none;
							margin: 0px;
							padding: 0px;

						}

							#sidebar .item ul li a {

								color: #4b0;								

							}

	/* foot */

	#container-foot {

		display: block;
		position: relative;
		clear: both;
		margin: 0px;
		padding: 0px;

		width: 100%;

		background: #180 url(../images/fade-bottom.png) top left repeat-x;

	}

		#foot {

			display: block;
			position: relative;
			margin: 0px;
			padding: 0px;

			width: 960px;

			margin: 0px auto;			

		}

			#foot p {

				display: block;
				position: relative;
				margin: 0px;
				padding: 10px 0px;
				text-align: center;

				color: #fff;

			}

				#foot p a {

					color: #eee;
					text-decoration: none;
					padding: 1px 5px;
					background-color: #050;
					-moz-border-radius: 4px;
					-webkit-border-radius: 4px;

				}

					#foot p a:hover {

						background-color: #030;

					}

/* general */

small {
	
	font-size: .75em;
	
}

a img {

	border-width: 0px;
	text-decoration: none;

}

a {

	text-decoration: none;

}