/* Presets */
html, body { height: 100%; }

body
{
  color: #555;
  background-color: #f3f3f3;
  background-image: url( img/bg.jpg );
  background-repeat: repeat-x;

  margin: 0;
  padding: 0;

  font-family: Tahoma, sans-serif;
  font-size: 12px;
}

.center { text-align:center; }
.right { text-align:right; }
.left { text-align:left; }

h1
{
  padding:0 0 10px 0;
  margin:0;
  color:#555555;
  font-size:30px;
  font-weight:normal;
}
a,p.toggler
{
  cursor:pointer;
  color: #35cc01;
  text-decoration: none;
  font-weight: bold;
}

a:hover
{
  text-decoration: underline;
}

img
{
  margin: 0;
  padding: 0;
  border: 0;
}

p
{
  margin: 0 0 10px 0;
  padding: 0;
}

p.wherenow
{
  font-size:11px;
}

p.clear
{
  clear: both;
}

form
{
  padding:0;
  margin:0;
}

table,tr,td { border:0; }

input,textarea
{ 
  font-family: Tahoma, sans-serif;
  font-size:11px;
  margin: 0 10px 10px 0;
  padding: 2px;
  background-color: #fff;
  border: 1px solid #ddd;
  color: #999;
}
input[type=radio]
{
  border:0;
}
ul
{
  padding:0;
  margin:0;
  list-style-position:inside;
}
hr
{
  clear:both;
  margin:20px;
  border:0;
  border-top:1px solid #ddd;
}
label
{
  display:block;
  font-weight:bold;
}
img.left
{
  float:left;
  margin: 0 10px 0 0;
}
/* Presets */

/* Seite */
#seite
{
  width: 800px;
  margin: 0 auto;
  padding: 0;
  min-height:100%;
}
* html #seite { height:100%; }
/* Seite */

/* Header */
#header
{
  width: 800px;
  height: 151px;
  padding: 0 0 0 0;
  background-image: url( img/header.jpg ); 
}
#header a.logo
{
  margin:30px 0 0 25px;
  display: inline-block;
  width: 305px;
  height: 80px;
  padding:0;
}
/* Header */

/* Menu */
#menu
{
  position: relative;
  width: 800px;
  height: 32px;
  background-image: url( img/menu_bg.jpg );
}
#menu span.left
{
  width: 10px;
  height: 32px;
  float: left;
  margin: 0 4px 0 0;
  background-image: url( img/menu_left.jpg );
  background-repeat:no-repeat;
}
#menu span.right
{
  text-align:left;
  width: 10px;
  height: 32px;
  float: right;
  background-image: url( img/menu_right.jpg );
}
#menu ul
{
  list-style:none;
  padding:0;
  margin:0;
}
#menu ul li
{
  float: left;
  margin: 0 14px 0 14px;
  padding:0;
}
#menu ul li ul
{
  z-index: 1000;
  margin: 31px 0 0 10px;
  position: absolute;
  display:none;
  width: 180px;
}
#menu ul li ul.tunierplanung { left: 79px; }
* html #menu ul li ul.tunierplanung { left: 68px; }
#menu ul li ul.vereinsverzeichnis { left: 213px; }
* html #menu ul li ul.vereinsverzeichnis { left: 201px; }
#menu ul li ul.soccerspots { left: 366px; }
* html #menu ul li ul.soccerspots { left: 351px; }
#menu ul li ul.shop { left: 561px; }
* html #menu ul li ul.shop { left: 549px; }
#menu ul li ul.links { left: 699px; }
* html #menu ul li ul.links { left: 688px; }
#menu ul li:hover, #menu ul li.on
{
  background-image: url( img/menu_hover.jpg );
}
#menu ul li:hover ul
{
  display:block;
}
#menu ul li ul li a
{
  border-top: 1px solid #fff;
  font-size: 11px;
  padding: 3px 10px 3px 10px;
  width: 160px;
  background-color: #d2d2d2;
  background-image: none;
  color: #fff;
}
#menu ul li ul li a:hover
{
  background-color: #33cc00;
  background-image: none;
  color:#fff;
}
#menu a
{
  font-size: 12px;
  color: #666;
  padding: 8px;
  height: 16px;
  margin: 0;
  float: left;
  background: none;
}
#menu a:hover, #menu a.on
{
  text-decoration: none;
  color: #35cc01;
}
/* Menu */

/* Content */
#content 
{
  float:left;
  margin:0 0 20px 0;
  width:780px;
  display:block;
  padding: 10px 10px 0 10px;
  background-image: url( img/content_bg.jpg );
}
#content div.footer
{
  margin: 0 -10px 0 -10px;
  clear:both;
  height:10px;
  font-size:0;
  width:800px;
  display:block;
  background-image: url( img/content_footer.jpg );
}
/* Content */

/* Footer */
#clear
{
  clear:both;
  height:80px;
  display:block;
}
#footer
{
  margin: -80px 0 0 0;
  clear: both;
  text-align:center;
  color: #999;
  height:20px;
  padding: 30px;
  background-color: #fff;
}
/* Footer */

/* Box */
div.box
{
  margin: 0 0 10px 0;
  width: 100%;
  background-image: url( img/box/box_bg.jpg );
}
div.box div.left
{
  background-image: url( img/box/box_left.jpg );
  background-repeat:repeat-y;
  background-position: top left;
}
div.box div.right
{
  text-align:left;
  background-image: url( img/box/box_right.jpg );
  background-repeat:repeat-y;
  background-position: top right;
}
div.box div.inner
{
  padding:10px 10px 5px 10px;
}
div.box div.bot
{
  height:5px;
  font-size:0;
  background-image: url( img/box/box_bot_bg.jpg );
}
div.box div.bot span.left
{
  width:5px;
  height:5px;
  float:left;
  background-image: url( img/box/box_bot_left.jpg );
}
div.box div.bot span.right
{
  text-align:left;
  width:5px;
  height:5px;
  float:right;
  background-image: url( img/box/box_bot_right.jpg );
}
div.box div.top
{
  display:block;
  height:31px;
  background-image: url( img/box/box_top_bg.jpg );
}
div.box div.top span.left
{
  display:block;
  width:5px;
  height:31px;
  float:left;
  background-image: url( img/box/box_top_left.jpg );
}
div.box div.top span.right
{
  text-align:left;
  display:block;
  width:5px;
  height:31px;
  float:right;
  background-image: url( img/box/box_top_right.jpg );
}
div.box div.top span.inner
{
  display:block;
  float:left;
  padding: 7px 0 0 5px;
  font-weight:bold;
  color:#35cc01;
}
/* Box */

/* Buttons */
a.button,a.button3
{
  background-repeat: no-repeat;
  background-position: 0 5px;
  padding: 8px 0 0 0;
  display: block;
  background-image: url( img/btn_2.png );
  width: 175px;
  height: 17px;
  font-size:11px;
  text-align: center;
  color: #fff;
  margin: 0 auto;
}
a.button:hover,a.button3:hover
{
  text-decoration: none;
}
a.button3 { background-image: url( img/btn_1.png ); }
input.button,input.button3
{
  cursor:pointer;
  font-weight: bold;
  padding: 0;
  border: 0;
  background-color:transparent;
  background-repeat: no-repeat;
  background-position: 0 2px;
  display: inline-block;
  background-image: url( img/btn_2.png );
  width: 175px;
  height: 25px;
  text-align: center;
  color: #fff;
}
input.button3 { background-image: url( img/btn_1.png ); }
.ajax
{
  height: 120px;
  display: block;
  background-image: url( img/ajax.gif );
  background-position: center center;
  background-repeat: no-repeat;
}
.delete
{
  background-repeat:no-repeat;
  background-image: url( img/icons/cross.png );
  width: 16px;
  height: 16px;
  display: inline-block;
}
/* Buttons */


/* Breadcrumbs */

div.breadcrumbs {
	overflow:hidden;
	margin:0;
	padding:0;
	height:30px;
	line-height:30px;
	border:1px solid #eee;
	margin-bottom:20px;
}
div.breadcrumbs .on
{
  color: #35cc01;
}
div.breadcrumbs a, div.breadcrumbs em, div.breadcrumbs span {
	color:#404040;
	font-weight: bold;
	float:left;
	overflow:hidden;
	height:30px;
	padding:0 8px;
	font-style:normal;
}
div.breadcrumbs span {
	background:url(img/breadcrumb.png) no-repeat left center;
	overflow:hidden;
	padding:0 0 0 10px;
	width:0px;
	filter:alpha(opacity=40);
	opacity:0.4;
}
/* Breadcrumbs */

/* Warenkorb */
table.warenkorb
{
  padding:0;
  margin:0;
  border:0;
  width:100%;
}

table.warenkorb input
{
  padding:2px;
  margin:0;
}

table.warenkorb tr.headline td 
{
  border-top:1px solid #f9f8f7;
  border-bottom:1px solid #f9f8f7;
  background-color:#ddd;
  padding:5px 10px 5px 10px;
}

table.warenkorb tr.element-1 td,table.warenkorb tr.element-2 td 
{
  border-top:1px solid #ddd;
  border-left: 1px solid #ddd;
  background-color:#f9f8f7;
  padding:10px;
}

table.warenkorb tr.element-2 td { background-color:#fff; }

table.warenkorb tr.zusammenfassung td,table.warenkorb tr.versandkosten td 
{
  padding:10px;
  font-weight:bold;
  border:0;
  border-top: 1px solid #ddd; 
}
table.warenkorb tr.versandkosten td 
{
border-top: 4px solid #ddd; 
}
/* Warenkorb */

h3
{
  font-size:12px;
  font-weight:bold;
  padding:0 0 0 20px;
  margin:0;
  background-repeat:no-repeat;
  height:20px;
}

h3.beschreibung { background-image: url( img/icons/beschreibung.jpg ); }
h3.farbe { background-image: url( img/icons/farbe.jpg ); }
h3.groesse { background-image: url( img/icons/groesse.jpg ); }
h3.gravur { background-image: url( img/icons/gravur.jpg ); }
h3.symbol { background-image: url( img/icons/symbol.jpg ); }
h3.anzahl { background-image: url( img/icons/anzahl.jpg ); }

p.linie { line-height:0;font-size:0;height:1px; margin: 10px 0 10px 0; padding:0; background-color:#ddd; }

.green { color:#35cc01; }

.gravurerror { color:#fff; background-color:red; display:none; padding:3px; font-size:10px; font-weight:bold; }