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

/*------------------------------------------------------------------ 
[DEFAULT STYLESHEET] 
 
Project:	FIELD & FUN
Version:	1.1 
Date:		FEB 2010
Author:	Nadja Macht [ich@nadjamacht.de]
Use:		Web 
-------------------------------------------------------------------*/  
* {
	margin: 0;
	padding: 0;
}

html, body, div, span, applet, object, iframe, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, 
abbr, acronym, address, big, cite, code, del, 
dfn, em, font, img, ins, kbd, q, s, samp, small, 
strike, strong, sub, sup, tt, var, b, u, i, center, 
dl, dt, dd, ol, ul, li, fieldset, form, label, 
legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
}

ol, ul {
	list-style: none;
}

:focus {outline: 0;}


table {
	border-collapse: collapse;
	border-spacing: 0;
}

body {	
	position:relative;
	margin: 0 auto;
	color: #333333;
	font-size:62.5%;
	line-height: 170%;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	background:#005344 url(./img/body_bg.png) 0 0 repeat-x;
	width:100%;
}

h1 {
	color:#005344;
	font-size:1.6em;
	padding:0 0 18px 0;
	line-height:150%;
	font-weight:bold;
}

h1 a {
	color:#005344;
	text-decoration:none;
}

h2 {
	font-size:1.4em;
	padding:0 0 12px 0;
	color:#005344;
	font-weight:bold;
	line-height:140%;
}

h3 {
	font-size: 1.2em;
	font-weight:bold;
	color:#005344;
}

h4 {
	font-size: 1.2em;
	font-weight:normal;
	padding:0 0 12px 0;
	color:#005344;
}

p { 
	font-size:1.2em;
	padding:0 0 14px 0;
 }
 

a {
	text-decoration:none;
	color:#005344;
}

a:hover {
	color:#005344;
	text-decoration:none;
}

ul {
	margin:0 0 14px 0;
	clear:both;
}

ul li {
	font-size:1.2em;
	padding:6px 0 0 8px;
	background:url(./img/bullet.png) 0 14px no-repeat;
}
	
ul li ul li {
	font-size:inherit;
}

div.hr {
  clear:both;
  height:1px;
  border-top:1px solid #005344;
  margin:8px 0 8px 0;
}
.clear_left {
	clear:left;
}

.clear_right {
	clear:right;
}

.clear_both {
	clear:both;
}

div#text img {
	float:left;
	margin:4px 14px 14px 0;
	border:2px solid #005344;
	/*
	-moz-border-radius:8px;    
	-webkit-border-radius:8px;
	*/
	}
	
div#text img.partnerlogo {
	padding:10px;
	border:1px solid #e8e1d5;
	float:none;
	margin:0;
	}

/* ----------------------------------------
 *
 * FOOTER ELEMENTS
 *
 ----------------------------------------*/
 
div#footer {
	width:100%;
	background:url(./img/footer_bg.png) 0 0 repeat-x;
	padding:25px 0 30px 0;
	text-align:center;
}
	
div#footer_container {
	width:924px;
	padding:0 0 20px 0;
	margin:0 auto;
		color:#000000;
}

/* ----------------------------------------
 *
 * HEADER ELEMENTS
 *
 ----------------------------------------*/
div#header {
	width:100%;
	height:288px;
	background:url(./img/header_gradient.png) 0 0 repeat-x;	
	position:relative;
	text-align:center;
	padding:10px 0 0 0;
}
	
div#header_container {
	width:924px;
	height:288px;
	margin:0 auto;
	position:relative;
	text-align:left;
}
	
div#meta_menu a {
	color:#73ada3;
	text-decoration:none;
	padding: 0px 3px 0px 3px;
}
	
div#meta_menu a:hover {
	color:#ffffff;
}

div#meta_menu p {
	color:#73ada3;
	font-size:11px;
}
	
div#meta_menu {
	height:29px;
	float:right;
}
	
div#meta_menu div.left {
	min-height:29px;
	float:left;
	padding:0 0 0 16px;
	background:url(./img/meta_menu_left.png) 0 0 no-repeat;
}

div#meta_menu div.right {
	width:16px;
	height:29px;
	float:left;
	background:url(./img/meta_menu_right.png) 0 0 no-repeat #000;
}
	
div#header_img {
	width:1305px;
	height:226px;
	position:absolute;
	top:62px;
	left:-180px;
	background:url(./img/header_image.png) center bottom no-repeat;
}
	
h1#logo {
	margin:0;
	width:209px;
	height:59px;
	position:absolute;
	top:20px;
	left:10px;
}
	
h1#logo a span {
	display:block;
	width:1px;
	text-indent:-50000px;
}
	
h1#logo a {
	display:block;
	width:209px;
	height:59px;
	background:url(./img/field_and_fun_logo.png) 0 0 no-repeat;
}

/* ----------------------------------------
 *
 * MAIN MENU
 *
 ----------------------------------------*/
div#main_menu {
	position:absolute;
	top:245px;
	left:-10px;
	z-index:80;
}
	
div#main_menu ul li {
	display:inline;
	float:left;
	background:transparent;
}

div#main_menu ul li a {
	display:block;
	float:left;
	color:#f8f3eb;
	font-size:inherit;
	font-weight:bold;
	margin:0;
	padding:0 15px 0 0;
	background:url(./img/main_menu_right.png) right top no-repeat;
	border-bottom:3px solid #005344;
}
	
div#main_menu ul li a span {
	display:block;
	float:left;
	font-size:1.1em;
	font-weight:bold;
	background:url(./img/main_menu_left.png) 0 0 no-repeat;
	padding:12px 0 8px 15px;
}
	
div#main_menu ul li a:hover,
div#main_menu ul li a.active {
	color:#005344;
	background:url(./img/main_menu_active_right.png) right top no-repeat;
	border-bottom:none;
}
	
div#main_menu ul li a:hover span {
	background:url(./img/main_menu_active_left.png) 0 0 no-repeat;
	padding:12px 0 8px 15px;
}
	
div#main_menu ul li a.active span {
	background:url(./img/main_menu_active_left.png) 0 0 no-repeat;
	padding:12px 0 11px 15px;
}
	
div#main_menu ul li a.shop,
div#main_menu ul li a.shop:link,
div#main_menu ul li a.shop:visited,
div#main_menu ul li a.shop:hover,
div#main_menu ul li a.shopactive,
div#main_menu ul li a.shopactive:link,
div#main_menu ul li a.shopactive:visited,
div#main_menu ul li a.shopactive:hover {
	color:#c57a02;
	background:url(./img/main_menu_shop_right.png) right top no-repeat;
}
	
div#main_menu ul li a.shop span,
div#main_menu ul li a.shop:link span,
div#main_menu ul li a.shop:visited span,
div#main_menu ul li a.shop:hover span,
div#main_menu ul li a.shopactive span,
div#main_menu ul li a.shopactive:link span,
div#main_menu ul li a.shopactive:visited span,
div#main_menu ul li a.shopactive:hover span{
	background:url(./img/main_menu_shop_left.png) 0 0 no-repeat;
}

div#main_menu ul li a.shopactive span {
	padding:12px 0 11px 15px;
}
	
div#main_menu ul li a.shop:hover {
	color:#005344;
	border-bottom:3px solid #005344;
}
	
div#main_menu ul li a.shop span {
	padding:12px 0 8px 15px;
}
	
body.shop div#main_menu ul li a.shopactive,
div#main_menu ul li a.shop:hover {
	color:#005344;
	border-bottom:none;
}


body.shop div#main_menu ul li a.shop {
	color:#005344;
	border-bottom:none;
	}

body.shop div#main_menu ul li a.shop span {
	padding:12px 0 11px 15px;
}

/* ----------------------------------------
 *
 * LAYOUT
 * 
 ----------------------------------------*/
 
div#content {
	width:100%;
	background:#f8f3eb;
	padding:10px 0;
	border-top:3px solid #005344;
}
	
div#content.shop {
	padding:35px 0;
	background:url(./img/sub_menu_shop.png) 0 0 repeat-x #f8f3eb;
}
	
div#content_container {
	position:relative;
	width:924px;
	background:#f8f3eb;
	padding:10px 0 20px 0;
	margin:0 auto;
}
	
div#text {
	width:464px;
	float:left;
	padding:6px 25px 0 25px;
}
	
div#shop {
	width:650px;
	float:left;
	padding:6px 25px 0 5px;
}
	
div#sidebar {
	width:220px;
	float:right;
}

/* ----------------------------------------
 *
 * SUB MENU
 *
 ----------------------------------------*/
div#sub_menu {
	width:184px;
	float:left;
	padding:0 0 25px 0;
	color: #ff0000;
}
	
 div#sub_menu ul {
	display:block;
	background:url(./img/sub_menu_top.png) 0 0 no-repeat #F8F3EB;
	padding:50px 0 0 25px;
}
 
 div#sub_menu ul li {
	background:transparent;
	display:inline;
	padding:0;
}

 div#sub_menu ul li a  {
	display:block;
	padding:0 0 10px 0;
	font-size:inherit;
	color:#005344;
	margin:0;
}

div#sub_menu ul li a.Level1 {
	display:block;
	padding:0 0 10px 10px;
	font-size:inherit;
	color:#005344;
	margin:0;
}

div#sub_menu ul li a.Level1active  {
	display:block;
	padding:0 0 10px 10px;
	font-size:inherit;
	color:#005344;
	margin:0;	
}
	
div#sub_menu ul li a:hover  {
	color:#c57a02;
}
	
div#sub_menu ul li a.active, div#sub_menu ul li a.Level1active  {
	font-weight:bold;	
}

div#content.shop div#sub_menu ul li a.active  {color:#005344;}

/* ----------------------------------------
 *
 * BOXEN
 *
 ----------------------------------------*/	

div.yellow_box {
	width:202px;
	margin:0 0 20px 0;
}

div.yellow_box div.top {
	width:202px;
	height:11px;
	background:url(./img/yellow_box_top.png) left bottom no-repeat;
}

div.yellow_box div.btm {
	width:202px;
	height:11px;
	background:url(./img/yellow_box_btm.png) 0 0 no-repeat;
}

div.yellow_box div.content {
	padding:0 3px 0 3px;
	width:197px;
	background:url(./img/yellow_box_bg.png) 0 0 repeat-y;
}

div.yellow_box div.gutter {
	padding:0 8px 0 8px;
	min-height:70px;
	height:auto !important;
	height:70px;
	background:url(./img/yellow_gradient.png) 0 0 repeat-x;
}

div.green_box {
	width:202px;
	margin:0 0 20px 0;
	background:url(./img/green_box_bg.png) 0 0 repeat-y;
	color:#ffffff;
}

div.green_box div.top {
	width:202px;
	height:11px;
	background:url(./img/green_box_top.png) 0 0 no-repeat;
}

div.green_box div.btm {
	width:202px;
	height:11px;
	background:url(./img/green_box_btm.png) left bottom  no-repeat;
}

div.green_box div.gutter {
	padding:0 8px 0 8px;
}
	 	 
	
div.lightgreen_box {
	width:202px;
	margin:0 0 20px 0;
	background:url(./img/lightgreen_box_bg.png) 0 0 repeat-y;
}
	 
 div.lightgreen_box div.top {
	width:202px;
	height:11px;
	background:url(./img/lightgreen_box_top.png) 0 0 no-repeat;
}
	 
div.lightgreen_box div.btm {
	width:202px;
	height:11px;
	background:url(./img/lightgreen_box_btm.png) left bottom no-repeat;
}
	 
div.lightgreen_box div.gutter {
	padding:0 8px 0 8px;
}

/* ----------------------------------------
 *
 * SUB MENU SHOP
 *
 ----------------------------------------*/
div#content.shop div#sub_menu {
	position:absolute;
	top:-28px;
	left:4px;
	width:924px;
	float:left;
	background:transparent;
	padding:0;
}

div#content.shop div#sub_menu ul {
	padding:0;
}

div#content.shop div#sub_menu ul li a {
	display:block;
	float:left;
	padding:0 30px 0 0;
	font-weight:bold;
	font-size:inherit;
	color:#b2650a;
}
	
div#content.shop div#sub_menu ul li a:hover,
div#content.shop div#sub_menu ul li.active a {
	color:#005344;
}
/* ----------------------------------------
 *
 * SHOP
 *
 ----------------------------------------*/
 
 div.ArtikelKategorie {
	width:288px;
	float:left;
	margin:0 25px 25px 0; 
	border-bottom:2px solid #d2c6b3;
	padding:6px;
	background:#f3ede3;
	 }

 div.ArtikelKategorie a {
	display:block;
	color:#005344;
	font-size:1.6em;
	padding:0 0 18px 0;
	line-height:150%;
	font-weight:bold;
	 }
	 
 div.ArtikelKategorie img {
	 float:right;
	 padding:4px;
	 background:#fff;
	 border:1px solid #d2c6b3;
	 }
/* ----------------------------------------
 *
 * Erweiterungen Maik
 *
 ----------------------------------------*/
div#text label {
	width:10.0em;
	display:block;
	float: left; 
	text-align:right;
	padding:4px 10px 0 0;
	margin:0 0 10px 0;
	font-size:1.2em;
	color:#005344;
}

div#text input {
	border:1px solid #ccc;
	font-size:1.2em;
	padding:6px;
	width:26.0em;
	letter-spacing:1px;
	}
	
div#text textarea {
	width:26.0em;
	font-family:Verdana, Geneva, sans-serif;
	height:120px;
	border:1px solid #ccc;
	font-size:1.2em;
	padding:6px;
	}
	
	
div#text input:focus,
div#text textarea:focus {
	background:#d3f4ee;
	border:1px solid #005344;
	}

div#text input, 
div#text textarea, 
div#text select {
	margin:0 0 10px 0;
}

div#text select {
	width:254px;
}

div#text input.RadioButton {
	width:20px;
	float:left;
}

div#text label.anmeldung,
div#text label.abmeldung {
	text-align:left;
	float:left;
	padding:0 0 20px 0;
}

body.shop div#text input.RadioButton {
	width:50px;
}

div#text input.Checkbox {
	width:10px;
	margin:0 10px 0 0;
}

div#text input.Checkbox2 {
	width: 10px;
	margin:0 10px 0 100px;
}

div#text input.Button {
	width:0;
	width:auto;
	background:transparent;
	color:#005344;
	border:none;
	cursor:pointer;
	font-size:1.2em;
	font-weight:bold;
}

div#text div.ButtonPanel {
	padding-left: 10px;
	text-align:right;
}

div#text li.FormularFehler {
	font-weight: bold;
	color: #FF0000;
	background:transparent;
}

div#text ul.FormularFehler {
	list-style:disc;
	margin-left:15px;
}

span.checkbox {
	font-size:1.2em;
	}

/* -----------------------------------
   PAGE NAVIGATION 
--------------------------------------*/

div#PageNavigationLeft, 
div#PageNavigationRight, 
div#PageNavigationSpezial {
	border-top:2px solid #005344;
	text-align:right;
	font-size:1.1em;
}

div#PageNavigationLeft {
	padding:5px 0 5px 0;
	border-right:0 solid #999999;
	text-align:left;
	float: left;
}

div#PageNavigationRight {
	padding: 5px 0 0 0;
	text-align:right;
}

div#PageNavigationSpezial {
	padding:5px 0 0 0;
	text-align:left;
	width:446px;
}

div.shop div#PageNavigationSpezial {
	width:620px;
}

 
div#PageNavigationRight a {
	padding:5px 5px 0 5px;
}

div#PageNavigationLeft a.activ, 
div#PageNavigationRight a.activ {
	font-weight:bold;
}

div#PageNavigationLeft a:hover, 
div#PageNavigationRight a:hover, 
div#PageNavigationSpezial a:hover {	

}


/* ----------------------------------------
 *
 * SHOP DEFINITIONS
 *
 ----------------------------------------*/	
 
/* WARENKORB 
-----------------------------------------*/
div#shopping_basket {
	width:219px;
	height:68px;
	margin:0 0 20px 0;
	}
	
div#shopping_basket a {
	display:block;
	width:219px;
	height:68px;
	background:url(./img/shopping_basket.png) 0 0 no-repeat;
	}
	
div#shopping_basket a:hover,
div#shopping_basket.active a:hover{
	background:url(./img/shopping_basket.png) 0 -68px no-repeat;
	}

/* SUCHE 
-----------------------------------------*/

 div.search_box {
	 width:219px;
	 margin:0 0 20px 0;
	 }
	 
 div.search_box div.top {
	 width:219px;
	 height:11px;
	 background:url(./img/search_box_top.png) left  bottom no-repeat;
	 }
	 
 div.search_box div.btm {
	 width:219px;
	 height:11px;
	 background:url(./img/search_box_btm.png) 0 0 no-repeat;
	 }
	 
 div.search_box div.content {
	 padding:0 2px 0 2px;
	 width:215px;
	 background:url(./img/search_box_bg.png) 0 0 repeat-y;
	 }
	 
 div.search_box div.gutter {
	padding:0 6px 0 6px;
	min-height:70px;
	height:auto !important;
	height:70px;
	background:url(./img/search_box_gradient.png) left bottom repeat-x;
	}
	
div.search_box h2{
	padding:0 0 6px 0;
	background:url(./img/h1_suche.gif) -1px 0 no-repeat;
	border-bottom: 2px solid #c57a02;
	margin:0 0 15px 0;
	}
	
div.search_box h2 span {
	display:block;
	text-indent:-50000px;
	width:1px;
	}
	
div.search_box label {
	line-height:160%;
	font-size:1.2em;
	font-weight:bold;
	color:#c57a02;
	}
	
div.search_box input {
	font-size:1.2em;
	padding:2px;
	width:194px;
	border:1px solid #939392;
	color:#333333;
	margin:0 0 4px 0;
	}
	
div.search_box select {
	font-size:1.2em;
	padding:2px;
	width:200px;
	border:1px solid #939392;
	color:#333333;
	margin:0 0 4px 0;
	}
	
div.search_box input.checkbox {
	font-size:1.2em;
	padding:2px;
	width:0;
	width:auto;
	vertical-align:top !important;
	vertical-align:middle;
	display:inline;
	border:none;
	color:#333333;
	margin:4px 4px 8px 0;
	}
	
div.search_box input.submit {
	padding:2px;
	width:0;
	width:86px;
	height:37px;
	border:none;
	color:transparent;
	margin:0 0 0 0;
	background:url(./img/search_btn.png) 0 0 no-repeat;
	cursor:pointer;
	float:right;
	}
	
div.search_box br.clear {
	line-height:1px;
	clear:both;
	}
	
/* ----------------------------------------
 *
 * Shop FORMULAR
 *
 ----------------------------------------*/
div#shop form {
	margin:0 0 45px 0;
	}

div#shop label {
	width:10.0em;
	display:block;
	float: left; 
	text-align:right;
	padding:4px 10px 0 0;
	margin:0 0 10px 0;
	font-size:1.2em;
	color:#005344;
}

div#shop div.Lieferadresse label {
	width:20.0em;
	display:inline;
	margin:0;
	padding:0;
	text-align:left;
	}
	
div#shop div.Lieferadresse input.Checkbox {
	width:10px;
	margin:2px 10px 0 11.0em;
	float:left;
	}

div#shop input {
	border:1px solid #ccc;
	font-size:1.2em;
	padding:6px;
	width:26.0em;
	letter-spacing:1px;
	}
	
div#shop select {
	border:1px solid #ccc;
	font-size:1.2em;
	padding:6px;
	width:27.2em;
	letter-spacing:1px;
	}
	
div#shop textarea {
	width:26.0em;
	font-family:Verdana, Geneva, sans-serif;
	height:120px;
	border:1px solid #ccc;
	font-size:1.2em;
	padding:6px;
	}
	
div#shop input:focus,
div#shop textarea {
	background:#d3f4ee;
	border:1px solid #005344;
	}

div#shop input, 
div#shop textarea, 
div#shop select {
	margin:0 0 10px 0;
}


div#shop input.Checkbox {
	width:10px;
	margin:0 10px 0 11.0em;
}

div#shop input.Button {
	width:0;
	width:auto;
	background:transparent;
	color:#005344;
	border:none;
	cursor:pointer;
	font-size:1.2em;
	font-weight:bold;
}

div#shop div.ButtonPanel {
	text-align:right;
}

div#shop li.FormularFehler {
	font-weight: bold;
	color: #FF0000;
	background:transparent;
}

div#shop ul.FormularFehler {
	list-style:disc;
	margin-left:15px;
}

/* ----------------------------------------
 *
 * SHOP TABLE WK
 *
 ----------------------------------------*/
div#shop table {
	   }
 
div#shop table tr {
	  }
	  
div#shop table th,
div#shop table td {
	  vertical-align:top;
	  padding:6px;
	  }
	  
div#shop table td {
	  font-size:1.2em;
	  padding:8px 6px 4px 6px;
	  border:1px solid #ccc;
	  }
 
 
 div#shop table thead th {
	font-size: 1.2em;
	font-weight:bold;
	color:#005344;
	text-align:left;
	border-bottom:2px solid #005344;
	 }
	 
 div#shop table tbody td input {
	 margin:0;
	 width:100px;
	 }
	 
	 
div.article {
	position:relative;
	width:638px;
	float:left;
	border-bottom:2px solid #d2c6b3;
	margin:0 0 20px 0;
	padding:6px;
	background:#f3ede3;
	}	
	
div.article h2 {
	border-bottom:1px solid #d2c6b3;
	margin:0 0 6px 0;
	padding:0 0 6px 0;
	}

div.article h2 img {
	padding:0 2px 0 2px;
	}

div.article_details_img img {
  	margin:0 6px 0 0;
	float:left;
	background:#fff;
	padding:4px;
	border:1px solid #d2c6b3;
	}
	
div.article_details_img {
	float:left;
	padding:0 0 15px 0;
	}
	
div.article span.image {
	padding:4px 4px 0 4px;
	float:left;
	background:#fff;
	padding:4px;
	border:1px solid #d2c6b3;
	}
	
div.article span.image img {
	border:1px solid #eee6da;
	}
	
div.article_details_left {
	clear:both;
	padding:0 0 20px 0;
	}
	
div.article span.article_number {
	display:block;
	font-size:1.2em;
	float:right;
	width:490px;
	padding:0 0 10px 0;
	color:#ac9a7e;
	}	
	
div.article span.price {
	display:block;
	font-size:1.2em;
	float:right;
	width:490px;
	color:#ac9a7e;
	}
	
div.article span.price strong {
	color:#005344;
	}
	
div.article span.details {
	display:block;
	position:absolute;
	right:6px;
	bottom:6px;
	text-align:right;
	font-size:1.2em;
	font-weight:bold;
	padding:20px 0 0 0;
	width:200px;
	}
	
div#ArtikelDetailImage a img {
	margin:0 15px 15px 0;
	}
	
div#WarenkorbFooter a img {
	margin:0 6px 0 0;
	}
	
div#WarenkorbFooter span {
	font-size:1.2em;
	}