* {

	padding:0px;

	margin:0px;

}





body {

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

	background-repeat:no-repeat;

	background-position:center top;

	padding:0 0 20px 0;

	font-family:verdana,arial;

	font-size: 100.01%;

	color:#ff7007;

}



html, body {

	background-color: #000;

}





/* 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: 24px;

}



/* Ü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 , a:link, a:visited, a:active {

	color:#ffffff;

	text-decoration: none;

}



/* mouseover */

a:hover {

	color: #ff7007;

	text-decoration: none;

}





/**

*	Frames (Seitnaufbau)

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



/* Rahmen und hintergrund der seite */

#aussen {

	margin:0 auto;

	width:950px;

	height:auto;

	text-align:center;

	overflow:hidden;

    background-color: #000;

	/*

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

	background-position:center 411px;

	background-repeat:no-repeat;

	*/

}



/* Head (Kopf) */

#head {

	width: auto;

	height: 411px;

	text-align:right;

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

}



/*

*	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-right:1px solid #333333;

	border-bottom:1px solid #333333;

}



/* Online-Button - Link */

.online a {

	color:#333333;

}



/* Online-Button - Link - Mouseover */

.online a:hover {

	color:#ffffff;

}





/* Navigation */

#navi {

	float:left;

	width: 200px;

	text-align:left;

	padding-bottom:30px;

	margin-top:0;

}



.navi_head {

	vertical-align:top;

	padding-left:5px;

	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;

}



/* Text-Link in Navi */

#nav a {

	font-weight:bold;

	text-decoration: none;

	display: block;

	padding: 4px;

	font-family:verdana, arial;

	font-size:12px;

	color:#ff7007;	

}



/* besuchte Links in Navi */

#nav a:visited {

	text-decoration: none;

	display: block;

	font-family:verdana, arial;

	font-size:12px;

	color:#ff7007;

}



/* mouseover Links in Navi */

#nav a:hover {

	text-decoration: none;

	color: #ffffff;

	font-weight:bold;

	font-family:verdana, arial;

	font-size:12px;

	background-color: #ff7007;

}



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

#nav a:active {

	text-decoration: none;

	color: #ffffff;

	font-weight:bold;

	font-family:verdana, arial;

	font-size:12px;

}



/* aktuelle Seite in Navi */

#nav #activelink {

	text-decoration: none;

	color: #ffffff;

	font-weight:bold;

	background-color: #ff7007;

	font-family:verdana, arial;

	font-size:12px;

}



#nav_statistiken {

	overflow: auto;

}



/* statistik in Navi */ 

.nav_stats {

	text-decoration: none;

	display: block;

	padding: 4px;

	font-family:verdana, arial;

	font-size:12px;

	color:#ff7007;

    /*background-color:#ffffff;*/

}



/* unter Statistik */

#navi1 {

	/*background-color:#ff2e2e;*/

	width: 100%;

	min-height:80%;

	text-align:left;

	overflow: visible;

}





/* Wortwolke unter der Navi (Tag-Cloud) */

.tagcloud {

	background-color:#000000;

}



.tagcloud a, .tagcloud a:link, .tagcloud a:visited, .tagcloud a:active {

	color:#ff7007;

}



.tagcloud a:hover {

	text-decoration:underline;

}







/**

*	Mainframe (Hauptbereich)

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

#main {

	margin-left:200px;

	padding:10px;

	width:auto;

	text-align:left;

	min-height:600px;

	font-size:12px;

}





/**

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

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

#foot {

	font-size:10px;

	text-align:center;

	padding:2px;

	margin-left:200px;

	width:750px;

	float:right;

}



#foot a , #foot a:link, #foot a:visited, #foot a:active {

	color:#ff7007;

	text-decoration: none;

}



/* mouseover */

#foot a:hover {

	color: #ffffff;

	text-decoration: none;

}



/**

*	Formular 

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

input, textarea, select{

	padding-left:2px;

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

	color: #FF7007;

	background-color:#ffffff;

}



textarea {

	width:590px;

	height:400px;

}



legend {

	color:#bcceda;

	font-weight:bold;

}





/*

*	Voraschaltseite

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

#vorschaltseite {

	margin:0px;

	padding:10px;

	text-align:center;

	min-height:350px;

	color:#990000;

}



#vorschaltseite a {

	color:#990000;

}





#vorschaltseite a:hover {

	color:#ff7007;

}









/*

*	Shop - vorschau

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

.preview_aussen {

	margin-top:15px;

	padding:5px;

	border:1px solid #990000;

	background-color:#fff;

	color:#990000;

}



.preview_aussen hr {

	border-top:none;

	border-left:none;

	border-right:none;

	border-bottom:1px solid #990000;

	height:1px;

}



.preview_aussen a {

	text-decoration: none;

	color: #990000;

}



.preview_aussen a:hover {

	text-decoration: none;

	color: #000000;

}



.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 #990000;

}



.preview_img {

	padding:5px;

	height:188px;

	width:250px;

	float:left;

}





/*

*	Shop - Kategorie

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

.cat_list {

	font-size:90%;

	border-top:1px solid #a48a79;

	border-right:1px solid #990000;

	border-bottom:1px solid #990000;

	border-left:1px solid #990000;

	background-color:#a48a79;

}



/* Link */

.cat_list a {

	text-decoration: none;

	color: #6600cc;

}



/* Link mouseover */

.cat_list a:hover {

	text-decoration: none;

	color: #000000;

}



.cat_list td, th {

	background-color:#bba597;

	border:1px solid #990000;

	padding:4px;

	color:#000000;

}



.cat_list th {

	font-weight:bold;

}





/**

*	Login, Code aktivieren, Passwort vergessen

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

.login {

	margin:10px 0 0 0;

	padding-bottom:10px;

	background-color:#fff;

	border: 1px solid #ff7007;

	color:#000000;

	padding:8px;

}



.login a{

	color:#ff7007;

}



.login a:hover{

	color:#000000;

}



/**

*	Navigationsleiste (Kunden und Admin auf Kundenseite)  

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

.login_navi {

	margin-bottom:20px;

	border:1px solid #ff7007;

	font-size:12px;

	min-height:40px;

	color:#FF7007;

}



.login_navi .a {

    margin-bottom:2px;

    text-align:left;

    font-weight:bold;

}



.login_navi .b {

    margin-bottom:5px;

    text-align:left;

}



.login_navi .c {

    text-align:left;

}



.login_navi .b img {

    float:left;

}



.login_navi .b a {

    text-align:left;

    margin-left:35px;

    display: block;

    padding:10px 0;

}



.login_navi .hello {

    font-weight:bold;

    display: block;

    padding-bottom:10px;

    text-align:center;

}





.login_navi #sign_chat a {

    padding:2px 0;

    margin:0;

}



/* Link */

.login_navi a {

	text-decoration: none;

	color: #FF7007;

}



/* Link mouseover */

.login_navi a:hover {

	text-decoration: none;

	color:#fff;

}





/**

*	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:0 0 10px 0;

	background-color: #000000;

}



#bilderrotation_iframe {

	width:100%;

	height:122px;

}



.fototickerBox {

	height:155px;

	background-color: #000;

}



/* Bild groesse und rahmen */

.fototickerBox img {

	border:1px solid #ff7007;

	width:160px;

	height:120px;

}



.fototickerBox a {

	position:absolute;

}



/*

*	Sonstiges

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

.box {

	border:1px solid #ff7007;

	background-color:#000;

	color:#ff7007;

	padding:8px;

}



.box a , .box a:link, .box a:visited, .box a:active {

	color:#ffffff;

	text-decoration: none;

}



/* mouseover */

.box a:hover {

	color:#ff7007;

	text-decoration: none;

}





.admin_tables table {

	width:100%;

	padding:0px;

	margin:0px;

	border:0px;

	background-color:#cfcfcf;

}



.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;

}
