body 
{
 font-size:12px;
 font-family: Verdana, Helvetica, Arial, sans-serif;
 background-color:#1c1b1b;
}
/*Links*/
a,
a:link
 {
  color:#ffffff;
  font-family: Verdana, Helvetica, Arial, sans-serif;
  font-weight:bold;    
  text-decoration: underline;
  font-size:11px;
}
a:active,
a:hover
 {
  color:#ffffff;
  font-family: Verdana, Helvetica, Arial, sans-serif;
  font-size:11px;  
  text-decoration: underline;
}


/*breite der gesamten seite*/
#frame {
  width: 970px; 
  border: 1px solid #444141;
  background: #000000;
}
/*header*/
#header {
  float: left;
  width: 970px;
  height: 125px;
}
/*floatet left und content*/
#main {
  float: left;
  width: 970px;
  background-color: #000000; 
  height: 350px; 
	background: url('images/leguan.png') no-repeat bottom left;
}
#mainAll {
  float: left;
  width: 970px;
  background-color: #000000;   
}

html>body #main { /* be nice to opera (&gekko) */
height: auto;
min-height: 350px;
}
/*content bereich*/
#content {
  width:950px;
  line-height: 18px;
  float: right;
  text-align: left;     
  color: #ffffff;
} 

/*footer der Seite*/
#footer {
  clear: both;
  background: #040404;
  height: 30px;
  border-top: 1px solid #444141;
}
#footerNavi {
  line-height: 28px;      
  color: #ffffff;
}

#footerNavi a{
  color: #ffffff;
}

#footerNavi a.active{
  color: #9b0066;
}

.contentMain {
  font-size: 11px;
  margin: 27px 5px 3px 15px;
}
.contentMain ul {
  list-style: square;
  margin-left: 15px;
  padding: 0;  
}

/*Spacer*/
.spacer-top {
  margin-top: 15px;
}

/*Text*/
h1 {font-size:14px;color:#ffffff;margin-bottom:14px;}
h2 {font-size:13px;color:#ffffff;margin-bottom:4px;}
h3 {font-size:12px;color:#ffffff;margin-bottom:4px;}
p {margin-top:0px;color: #ffffff}

h2 a,
h2 a:link,
h2 a:hover {
 font-size:13px;
 color:#ff0000;
 margin-bottom:4px;
}

#header h1 {
  size: 16px;  
  color: #ffffff;
}

/* RTE / Table styling */
.contenttable { border-collapse: collapse; margin:0px; padding: 0px; width: 430px;}
.contenttable TH { background: #c8c8c8;  font-size:11px;}
.contenttable TR TD {border: 0px #c8c8c8 solid; padding: 1px;font-size: 10px;padding: 0 3px;}
.contenttable TR TD P.bodytext { font-size: 12px; margin:2px 0; padding: 0px; }
.contenttable H1 {width: 90%; height: 22px; margin: 0px; padding: 4px 0px 0px 0px; font-size: 11px; color: #291B52}
.contenttable H2 {width: 90%; height: 22px; margin: 0px; padding: 4px 0px 0px 0px;font-size: 10px; color: #291B52}
.contenttable H3 {font-weight: bold;font-size: 11px; color: #000; margin: 0px;}

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

  
/* Top Navigation */
.header-nav {
width: 970px;
background-color: #ffffff;
}




/*image*/
.csc-textpic-imagewrap {
  border: 0px;
}

hr {
  background-color: #ff0000; /* Mozilla 1.4 */
  color: #ff0000; /* IE 6 */
  border: #ff0000; /* Opera 7.11 */
  height: 1px; /* in Opera für die Anzeige nötig, in Mozilla für die einheitliche Höhe */
}

hr.dotted {
  background-color: #4579B5; /* Mozilla 1.4 */
  color: #4579B5; /* IE 6 */
  border: #4579B5; /* Opera 7.11 */
  height: 1px; /* in Opera für die Anzeige nötig, in Mozilla für die einheitliche Höhe */
}
     
ul {
  list-style: none;
  margin: 0;
  padding: 0;
}                
img {
  border: 0px;
}
.csc-frame-frame1 { background-color: #fff; padding: 2px 4px 2px 4px; border: 1px solid #E13026; }
.csc-frame-frame2 { background-color: #7E9B7A; padding: 2px 4px 2px 4px; border: 1px solid #124E09; }
.csc-frame-rulerBefore, .csc-frame-rulerAfter {border-top: 1px solid #4579B5;}

.spacer-top, .clearer {
  margin: 0 0 30px 0;
  clear: both;
}


.align-right {
  text-align: right;
}


/* Mail form */
/* Formulare */
/* ---------- Fieldset---------------------------------------- */
.csc-mailform-submit {
      color: #000;
}
.csc-mailform-field {
      color: #000;
      border: 0px solid #B01217;
      margin-bottom: 3px;
}
.csc-mailform{
        border: 1px solid #D9D9D9;
        background: #000;
}

.csc-mailform input,
.csc-mailform textarea {
        border: 1px solid #c9c9c9;
}
fieldset {
  padding: 1em;
  font:80%/1 sans-serif;
  border:0px;
}

label {
  width: 12em;
  font-size: 12px;
  padding: 0px 10px 0px 10px;
  color: #ffffff;
  float: left;
  text-align: left;
  margin-right: 0.5em
  display: block;
}

input {
 margin-bottom: 0px;
 color: #000;
}

textarea {
	margin-bottom: 10px;  color: #000;
	width: 90%;
	height: 50px;
}

/* Navigation dropdown */
/* erste Ebene */
ul.menu, ul.menu ul {
	list-style-type: none;
}

ul.menu a {
	display: block;
	padding: 3px 9px 3px 10px;
	font-weight: normal;
	color: #000;
	font-weight: bold;
	text-decoration: none;
}


ul.menu li {
	padding: 0;
	margin: 0;
	float: left;
	background-color: #FFF9E4;
	border:1px solid #26383D;
	height: 20px;
}
ul.menu a.active {
	color: #9b0066;
}

ul.menu a:hover{
	color: #9b0066;
	text-decoration: none;
}

/* Für Unterpunkte keine Float-Eigenschaft */
ul.menu ul li {
	float:none;
	background-color: transparent;
	text-align: left;
}

/* Links auf Unterpunkten sollen die Hintergrundfarbe ändern */
/*ul.menu ul li.hover, 
ul.menu ul li:hover {
	background-color: #ee6ac1;
}
*/

/* Zweite Ebene */
ul.menu ul {
	margin:0;
	padding: 0;
	position: absolute;
	background-color: #ffffff;
	border: 0px solid #FFF9E4;
	display: none;
	width: 210px;
}

   /* Zweite Ebene anzeigen */
ul.menu li.hover ul, ul.menu li:hover ul  {
	display: block;
}

/* Dritte Ebene */
 ul.menu li.hover ul ul, ul.menu li:hover ul ul {
	display: none;
	margin-left: 150px; /* Breite eines Listenelements - Überlagerung */
	margin-top: -20px; /* Höhe eines Listenelements */
	}

   /* Dritte Ebene anzeigen */
ul.menu li.hover ul li.hover ul, ul.menu li:hover ul li:hover ul {
	display: block;
}


/* Vierte Ebene */
ul.menu li.hover ul li.hover ul ul, ul.menu li:hover ul li:hover ul ul {
	display: none;
}

   /* Vierte Ebene anzeigen */
ul.menu li.hover ul li.hover ul li.hover ul , ul.menu li:hover ul li:hover ul li:hover ul {
 display: block;
}