/*
RC Germania Potsdam style definitions
Version 1.0 beta 0 - 2007.03.07
Copyright (c) 2007 Matthias Grosser
*/

/* base styles */

body, td, li, ul, ol, select {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 17px;
}


body {
	margin: 0;
	padding: 0;
	text-align: center;  /* IE hack */
	background: rgb(233,233,233);
	color: black;
}

a:visited, a:link, a:hover, a:active {	color: rgb(2,42,109); }


h1, h2, h3 {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: rgb(2,42,109);
}


/* base layout styles */

#main {
	width: 968px;
	margin: 0px auto;
	padding: 0px 0px 30px 0px;
	text-align: left;
}

#head {
	width: 968px;
	height: 190px;
	margin: 20px 0px 0px 0px;
	padding: 0px;
}

#head-box {
	position: relative;
	width: 968px;
	height: 190px;
	margin: 0px;
	padding: 0px;
	background: url(head.png) no-repeat;
}

#head h1 {
	position: absolute;
	left: 20px;
	top: 20px;
	width: 166px;
	height: 110px;
	margin: 0px;
}

#head a#logo {
	display: block;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 166px;
	height: 110px;
}

#head a#logo span {
	display: none;
}

#head-box #nav {
	position: absolute;
	left: 213px;
	top: 122px;
	width: 615px;
	height: 19px;
}

#nav a#nav-home {
	 display: block;
	 position: absolute;
	 top: 0px;
	 left: 0px;
	 width: 48px;
	 height: 19px;
	 background: url(nav.png) 0px 0px no-repeat;
}

#nav a#nav-verein {
	 display: block;
	 position: absolute;
	 top: 0px;
	 left: 75px;
	 width: 55px;
	 height: 19px;
	 background: url(nav.png) -75px 0px no-repeat;
}

#nav a#nav-ringen {
	 display: block;
	 position: absolute;
	 top: 0px;
	 left: 156px;
	 width: 57px;
	 height: 19px;
	 background: url(nav.png) -156px 0px no-repeat;
}

#nav a#nav-ninjutsu {
	 display: block;
	 position: absolute;
	 top: 0px;
	 left: 241px;
	 width: 63px;
	 height: 19px;
	 background: url(nav.png) -241px 0px no-repeat;
}

#nav a#nav-gesundheitssport {
	 display: block;
	 position: absolute;
	 top: 0px;
	 left: 335px;
	 width: 114px;
	 height: 19px;
	 background: url(nav.png) -335px 0px no-repeat;
}

#nav a#nav-treffpunkt {
	 display: block;
	 position: absolute;
	 top: 0px;
	 left: 479px;
	 width: 75px;
	 height: 19px;
	 background: url(nav.png) -479px 0px no-repeat;
}


#nav a#nav-home:hover, #nav a#nav-home.selected,
#nav a#nav-verein:hover, #nav a#nav-verein.selected,
#nav a#nav-ringen:hover, #nav a#nav-ringen.selected,
#nav a#nav-ninjutsu:hover, #nav a#nav-ninjutsu.selected,
#nav a#nav-gesundheitssport:hover, #nav a#nav-gesundheitssport.selected,
#nav a#nav-treffpunkt:hover, #nav a#nav-treffpunkt.selected  { background: transparent; }

#nav a span { display: none; }





#box {
	width: 968px;
	margin: 0px;
	padding: 0px;
	background: url(content-back.png) repeat-y;
	clear: both;
}

#subnav {
	width: 166px;
	float: left;
	display: inline; /* IE hack */
	margin: 10px 0px 20px 24px;
	overflow: hidden;
}

#content {
	width: 700px;
	float: left;
	margin: 10px 0px 20px 32px;
}

#content a img {
	border: none;
}

#content .left {margin-right: 20px; margin-top: 5px; margin-bottom: 3px;}
#content .right {margin-left: 20px; margin-top: 5px; margin-bottom: 3px;}



#footer {
	clear: both;
}

#footer #counter {
	font-size: 10px;
	margin-left: 40px;
	width: 166px;
	color: #707070;
}





#subnav ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

#subnav a {
	text-decoration: none;
}

#subnav li {
	font-size: 12px;
	line-height: 17px;
	margin: 0px 0px 12px 0px;
	padding: 0px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}

#subnav li div { margin-left: 40px; padding-bottom: 0px;}

#subnav li ul {
	display: none;
}

#subnav li li {
	display: none;
}

#subnav .selected { background: url(bullet.png) no-repeat 0px 4px; }


#subnav #banner {
	width: 125px;
	height: 80px;
	margin: 40px 0px 0px 22px;
	background: url(impuls-banner.jpg) no-repeat;
}

#subnav #banner a {
	display: block;
	width: 125px;
	height: 80px;
}

#subnav #banner a span { display: none; }


/* news styles */

.newsitem .title {
	font-weight: bold;
	color: rgb(2,42,109);
	margin-bottom: 10px;
}

.newsitem .date {
	font-size: 11px;
	font-weight: bold;
	margin-bottom: 10px;
}

.bt {
	width: 700px;
	height: 2px;
	margin: 20px 0px 20px;
	border-bottom: 1px solid rgb(180,180,180);
}

/* guestbook styles */

.gbook-pagination {
margin:20px 0px;
}

.gbook-label {
float:left;
width:100px;
font-size:12px;
font-weight:bold;
}

.gbook-value {
font-size:12px;
}

.gbook-text {
padding:25px 25px;
}


#gbook-entry {
padding:20px;
}

#gbook-entry label {
display:block;
float:left;
width:100px;
}

#gbook-name, #gbook-email, #gbook-text {
width:250px;
}

#gbook-text {
height:150px;
}

#gbook-submit {
display:block;
margin:20px 125px 0px;
width:100px;

}

#gbook-error {
border:1px solid red;
color:red;
margin:20px 20px 0px;
padding:5px;
width:338px;
}


.order-top
{
   padding:0px;
   margin-top:10px;
   margin-bottom:10px;
}

.order-top h3
{
   margin-top:0px;
}

.order-form
{
   font-size:12px;
}

.order-articles
{
   border:1px solid black;
   padding:2px;
   margin-bottom:10px;
   width:100%;
}

.order-articles td
{
   vertical-align:middle;
}

.order-articles .article-price
{
   text-align:right;
   padding-right:10px;
}

.order-articles input
{
   border:1px solid black;
   width:25px;
   text-align:right;
   padding:1px 2px;

}

.order-sum-row td
{
   height:25px;
}

.order-sum-row span
{
   text-align:left;
   margin-left:0px;
}

.article-price
{
   width:75px;
}
.order-filling
{
   margin-bottom:50px;
}

.order-filling label
{
   float:left;
   width:200px;
   vertical-align:middle;
}

.order-filling input
{
   width:125px;
   border:1px solid black;
   margin-bottom:7px;
}

#order-zipcode
{
   width:50px;
}
.order-filling-top
{
   margin-bottom:10px;
}

#order-filling-box1
{
   width:48%;
   float:left;
}

#order-filling-box2
{
   width:48%;
   margin-left:auto;
   margin-right:0px;
   float:right;
}

.order-buttons
{
   clear:both;
   text-align:center;
   margin-bottom:20px;
}

.order-buttons input
{
   width:120px;
   border:1px solid black;
   background-color:rgb(231,231,231);
}

.order-errors
{
   margin-top:10px;
}
.order-error
{
   color:red;
}

.order-label
{
   float:left;
   width:100px;
}

.order-id
{
   float:left;
   width:250px;
}

.order-info
{
   margin-bottom:20px;
}

.order-mail
{
   text-align:center;
}

#order-products {
	width:400px;
}

#order-products .order-amount {
	text-align:right;
	width:25px;
}

#order-products .unit-price {
	text-align:right;
	width:90px;	
}

#order-products .order-price {
	text-align:right;
	width:100px;
}