* {

	padding:0px;

	margin:0px;

}





body {

	background: url(images/bg_body.jpg) no-repeat -20px -35px #000000;

	padding:0 0 0px 0;
	
	margin: 0;
	

	font-family:verdana,arial;

	font-size: 100.01%;

	color:#d0d0d0;

}

html {
	background-color: #000000;
}



/* Trennline HR */

hr {

	border-top:none;

	border-left:none;

	border-right:none;

	border-bottom:1px solid #d0d0d0;

	height:1px;

	margin-top:10px;

	margin-bottom:9px;

}



/* Überschrift der HTM-Groeße H1 */ 

h1 {

	margin-top:10px;

	margin-bottom:10px;

	font-size: 18px;

}



/* Überschrift der HTM-Groeße H2 */

h2 {

	margin-top:5px;

	margin-bottom:5px;

	font-size: 14px;

}



/* Überschrift der HTM-Groeße H3 */

h3 {

	padding:0px;

	margin:0px;

	font-size: 12px;

	font-weight:bold;	

}



p {

	font-size:12px;

}



pre {

	font-size: 12px;

	font-family: verdana, arial;

}



/* Bilder */

img {

	border:0px;

}



td, th {

	font-size:12px;	

}



/* Liste UL */

ul {

	margin-left:25px;

}





/**

*	normale Links

****************************************/

a {

	color:#d0d0d0;

	text-decoration: none;

}



/* mouseover */

a:hover {

	color: #a3bac9;

	text-decoration: none;

	cursor:pointer;

}





/**

*	Frames (Seitnaufbau)

****************************************/



/* Rahmen und hintergrund der seite */

#aussen {

	margin:0 auto;

	width:950px;

	height:auto;

	text-align:center;

	border-right:1px solid #333333;

	border-bottom:1px solid #333333;

	border-left:1px solid #333333;

	overflow:auto;

	background-color:#000000;

	background-image: url(images/main_bg.jpg);

	background-position:right;

	background-repeat:repeat-y;

}



/* Head (Kopf) */

#head {

	background-image: url(images/header.jpg);

	background-repeat:no-repeat;

	background-color:#990002;

	width: auto;

	height: 350px;

	width: 950px;

	text-align:right;

}



/* Head-Navi (Kopf-Navi) */

#head2 {

	padding-left:5px;

	padding-right:5px;

	padding-top:2px;

	float:right;

	width: 740px;

	height: 17px;

	background-color: #000000;

	border-bottom:1px solid #d0d0d0;

	border-left:1px solid #d0d0d0;

	color:#990000;

	font-size:9px;

}



/* Head-Navi - Link */

#head2 a {

	text-decoration: none;

	color: #990000;

}



/* Head-Navi - Link - Mouseover */

#head2 a:hover {

	text-decoration: none;

	color: #ff0000;

}



#head_navi {

	float: left;

	text-align:left;

	width: 380px;

}



#head_copyright {

	float: right;

	text-align:right;

	width:auto;

}



/*

*	Navi 

****************************************/



/* Online-Button */

.online {

	background-color:#00FF00;

	color:#333333;

	font-weight:bold;

	font-size:80%;

	text-align:center;

	padding:3px;

	border-top:1px solid #333333;

	border-bottom:1px solid #333333;

}



/* Online-Button - Link */

.online a {

	color:#333333;

}



/* Online-Button - Link - Mouseover */

.online a:hover {

	color:#ffffff;

}





/* navi */

#navi {

	float:left;

	background-image: url(images/bg_navi.jpg);

	background-repeat:no-repeat;

	background-color:#000000;

	width: 200px;

	text-align:left;

	padding-bottom:30px;

}



.navi_head {

	vertical-align:top;

	padding-left:5px;

	background-image: url(images/navi_head.jpg);

	background-repeat:no-repeat;

	line-height:30px;

	font-size:18px;

	font-weight:bold;

}





#nav {

	overflow: hidden;

}



#nav ul {

	margin:0;

	padding: 0;

	list-style-type: none;

	float:left;

}



#nav li  {

	width:200px;

	border-top:none;

	border-right: none;

	border-bottom: none;

	text-decoration:none;

	float:left;

}



/* Links in Navi */

#nav a {

	background-color:#000000;

	border-bottom:1px solid #333333;

	text-decoration: none;

	display: block;

	padding: 4px;

	font-family:verdana, arial;

	font-size:12px;

	color:#d0d0d0;	

}



/* besuchte Links in Navi */

#nav a:visited {

	border-bottom:1px solid #333333;

	text-decoration: none;

	display: block;

	font-family:verdana, arial;

	font-size:12px;

	color:#d0d0d0;	

	

}



/* mouseover Links in Navi */

#nav a:hover {

	border-bottom:1px solid #d0d0d0;

	text-decoration: none;

	color: #000000;

	background-color: #c900ca;

	font-family:verdana, arial;

	font-size:12px;

}



/* mouseclick Links in Navi (wenn maus gecklickt gehalten wird) */

#nav a:active {

	border-bottom:1px solid #333333;

	text-decoration: none;

	color: #000000;

	background-color: #db19da;

	font-family:verdana, arial;

	font-size:12px;

}



/* aktuelle Seite in Navi */

#nav #activelink {

	border-bottom:1px solid #d0d0d0;

	text-decoration: none;

	color: #d0d0d0;

	background-color: #db19da;

	font-family:verdana, arial;

	font-size:12px;

}



#nav_statistiken {

	overflow: auto;

}



/* statistik in Navi */ 

.nav_stats {

	border-top:1px solid #666666;

	border-bottom:1px solid #666666;

	text-decoration: none;

	display: block;

	padding: 4px;

	font-family:verdana, arial;

	font-size:12px;

	color:#666666;

}



/* unter Statistik */

#navi1 {

	background-color:#000000;

	width: 100%;

	min-height:80%;

	text-align:left;

	overflow: visible;

}



#navi_footer {

	padding:0;

	margin:0;

	width: 200px;

	text-align:center;

}



/* XHTML Button (mouseout) */

#valid-xhtml{

	text-decoration:none;

	border-top:1px solid #fff;

	border-left:1px solid #fff;

	border-bottom:1px solid #666463;

	border-right:1px solid #666463;	

	color:#666463;

	font-weight:bold;

	margin-left:25px;

	padding:0;

	float:left;

	height:15px;

	width:60px;

	background-color: #000000;

	display:block;

}



/* XHTML Button (mouseover) */

#valid-xhtml:hover{

	text-decoration:none;

	border-top:1px solid #666463;

	border-left:1px solid #666463;

	border-bottom:1px solid #d0d0d0;

	border-right:1px solid #d0d0d0;

	margin-left:25px;

	color:#333333;

	padding:0;

	background-color: #666463;

	height:15px;

	width:60px;

	display:block;

}



/* CSS Button (mouseout) */

#valid-css{

	text-decoration:none;

	border-top:1px solid #fff;

	border-left:1px solid #fff;

	border-bottom:1px solid #666463;

	border-right:1px solid #666463;	

	margin-right:25px;

	color:#666463;

	padding:0;

	font-weight:bold;

	float:right;

	background-color: #000000;

	height:15px;

	width:60px;

	display:block;

}



/* CSS Button (mouseover) */

#valid-css:hover{

	text-decoration:none;

	border-top:1px solid #666463;

	border-left:1px solid #666463;

	border-bottom:1px solid #d0d0d0;

	border-right:1px solid #d0d0d0;

	margin-right:25px;

	color:#333333;

	padding:0;

	background-color: #666463;

	height:15px;

	width:60px;

	display:block;

}





/**

*	Mainframe (Hauptbereich)

****************************************/

#main {

	margin-left:200px;

	padding:10px;

	width:auto;

	text-align:left;

	min-height:600px;

	font-size:12px;

	border-top:1px solid #d0d0d0;

}





/**

*	Navigation im Fuß der Seite (wird nur angezeigt wenn Kopf von Seite ausgeschalten)

****************************************/

#foot {

	font-size:10px;

	text-align:center;

	border-top: 1px solid #d0d0d0;

	background-color:#000000;

	padding:2px;

	width:946px;

	float:right

}





/**

*	Zitat 

****************************************/

#quote {

	background-color:#d0d0d0;

	padding:5px;

	border:1px solid #333333;

	color:#333333;

}



/* Zitat überschrift */

#quote_headline {

	padding-top: 10px;

	font-weight:bold;

	font-size:12px;

	font-style:italic;

}



/**

*	Formular 

****************************************/

input, textarea, select{

	padding-left:2px;

	border-width: 1px 2px 2px 1px;

	color: #333333;

	background-color:#ffffff;

}



textarea {

	width:590px;

	height:400px;

}



legend {

	color:#bcceda;

	font-weight:bold;

}





/*

*	Voraschaltseite

****************************************/

#vorschaltseite {

	margin:0px;

	padding:10px;

	background-color: #990000;

	text-align:center;

	background-image: url(images/bg_door.jpg);

	background-position:right;

	background-repeat:repeat-y;

	min-height:350px;

	border-top:1px solid #d0d0d0;

}





/*

*	Shop - vorschau

****************************************/

.preview_aussen {

	margin-top:15px;

	padding:5px;

	border:1px solid #d0d0d0;

	background-color:#000000;

	color:#d0d0d0;

}



.preview_aussen hr {

	border-top:none;

	border-left:none;

	border-right:none;

	border-bottom:1px solid #d0d0d0;

	height:1px;

}



.preview_aussen a {

	text-decoration: none;

	color: #ff0000;

}



.preview_aussen a:hover {

	text-decoration: none;

	color: #d0d0d0;

}



.preview_beschreibung {

	padding:5px;

	margin-left:265px;

	text-align:justify;

	min-height:210px;

}



.preview_beschreibung_edit {

	padding:5px;

	margin-left:265px;

	text-align:justify;

	min-height:210px;

}



.preview_image {

	width:250px;

	height:200px;

	border:1px solid #d0d0d0;

}



.preview_img {

	padding:5px;

	height:188px;

	width:250px;

	float:left;

}





/*

*	Shop - Kategorie

****************************************/

.cat_list {

	font-size:90%;

	border-top:1px solid #333333;

	border-right:1px solid #d0d0d0;

	border-bottom:1px solid #d0d0d0;

	border-left:1px solid #d0d0d0;

	background-color:#000000;

}



/* Link */

.cat_list a {

	text-decoration: none;

	color: #d0d0d0;

}



/* Link mouseover */

.cat_list a:hover {

	text-decoration: none;

	color: #990000;

}



.cat_list td, th {

	background-color:#000000;

	border-top:1px solid #d0d0d0;

	padding:4px;

	color:#d0d0d0;

}



.cat_list th {

	font-weight:bold;

}





/**

*	Login, Code aktivieren, Passwort vergessen

****************************************/

.login {

	margin:10px 0 0 0;

	padding-bottom:10px;

	background-color:#000000;

	border:1px solid #d0d0d0;

	color:#d0d0d0;

	min-height:170px;

}



.login a{

	color:#ff0000;

}



.login a:hover{

	color:#d0d0d0;

}



/**

*	Navigationsleiste (Kunden und Admin auf Kundenseite)  

****************************************/

.login_navi {

	font-size:15px;

	min-height:20px;

	border:1px solid #d0d0d0;

	padding:8px;

	background-color:#000000;

	color:#d0d0d0;

}





/* Link */

.login_navi a {

	text-decoration: none;

	color: #ff0000;

}



/* Link mouseover */

.login_navi a:hover {

	text-decoration: none;

	color: #d0d0d0;

}





/**

*	Fehler (so wird ein Fehler dargestellt)  

****************************************/

.fehler {

	height:auto;

	border:1px solid #CFCFCF;

	padding:8px;

	color:#ffffff;

	font-weight:bold;

	background-color:#FF5555;

	overflow: auto;

}





/**

*	Kein Fehler (so wird eine bestätigung dargestellt)  

****************************************/

.nofehler {

	height:auto;

	border:1px solid #CFCFCF;

	padding:8px;

	color:#333333;

	font-weight:bold;

	background-color:#00CE00;

	overflow: auto;

}



/* Link */

.nofehler a {

	text-decoration: none;

	color: #333333;

}



/* Link mouseover */

.nofehler a:hover {

	text-decoration: none;

	color: #ff0000;

}





/**

*	Bilderrotation

*/

#bilderrotation {

	margin-left:200px;

	width:auto;

	padding:10px 0 10px 0;

	border-top: 1px solid #d0d0d0;

	border-left: 1px solid #d0d0d0;

	background-color: #000000;

}



#bilderrotation_iframe {

	width:100%;

	height:142px;

}



.fototickerBox {

	height:155px;

	background-color: #000000;

}



/* Bild groesse und rahmen */

.fototickerBox img {

	border:1px solid #d0d0d0;

	width:160px;

	height:140px;

}



.fototickerBox a {

	position:absolute;

}



/*

*	Sonstiges

****************************************/

.box {

	background-color:#000000;

	color:#d0d0d0;

	border:1px solid #ffffff;

	padding:8px;

}



.admin_tables table {

	width:100%;

	padding:0px;

	margin:0px;

	border:0px;

	background-color:#d0d0d0;

}



.admin_tables td, th {

	font-size:13px;

}



.admin_table table {

	width:100%;

	padding:0px;

	margin:0px;

	border:0px;

}



.admin_table td, th {

	font-size:13px;

}



#small_red {

	color:#ff0000;

	font-size:9px;

}



#big_red {

	color:#ff0000;

	font-size:1.0em;

	font-weight:bold;

}



#small {

	font-size:9px;	

}



#kursiv_red {

	color:#ff0000;

	font-style:italic;

}



#kursiv_green {

	color:#008000;

	font-style:italic;

}



#left {

	text-align:left;

}





#justify {

	text-align:justify;

}





#reihe {

  float: right;

  width:270px;

  clear: both;

  padding:2px 0;

}





#label {

	padding-top:3px;

	float: left;

	width: 110px;

	text-align:right;

}



#feld {

  text-align: right;

  float: right;

  width: 150px;

} 



#knopf {

  clear: both;

  float:right;

  padding-top:5px;

  padding-right:20px;

  text-align: center;

}



#defbreite {

  width: 270px;

}



#edittext_reihe {

	width:100%;

	padding-top:15px;

}



#edittext_lable {

	font-weight:bold;

	width:100px;

	float:left;

	padding-right:7px;

	text-align:right;

}



#edittext_feld {

	width:auto;

}



.fileupload_reihe {

	width:100%;

	padding-top:10px;

}



.fileupload_lable {

	font-weight:bold;

	width:110px;

	float:left;

	padding-right:7px;

	text-align:right;

}



.fileupload_feld {

	width:auto;

}





.reg_reihe {

	width:100%;

	padding-top:15px;

}



.reg_lable {

	font-weight:bold;

	width:200px;

	float:left;

	padding-right:7px;

	text-align:right;

}



.reg_feld {

	width:auto;

}



#editsettings_reihe {

	width:100%;

	padding-top:15px;

}



#editsettings_lable {

	font-weight:bold;

	width:170px;

	float:left;

	padding-right:7px;

	text-align:right;

}



#editsettings_feld {

	width:auto;

}





.edit_file {

	padding:5px;

	height:200px;

	width:250px;

}



#td_members {

	background-color:#bcceda;

	padding:4px;

	margin:1px;

}



.member_list a {

	text-decoration: none;

	color: #333333;

}



.member_list a:hover {

	text-decoration: none;

	color: #ff0000;

}



.member_list td {

	background-color:#fff;

	padding:4px;

	margin:1px;

	color:#333333;

}



.member_list th {

	background-color:#fff;

	padding:4px;

	margin:1px;

	color:#333333;

	font-weight:bold;

}