/******************************************************************************
Tags und eigene Klassen für Allgemeines
******************************************************************************/

body
{
	background-color: #333333;
	color: #000000;
	font-family: Verdana, Trebuchet MS, Arial, Helvetica;
	font-size: 11px;
}

/* Body-Angaben: <span class="body"></span> dort einsetzen, wo die normalen body-Eigenschaften nicht wirken */
.body
{
	background-color: #FFFFFF;
	color: #000000;
	font-family: Verdana, Trebuchet MS, Arial, Helvetica;
	font-size: 11px;
}

td
{
	color: #000000;
	font-family: Verdana, Trebuchet MS, Arial, Helvetica;
	font-size: 11px;
}

a:link,
a:visited,
a:active
{
	color: #000000;
	text-decoration: none;
}

a:hover
{
	color: #000000;
	text-decoration: underline;
}

a.nav:link,
a.nav:visited,
a.nav:active,
a.nav:hover
{
	color: #000000;
	text-decoration: none;
}

a.navoben:link,
a.navoben:visited,
a.navoben:active,
a.navoben:hover
{
	color: #ffffff;
	text-decoration: none;
}

a.dyn:link,
a.dyn:visited,
a.dyn:active
{
	color: #CC0000;
	text-decoration: none;
}

a.dyn:hover
{
	color: #CC0000;
	text-decoration: underline;
}

a.shopcat:link,
a.shopcat:visited
{
	color: #000000;
	text-decoration: none;
}

a.shopcat:active,
a.shopcat:hover
{
	color: #CC0000;
	text-decoration: none;
}

a.produktinfo { text-decoration: none }
a.produktinfo:hover { cursor: hand; background: transparent }
a.produktinfo span { visibility: hidden; z-index:2; position: relative; left: 50px; top: 10px; padding: 5px; text-decoration: none }
a.produktinfo:hover span { visibility: visible; border: 1px solid #666666; color: #000000; background: #EFEFEF }

/******************************************************************************
Eigene Klassen für Schrift
******************************************************************************/
.dyn
{
	color: #CC0000;
}

.fett
{
	font-weight: bold;
}

.kursiv
{
	font-style: italic;
}

.unterstrichen
{
	text-decoration: underline;
}

.klein
{
	font-size: 10px;
}

.kleinrot
{
	color: #CC0000;
	font-size: 9px;
	font-weight: normal;
}

/* Text für den Logobereich */
.logotext
{
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
}

/* Text für den Bannerbereich */
.bannertext
{
	color: #FFFFFF;
	font-size: 11px;
	font-weight: bold;
}

/* Text für die Menü-Hauptpunkte */
.navhauptmenu
{
	color: #FFFFFF;
	font-size: 11px;
	font-weight: bold;
}

/* Text für die Menü-Unterpunkte */
.navuntermenu
{
	color: #FFFFFF;
	font-size: 11px;
}

.navuntermenu_sm
{
	color: #FFFFFF;
	font-size: 10px;
}

/* Text für die Layerinhalte */
.navhauptmenuklein
{
	color: #000000;
	font-size: 9px;
}

/* Text für die Rubriken-Navigation */
.navrubrik
{
	font-size: 11px;
	font-weight: bold;
}

/* Redaktioneller Titel */
.redakttitel
{
	color: #000000;
	font-size: 11px;
	font-weight: bold;
}

/* Redaktioneller Inhalt */
.redaktcontent
{
	color: #000000;
	font-size: 11px;
	font-weight: normal;
}

/* Redaktioneller Content-Titel */
.redaktcontenttitel
{
	color: #000000;
	font-size: 15px;
	font-weight: 900;
}

/* Dynamischer Titel */
.dyntitel
{
	color: #CC0000;
	font-size: 11px;
	font-weight: bold;
}

/* Dynamischer Titel gross*/
.dyntitelgross
{
	color: #CC0000;
	font-size: 13px;
	font-weight: bold;
}

/* Dynamischer Titel gross*/
.dyntitelgrossb
{
	color: #000000;
	font-size: 13px;
	font-weight: bold;
}

/* Dynamischer Untertitel */
.dynuntertitel
{
	color: #CC0000;
	font-size: 11px;
	font-weight: normal;
}

/* Dynamischer Content-Text */
.dyncontent
{
	color: #666666;
	font-size: 11px;
}

/* Dynamischer Content-Text */
.dyncontentfett
{
	color: #666666;
	font-size: 11px;
	font-weight: bold;
}

/* Dynamischer Content-Text klein*/
.dyncontentklein
{
	color: #000000;
	font-size: 9px;
}

/* Impressum */
.impressum
{
	font-size: 10px;
	color: #FFFFFF;
	font-weight: bold;
}

/* weiss und fett */
.weissb
{
	color: #FFFFFF;
	font-size: 9px;
	font-weight: bold;
}

.products_title
{
	height:			41px;
	vertical-align:		top;
	text-align:		center;
	color:			#FFFFFF;
	font-weight:		bold;
	background-color:	#CC0000;
	background-image: 	url(bilder/product_title.gif);
	background-repeat:	repeat-x;
}

.products_item
{
	vertical-align:		middle;
	background-color:	#EFEBEF;
	border-right:		1px solid #666666;
	border-top:		1px solid #666666;
}

.cart_item
{
	vertical-align:		middle;
	border-right:		1px solid #EFEBEF;
}

.underline
{
	border-bottom:		1px solid #666666;
}

.underline_light
{
	border-bottom:		1px solid #BBBBBB;
}

/******************************************************************************
Eigene Klassen für Hintergründe
******************************************************************************/


/* Hintergrund für den Logobereich */
.logohg
{
	background-color: #00162F;
}

/* Hintergrund für den Bannerbereich */
.contenthg
{
	background-color: #FFFFFF;
}

/* Hintergrund für den Navigationsbereich */
.navhg
{
	background-color: #9A9A9A;
}

/* Hintergrund für den Navigationsbereich bei OnMouseOver */
.navhoverhg
{
	background-color: #EFEBEF;
}

/* Hintergrund für die Trennzeilen im Navigationsbereich */
.trennliniehg
{
	background-color: #FFFFFF;
}

/* Hintergrund für die Layer im Navigationsbereich */
.navobenhg
{
	background-color: #CC0000;
}

/* Hintergrund für redaktionelle Titelbereiche */
.redakttitelhg
{
	background-color: #ADC2D8;
}

/* Hintergrund für redaktionelle Contentbereiche */
.redaktcontenthg
{
	background-color: #F3F6FA;
}

/* Hintergrund für Rubriken-Navigation */
.redaktrubrikhg
{
	background-color: #fefefe;
}

/* Hintergrund für den redaktionellen Contentbereich des Magazins */
.redaktmagazincontenthg
{
	background-color: #FFFFFF;
}

/* Hintergrund für dynamische Titelbereiche */
.dyntitelhg
{
	background-color: #EFEBEF;
}

/* Hintergrund für dynamische Titelbereiche */
.dyntitelhg2
{
	background-color: #CCCCCC;
}

/* Hintergrund für dynamische Contentbereiche */
.dyncontenthg
{
	background-color: #FFFFFF;
}

.dyncontenthg2
{
	background-color: #EFEBEF;
}

/******************************************************************************
Tags und eigene Klassen für Formularfelder
******************************************************************************/

/* Für <input type="text">, <textarea>, <option> und <select> */
input,
textarea,
option,
select
{
	font-family: Verdana, Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	border:	1px solid #313031;
}

/* Input-Style 2 */
input.dynamic,
textarea.dynamic,
option.dynamic,
select.dynamic
{
	font-family: Verdana, Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	background-color: #B2B4B5;
	border-left-color: #CC0000;
	border-top-color: #CC0000;
	border-bottom-color: #CC0000;
	border-right-color: #CC0000;
	border-left-style: solid;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-width: 1px;
}

/* Input-Style 3 */
input.shop,
textarea.shop,
option.shop,
select.shop
{
	font-family: Verdana, Trebuchet MS, Arial, Helvetica, sans-serif;
	color: #000000;
	background-color: #FFFFFF;
	border: 1px solid #313031;
	padding: 0;
}

option.shop
{
	padding:2px;
	border-top:none;
}

input.shop2,
select.shop2,
option.shop2
{
	font-family: Verdana, Trebuchet MS, Arial, Helvetica, sans-serif;
	color: #000000;
	background-color: #FFFFFF;
	border: 1px solid #313031;
}

option.shop2
{
	border-top:none;
}

/* Tabellen mit Rand */
table.tabelle
{
	border-width:1px;
	border-style:solid;
	border-color:#666666;
}

table.tabelle_red
{
	border-width:1px;
	border-style:solid;
	border-color:#CC0000;
}

/* Für <input type="checkbox" class="checkbox"> */
input.checkbox
{
	border-top: 0px;
	border-left: 0px;
	border-right: 0px;
	border-bottom: 0px;
	border-width: 1px;
	border-color: #cccccc;
	cursor: hand;
}

/* Für <input type="submit" class="button"> und <input type="button" class="button"> */
input.button
{
	font-family: Verdana, Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #CC0000;
	border-left-color: #A42937;
	border-top-color: #A42937;
	border-bottom-color: #293052;
	border-right-color: #293052;
	border-left-style: solid;
	border-top-style: solid;
	border-right-style: groove;
	border-bottom-style: groove;
	border-width: 1px;
	cursor: hand;
}

/* Für <input type="image" class="image"> */
input.image
{
	border-top: 0px;
	border-left: 0px;
	border-right: 0px;
	border-bottom: 0px;
	cursor: hand;
}

/* Für <input type="file" class="file"> */
input.file
{
	font-family: Verdana, Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	border-left-color: #A42937;
	border-top-color: #A42937;
	border-bottom-color: #293052;
	border-right-color: #293052;
	border-left-style: hidden;
	border-top-style: groove;
	border-right-style: solid;
	border-bottom-style: solid;
}

ul.pfeil
{
	list-style-image:	url(bilder/pfeil_s.gif);
}
ul.pfeil li
{
	padding-bottom:		8px;
}

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

#overlay {
	position:				absolute;
	width:					100%;
	height:					100%;
	background-color:			#333333;
	z-index:				90;
	filter:					alpha(opacity=60);
	-moz-opacity:				0.6;
	opacity:				0.6;
}

#info_container {
	position:				absolute;
	top:					20%;
	width:					100%;
	z-index:				100;
	text-align:				center;
}

#info {
	border:					0px solid #FFFFFF;
	margin:					auto;
	padding:				1px;
	width:					728px;
	z-index:				101;
	background-color:			#FFFFFF;
	text-align:				left;
	font-size:				small;
}

#info_content_container {
	background-color:			#FFFFFF;
}

#info_content {
	padding:				10px;
	text-align:				left;
	color:					#000000;
	font-size:				x-small;
	background-color:			#FFFFFF;
}

#info a {
	color:					#CC0000;
	text-decoration:			underline;
}

#info_content a.close {
	font-size:				9px;
	color:					#000000;
	text-decoration:			underline;
}