/* 
----------------------------------------------------------------------
WDV-Wilhelmshaven e.V.
----------------------------------------------------------------------
*/

/* Allgemeine Einstellungen */

* {
	margin: 0;
	border: none;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
}
body {
	background: #000000;
	color: #1d435b;
	font: small/140% Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
}

	/* Data */
	
form {
	font-weight: normal;
	background-color: #FFFFD2;
	color: #000000;
	background-position: center;
}

a {
	color: #333333;
}
a:hover {
	color: #fc8b06;
}

/* Basis-Layout */

#wrapper {
	width: 1000px;
	background-color: #FFFFD2;
	border: solid 2px #FF0;
	margin: 0 auto;
	text-align: left;
}
#header {
	height: 250px;
	background-image: url(../images/BannerWDV.png); 
	position: relative;
}
#navigation {
	height: 45px;
	margin: 0px 50px 0px 50px;
	background-color: #FFFF99;
	border: 1px solid #000000;
	text-align: center;
}
	#navigationSpry {
		height: 45;
		margin: 0 0 0 20px;
		background-color: #fefefe;
		float: left;
	}


#navigation1 {
	height: 45px;
	background-color: #FFFFD2;
	padding-top: 15px;
	text-align: center;
}
	
#content {
	width: 1000px;
	background-color: #FFFFD2;
	float: left;
}

#footer {
	height: 10px;
	background-color: #FFFF99;	
}


/* Header */

#header h1 {
	text-indent: -9999px;
}

/* Navigation */

#navigation ul {
	list-style: none;
	padding: 15px 0 0 0;
}
#navigation li {
	display: inline;
	
}
	
#navigation a {
	padding: 0 15px;
	font-size: 100%;
	font-weight: bolder;
	}


/* Inhaltsbereich */

#content h1 {
	margin: 25px 5px 10px 50px;
	font-size: 170%;
}

#content h2 {
	clear: both;
	padding: 0px 25px 10px 0px;
	color: #ee7e06;
	font-weight: bold;
	font-size: 120%;
}
#content h3 {

	padding: 0px 0px 10px 0px;
	font-size: 90%;
	font-weight: bold;
	color: #ee7e20;
	
}
#content h4 {
	margin: 0px 0px 3px 0px;
	font-size: 80%;
	font-weight: bold;
	color: #ee7e20;
}
#content h5 {
	margin: 0px 0px 3px 0px;
	font-size: 80%;
	font-weight: bold;
	color: #000000;
}
#content p {
	margin-bottom: 10px;
}
#content ul {
	list-style: none;
}
#content fieldset {
	background-color: #FFFFBB;
}
#content legend {
	font-size: 90%;
	font-weight: bold;
	color: #ee7e20;
}

.tablebg{
	background-color: #FFFFBB;
		}

.tablebgüberschrift{
		background-color: #FFFF99;			
		}
		
.columnmiddle {
	float: left;
}

	/* Inhaltsbereich middle */

	#columnmiddle {
		width: 900px;
		padding: 10px 0 10px 50px;
	}
	
	
			/* Spry Tabelle */
		
	#tablemiddle {
		width: 900px;
		color: #fc8b06;
		border-collapse: collapse;
		text-align: left;
	}
	
	
#columnLeft, #columnRight {
	float: left;
}

	/* Linker Inhaltsbereich */

	#columnLeft {
		width: 300px;
		padding: 10px 5px 10px 50px;
	}

#columnLeft1, #columnRight1, #columnRight2, #columnRightRight  {
	float: left;
}
 
 
	/* Linker Inhaltsbereich */

	#columnLeft1 {
		width: 450px;
		padding: 10px 0px 10px 50px;
	}	
		/* Spry Tabelle */
		
		#productTable {
			width: 300px;
			color: #fc8b06;
			border-collapse: collapse;
			text-align: left;
			background-color: #FF3;
		}
		#productTable td, #productTable th {
			margin: 0; 
			padding: 10px 2px;
		}
		#productTable th {
			color: #1d435b;
			font-weight: bold;
			cursor: pointer;
		}
		#productTable td.productTableLeft {
			width: 280px;
		}
		#productTable td.productTableRight {
			width: 100px;
		}
		.bezeichnung {
			font-weight: bold;
		}
		.kurzbeschreibung {
			color: #000000;
			font-size: 10px;
			font-weight: normal;
		}
		.kurzbeschreibungklein {
			color: #000000;
			font-size: 8px;
			font-weight: normal;
		}
		.hersteller {
			color: #1d435b;
			font-size: 10px;
			font-weight: normal;
			text-transform: uppercase;
		}
		.rowHover {
			background-color: #edeff1;
/*			color: #fc8b06;  */ /*Falls sich die Farbe für die Bezeichnung bei Hover ändern soll muss das hier eingestellt werden */
		}
		.rowSelected {
			background-color: #fee7cc;
		}
		
	/* Rechter Inhaltsbereich */
	
	#columnRight {
		width: 360px;
		padding: 10px 0 10px 30px;
	}
	
	
	#productImg img {
		border: 2px solid #19394e;
		margin-bottom: 20px;
	}
	#columnRight h3 {
		margin-bottom: 0px;
		font-size: 100%;
		font-weight: bold;
	}
	
#columnRight1 {
		width: 500px;
		padding: 10px 0px 10px 0px;
		
	}
	
	#columnRight1 h3 {
		margin-bottom: 0px;
		font-size: 100%;
		font-weight: bold;
	}
	
#columnRight2 {
		width: 600px;
		padding: 10px 0px 10px 20px;
		
	}
#columnRightRight {
		width: 200px;
		padding: 10px 0px 10px 20px;
		
	}
	

.Spielstaette {
        height: 35px;
        width: 300px;
        color: #000000;
		text-align: left;
		font-weight: bold;
		border-bottom: 2px solid #FFFFD2;
        background-color: #FFFF99;
        cursor: pointer;
}

.Spielstaetteklein {
        height: 20px;
        width: 180px;
        color: #000000;
		text-align: center;
		font-size: 9px;
		font-weight: bold;
		border-bottom: 2px solid #FFFFD2;
        background-color: #FFFF99;
        cursor: pointer;
}

.Buttons {
        height: 35px;
        width: 280px;
        color: #000000;
		text-align: center;
		font-weight: bold;
		border: 2px solid #FFFFD2;
        background-color: #FFFF99;
        cursor: pointer;
}

/* Footer */

#footer {
	clear: both;
	padding: 30px 5px 0 0;
	text-align: left;
}
#footer p, #footer strong {
	color: #fff;
	font-weight: bold;
}
#footer strong {
	color: #fc8b06;
}